h2 img { behavior: url(includes/iepngfix.htc); }



/* @group Layout */

a {

	text-decoration:none;

	color:#333;

}

a:hover {

	color:#666;

}



p{color:#333; font-size:12px; margin-bottom:10px;}



p a{ color:#FE6600;}



p a:hover{ color:#021377;}



.newsletter table{

	border:1px solid #ccc;	

	border-left:0;

	font-size:11px;

	color:#666;

	margin-bottom:10px;

}

.newsletter table th{

	background:#EBEBEB;

	padding:5px 10px;

	text-align:left;

	border-left:1px solid #ccc;	

	border-bottom:1px solid #ccc;

}

.newsletter table td{

	border-left:1px solid #ccc;	

	padding:5px 10px;

	border-bottom:1px solid #ccc;

}



.newsletter table td a{

	display:block;

	width:25px;

	height:25px;

	background:url(images/icon-sprite.gif) no-repeat 0 -373px;

}



.newsletter table tr.cat td{

	background:#DFEEEE;	

	font-weight:bold;

}



.newsletter table tr.cat td a{

	background-image:url(images/pdf-cat.gif);

	background-position:0 0;

	

}



.more{

	color:#FE6600;

}



.f-right{ float:right;}



.f-left{ float:left;}



.top{

	font-size:12px;

	color:#fff;	

}



h2 span.top{

	display:block;

	margin-top:-22px;

	text-align:right;

	padding:0 5px;

	height:22px;

}



/* @end */



/* @group Container */



#container {

	width:940px;

	margin:20px auto;

	background:#fff;

}







/*@end*/



/* @group Header */



#header li, #header ul li {

	list-style:none;

	margin:0;

	padding:0;

	float:left;

}

#header h1 {

	float:left;

	margin-top:18px;

	margin-bottom:5px;

}

#header a.logo {

	width:220px;

	height:46px;

	display:block;

	text-indent:-9999px;

	background:url(images/logo.jpg) no-repeat 0 0;

}

#header .right-box {

	width:620px;

	height:75px;

	background:#F68121;

	float:right;

	border-bottom:2px solid #fff;

}

.img-header {

	margin:3px;

	float:left;

}

.tagline {

	margin:10px;

	float:right;

}

/* @end */



/* @group Nav */

.nav-global {

	float:right;

	margin:8px 10px 14px;

}

.nav-global a {

	font-size:11px;

	color:#fff;

}

.nav-global a:hover {

	color:#333;

}

.nav-main {

	background:#034694;

	margin-bottom:10px;

	clear:both;

}

.nav-main ul {

	padding:5px 10px;

	overflow:hidden;

	margin-bottom:0;

}

#header .nav-main li {

	margin-right:8px;

	padding-right:8px;

	background:url(images/bg-navmain.gif) no-repeat right 3px;

	font-style:italic;

	font-weight:bold;

}

.nav-main li a {

	color:#fff;

}

.nav-main li a:hover, .nav-main li.current a {

	color:#F60;

}

/* @end */



/* @group List */

.list, .list li{

	margin:0;

	padding:0;

	list-style:none;

	float:left;

	width:100%;

}

.list li{

	border-bottom:1px solid #f1f1f1;

	margin-bottom:20px;

}



.list li.last{

	border:0;	

}

.list a{

	float:left;

	width:100px;

	height:100px;

	border:2px solid #333;

	margin-right:20px;

}



.list h3{ font-size:14px; color:#FE6600; margin-bottom:0px; line-height:1.2;}

.list h4{font-size:12px; color:#999; margin-bottom:5px;}

.list .list-details{

	float:left;

	width:550px;

}

.spacer{

	margin-bottom:15px;

	height:0;

	font-size:0;

	line-height:0;

}

.hr{

	height:0;

	font-size:0;

	border-bottom:1px solid #f1f1f1;

	width:100%;

	margin-bottom:20px;

}



.product-portfolio{

	float:left;

	margin-bottom:0;

	position:relative;

}



.product-portfolio li{

	float:left;

	list-style:none;

	margin:0 1px 10px 0;

	padding:0 0 0 0;

	width:115px;

}



.product-portfolio li img{ display:block; }



.product-portfolio li.last{

	margin-right:0;

}



.product-portfolio li.filler{

	width:100%;

	float:none;

	margin-bottom:0;

}



.product-portfolio li small{

	font-size:11px;

	font-weight:normal;

	background:#f1f1f1;

	color:#333;

	display:block;

	padding:5px;

}



span.caption{

	display:block;

	padding:5px;

	background:#034694;

	color:#fff;

	line-height:1.2;

	height:32px;

}



h4{

	font-size:14px;

	color:#034694;

	margin-bottom:0px;

}



/* end */



/* @group spotlight */



#slideshow-container{

	width:430px;

	overflow:hidden;

	float:left;

	height:251px;

}



#slideshow{

	width:430px;

	height:251px;

	overflow:hidden;

	margin:0;

	padding:0;

	background:url(images/bg-spotlight.jpg) no-repeat 0 0;

}

