/* CSS Document */

strong {font-weight:bold !important}
html{
 width:100%; 
 height:100%;
 background:url(images/bkgrd.gif); 
 background-color: #749744;
 background-repeat:repeat-x; 
 }

body {
 width:100%; 
 height:100%;
 }

.floatClear {float:left; clear:left}
.clear {clear:both; height:1px}

#wrapper {
 width:927px;
 margin:0 auto;
 position:relative;
}

#header {
 float:left;
 clear:left;
 width:700px;
 position:relative;
 top:0px;
 left:220px;
 z-index:50;
}

#footer {
 float:left;
 clear:left;
 width:100%;
 text-align:center;
 font-size:11px; 
 color:#e5f1d2;
 font-family:Arial, Helvetica, sans-serif;
 padding:10px 0px 25px 0px;
 position:relative;
 top:-35px;
}

#footer a {font-size:11px; color:#004677; text-decoration:none}
#footer span {font-size:12px; font-weight:bold; color:#004677;}
#footer span.links {color:#004677; font-weight:normal}

#middle {
 float:left;
 clear:left;
 margin-top:8px;
 position:relative;
 z-index:100;
 width:100%;
 margin-bottom:15px;
 /*background-color:#ffffff;*/
}
.middle {
float:left;
width:700px;
padding:6px 0px 10px 0px;
}
.middle .bkgrd {
 background-image:url(images/homepage_img.jpg);
 height:278px;
 background-position:top right;
 background-repeat:no-repeat;
 width:100%;
 border-bottom:1px solid #cae2ed;
}

.middle .bkgrd p {margin-bottom:20px;}
.middle .bkgrd h2 {width:300px; line-height:20px;}

