@charset "utf-8";
/* CSS Document */

html, body{ height:100%; } /* For vertical centering */
body{
	text-align:center;
	margin:0;
	padding:0;
	background:#FFF;
}
body, th, td{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#757575;
}

form{ margin:0; padding:0; }
img{ border:none; }
table{ border-collapse:collapse; }
h1, h2, h3, h4{ }

/* General Links */
a:link {
	text-decoration: underline;
	color: #223238;
}
a:visited {
	text-decoration: underline;
	color: #223238;
}
a:hover {
	text-decoration: underline;
	color:#345b6a;
}
a:active {
	text-decoration: underline;
}

/* Forms */
label{ cursor:pointer; }

input.text,
select,
textarea{
	width:300px;
	border:#666 solid 1px;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFFFFF !important;
	color:#000;
}
select{ width:304px; } /* make up for textfield padding */

.form_table th{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}
.form_table td{
	text-align:left;
	vertical-align:top;
}

/* Structure */

#container{
	background:url(../../images/structure/bluebkg_repeat.jpg) top left repeat-x;
}
#container_inner{
	background:#FFF;
	border:#647678 solid;
	border-width:0 1px;
	width:800px;
	margin:0 auto;
}

#topnav{
	background:url(../../images/structure/nav_repeat.jpg) top left repeat-x;
	height:33px;
	/*border-top:#647678 solid 1px;*/
}
#topnav a{ padding:0 10px; }

#container_content{
	background:url(../../images/structure/nav_under_repeat.jpg) top left repeat-x #5e6f70;
	padding:10px 0;
}
#faux_col{ background:url(../../images/structure/nav_faux_col.jpg) top left repeat-y; }
#content{
	background:url(../../images/structure/content_top_repeat.jpg) top left repeat-x #FFF;
	padding:20px 0;
	text-align:left;
}
#content h1:first-child,
#content h2:first-child,
#content h3:first-child{ margin-top:0; padding-top:0; }
#content.with_sidebar{
	margin-left:200px;
}
#content .pad{
	padding:0 20px;
}

#sidebar{
	background:url(../../images/structure/sidebar_top_repeat.jpg) top left repeat-x #223238;
	padding:20px 0;
	color:#c1c1c1;
	float:left;
	width:200px;
	text-align:left;
}
#sidebar a{
	color:#CCC;
	text-decoration:none;
}
#sidebar a:hover{
	color:#FFF;
	text-decoration:underline;
}
#sidebar h1:first-child,
#sidebar h2:first-child,
#sidebar h3:first-child{ margin-top:0; padding-top:0; }
#sidebar .pad{
	padding:0 10px;
}
#sidebar h3{
	color:#FFF;
	font-style:italic;
}
	

#footer{
	margin:10px;
	color:#CCC;
}
#bottomnav{
	color:#FFF;
	margin:0 auto 6px;
}
#bottomnav a{
	padding:0 6px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}
#bottomnav a:hover{ text-decoration:underline; }

/* Common */
.ok{ color:#060; font-weight:bold; }
.notok{ color:#900; font-weight:bold; }
.warning{ color:#C90; font-weight:bold; }
div.ok, 
div.notok,
div.warning{
	margin:10px;
	padding:6px;
	text-align:left;
	font-weight:normal;
}
div.ok{
	background-color:#DFFFDF;
	border:#060 dashed 1px;
}
div.notok{
	background-color:#FFEAEA;
	border:#900 dashed 1px;
}
div.warning{
	background-color:#FFC;
	border:#C90 dashed 1px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.thumb{
	text-align:center;
}
div.thumb a,
a.thumb{
	display:inline-block;
	padding:6px;
	background:#000;
	border:1px #804000 solid;
}
div.thumb a:hover,
a.thumb:hover{
	background:#442200;
}


/* Products */
ul#product_list{ margin:0; padding:0; list-style-type:none; }
ul#product_list li{
	padding:0;
	margin:6px 0;
	font-weight:bold;
}

#product_dealers{
	border:#72d9ec dashed 1px;
	margin:20px;
	padding:10px;
	background:#e2f7fc;
}
#product_dealers li{ margin:14px auto; }

/* Dealers */
div.dealer{
	border:#CCC solid 1px;
	margin:6px 0;
	padding:6px;
}
div.dealer li{ margin:6px auto; }
div.dealer .leftcol,
div.dealer .rightcol{
	text-align:left;
	vertical-align:top;
}
div.dealer .leftcol{
	border-right:#CCC solid 1px;
	padding-right:12px;
	width:50%;
}
div.dealer .rightcol{ padding-left:12px; }