#slideshow ul, #slideshow li{

	margin:0;

	padding:0;

	list-style:none;

}



.spotlight{

	background:url(images/bg-spotlight.png) repeat-y 0 0;

	padding:6px;

	margin-bottom:10px;

}



.spotlight .details{

	width:475px;

	float:left;

	background:#fff;

	padding:10px;

	height:233px;

}



.spotlight .details h2{

	font-size:13px; 

	color:#666;

	font-weight:normal;

	line-height:1.4;

	margin-bottom:0;

	font-family:Verdana, Geneva, sans-serif;

}



.spotlight .details h2{

	margin-bottom:5px;

}



.spotlight .slideshow{

	width:431px;

	border:1px solid #fff;

}



.home .spotlight {

	margin-bottom:25px;

}

/* end */



/* @group Content */

.col1{

	float:left;

	width:300px;

	margin-right:20px;

}

.col2{

	float:left;

	width:380px;

	margin-right:20px;

}

.col3{

	float:left;

	width:215px;

}



.wid-region h2{

	background-color:#FE6600;

	border-bottom:1px solid #021377;

	font-size:16px;

	font-weight:normal;

	color:#fff;

	position:relative;

	padding-left:55px;

}



.wid-region h3{

	font-size:13px;

	margin-bottom:3px;

	color:#034694;

}



address{

	font-size:12px;

	color:#444;

}



address a{

	color:#F68121;	

}



address a:hover{

	color:#333;	

}



.wid-region h2 img{

	position:absolute;

	bottom:0;

	left:0;

}



.wid-region h2.outlets {

	padding-left:75px;	

}



.map{

	margin-bottom:25px;

	padding-bottom:10px;

	border-bottom:1px solid #ccc;

}



.map a img{

	margin-bottom:10px;	

}



dt, dd{

	float:left;

	padding-bottom:5px;	

}



dt{ 

	width:70px; 

	font-size:13px; 

	font-weight:bold; 

	color:#374392; 

	margin-right:5px;

}



dd{ 

	width:130px;

	color:#374392; 

	font-size:12px;

}



.filler{

	clear:both;

	width:100%;

	padding:0;

	float:left;

	font-size:0;

	line-height:0;

}



.img-left{

	float:left;

	margin-right:15px;

	margin-bottom:10px;

	margin-top:3px;

	border:2px solid #f1f1f1;

}



.img-right{

	float:right;

	margin-left:15px;

	margin-bottom:10px;

	margin-top:5px;

	border:2px solid #f1f1f1;

}

/* end */



/* @group Scroll */



/* 

    root element for the scrollable. 

    when scrolling occurs this element stays still. 

*/ 

div.scrollable { 

    /* required settings */ 

    position:relative; 

    overflow:hidden; 

    width: 380px; 

    height:100px; 

} 

 

/* 

    root element for scrollable items. Must be absolutely positioned 

    and it should have a super large width to accomodate scrollable items. 

    it's enough that you set width and height for the root element and 

    not for this element. 

*/ 

div.scrollable ul.items { 

    /* this cannot be too large */ 

    width:20000em; 

    position:absolute; 

} 

 

/* 

    a single item. must be floated on horizontal scrolling 

    typically this element is the one that *you* will style 

    the most. 

*/ 



div.scrollable ul.items li { 

    float:left;

	margin:0;

	padding:0;

	list-style:none;

	width:124px;

	text-align:center;

	margin-right:3px;

	clear:none;

} 



div.scrollable ul.items li a{

	font-size:14px;

	font-weight:bold;

	color:#999;

	display:block;

	border:1px solid #f1f1f1;

	padding-top:40px;

	background:url(images/icon-dhslogo.gif) no-repeat center 30%;

}



/* you may want to setup some decorations to active item */ 

div.items li.active { 

    border:1px inset #ccc; 

    background-color:#fff; 

}



/* news and spacials */

.news-spacials{

	margin-bottom:10px;	

}

