@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#D7182A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-width:923px;
	overflow:auto;
}

a:focus, a:hover, a:active { 
	outline:none 
}

img{
	border:0;
	margin:0;
	padding:0;
}

a{
	color:#D7182A;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}

p{
	line-height:18px;
	padding:0;
	margin:12px 0 4px 0;
}

h2{
	float:left;
	text-align:left;
	color:#FFFFFF;
	margin:0;
	padding:6px 0 0 45px;
	height:27px;
	font-size:18px;
	background:url(../images/paw.png) 10px 5px no-repeat #D7182A;
	width:477px;
}

h3{
	background-color:#E0E0E0;
	color:#000000;
	margin:0;
	padding:8px 0 0 0;
	height:23px;
	border-bottom:2px solid #D7182A;
	font-size:14px;
	width:223px;
	text-align:center;
}

h4{
	color:#000000;
	margin:0;
	padding:0 0 5px 0;
	margin:15px 0 0 0;
	border-bottom:2px solid #D7182A;
	font-size:14px;
}

hr {
	background:#FFFFFF;
	margin: 8px 0 0 0;
	height: 0px;
	border: solid 1px #D7182A;
}

address{
	font-size:10px;
	margin:0 0 20px 0;
}

#wrapper{
	float:left;
	width:100%;
	text-align:center;
	background:url(../images/body.jpg) top center no-repeat #FFFFFF;
}

#header{
	margin:0 auto;
	width:850px;
	text-align:left;
}

.logo{
	height:115px;
	width:263px;
	margin:0 0 116px 0;
	padding:0;
	background:url(../images/logo.png);
}

.logo span{
	display:none;
}

#nav{
	margin:0 auto;
	padding:0;
	width:850px;
	height:46px;
	text-align:left;
}

#nav ul{
	float:right;
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	float:left;
	padding:10px 1px 20px 1px;
	height:16px;
	background:url(../images/li-mid.png) repeat-x;
	text-decoration:none;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;
}

#nav ul li a:hover{
	padding:8px 1px 22px 1px;
}

.li-left{
	float:left;
	height:46px;
	width:8px;
	background:url(../images/li-corners.png) left no-repeat;
	margin:0 0 0 5px;
}

.li-right{
	float:left;
	height:46px;
	width:8px;
	background:url(../images/li-right.png) left no-repeat;
}

.link-img{
	float:left;
}

#container{
	margin:0 auto 0 auto;
	padding:0;
	width:923px;
}

#content{
	float:left;
	width:923px;
	margin:0;
	padding:0 0 20px 0;
	background:url(../images/body-bg.png) no-repeat;
}

.pad-div{
	float:left;
	margin:0;
	padding:20px 20px 0 20px;
	text-align:justify;
}

.pad-div ol, .pad-div ul{
	margin:0 0 0 20px;
	padding:0;
}
	
#left-column{
	display:inline;
	float:left;
	margin:12px 0 0 37px;
	padding:0;
	width:263px;
}

#right-column{
	display:inline;
	float:left;
	margin:12px 0 0 25px;
	padding:0;
	width:562px;
}

#para{
	margin:6px 0 0 0;
	float:left;
	width:260px;
	text-align:justify;
}

#para img{
	margin:10px 0 0 0;
}

#wide-para{
	margin:6px 0 0 0;
	float:left;
	text-align:justify;
	width:518px;
}

#home-column{
	display:inline;
	float:left;
	width:241px;
	margin:20px 0 0 21px;
}

.genius{
	background-color:#E0E0E0;
	margin:0 0 20px 0;
}

.player{
	margin:10px 0 0 10px;
	float:left;
}

.genius img{
	margin:10px 0 0 0;
}

.genius p{
	text-align:left;
	padding:10px;
	margin-top:0;
}

#installation{
	background-color:#E0E0E0;
	margin:14px 0 0 0;
	float:left;
}

#installation ul{
	margin:0;
	padding:0;
	text-align:left;
}

#installation ul li{
	float:left;
	list-style-type:none;
}

#installation ul li a{
	float:left;
	width:214px;
	padding:3px 0 3px 10px;
	border-top:solid 1px #FFFFFF;
	background-color:#E0E0E0;
	font-weight:normal;
	text-decoration:none;
}

#installation ul li a:hover{
	background-color:#D7182A;
	color:#FFFFFF;
	padding:3px 0 3px 30px;
	width:194px;
}

#select-container{
	margin-top:0px;
}

#select-container span{
	float:left;
	margin:5px 0;
}

#select-container img{
	display:inline;
	margin:5px 0;
}

#select-container form{
	float:right;
}

#footer{
	float:left;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	border-top:2px solid #9B111E;
}

#footer p{
	margin:3px 0 3px 0;
}

#footer a{
	color:#FFFFFF;
}

.install{
	background:url(../images/tools.png) 20px 3px no-repeat;
	text-align:right;
	padding-right:20px;
	width:auto;
}

.auto{
	width:auto;
}

.left{
	float:left;
	width:150px;
	text-align:right;
	padding:5px 0 5px 0;
}

.Actions{
	float:right;
}

#Form_Form{
	display:inline;
}

.middleColumn{
	float:left;
	width:368px;
	margin:0 0 10px 0;
}

.field input{
	margin:0;
	float:right;
	width:358px;
	height:20px;
	border:solid 1px #D7182A;
}

textarea{
	margin:0;
	float:right;
	width:358px;
	border:solid 1px #D7182A;
	overflow:auto;
}

.message{
	float:right;
}

.action{
	float:left;
}
 
fieldset{
	border:0;
	margin:15px 0 0 0;
	padding:0;
	float:left;
	width:521px;
}

