/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #cc0001 repeat-x top;
	color: #000000;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif
}
a{
	color: #cc0000;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #aaaaaa 1px solid;
	font-size: 11px;
	padding: 2px 3px
}
li{
	list-style: none
}
h2{
	color: #cc0000;
	font-size: 2em;
	margin: 0 0 .3em
}
h3{
	font-size: 1.1em;
	margin: 0 0 .1em
}
h3 strong{
	color: #cc0000
}
h4{
	font-size: 1em;
	margin: 0 0 .3em
}
h5{
	background: #e6e6e6;
	font-size: 1em;
	margin: 0 0 .3em;
	padding: 1px 0 1px 3px
}
p{
	padding: 0 0 1em
}
big{
	color: #cc0000;
	font-size: 1.5em
}
/*=== Layout ===*/
#page{
	background: #ffffff;
	margin: 0 auto;
	padding: 0 24px;
	width: 901px
}
/*=== Header ===*/
#header{
	height: 100px;
}
#header .sub_top{
	padding: 10px 0 0;
}
#header .sub_top ul{
	padding: 0 0 20px;
}
#header .sub_top li{
	display: inline;
	padding: 0 0 0 20px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	text-indent: -9999px;
	width: 185px
}
#header h1 a{
	display: block;
	height: 100px
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	background: url(../images/nav1-bgr.gif) no-repeat top;
	font-size: 13px;
	font-weight: bold;
	height: 39px;
	margin: 0 0 6px;
}


#nav1 li{
	background: url(../images/nav1-sep.gif) no-repeat right;
	float: left;
	line-height: 36px
}
#nav1 li a{
	color: #ffffff;
	display: block;
	float: left;
	margin: 0 45px
}
* html #nav1 li a{
	margin: 0 22px
}
#nav1 li a:hover,
#nav1 li.active a{
	color: #cc0000;
	text-decoration: none
}
#nav1 li.last{
	background: none
}
/*- Nav2 -*/
.nav2{
	margin: 0 0 .8em
}
.nav2 li{
	background: url(../images/ico-list-red.gif) no-repeat 3px 4px;
	margin: 0 0 6px;
	padding: 0 0 0 11px
}
.nav2 li a{
	color: #000000;
	text-decoration: underline
}
.nav2 li a:hover,
.nav2 li.active a{
	color: #cc0001;
	text-decoration: none
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 15px 0 0;
	padding: 0 0 10px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	height: 278px;
	margin: 0 0 10px;
	overflow: hidden;
	width: 597px
}
.col2{
	float: right;
	height: 278px;
	margin: 0 0 10px;
	overflow: hidden;
	width: 297px
}
.col2 img{
	margin: 0 0 5px
}
.col3{
	font-size: 1.1em;
	height: 1%;
	margin: 0 0 20px
}
.col4{
	float: left;
	width: 430px
}
.brandcol4{
	float: left;
}
.col5{
	float: left;
	width: 166px
}
.col6{
	float: right;
	height: 1%;
	width: 715px
}
.col7{
	float: left;
	width: 296px
}
.col7 h4, .col9 h4{
	border-bottom: 1px solid #b5b5b5;
	margin: 0 0 13px;
	padding: 0 0 5px
}
.col8{
	float: right;
	height: 1%;
	width: 585px
}
.col8 hr{
	border-top: 1px solid #b5b5b5;
	height: 1px
}
.col9{
	float: left;
	height: 1%;
	width: 278px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	width: 166px
}
.box .top,.box .bot{
	background: url(../images/box-top.gif) no-repeat top;
	clear: both;
	height: 7px;
	overflow: hidden
}
.box .bot{
	background: url(../images/box-bot.gif) no-repeat top
}
.box .spacer{
	border-left: 1px solid #c2bfbf;
	border-right: 1px solid #c2bfbf;
	height: 1%;
	padding: 5px 10px
}
/*- Box2 -*/
.box2{
	width: 296px
}
.box2 .top,.box2 .bot{
	background: url(../images/box2-top.gif) no-repeat top;
	clear: both;
	height: 6px;
	overflow: hidden
}
.box2 .bot{
	background: url(../images/box2-bot.gif) no-repeat top
}
.box2 .spacer{
	border-left: 1px solid #c2bfbf;
	border-right: 1px solid #c2bfbf;
	height: 1%;
	padding: 5px 10px
}
/*- Box3 -*/
.box3{
	background: url(../images/box3-bgr.gif) no-repeat top;
	color: #333333;
	height: 1%;
	margin: 0 0 25px;
	padding: 20px 0 0 30px
}
.box3 a{
	color: #333333
}
.box3 div{
	float: left;
	width: 24%
}
.box3 ul{
	margin: 0 0 15px
}
.box3 li{
	background: url(../images/ico-list.gif) no-repeat 0 3px;
	margin: 0 0 2px;
	padding: 0 0 0 8px
}

