body {font-family: Arial;}

/* PAGE STRUCTURE */
#WrapperHeader {background-color: #CC0000; width: 100%; height: 70px;}
#WrapperNav {background-color: #CC0000; width: 100%; height: 25px; background-image: url('../images/button_ground.gif'); background-repeat: repeat-x;}
#WrapperBody {width: 804px;}
#WrapperBodyHome {width: 100%; background-image: url('../images/cover_ground.jpg'); background-repeat: repeat-x;}
#WrapperSidebar {width: 150px; float: left;}
#WrapperContent {float: left; width: 650px; border-right: 1px solid #CCC;border-left: 1px solid #CCC;}
#WrapperBreadcrumb {margin: 10px 20px;}
#ProductColumn01 {width: 300px; float: left; margin: 0px 20px 20px 20px;}
#WrapperFooter {border-top: 1px solid #CCC; clear: both; color: #333; height: 60px;}


/* HOME PAGE SHOP LINK */
#shopLink		{ position: absolute; top: 348px; left: 400px; }

/* ELEMENT POSITIONING */
.logo {float: left;}
.tagline {float: right;}


/* NAV */
ul.nav li {float: left;}

ul.nav li a {text-decoration: none; color: #FFF; font-size: 11px; font-family: Arial Narrow; text-transform: uppercase;}
ul.nav li.nav01, ul.nav li.nav02, ul.nav li.nav03, ul.nav li.nav04, ul.nav li.nav05 {height: 23px; text-align: center; padding-top: 3px;}
ul.nav li.nav01 a, ul.nav li.nav02 a, ul.nav li.nav03 a, ul.nav li.nav04 a, ul.nav li.nav05 a {padding: 5px 38px 6px; border-right: 1px solid #FF6666;}
ul.nav li.nav01 a:hover, ul.nav li.nav02 a:hover, ul.nav li.nav03 a:hover, ul.nav li.nav04 a:hover, ul.nav li.nav05 a:hover {background-color: #e23027;}
ul.nav .Current {background-color: #e23027;}


/* SIDEBAR */
#WrapperSidebar h1 {font-size: 11px; text-transform: uppercase; color: #333; margin: 10px 10px;}
#WrapperSidebar ul {font-size: 11px;}
#WrapperSidebar ul li {padding: 5px 0px 5px 10px; border-top: 1px solid #CCC;}
#WrapperSidebar ul li.last {border-bottom: 1px solid #CCC;}
#WrapperSidebar ul li a {text-decoration: none; color: #CC0000;}
#WrapperSidebar ul li a:hover {color: #333; font-weight: bold;}
#WrapperSidebar ul li.current {color: #333; font-weight: bold; background-color: #fceaea;}
#WrapperSidebar ul li.current a {color:#333; }


/* Breadcrumb */
#WrapperBreadcrumb {color: #333; font-size: 11px; text-transform: uppercase;}
#WrapperBreadcrumb.nonProduct {color: #333; font-size: 11px; text-transform: capitalize;}
#WrapperBreadcrumb a {text-decoration: none; color: #CC0000; text-transform: capitalize;}
#WrapperBreadcrumb a:hover {border-bottom: 1px dotted #CC0000;}


/* Content */
.banner {margin: 0px 20px 10px 20px;}
.ProductImage {margin: 0px 20px 10px 20px; float: left;}
#WrapperContent p {margin: 10px 20px; font-size: 11px; color: #333;}
#WrapperContent p.ProductDesc {margin: 10px 20px 10px 405px;; font-size: 11px; color: #333;}
#WrapperContent h1 {font-size: 24px; color: #CC0000; padding-top: 10px; border-top: 3px solid #CCC; font-weight: normal; margin: 30px 20px 20px 20px;}
#WrapperContent h2 {margin: 10px 20px 10px 405px; margin: 0px; text-transform: uppercase; font-size: 11px; font-weight: bold; color: #CC0000;}
#WrapperContent p.ProductDesc a.installImg {text-decoration: none; color: #CC0000; text-transform: uppercase; font-weight: bold;}
#WrapperContent p.ProductDesc a:hover.installImg {color: #000; text-decoration: underline;}
#WrapperContent ul {margin: 10px 20px; font-size: 11px;}
#WrapperContent ul li {margin-bottom: 5px;}
#formRightCol {width: 180px; float: right; margin: 10px 20px; font-size: 11px;}


/* Product Column */
#ProductColumn01 h1, #ProductColumn02 h1 {font-size: 11px; border: none; margin: 0px; font-weight: bold; padding: 0px;}
#ProductColumn01 p, #ProductColumn02 p {margin: 0px; padding: 0px;}
#ProductThumb {width: 300px; float: left; margin-bottom: 30px;}
#ProductThumb img {margin-right: 10px; float: left;}

/* Footer */
#WrapperFooter ul {margin: 10px 0px; font-size: 11px;}
#WrapperFooter ul li {float: left; margin: 0px 10px;}
#WrapperFooter ul li a {text-decoration: none; color: #333;}
#WrapperFooter ul li a:hover {border-bottom: 1px dotted #333;}

/* Form */
/* CLEAN FORM
/////////////////////////////*/

/* General */

form {
	font-size:11px;
	width:390px;
	color:#1b1b1b;
	text-align:left;
	margin: 10px 0px 10px 20px;
	float: left;
}

/* Elements */

form  label,form legend{
	padding:0;
	margin:0.3em 0
}

form fieldset{
	padding:0.7em;
	border:1px solid #ddd;
	margin:0 0 0.5em 0
}

form label {
    font-weight:bold
}

form fieldset input {
    width:70%;
    line-height:1.5em;
	padding:0.15em
}

form .radio input,
form .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

form input, form textarea, form select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

form .radio label, form .radio input,
form .checkbox label, form .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

form .radio input, form .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

form button {
	margin:0.3em 0;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em;
	float: right;
}

form button:hover {
	background-color:#e6efc2;
	border:1px solid #c6d880;
	color:#529214
}

form button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

form .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
}

form .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

form .formInfo p{
	text-align:justify
}

form .required {
	color:#ff3838;
	font-weight:bold;
	font-size:0.8em
}

input[type="hidden"] {
 	display:none;
}
p.message-box.ok {width: 390px;}