@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: #515151; font-family: arial,helvetica,sans-serif; font-size: 11px;
   }
a:link, a:visited, a:hover { text-decoration: none;color:#35536b; }
a:hover { color:#35536b; text-decoration:underline; }

/* global styles */
body {
   background: #0f406f url(../img/background/bgGradient.jpg) top center no-repeat;
   margin-bottom: 20px; text-align: center;
   }
body.popup {background-color:#fff; text-align:left;}
#container {
   width: 817px; margin: 0 auto; text-align: left;
   background: url(../img/background/bg_container.gif) top center repeat-y;;
   
   }
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; right:27px; bottom:13px;}
/*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;}
/* **MODIFICATION: font-size: 13px to font-size:11px to match mock design*/
p.sabon {font-size:11px; 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;text-decoration:none;
   background:url(../img/products/icon_tell_friend.gif) top left no-repeat;
   color:#35536b;
   }
   
   #tell-friend a:hover {
   display: block; width: 91px; height: 29px; padding: 0;padding-left:23px;
   background:url(../img/products/icon_tell_friend_on.gif) top left no-repeat;text-decoration:none;
   color:#db9c3d;
   }
   
   
#print a {
   color:#35536b;
   text-decoration:none;
   display: block; width: 57px; height: 29px; padding: 0;
   background:url(../img/products/icon_print.gif) top left no-repeat;
   }
   
   #print a:hover {
   color:#db9c3d;
   text-decoration:none;
   display: block; width: 57px; height: 29px; padding: 0;padding-left:23px;
   background:url(../img/products/icon_print_on.gif) top left no-repeat;text-decoration:none;
   }

/* MODIFICATION: ADDED CONTENT AND IMAGE TO CHANGE WHEN HOVERED */   
#to-scrapbook a {
   display: block; width: 91px; height: 29px; padding: 0;text-decoration:none;
   background:url(../img/products/icon_add_scrapbook.gif) top left no-repeat;
   color:#35536b;
   }
   
   #to-scrapbook a:hover {
   display: block; width: 91px; height: 29px; padding: 0;padding-left:23px;
   background:url(../img/products/icon_add_scrapbook_on.gif) top left no-repeat;text-decoration:none;
   color:#db9c3d;
   }

/*MODIFICATION**: changed the image localnav_divider.gif to localnav_divider_pipe.gif ALSO change width from 700 to 777 */
#localnav-container {width:817;background-color:#EDEDED;}
#localnav { width:777px; height:47px; margin-left:20px; clear:both; text-transform:uppercase;  background:#FFF url(../img/header/bg_header-nav.gif) repeat-x; border-bottom: 1px solid #cccccc;}
/*#localnav { width:770px; height:auto; margin:10px 0 -1px 35px; clear:both; text-transform:uppercase}
#localnav ul {float:left; width:750px; }*/

#localnav ul {float:left; width:777px; margin-top:5px;  }

#localnav ul li {float:left; display:block; white-space:nowrap; font-size: 11px;}
/*MODIFICATION**:margin:4px to margin:5px*/ 
#localnav ul li a:link, #localnav ul li a:visited  {display:block; margin:5px 0 4px 0; padding:0 8px 0 8px; background:url(../img/header/localnav_divider_pipe.gif) center right no-repeat; text-decoration: none; color: #2e557d; } /*HERE*/

/* ** MODIFICATION: TO THE BREADCRUMB - REMOVE BOLD AND PLACED COLOUR WHEN HOVERED */
#localnav ul li a:hover {color: #2e557d; }
#localnav ul li a.on {color: #cd7b00;}

/*#localnav ul li a:hover, #localnav ul li a.on {color: #2e557d; }
#localnav ul li a.on {color: #cd7b00; 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: 817px; margin: 0 auto; text-align: left; 
   background: url(../img/background/bgGradient.jpg) top center no-repeat;
   padding:0px;
   }
   
   
   
  
   
#header #header-logo { margin: 15px 0 0 0px; width: 178px; }

#header .main-nav {
   background: url(../img/header/bg_main-nav.jpg) top center no-repeat;
   height: 75px; margin-top: 10px;
   }/** MODIFICATION**: CHANGE height:108px to height:75px;*/
   

#header .util-nav { width: 505px; float: right; text-align: right; margin: 14px 20px 0 0; }

#header .util-nav li { display: inline; float: left; padding-left: 15px; }
#header .util-nav li.first { }
#header .util-nav li a {
   color: #323333; text-decoration: none; display: block; padding-left: 8px; font-weight: bold;
   background: url(../img/bullet_util-nav.gif) center left no-repeat;
   }
 
#header .util-nav li a:hover { color: #CD7B00; }

/*MODIFCATION: selected - item*/
#header .util-nav li.on a { color:#CD7B00; }


#header .site-nav { width:797px; float:left;display:inline; padding:0px;margin: 16px 0 0 20px; }

#header .util-search { float: right; width: 600px; position: relative; margin-top: 25px; }

#header .product-selector { width: 190px; position: absolute; top: 0; right: 200px; }

#header .productSearch { width: 180px; position: absolute; top: 0; right: 0; }

#header .productSearch #prod_search {
   width: 144px; border: 1px solid #B0CEEF; background: #40A8E6; color: #fff; float: left; padding: 2px;
   }
#header .productSearch .go { float: left; padding-left: 6px; }

/* footer */
#footer {
   margin: 25px 0 0px 0; width: 817px;height:129px;  position: relative; clear: both; padding:0;
   background: url(../img/background/bgGradient.jpg) top center no-repeat;
   }
 
 
   
   
#footer .bg {
   background: url(../img/footer/bg_footer.gif) top center no-repeat;
   }
#footer .legal { float: left; width: 500px; }
/* **MODIFCATION: decrese font size within the footer, ORGINAL: #footer .legal p { margin: 50px 0 0 23px;} */
#footer .legal p { margin: 50px 0 0 23px; font-size:10px;}
#footer .legal ul { margin: -8px 0 0 23px; }
/*#footer .dyk {
   float: right; width: 310px; background: lime; height: 130px;
   background: url(../img/footer/enCA/mayTag_hat.gif) 165px 13px no-repeat;
   
   }*/
#footer .dyk h4 { margin: 50px 0 0 10px; padding: 0; width: 165px; }
#footer .dyk p { margin: 0 0 0 10px; padding: 0; width: 165px; }

/*MODIFICATION**: changed the image from footernav_divider.gif to footernav_divider_pipe.gif */
#footer ul {display:block; height:auto; margin: 0; padding: 12px 0 12px 0; width:475px;}
#footer li {float:left; display:inline;}

/*PADDING MODIFICATION: padding:0 6px 0 6px;*/
#footer li a:hover, #footer li a:visited,#footer li a:link {
   display:block; padding:0 5px 0 5px; color: #00487A; text-decoration: none; font-weight: bold;
   background:url(../img/footer/footernav_divider_pipe.gif) center right no-repeat;
   }/*HERE*/

/*PADDING MODIFICATION: padding:0 6px 0 0 !important;}*/   
#footer li.first a {padding:0 5px 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;}