.inner {background-color:#ffffff}

a.logo span {display:none}
a.logo {
 display:block;
 background-image:url(images/logo.gif); 
 background-repeat:no-repeat;
 width:356px;
 height:168px;
 float:left;
 position:absolute;
 z-index:75;
 top:0px;
 left:-90px;
}

.logoContainer {position:relative; z-index:10}

.tagline span{ display: none; }
.tagline {float:left; margin-top:55px; background: url(images/tagline.gif) no-repeat right; height: 20px; width: 262px;}

.needHelp span{ display: none; }
.needHelp {float:right; margin-top:35px;width: 312px; height: 37px;background: url(images/img_needHelp.gif) no-repeat right;}

.tl {background-image:url(images/tl.gif); background-repeat:no-repeat; background-position:0 0}
.tr {background-image:url(images/tr.gif); background-repeat:no-repeat; background-position:100% 0; padding:7px 12px 7px 12px;}
.bl {background-image:url(images/bl.gif); background-repeat:no-repeat; background-position:0 100%}
.br {background-image:url(images/br.gif); background-repeat:no-repeat; background-position:100% 100%}
.t {background: url(images/t.gif) 0 0; background-repeat:no-repeat}
.b {background: url(images/b.gif) 0 100% repeat-x;}
.l {background: url(images/l.gif) 0 0; background-repeat:no-repeat}
.r {background: url(images/r.gif) 100% 0; background-repeat:no-repeat}

.tl_featured {background-image:url(images/tl_featured.gif); background-repeat:no-repeat; background-position:0 0}
.tr_featured {background-image:url(images/tr_featured.gif); background-repeat:no-repeat; background-position:100% 0; padding:1px;}
.bl_featured {background-image:url(images/bl_featured.gif); background-repeat:no-repeat; background-position:0 100%}
.br_featured {background-image:url(images/br_featured.gif); background-repeat:no-repeat; background-position:100% 100%}
.t_featured {background: url(images/dot_featured.gif) 0 0 repeat-x;}
.b_featured {background: url(images/dot_featured.gif) 0 100% repeat-x;}
.l_featured {background: url(images/dot_featured.gif) 0 0 repeat-y;}
.r_featured {background: url(images/dot_featured.gif) 100% 0 repeat-y;}

.tl_featuredInner {background-image:url(images/tl_featuredInner.gif); background-repeat:no-repeat; background-position:0 0}
.tr_featuredInner {background-image:url(images/tr_featuredInner.gif); background-repeat:no-repeat; background-position:100% 0; padding:6px;}
.bl_featuredInner {background-image:url(images/bl_featuredInner.gif); background-repeat:no-repeat; background-position:0 100%}
.br_featuredInner {background-image:url(images/br_featuredInner.gif); background-repeat:no-repeat; background-position:100% 100%}
.t_featuredInner {background: url(images/dot_featuredInner.gif) 0 0 repeat-x;}
.b_featuredInner {background: url(images/dot_featuredInner.gif) 0 100% repeat-x;}
.l_featuredInner {background: url(images/dot_featuredInner.gif) 0 0 repeat-y;}
.r_featuredInner {background: url(images/dot_featuredInner.gif) 100% 0 repeat-y;}

/*for left nav*/
.tl_LB {background-image:url(images/tl_lightBlue.gif); background-repeat:no-repeat; background-position:0 0}
.tr_LB {background-image:url(images/tr_lightBlue.gif); background-repeat:no-repeat; background-position:100% 0; padding:7px 4px 7px 7px;}
.bl_LB {background-image:url(images/bl_lightBlue.gif); background-repeat:no-repeat; background-position:0 100%}
.br_LB {background-image:url(images/br_lightBlue.gif); background-repeat:no-repeat; background-position:100% 100%}

.tl_DB {background-image:url(images/tl_darkBlue.gif); background-repeat:no-repeat; background-position:0 0}
.tr_DB {background-image:url(images/tr_darkBlue.gif); background-repeat:no-repeat; background-position:100% 0; padding:0px;}
.bl_DB {background-image:url(images/bl_darkBlue.gif); background-repeat:no-repeat; background-position:0 100%}
.br_DB {background-image:url(images/br_darkBlue.gif); background-repeat:no-repeat; background-position:100% 100%}

#leftnav {float:left; margin-right:20px; _margin-right:10px}
#leftnav .container {width:170px; background-color:#e6f0f5; clear:left; margin-top:15px; float:left; padding:0px; font-size:11px; font-weight:normal; font-family:"Lucida Sans" Sans-Serif; color:#448ebf; margin-left:16px; _margin-left:5p;
	font-family: "Lucida Sans", Sans-Serif;
	margin-right: auto;
	margin-bottom: 0;
}
#leftnav .containerInner {background-color:#b3c9d7; margin:3px 0px; width:156px}
#leftnav ul {margin:3px 0px 4px 0px; width:100%}
#leftnav ul ul {margin-top:0px; position:relative}
#leftnav ul ul ul {background-color:#e6f0f5; position:absolute; width:150px; left:155px; border-left:1px solid #a8bfcd; border-top:1px solid #a8bfcd; border-right:1px solid #a8bfcd; margin:0px; padding:0px; margin-top:-26px;}
#leftnav ul ul ul li {padding:0px; border-bottom:1px solid #a8bfcd;}
#leftnav ul ul ul a {color:#004677; font-size:10px; font-family:"Lucida Sans" Sans-Serif; text-transform:uppercase; text-decoration:none; padding-top:5px; padding-bottom:5px; height:14px; display:block}
#leftnav ul ul ul a span, #leftnav ul ul ul a:hover span {padding-left:10px}
#leftnav ul ul ul a:hover {color:#ffffff; font-size:10px; background-image:url(images/leftnav_innerON.gif); width:150px; height:14px; background-repeat:no-repeat; display:block}
#leftnav ul ul ul a.expandedInner.More {background-image:url(images/leftnav_innerMore.gif); background-repeat:no-repeat; background-position:left center; display:block; height:24px; width:142px; padding-top:0px !important; padding-bottom:0px !important;}
#leftnav ul ul ul a.expandedInner.More:hover {background-image:url(images/leftnav_innerMoreOVER.gif); background-repeat:no-repeat; background-position:top left; display:block; height:24px; width:152px; padding-top:0px !important; padding-bottom:0px !important;}
#leftnav ul ul ul ul {left:150px;}