div.news { 

    /* required settings */ 

    position:relative; 

    overflow:hidden; 

    width: 360px; 

    height:130px; 

	background:url(images/bg-news.png) no-repeat 0 5px;

	padding:10px;

} 



div.news ul li { 

	margin:0;

	padding:0;

	list-style:none;

	text-align:center;

	margin-right:3px;

	clear:both;

	text-align:left;

	margin-bottom:15px;

} 



div.news ul li h3{

	color:#414D99;

	font-size:12px;

	margin-bottom:5px;

	width:245px;

	float:left;

	margin-right:10px;

}



div.news ul li p{

	width:245px;

	float:left;

	font-size:11px;

	color:#333;

	margin-right:10px;

	line-height:1.2;

}



div.news ul li img{

	border:2px solid #999;	

}



#news li{

	margin:0;

	padding:0;

	list-style:none;

}

.time #news li img{border:1px solid #f1f1f1;}

/* end */



/* @group Contact */

.contact ul, .contact li {

	margin:0;

	padding:0;

	list-style:none;

}

.contact-form{ width:330px; }

.contact li label{

	width:100px;

	color:#666;

	float:left;

}



.contact li{

	margin-bottom:15px;

	clear:both;

}



.contact .text{

	border:1px solid #999;

	background:#F4F4F4;

	width:200px;

	padding:3px;

	color:#333;

}



ul li.btngroup{

	padding-left:200px;

}



ul li.btngroup input{

	border:1px solid #000;

	background:#034694;

	color:#fff;

	padding:2px 3px;

}



.contact li label.error{

	width:200px;

	margin-left:100px;

	color:#F30;

	font-size:11px;

}



textarea{

	font:12px Arial, Helvetica, sans-serif;

	height:80px;

}



.contact div.scrollable{

	width:702px;	

	height:104px;

}



.contact div.scrollable ul.items li{

	margin-right:20px;	

}



.quickcontacts{

	width:100%;

	clear:both;

	border-top:2px solid #f1f1f1;

	padding-top:5px;

}



.quickcontacts div{

	float:left;

	width:168px;

	margin-right:10px;

}



.quickcontacts div.last{

	margin-right:0;	

}



.quickcontacts h3{

	font-size:14px;

	color:#fff;

	border-bottom:1px solid #034694;

	padding:3px 5px;

	margin-bottom:5px;

	background:#F60;

}



.quickcontacts a{

	color:#F60;	

}



.quickcontacts a:hover{

	color:#034694;	

}



.quick-contact{

	margin-bottom:25px;	

}



.quick-contact p{

	font-size:18px;

	font-weight:bold;

	color:#888;

	background:#f1f1f1;

	color:#034694;

	padding:5px 8px;

	text-align:center;

}





/* end */



/* @group Content */



.outlets-maincol div.scrollable{

	width:680px;

	height:65px;

	margin-bottom:15px;

}



.map div.scrollable{

	width:210px;

	height:266px;

}



.brands div.scrollable{

	height:782px;	

}



.map div.scrollable  ul.items{

	height:1000em;

}



.map div.scrollable  ul.items li{

	width:213px;

	float:none;

	margin:0;

	margin-bottom:10px;

	border:0;

	border-bottom:1px solid #f1f1f1;

	padding-bottom:10px;

}



.map div.scrollable  ul.items li img{

	width:160px;

	height:78px;

	border:1px solid #f1f1f1;

}



.map div.scrollable  ul.items li a{

	padding:0;	

	border:0;

}



.map div.scrollable  ul.items li .caption{

	padding:3px;

	font-size:11px;

	margin:0 25px;

}



.outlets-maincol div.scrollable { width:702px;}



.outlets-maincol div.scrollable ul.items li {

	margin-right:20px;	

}



#brand h2, .content-col div.wid-region h2{ color:#fff;}



.content-col div.wid-region h2{ padding-left:5px;}



#brand li{

	border:0;

	margin-bottom:10px;

	margin-right:15px;

	width:148px;

}



#brand li.last{

	margin-right:0;	

}



#brand li a{

	padding:0;	

	border:0;

}





#brand li img{ border:1px solid #f1f1f1; width:155px; height:76px;}



#brand .scrollable{

	height:auto;

	padding-top:10px;

}



#brand .items{

	width:auto;

	position:static;

}



.content-col{

	width:705px;

	float:left;

	margin-right:20px;

	padding-top:10px;

}



.col-1{

	width:350px;	

}