/*- Box4 -*/
.box4{
	background: url(../images/box4-bgr.gif) no-repeat top;
	float: left;
	height: 1%;
	margin: 20px 15px 15px 0;
	padding: 5px 0 0 15px;
	width: 274px
}
.box4.last{
	margin-right: 0
}
.box4 h3{
	font-size: 1.1em;
	margin: 0 0 18px
}
.box4 ul{
	float: left;
	width: 135px
}
.box4 li{
	background: url(../images/ico-list-red.gif) no-repeat 0 3px;
	margin: 0 0 2px;
	padding: 0 0 0 8px
}
.box4 li a{
	color: #333333
}

.box4 ul li ul {
	display:none; width:135px; border:2px solid rgb(204,204,204); padding:10px; position:absolute; margin:-16px 0px 0px 0px; list-style:none; background-color:#FFFFFF; float:left;
}
.box4 ul li:hover ul, ul li.over ul{
	display:block;
	z-index:200;
}

.box4 ul li:hover ul ul, ul li.over ul ul{
	display:none;
}

.box4 ul ul ul{
	display:none; width:135px; border:2px solid rgb(204,204,204); padding:10px; position:absolute; margin:-16px 10px 10px 10px; list-style:none; background-color:#FFFFFF; float:left;
}

.box4 ul ul li:hover ul, ul ul li.over ul{
	display:block;
	z-index:200;
}

.box4 ul li:hover ul ul ul, ul li.over ul ul ul{
	display:none;
}

.box4 ul ul ul ul{
	display:none; width:135px; border:2px solid rgb(204,204,204); padding:10px; position:absolute; margin:-16px 10px 10px 10px; list-style:none; background-color:#FFFFFF; float:left;
}

.box4 ul ul ul li:hover ul ,ul ul ul li.over ul{
	display:block;
	z-index:200;
}


.box4 ul li:hover ul ul ul ul, ul li.over ul ul ul ul{
	display:none;
}
.box4 ul ul ul ul ul{
	display:none; width:135px; border:2px solid rgb(204,204,204); padding:10px; position:absolute; margin:-16px 10px 10px 10px; list-style:none; background-color:#FFFFFF; float:left;
}




