/*

	// -------------------------------------------------------------- //
	// common.css
	
	// font: style variant weight size/line family generic;
	// 			serif, sans-serif, monospace, cursive, fantasy
	// Windows	Arial Courier New, Georgia, Times New Roman,
				Verdana, Trebuchet MS, Lucida Sans, Comic Sans
	// OS X		Verdana, Times, Helvetica

*/

/* this is not implimented in most browsers 
@font-face {
	font-family: 'Kimberley';
	src: url('http://www.princexml.com/fonts/larabie/kimberle.ttf') format('truetype');
	src: url('../img/kimberle.ttf') format('truetype');
}

box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
*/

/* resets
html, body, div, h1, h2, h3, h4, h5, h6, p,
blockquote, cite, q, abbr, acronym, dfn, bdo,
table, caption, thead, tfoot, tbody, tr, th, td, col,
big, small, sub, sup, strike, strong, em, a,
span, del, ins, pre, code, samp, kbd, var, tt,
iframe, object, param, script, noscript, area, map,
dl, dt, dd, ol, ul, li, img, br, hr, address,
b, u, i, s, center, strike, font, applet,
form, fieldset, label, legend, input, textarea, select,
button, option, optgroup {} */
* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	
	vertical-align: baseline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}
html, body {}
body {}
table {
	margin: 10px;
	border: none;
	border-collapse: separate;
	border-spacing: 3px;
}
caption,
thead {font-weight: bold;}
caption {margin: 10px;}
thead  {}
tfoot {}
tbody {}
tr {}
th, td {
	padding: 1px 3px 2px 3px;
	border: 1px solid #333;
	
	vertical-align: top;
}
th {
	border: none;
	
	vertical-align: middle;
	text-align: center;
}
thead th, thead td {
	padding: 0 3px 3px 3px;
	
	vertical-align: middle;
}
tfoot td {font-size: .8em;}
tbody tr {}
tbody tr:hover td {background: #333;}
tbody tr.alt:hover td {background: #e3e3e3;}
tbody tr td:hover {background: #333;}


.product tbody tr:hover td {background: none;}
.product tbody tr.alt:hover td {background: none;}
.product tbody tr td:hover {background: none;}

p, address {margin: 10px;}
p {/* max-width: 35em; */}
h1, h2 {margin: 10px;} 
h3, h4, h5, h6 {margin: 0 9px 2px 9px;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; line-height: 100%;}
h1 {font-size: 2.5em;}
h2 {font-size: 2em;}
h3 {font-size: 1.75em; line-height: 120%;}
h4 {font-size: 1.50em;}
h5 {font-size: 1.25em;}
h6 {font-size: 1em;}
ol, ul, dl {
	margin: 10px 10px 5px 8px;
	overflow: auto;
}
ul {}
ol {margin-left: 8px;}
dl {margin-left: 11px;}
li {
	margin: 0 0 5px 23px;
	
	text-indent: -15px;
}
ul li {list-style: none inside url('../img/cms/ul_li.png');}
ol li {
	margin-left: 2.5em;
	
	list-style-type: decimal-leading-zero;
	list-style: decimal outside none;
	text-indent: 0;
}
ul ul {margin-left: -1px;}
dt, dd {margin: 0 5px 5px 0;}
dt {
	float: left;
	margin-bottom: 0;
	
	font-weight: bold;
}
dt:after {content: ':';}
dd {margin-left: 0px;}
a {
	text-decoration: underline;
	font-family: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}
a:link {}
a:visited {}
a:hover,
a:active {color: inherit;}
	a:link * {}
	a:visited * {}
	a:hover *,
	a:active * {color: inherit;}
	a img {margin-bottom: 0px;}
	a:link img {}
	a:visited img {}
	a:hover img,
	a:active img {border-color: #444;}
span,
strong,
em {
	font-style: inherit;
	font-weight: inherit;
}
strong {font-weight: bold;}
em {font-style: italic;}
del {text-decoration: line-through;}
ins {
	border-bottom: 1px dotted #666;

	text-decoration: none;
}
cite {font-style: italic;}
cite:before {}
q {}
q:before {content: open-quote;}
q:after {content: close-quote;}
blockquote {
	margin: 10px 16px;
	padding: 0 22px 2px 22px;
	background: url('../img/cms/quote_close.png') no-repeat scroll right bottom;
}
blockquote > * {margin-bottom: 0;}
blockquote > *:first-child {
	margin-left: -22px;
	padding-left: 32px;
	background: url('../img/cms/quote_open.png') no-repeat scroll 0 0;
}
abbr, acronym {border-bottom: 1px dotted;}
pre {
	margin: 20px;
	padding: 0 15px 15px 15px;
	border: 1px solid #444;
	background: url('../img/cms/bg_code.png') repeat scroll 0 0;
	overflow: auto;
	
	line-height: 1.25em;
}
pre code {
	padding-right: 15px;
	overflow: visible;
}
pre code:first-line {background: olive;}
code {
	font-family: "Courier New", Courier, monospace !important;
	line-height: 1em;
	color: #555;
}

/* forms */
form {
	padding: 5px;
	background-color: #333;
	overflow: auto;
}
label {}
input,
textarea,
select {
	border: 2px inset #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #eee;
	
	color: #000;
}
input {padding: 1px 3px 2px 3px;}
select {}
input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus {background: #fff;}
textarea {padding: 1px;}
select {padding: 0;}
option {
	padding: 0 0 1px 2px;
	color: #333;
}
option[disabled] {
	background: #fff;
	color: #999;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="image"] {
	border-style: outset;
	background: #c0c0c0;
	
	cursor: pointer;
}
input[type="submit"],
input[type="reset"] {padding: 0 1px 0 0;}
input[type="button"] {padding: 0;}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="image"]:hover {background: #ccc;}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {border-style: inset;}
input[type="image"] {
	padding: 0;
	border: none;
	background: none;
}
input[type="checkbox"],
input[type="radio"] {
	position: relative;
	top: 2px;
	margin: -2px 1px 2px 0;
}
input[type="radio"] {margin-bottom: 0;}
input[type="file"] {}
*[disabled],
*[disabled]:hover {background: #999 !important;}
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled] {border-style: outset;}
img {
	display: inline-block;
	
	font-style: italic;
}
hr {
	clear: both;
	height: 2px;
	margin: 10px;
	border-top: 2px solid #666;
}
:focus {
	outline: none;
	-moz-outline-style: none;
}
::selection,
::-moz-selection {
	background: #333;
	
	color: #666;
}

/* classes */
.fl {float: left;}
.fr {float: right;}
.fc {clear: both;}

.jl, .jl * {text-align: left;}
.jr, .jr * {text-align: right;}
.jc, .jc * {text-align: center;}
.jj, .jj * {text-align: justify;}

.sn {font-weight: normal;}
.sb {font-weight: bold;}
.si {font-style: italic;}

.w100 {width: 100%;}
.w50 {width: 50%;}
.w45 {width: 45%;}
.w40 {width: 40%;}
.w35 {width: 35%;}
.w33 {width: 33%;}
.w25 {width: 25%;}

.labels {display: none;}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	margin: 0 0 -1px 0;
	padding: 0;
	background: #000;
	opacity: 0.5;
}

.column {
	float: left;
	margin: 10px 0;
}
.column li {
	list-style: none;
	margin: 0 0 0 10px;
	
	text-indent: 0;	
}

.scroll {
	padding: 2px;
	border: 1px solid #666;
}
.scroll > * {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.callout {
	margin: 0 20px 10px 10px;
	padding: 0 20px 0 20px;	
	/* background: url('../img/cms/callout.png') no-repeat scroll left top; */
	
	text-align: center;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	line-height: 100%;
}
.callout:before {content: open-quote;}
.callout:after {content: close-quote;}

/* wordpress */
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft, .alignright {clear: both;}
.alignleft {
	float: left;
	margin: 0 12px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 12px;
}
.wp-caption {
	margin: 10px;
	padding: 10px;
	background: #ccc;
	border: 1px solid #666;
	
	text-align: center;
}