/* Basic YUI Overrides for Zoombli Documents. Assumes YUI Reset, Fonts, and Grids precedes. */
html {background-color:#bebfc4;}
body { background:#bebfc4 url(../img/body_bg.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; line-height:1.55em;}
div#bd { padding:0px 80px 0px 20px; }
#doc2 #bd { background:url(../img/doc2_bd_bg.png) top left repeat-y; padding-bottom:30px;}
#doc #bd { background:url(../img/doc_bd_bg.png) top center repeat-y; padding-bottom:30px;}
#doc div#hd { position:relative; background:url(../img/doc_hd_bg.png) bottom left no-repeat; width:900px; height:110px; padding-left:50px;}
#doc2 div#hd { position:relative; background:url(../img/doc2_hd_bg.png) bottom left no-repeat; width:900px; height:110px; padding-left:50px;}
#doc div#ft { background:url(../img/doc_ft_bg.png) bottom left no-repeat; width:700px; height:110px; padding-left:50px; }
#doc2 div#ft { background:url(../img/doc2_ft_bg.png) bottom left no-repeat; width:900px; height:110px; padding-left:50px; }
.yui, .yui-g, .yui-gc { margin-bottom:4px; }

/* HTML Tag Level Styles */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, h2, h3 { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; margin-bottom:.35em;}
h1 {font-size:1.4em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h4 {font-size:1.025em;}p
h5 {font-size:.9em;}
h6 {font-size:.75em;} 
strong {font-weight:bold;}
em {font-style:italic;}
a, a:link, a:hover, a:visited { text-decoration:none; }
p { padding-bottom:10px; line-height:1.35em;}
small{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.7em;}
ul li { margin-left:15px; list-style-position:outside; list-style-type:disc;}

/* ID Named Element Styles */
#staticNav { position:absolute; top:0px; left:-6px; width:180px; color:#fff; text-align:right; padding:25px 0px 29px 0px;}
#mainNav { position: relative; }
#actionBelowBox { display:none; }

/* HTML Elements which Descend from ID Named Elements */
#hd h1 {position:absolute; right:64px; bottom:15px; width:100%; color:#009;}
#hd h6 {position:absolute; right:64px; bottom:2px; width:100%; color:#666; font-weight:normal;}
#doc2 div#hd h6 { width:674px;}
#doc2 div#hd h1 { width:674px;}
#doc div#hd h1 { width:474px;}
#staticNav ul li { padding:5px 20px 5px 10px; left:0px; list-style-type:none; margin-left:0px; border-bottom: solid 1px #04e;}
#doc2 .flyOut { width:732px; }
#doc .flyOut { width:540px; }
#productInitialDesc h2 { color:#999; border-bottom: solid 1px #fc6; margin-bottom:4px; }
#productLongDesc p { line-height:1.8em; }
#ft ul {color:#999; font-size:.85em; margin-right:13px;}
#ft ul li { float:right; padding:0px 15px 0px 5px; border-right: solid #868786 1px; list-style-type:none;}
.flyOut div { font-size:.875em; width:170px; margin:0px 0px 15px 0px; float:left;}
#staticNav a {color:#fff;}
.flyOut div span a, .flyOut div span a:link, .flyOut div span a:visited{ color:#ff0; font-weight:bold;}
#productsFly a:hover { text-decoration:underline; color:#ff0;}
#specialsFly div { position:relative; width:170px; height: 230px;}
#specialsFly div h2 { position: absolute; bottom: 82px; left:4px; padding:0px; margin: 0px;}
#specialsFly div p { position: absolute; top: 147px; left:4px; padding:0px; margin: 0px; overflow:hidden; border-top:solid 1px #4bf; width:135px;}
#specialsFly div a img { position: absolute; top: 4px; left:4px; padding:0px; margin: 0px;}
#specialsFly div img.blBrtr, #specialsFly img.trBrtr { visibility:hidden; border:none;}
#specialsFly div.hover img.blBrtr, #specialsFly div.hover img.trBrtr { visibility:visible;}
#actionBelowBox { text-align:center; width:276px;}
#productIndexBlock div.product { position: relative; top:0px; padding-left:120px; margin-bottom:30px; }
img.boxshot { position: absolute; left:0px; top:5px; width: 120px; height:114px;}


/* Class Styles */
.uRule div.yui-u { border-left:solid 1px #bbb;padding-left:5px; width:29%; margin-top:20px; float:left; }
.uRule div.yui-u.first { border-left:none;padding-left:none; }
.uRule1 div.yui-u { border-left:solid 1px #bbb;padding-left:15px; width:40%; margin-top:20px; float:left; }
.uRule1 div.yui-u.first { border-left:none;padding-left:none; }
.flyOut { display:none; position:absolute; top:0px; left:0px; background-color:#06f; text-align:left; margin-left:180px; padding:5px 0px 25px 10px;}
.hover { display:block; background-color:#06f;}
.active { background-color:#39f; }
.active img {border: solid 1px #4bf; }
.more a:hover { text-decoration:underline; }
#staticNav li div.inlineStatic { background-color:#04e; margin:0px; position:relative; right:0px;  width:170px; }
li div.inlineStatic ul li { position:relative; right:0px; font-size:.85em; font-weight:bold; line-height:1.2em; border-left:#49f solid 20px;}
div.inlineStatic ul { position:relative; right:0px; font-size:.85em; font-weight:bold; line-height:1.2em;}
div.inlineStatic ul li.hover{ background-color:#49f; border-left:20px solid #49f; }
div.inlineStatic ul { background-color:#04e; }
div.inlineStatic ul { border-top:#f0f solid 0px; }
li.hover { border-left: solid 2px #fff;}
div.crm { position: relative; background-color:#fff2cd; background-image:none;}
div.drk { position: relative; background-color:#243684; background-image:none;}
div.brt, .brt a, .brt a:link, .brt a:hover, .brt a:visited { position: relative; background-color:#06f; background-image:none; color:#fff;}
    .blDrk { position:absolute; bottom: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -90px no-repeat; }
    .tlDrk { position:absolute; top: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -65px no-repeat;  }
    .brDrk { position:absolute; bottom: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -90px no-repeat; }
    .trDrk { position:absolute; top: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -65px no-repeat;  }
    .tlBrt { position:absolute; top: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -5px no-repeat; }
    .trBrt { position:absolute; top: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -5px no-repeat; }
    .brBrt { position:absolute; bottom: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -30px no-repeat; }
    .blBrt { position:absolute; bottom: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -30px no-repeat; }
    .tlCrm { position:absolute; top: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -125px no-repeat; }
    .trCrm { position:absolute; top: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -125px no-repeat; }
    .brCrm { position:absolute; bottom: 0px; right: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -30px -150px no-repeat; }
    .blCrm { position:absolute; bottom: 0px; left: 0px; height:25px; width:25px; background:url(../img/sprite.jpg) -5px -150px no-repeat; }
    .tlBrtr { position:absolute; top: 0px; left: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -17px -181px no-repeat; }
    .trBrtr { position:absolute; top: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -181px no-repeat; }
    .brBrtr { position:absolute; bottom: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -194px no-repeat; }
    .blBrtr { position:absolute; bottom: 0px; left: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -17px -194px no-repeat; }
    .tlStaticNavInset { position:absolute; top: 0px; left: 0px; height:7px; width:7px; background:url(../img/sprite.jpg) -22px -219px no-repeat; }
    .trStaticNavInset { position:absolute; top: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -181px no-repeat; }
    .brStaticNavInset { position:absolute; bottom: 0px; right: 0px; height:13px; width:13px; background:url(../img/sprite.jpg) -30px -194px no-repeat; }
    .blStaticNavInset { position:absolute; bottom: 0px; left: 0px; height:7px; width:7px; background:url(../img/sprite.jpg) -22px -227px no-repeat; }
    .hover img.tlStaticNavInset { background:url(../img/sprite.jpg) -22px -247px no-repeat; }
    .hover img.trStaticNavInset { background:url(../img/sprite.jpg) -30px -181px no-repeat; }
    .hover img.brStaticNavInset { background:url(../img/sprite.jpg) -30px -194px no-repeat; }
    .hover img.blStaticNavInset { background:url(../img/sprite.jpg) -22px -255px no-repeat; }
h5.more { position:absolute; bottom: 4px; right:10px; font-weight:bold;}

div.offset img {position:relative; left: -30px;}

div.fpSpecial { position:relative; right:20px; top: -12px; width:743px; overflow:visible; padding: 0px; }
.fpSpecial h6 {font-size:.9em; padding-left:8px;}