input.search, select.browse {width:120px; border:1px solid #dddddd; font-size:11px; color:#666666; margin:7px 2px 7px 7px; float:left;}
select.browse {width:143px;}

.content, .content .image, .content .descript {width:650px; float:left; font-family:"Lucida Sans" Sans-Serif; font-size:12px; color:#666666; }
.content .image, .content .descript {width:50%; }
.descript a {color:#004677; font-size:11px; text-decoration:none; padding-left:10px}
.content .text {clear:left; padding : 20px 0px; line-height:18px; width:97%}
.content .warranty label {width:80px; padding-left:0px; font-weight:normal}
.text p {clear:left; margin-top:10px}
.text li {list-style:disc; list-style-position:inside}
.content ul.colors {width:300px;}
.content ul.colors li {padding-left:10px; float:left; padding-bottom:5px}

h1, h2 {color:#004677; font-family:"Lucida Sans" Sans-Serif; font-size:18px; font-weight:bold; clear:left;}
h2 {font-size:12px;  padding:15px 0px}
.content .descript h2 {padding-left:10px}
label {float:left; width:150px; padding-left:10px; clear:left; padding-bottom:7px; font-weight:bold}
.content .descript p, .content .warranty p {float:left; padding-bottom:7px;}

.tl_topnav {background-image:url(images/bkgrd_hdrLeft.gif); background-repeat:no-repeat; background-position:left top; height:43px;}
.tr_topnav {background-image:url(images/bkgrd_hdrRight.gif); background-repeat:no-repeat; background-position:right top; height:43px;}
.t_topnav {background-image:url(images/bkgrd_hdr.gif); background-repeat:repeat-x; height:43px;}

ul.topnav {float:left; clear:left; padding-left:5px; padding-top:5px; position:relative; z-index:40}
ul.topnav li {float:left}

.bkgrdWhite {background-color:#ffffff; width:100%}

.container {padding:10px 0px;}
.containerTopArea {background-image:url(images/bkgrd_middle.gif); background-repeat:repeat-y;}
.spotlight {width:480px; padding:5px 5px 5px 20px; float:left}
.rightRegion {width:358px; padding:5px 0px 5px 40px; float:left; _padding-left:20px}


.featuredSection {background-image:url(images/bkgrd_featured.gif); background-repeat:repeat-x; margin:10px; clear:both; float:left; width:880px; _width:862px; }
.featuredContainer {padding-bottom:10px; float:left; clear:left; _width:852px;}
.featuredProduct li {width:164px; float:left; margin-left:10px; background-image:url(images/bkgrd_featuredProduct.gif); background-repeat:repeat-x; margin-top:5px; padding:0px; _margin-left:5px; }
ul.featuredProduct {float:left}
ul.featuredProduct li img {background-color:#ffffff; border:1px solid #d1d4d6; height:147px;}
.featuredProduct p {float:left; clear:left; color:#004677; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:3px 0px 0px 2px; margin:0px;}
.featuredInner {height:180px; _height:185px}
img.header {padding:5px 0px 0px 10px}

.breadcrumb, h1.page-header {color:#83201F; font-size:20px; font-family:"Lucida Sans" Sans-Serif; text-transform:uppercase; padding:10px 0px; font-weight:normal}
.pagenation {font-size:11px; clear:left; float:left; width:100%; padding:5px 0px 5px 0px; margin-bottom:10px}
.top {border-bottom:1px dotted #d2dfe6; border-top:1px dotted #d2dfe6;}
.bottom {border-top:1px dotted #d2dfe6; }
.pagenation span {float:right}
.pagenation span.display {float:left !important; width:300px}
.pagenation .inner {float:left !important; padding-left:3px;}
.pagenation a {color:#004677; font-size:11px; text-decoration:none; padding:0px 3px}
.pagenation a:hover {color:#666666}

ul.list {width:100%}
ul.list li {float:left; width:205px; padding-right:10px; /*height:280px;*/}
ul.list.height li {height:300px;}
ul.list li a {color:#004677; font-size:11px; font-family:"Lucida Sans" Sans-Serif; text-decoration:underline; clear:left; font-weight:bold}
ul.list p {clear:left; color:#666666; font-size:10px; padding-top:7px}
ul.list li .imgContainer {height:200px; overflow:hidden}


/* Geoff's Monkey Code*/
div.header{ width:903px; height: 109px;}
div.header h1 { display: none; }            
div.products.header{ background: url(images/hdrImage_products.jpg) no-repeat;}

a.nextImage span{ display:none; }
a.nextImage{ background: url(images/btn_next.gif) no-repeat; display: inline-block; height: 7px; width:10px; }

.more-images span { display: none; }
.more-images
{
	width: 86px;
	height: 13px;
	display:block;
	background: url(images/btn_moreImages.gif);
}

.prodList {
 float:left;
 width:200px;
 margin-right:33px;
 _margin-right:15px;
 margin-bottom:25px;
 height:300px;
}
.prodList p {font-size:11px; padding:5px 0px}
.prodList h1 {padding-top:10px}
.prodList h2 {color:#ba1e50; font-size:11px; font-weight:bold; margin:0px; padding:0px} /*price font*/
.prodList h3, .crossSell h3 {font-size:11px; font-weight:bold; color:#898989; margin:0px; padding:0px}
.prodList span.strike, span.strike {text-decoration:line-through}

li.bullet {list-style-type:disc !important; padding-top:10px; margin-left:12px;}
.prodList li.bullet {list-style-type:none !important; padding-top:0px !important; margin-left:0px !important; font-size:10px !important; color:#999999 !important; height:auto !important}
.prodList a
{
    color:#004677;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
}
.prodList p
{
    color:#666666;
    font-size:10px;
    padding-top:7px;
}
.crossSells .prodList
{
    width: 190px;
    height: 275px;
    padding-bottom: 15px;
}

a.newsletter span {display:none}
a.newsletter {display:block; width:127px; height:24px; background-image:url(/images/btn_newsletterSignUp.gif); float:right} 

.newsletterContainer {float:none; padding-right:10px; clear:both; position:relative; z-index:1000} 

.newsletterContainer img {float:right; clear:right}

.product-videos{margin-bottom:10px}