/*- Paging -*/
.paging{
	background: #deebf6;
	border-bottom: 1px solid #b9b6b6;
	border-top: 1px solid #b9b6b6;
	height: 1%;
	line-height: 20px;
	margin: 0 0 15px;
	padding: 1px 10px
}
.paging a{
	color: #000000;
	text-decoration: underline
}
.paging a:hover{
	color: #cc0001
}
/*- Wrappers -*/
.wrap{
	float: left;
	margin: 0 13px 10px 0;
	width: 168px;
	padding:0px;
}
.wrap .pthumb{
	border: 1px solid #b9b6b6;
	height: 174px;
	width: 168px;
	margin: 0 0 7px 0;
	overflow: hidden;
	text-align:center;
	line-height:174px;
	padding:0px;
}
.wrap input
{
	display:table-cell;
	vertical-align:middle;
}
.wrap .pthumb1{
	border: 1px solid #b9b6b6;
	height: 144px;
	width: 168px;
	margin: 0 0 7px;
	overflow: hidden;
	text-align: center
}
.wrap .pthumb2{
	border: 1px solid #b9b6b6;
	height: 320px;
	width: 320px;
	margin: 0 0 7px;
	overflow: hidden;
	text-align: center
}
.wrap .psku{
	color: #cc0000;
	font-size: 1.1em;
	font-weight: bold
}
.wrap h3{
	margin: 0
}
.wrap h3 a{
	color: #000000
}
.wrap h3 a:hover{
	color: #cc0001
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	margin: 0 0 .8em
}
.list1 li{
	background: url(../images/ico-list.gif) no-repeat 0 4px;
	margin: 0 0 .3em;
	padding: 0 0 0 13px;
	line-height :normal ;
}
.list1 li a{
	color: #000000
}
.list1 li a:hover{
	color: #cc0001
}
.list1.red li a{
	color: #cc0000
}
/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0
}
select{
	padding: 1px
}
/*- Search -*/
#search{
	height: 23px;
}
* html #search{
	width: 380px;
}
#search label{
	color: #8a8a8a;
	float: left;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 3px 5px 0 0;
	text-transform: uppercase
}
#search input{
	float: left;
	margin: 0 12px 0 0;
	width: 240px
}
#search select{
	float: left;
	width: 165px
}
#search .btn{
	float: right;
	margin: -2px 0 0 5px;
	padding: 0;
	position: relative;
	width: auto
}
/*- Form1 Setup -*/
.form1 label{
	float: left;
	font-size: 11px;
	width: 70px
}
.form1 input{
	width: 100px
}
.form1 .btn{
	margin: 5px 0 0;
	width: auto
}
/* Form1 Select */
.form1 select{
	font-size: 10px;
	margin: 0 10px 0 0;
	width: 105px
}
/*=== Styling Buttons ===*/
a.btnn {
	color: #ffffff;
	margin: 0 5px 0 0;
	padding: 4px 25px
}
span.btnn.blue {
	background: #003a77
}
span.btnn {
	color: #ffffff;
	/*margin: 0 5px 0 0;
	padding: 4px 25px*/
}
span.btnn1 {
	color: #000000;
	/*margin: 0 5px 0 0;
	padding: 4px 25px*/
}
a.btnn.blue {
	background: #003a77
}
a.btnn.green {
	background: #0d9b38
}
/*=== Styling Tabular Data ===*/
table{
	border-collapse: collapse;
	width: 100%
}
/*- Tab1 -*/
.tab1 table{
	margin: 0 0 2em;
	text-align: left
}
.tab1 tr th{
	background: #deebf6;
	border-bottom: 1px solid #dbdbdb;
	padding: 2px 5px
}
.tab1 td{
	border-bottom: 1px solid #dbdbdb;
	padding: 2px 5px
}
/*=== Footer ===*/
#footer{
	clear: both;
	color: #333333;
	padding: 0 0 10px;
	text-align: center
}
#footer a{
	color: #333333
}
#footer a:hover{
	color: #cc0000
}
#footer ul{
	margin: 0 0 5px;
	text-align: center
}
#footer div{
	margin: 0 0 10px
}
#footer li{
	border-right: 1px solid #6a4a27;
	display: inline;
	line-height: 1em;
	padding: 0 .5em
}
#footer li.last{
	border: 0
}
#footer .std li, #footer .std li a{
	border: 0;
	color: #cc0000
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr{
	border-top: 2px solid #dcdada;
	clear: both;
	height: 2px;
	margin: 0 0 15px;
	width: 100%
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.pic img{
	display: block;
	margin: 0 0 .8em
}
.search{
        font:bold 11px Verdana, Arial, Helvetica, sans-serif;
        color:#8a8a8a;
        text-align:right;
        padding:0px;
}
#dlstBrand
	{
	margin: 20px;
	width: 800px;
	}
	
.dlstItem
	{
	margin-bottom: 30px;
	border-bottom: 1px solid #dbdbdb;
	}

.dlstItem .name
	{
	display: block;
	margin-bottom: 10px;
	}


.dlstItem .logo
	{
	padding-right: 30px;
	padding-bottom: 30px;
	width: 180px;
	text-align: center;
	vertical-align: middle;
	}
	
.dlstItem .desc
	{
	padding-bottom: 30px;
	padding-right: 30px;
	}



#navTest{
	background: url(../images/nav1-bgr.gif) no-repeat top;
	font-size: 13px;
	font-weight: bold;
	height: 39px;
	
}


#navTest td{
	background: url(../images/nav1-sep.gif) no-repeat right;	
	line-height: 36px;
	width:16.67%;	
	
}
#navTest td a{
	color: #ffffff;
	display: block;
	
}

#navTest td a:hover,
#navTest td.active a{
	color: #cc0000;
	text-decoration: none
}
#navTest td.last{
	background: none
}
.search{
        font:bold 11px Verdana, Arial, Helvetica, sans-serif;
        color:#8a8a8a;
        width:250px;
}