@import url("utils/tools.css");
@import url("utils/dropnav.css");

/* global overrides */
body,p,div,h1,h2,h3,h4,h5,ul,li,input,select,textarea,form,td {color:#141414; font-family:arial,helvetica,sans-serif; font-size:11px;}
a:link, a:visited, a:hover {color: #2e547c; }
a:hover { color: #cd7b00; }


/* global styles */
body {background: #fff; text-align:center;}
body.popup {background-color:#fff; text-align:left;}
#container {width:770px; margin: 0 auto; text-align:left; background-color:#fff;}
body.popup #container {width:545px; margin:0 0 0 18px;}
body.popup #container p {width:515px;}
body.popup textarea {display:block;}
#close-popup {position:absolute; padding:10px 0 0 233px;}
/*changed red class to brown class as per new mock */
a.red {color:#000 !important;}
a.red:hover {text-decoration:underline !important;}
/*h3, h3 a {font-family:"lucida sans",arial,helvetica,sans-serif; font-size:22px; line-height:22px; font-weight:normal; color:#4491A4; margin:0 0 6px 0;}*/
h4 {font-size:14px; color:#333; margin:23px 0 14px 0px;}
h5 {font-size:16px; font-weight:bold; color:#278096;}
p.sabon {font-size:13px; color:#ADA388; line-height:15px; margin:0 0 9px 0; visibility:visible !important;}
p.lucida, p.sifr {font-family:"lucida sans",arial,helvetica,sans-serif; font-size:12px; color:#ADA388; line-height:15px; margin:0 0 20px 0; visibility:visible !important;}

ul.bullet-list li {/*background:url(../img/bullet.gif) 0 4px no-repeat;*/ padding:0 0 0 8px; margin:0 0 16px 0; position:relative;}

div.testimonial {line-height:14px; padding:0 14px 0 14px; background:url(../img/start_quote.gif) no-repeat;}
div.testimonial .end-quote {display:inline; background:url(../img/end_quote.gif) no-repeat;}

#tell-friend a {
   display: block; width: 91px; height: 29px; padding: 0;padding-left:23px;
   background:url(../img/products/icon_tell_friend.gif) top left no-repeat;
   }
   
   #tell-friend a:hover {
   display: block; width: 97px; height: 29px;
   background:url(../img/products/icon_tell_friend_on.gif) top left no-repeat;
   }
   
#print a {
   display: block; width: 57px; height: 29px; padding: 0;
   background:url(../img/products/icon_print.gif) top left no-repeat;
   }
   
   #print a:hover {
   display: block; width: 57px; height: 29px; 
   background:url(../img/products/icon_print_on.gif) top left no-repeat;
   }
   
#enlarge a {
   display: block; width: 67px; height: 20px; padding: 0;
   background:url(../img/products/icon_print.gif) top left no-repeat;
   }
   
   #enlarge a:hover {
   display: block; width: 67px; height: 20px; 
   background:url(../img/products/icon_print_on.gif) top left no-repeat;
   }
   
#to-scrapbook a {
   display: block; width: 100px; height: 29px; padding: 0;
   background:url(../img/products/icon_add_scrapbook.gif) top left no-repeat;
   }
   
   #to-scrapbook a:hover {
   display: block; width: 100px; height: 29px; 
   background:url(../img/products/icon_add_scrapbook_on.gif) top left no-repeat;
   }

#product-selector {float:left; width:740px; text-align:right; clear:both; margin-top:-17px;}
#localnav { background: #fff; width:710px; height:auto; margin:80px 0 0 7px; clear:both;}
#localnav ul {float:left; width:730px; }
#localnav ul li {float:left; display:block; white-space:nowrap; font-size: 12px;}
#localnav ul li a:link, #localnav ul li a:visited  {display:block; margin:4px 0 4px 0; padding:0 8px 0 8px; background:url(../img/header/localnav_divider.gif) center right no-repeat; text-decoration: none; color: #898989; }
#localnav ul li a:hover, #localnav ul li a.on {color: #000; }
#localnav ul li a.on {color: #898989; font-weight: bold; }
#localnav ul li.last a {background:none !important;}

#seperator {background:url(../img/header/seperator_bg.gif) repeat-x; width:740px; height:3px; margin:10px 0 0 0; overflow:hidden;}

/* New header */
#header { width: 770px; margin-top: 10px; position: relative; }
#header .util-nav { width: 500px; float: left; margin-top: 6px; }
#header .util-nav li { display: inline; float: left; padding-left: 10px; }
#header .util-nav li.first { padding-left: 30px; }
#header .util-nav li.first a {background-image:none;}
#header .util-nav li a {
   color: #000; text-decoration: none; display: block; padding-left: 10px;
   background: url(../img/bullet_util-nav.gif) 0px 7px no-repeat;
   }
#header .util-nav li a:hover { color: #000; text-decoration: underline; }
.main-nav { width:770px; background: #000; height: 60px; margin-top: 30px; position:absolute; top:15px; }
#header-logo { width:205px; margin: 15px 0 0 15px; }


/* footer */
#footer {
   margin:25px 0 40px 0; width:740px; height:auto; position:relative;
   clear:both; border-top: 1px solid #939598; padding: 0 15px;
   }
#footer p {display:block; float: right; padding:12px 0; font-size:11px; color:#000; width:300px; text-align: right;}
#footer ul {display:block; height:auto; margin: 0 0 20px 0; padding:12px 0 44px 0; width:400px;}
* html #footer ul {padding-bottom:28px;}
#footer li {float:left; display:inline;}
#footer li a:hover, #footer li a:visited,#footer li a:link {
   display:block; padding:0 6px 0 6px; font-size:10px; color:#000; text-decoration: none;
   background:url(../img/footer/footernav_divider.gif) center right no-repeat;
   }
