/* CSS reset */

 

 
.clear {clear:both; }
.hide {position:absolute; top:0; left:-300em} 
a img {border:0 solid}
 
a,
a:link,
a:visited {color:#145b9d; text-decoration:none}
a:hover,
a:active,
a:focus {color:#f00}
 
 
strong {font-weight:normal; text-transform:uppercase}
.b strong,
.t strong {font-weight:bold}


	
.telephone
{
	float:left; border: solid 1px #faa; margin: 10px 2px 0px 10px; height:40px; text-align:center;
	vertical-align:middle;
	width:220px;
	
	}
	
.searchbox 
{
	width:300px;
	border-width:1px;	
	border-color:#ddd;
	height:20px;	
	
}

.searchbutton 
{
	
 background-color:#44f;	
 border-width:1px;
 border-bottom-color:#aaa;
 border-left-color:#aaa;
 border-top-color:#aaa;
 border-right-color:#888;
 color:White;
 width:40px;
 text-align:center;
 font-weight:bold;
 height:23px;
}


	
	


.itembox {position:relative; height:123px;  line-height:110%; margin-left:2px; }
.itembox li {display:inline; list-style-type:none;}
.itembox a {
	position:relative; display:block; float:left;
	width:144px; height:122px;
	margin-right:20px; padding-top:1px;
	
	border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;
}
.itembox .last a {margin-right:0}
.itembox a:hover,
.itembox li:hover a {border-left:1px solid #165bc9; border-right:1px solid #165bc9}
.itembox li:hover div a {border:0 solid}
 
.itembox a span {display:block; text-align:center}
/* top-level link on one line = t1, and over two = t2 */
.itembox a span.t1 {font-weight:bold; color:#fff; height:32px; padding-top:4px; font-size:10pt;  }
.itembox a span.t2 {font-weight:bold; color:#fff; height:30px; padding-top:0px; font-size:10pt;}
 
/* top-level bg image positions */
.itembox .n1 a {background-position:0 0}
.itembox .n2 a {background-position:-151px 0}
.itembox .n3 a {background-position:-300px 0}
 
/* sub-nav */
/* drop shadow layer */
.itembox .shadow {display:none; position:absolute; top:126px; left:16px; z-index:1000}
.itembox li:hover .shadow {display:block}
.itembox li.iehover div.shadow {display:block}
 
/* dropdown div widths */
.itembox .n1 .bg,
.itembox .n1 .shadow {width:40px}
.itembox .n2 .bg,
.itembox .n2 .shadow {width:40px}
.itembox .n3 .bg,
.itembox .n3 .shadow {width:40px}


 
/* white bg and border layer */
.itembox .bg {position:relative; left:-16px; top:-12px; background:#fff; border:1px solid #165bc9; border-top:0 solid; z-index:2000}
/* top border of each dropdown */
.itembox span.l,
.itembox span.r {margin-top:-1px; float:right; border-top:1px solid #165bc9}
.itembox span.l {float:left}
.itembox .n1 span.r {width:177px}
.itembox .n2 span.r {width:177px}
.itembox .n3 span.r {width:177px}
.itembox .n3 span.l {width:147px}
.itembox .n4 span.l {width:147px}
.itembox p.Offer {background:#e5e5e5; padding: 0 0 0.25em 12px; margin:0}
 
/* link layer */
.itembox .bg div {width:auto; margin:6px 12px; z-index:3000}
 
/* dropdown list spacings */
.itembox ul {float:left; margin-bottom:0}
.itembox .n1 .a {width:35%}
.itembox .n1 .b {width:35%}
.itembox .n1 .c {width:29%}
 
.itembox .n2 .a {width:50%}
.itembox .n2 .b {width:50%}
 
.itembox .n3 .a {width:50%}
.itembox .n3 .b {width:50%}
 
.itembox .n4 .a {width:50%}
.itembox .n4 .b {width:50%}
 
.itembox #ownbrand {width:40%; margin:0; float:left}
 
.itembox #compare {width:60%; margin:0; float:right}
 
/* links */
.itembox li .bg a {border:0 solid; background:none; height:auto; display:block; float:none; width:auto; padding:0.2em 0.4em}
.itembox li li a:hover,
.itembox li li a:active,
.itembox li li a:focus {border:0 solid; background:#f0f0f0}
.itembox p.Offer a {border:0 solid}
 
.itembox p {clear:both; margin-bottom:0.5em; padding-top:0.5em; line-height:130%}
.itembox h3 {font-size:1em; margin-bottom:0.5em; padding-left:0.4em}
.itembox #compare h3 {padding-left:0}
.itembox ul li {display:block; margin:0.25em 0}
 
/* dropshadow layer x-position */
.itembox .n1 .shadow {left:16px}
.itembox .n2 .shadow {left:182px}
.itembox .n3 .shadow {left:348px}
.itembox .n4 .shadow {left:346px}
 
.itembox .bg {left:-16px}
.itembox .bg div {left:0}

 
.itemboxbot {font-size:11px;  position:relative; height:22px; margin: 0px 0px 10px 2px; float:left;}
.itemboxbot li {display:inline}
.itemboxbot a {padding:3px 0; text-align:center; position:relative; display:block; width:146px; background:#e5e5e5; float :left; margin-right:20px;}
.itemboxbot a:hover,
.itemboxbot a:active,
.itemboxbot a:focus {color:#f00; background:#e5e5e5}
.itemboxbot .last a {margin-right:0px}