.col-2{

	width:320px;

	float:left;

	margin-right:20px;

}



* html .col-2{

	overflow:hidden;

}



* html .col-2 #brand h2{

	width:275px;	

}



.sidebar{

	width:215px;

	float:left;

	padding-top:10px;

}



.nav-product table{

	margin-bottom:3px;	

}



.nav-product table table{

	margin-bottom:0;	

}



.nav-product table td{

	padding:0px;	

}



.nav-product table td td{

	font-size:11px;

}



.nav-product table td td a:hover{

	background:none;

	color:#F30;

	font-weight:bold;

}



.nav-product table .nav-productcat td h4{

	font-size:12px;	

	cursor:pointer;

}



.nav-product table .nav-productcat td {

	background:transparent url(images/bg-arrow.gif) no-repeat scroll 0 7px;

	padding:3px 15px;

}





.content-col h2, h2{

	font-size:18px;

	color:#F68121;

	margin-bottom:8px;

}



.sub-head{

	font-size:13px;

	background:#FE6600;

	padding:3px 8px;

	color:#fff;

}



.content-col h2.highlight{

	font-size:13px;

	border:2px solid #f1f1f1;

	border-width:2px 0;

	padding:10px 0;

	font-style:italic;

	color:#034694;

}



h5.highlight{

	font-size:12px;

	border:2px solid #f1f1f1;

	border-width:2px 0;

	padding:10px 0;

	font-style:italic;

	font-weight:normal;

	color:#034694;

	margin-top:10px;

	margin-bottom:10px;

}

h2.nav-related{

	margin-bottom:14px;

}

ul.nav-related, ul.nav-related li {

	font-size:12px;

	margin:0;

	padding:0;

	list-style:none;

}



ul.nav-related{

	margin-bottom:25px;

}



ul.nav-related li {

	padding-bottom:3px;

	margin-bottom:3px;

	padding-left:15px;

	border-bottom:1px solid #f1f1f1;

	background:url(images/bg-arrow.gif) no-repeat 0 3px;

	font-style:italic;

}



ul.nav-related ul{

	margin-bottom:0;

	margin-top:5px;

}



ul.nav-related ul li{

	border:0;	

	background:none;

	padding-left:10px;

}



ul.nav-related li.current ul li a{

	font-weight:normal;

	color:#333;

}



ul.nav-related li a:hover, ul.nav-related li.current a, ul.nav-related li.current ul li a:hover, ul.nav-related li.current li.current a{

	color:#F68121;

	font-weight:bold;

}



.utility{

	border-top:3px solid #f1f1f1;	

	padding-top:10px;

}



.utility .print{

	font-size:11px;

	color:#034694;

	background:url(images/print.gif) no-repeat 0 0;

	padding-left:20px;

	float:right;

}



.utility .print:hover{

	color:#F30;

}



/* end */



/* @group Footer*/



#footer {

	clear:both;

	background:#F3F3F3;

	border-top:3px solid #414D99;

	margin-top:20px;

	padding-top:8px;

}

#footer ul, #footer li{

	list-style:none;

	float:left;

	margin:0;

	padding:0;

}

.footer-inner{

	width:950px;

	margin:0 auto;

}

#footer small{

	font-size:11px;

	color:#999;

	display:block;

	padding-left:155px;

	float:left;

}

#footer small a{

	padding-left:5px;

	color:#333;

}

#footer small a:hover{

	color:#F60;	

}

#footer p {

	font-size:11px;

	color:#454E81;

	float:left;

}

#footer ul.nav-footer{

	width:360px;

	float:right;

}



#footer ul.nav-footer li{

	margin-left:10px;

	color:#999;

	font-size:11px;

}

/* @end */





/* group IE6 */



* html #container{

		

}



* html .nav-main {

	height:30px;	

}



* html .home .spotlight{

	height:253px;

	overflow:hidden;

}



* html .wid-region h2{

	width:100%;

	padding-left:0;

}



* html .wid-region H2.outlets {

	padding-left:0;	

}



* html .wid-region H2.outlets span {

	padding-left:75px;	

}



* html .wid-region h2 span{

	padding-left:55px;	

}



* html .filler{

	float:none;	

}



* html .content-col{

	overflow:hidden;	

}



* html .content-col, * html .sidebar{

	overflow:hidden;	

}



* html .ieclear{

	float:none;

	width:100%;

	padding-bottom:15px;

}



* html div.news ul li p{ width:230px; }



* html DIV.news { background-position:0 20px;}



/* end */