#footer li.first a {padding:0 10px 0 0 !important;}
#footer li.last a {background:none !important;}

/* common elements */
.feature-special {float:right; clear:right; width:146px; border-top:1px solid #cbdbdf; overflow:hidden;}
.feature-special .container-top {position:relative; padding:4px 0 0 0;}
.feature-special .image-overlay {display:none;}
.feature-special .image {width:146px; margin-bottom:4px;}
.feature-special .copy {background:#cddadd; padding: 11px 6px 0 8px;}
.feature-special .copy div {width: 117px; margin:4px 0 8px 0;}
.feature-special .copy p strong.title {display:block;}
.feature-special .copy p a:hover {text-decoration:underline !important;}
.feature-special .container-bottom {position:relative; width: 146px; height: 41px; padding:0 6px 0 8px; background:url(../img/products/feature_bg_bottom.gif) no-repeat;}
.feature-special .container-bottom a:link,
.feature-special .container-bottom a:visited,
.feature-special .container-bottom a:hover {color:#39c;}
.feature-special .container-bottom a:hover {text-decoration:underline !important;}

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* generic table style */
table.generic {width:95%; font-family:inherit; font-size:inherit; border:none; margin:0 !important; padding:0 !important; overflow:hidden !important;}
table.generic th, table.generic.td {font-family:inherit; font-size:inherit; vertical-align:top; }
table.indent1 {margin-left:1em !important;}
table.indent2 {margin-left:2em !important;}

/* Features Section Right Nav */
#features {float:right; width:129px; padding:0 10px 0 0;}
#features .feature {float:right; clear:right; width:129px; margin:10px 0 0 0; background:#E6E4D6;}
#features .feature .image {width:109px; height:71px;border:1px solid #999;margin:9px 0 0 9px;}
#features .feature .copy {background:#E6E4D6;padding:11px 10px 11px 11px;}
#features .feature .copy strong {display:block; margin:0 0 8px 0;}
#features .feature .copy a:link {color:#141414; background:url(../../img/subcategory/arrow_black_right.gif) 0 4px no-repeat; padding-left:8px; text-decoration:none;}
#features .feature .copy a:visited {color:#141414; background:url(../../img/subcategory/arrow_black_right.gif) 0 4px no-repeat; padding-left:8px; text-decoration:none;}
#features .feature .copy a:hover {text-decoration:underline !important;}

.feature .copy p strong {display:block; margin:10px 0 8px 0;line-height:1.5em;}

/* Misc. */
.clear {clear:both;}

.spacer {margin-top:127px;}
/* added to fix the featurette flash container */
#divFlash{margin-top:70px;}