.FormHeading{
	float:left;
	margin:0 0 20px 0;
}

#map_canvas{
	float:left;
	height:300px;
	width:516px;
	margin:15px 0 0 0;
	border:solid 1px #D7182A;
}

/*ECOMMERCE STUFF*/

.productContent{
	float:left;
	text-align:left;
	display:inline;
	margin:10px 0 0 0;
}

.product_summary{
	float:left;
	text-align:left;
	display:inline;
	margin:10px 0 0 0;
}

#Breadcrumbs{
	float:left;
	display:inline;
	background-color:#E0E0E0;
	text-align:left;
	margin:10px 0 0 0;
	padding:5px;
	width:508px;
}

#Breadcrumbs p{
	margin:0;
	padding:0;
}

#product-image{
	float:right;
	padding:10px;
	background-color:#E0E0E0;
	margin:0 4px 0 10px;
	width:200px;
	display:inline;
}

.left-img{
float:left;
}

.right-img{
float:right;
}

.details{
	float:left;
	width:200px;
	height:20px;
	text-align:center;
	color:#FFFFFF;
	background:#D7182A;
	font-size:14px;
	padding:3px 0 0 0;
	margin:6px 0 0 0;
}

.details2{
	float:left;
	width:287px;
	height:20px;
	text-align:center;
	color:#FFFFFF;
	background:#D7182A;
	font-size:14px;
	padding:3px 0 0 0;
	margin:2px 0 0 0;
}

.left-span{
	float:left;
	text-align:right;
	font-weight:bold;
	width:100px;
	padding:5px 0 5px 0;
}

.right-span{
	float:left;
	text-align:left;
	width:177px;
	margin:0 0 0 10px;
	padding:5px 0 5px 0;
}

.left-span1{
	float:left;
	width:70px;
	height:20px;
	text-align:center;
	color:#000000;
	padding:3px 0 0 0;
	background:#F4F4F4;
	text-align:right;
}
.right-span1{
	float:right;
	width:120px;
	height:20px;
	text-align:center;
	color:#000000;
	padding:3px 0 0 10px;
	background:#F4F4F4;
	text-align:left;
}

.left-span2{
	float:left;
	width:70px;
	height:20px;
	text-align:center;
	color:#000000;
	padding:3px 0 0 0;
	background:#FFFFFF;
	text-align:right;
}
.right-span2{
	float:right;
	width:120px;
	height:20px;
	text-align:center;
	color:#000000;
	padding:3px 0 0 10px;
	background:#FFFFFF;
	text-align:left;
}

.wrapper{
	float:left;
	width:287px;
}

.install-a{
	float:left;
	background: url(../images/tools.png) 10px 1px no-repeat;
	text-align:right;
	width:auto;
	border:solid 1px #D7182A;
	padding:7px 20px 7px 45px;
	margin:10px 0 0 0;
}

.install-a:hover{
	text-decoration:none;
	border:solid 2px #D7182A;
	padding:6px 19px 6px 44px;
	background: url(../images/tools.png) 9px 0px no-repeat;
}


#products-menu{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	background-color:#E0E0E0;
	float:left;
	width:222px;
}

ul.ProductList{
	margin:0;
	padding:0;
	float:left;
}

.productItem{
	background:#E0E0E0;
	border-bottom:5px solid #D7182A;
	list-style-type:none;
	margin:0 0 10px 0;
	float:left;
	padding:10px;
}

.productItem img{
	float:left;
	padding:0;
	margin:0 10px 0 0;
	height:100px;
	width:140px;
}

.productItem span{
	float:left;
	padding:0;
	margin:0 0 10px 0;
	width:347px;
	border-bottom:2px solid #D7182A;
}

.productItem span a{
	font-size:16px;
}

.productItem span a:hover{
	text-decoration:none;
}


.productItem p{
	float:left;
	padding:0;
	margin:0;
	width:347px;
}

.typography{
	float:left;
}

.none{
	display:none;
}

/*MULTI LEVEL MENU*/

#products-menu {
  width: 222px;          /* menu width */
}

#products-menu ul {
  background-color: #E0E0E0;
  padding:0;             /* no padding */
  margin:0;              /* no margin for IE either */
  list-style-type:none;
}

#products-menu ul li {
  margin: 0;
  padding: 0;
  background-color: #E0E0E0;
  display:block;
  border-top: 1px solid white; /* lines */
}

#products-menu ul li a {
  display: block;         /* lines extend to right, make area clickable */
  background-color: #E0E0E0;
  padding: 3px 3px 3px 23px;
  margin:0;
  height:15px;
  font-size:14px;
}

#products-menu ul ul li a {
  margin-left: 20px;     /* indent level 1 */
  background:url(../images/tree.png) left no-repeat;
  font-size:12px;
}

#products-menu ul ul ul li a {
  margin-left: 40px;     /* indent level 2 */
  font-size:12px;
  font-weight:normal;
}

#products-menu ul ul ul ul li a {
  margin-left: 60px;     /* indent level 2 */
  font-size:11px;
}

/*ALL DONE*/

#Menu2{
	background-color: #E0E0E0;
  padding:0;             /* no padding */
  margin:10px 0 0 0;              /* no margin for IE either */
  list-style-type:none;
}

#Menu2 li{
	margin: 0;
  padding: 0;
  background-color: #E0E0E0;
  display:block;
  border-top: 1px solid white; /* lines */
}

#Menu2 li a{
	display: block;         /* lines extend to right, make area clickable */
	background-color: #E0E0E0;
  padding: 3px 3px 3px 23px;
  margin:0;
  height:15px;
  font-size:14px;
}

#Menu2 li a.current{
	background-color:#ECECEC;
}






