/*
 * This file adds global styles used throughout the entire site. */

/* Global and framework styles */
* { margin: 0; padding: 0; font-family:Century Gothic, Verdana, Geneva, sans-serif;}
img { border-width: 0; }
.clr{clear:both;}
sup { font-size: 65%; line-height:2px;}
body { background: #c5d5ec url('/images/framework/siteBG.jpg') repeat-x top left; text-align:center; }
html { overflow-y: scroll; }
div.container { position:relative; margin:0 auto; width:978px; text-align:left;}
div.middle { width: 978px; background: url('/images/framework/containerBG.jpg') repeat-y top left; padding: 0 5px }
div.content{float:left;}

.print { display: none }

/* Header Search */
#mainMenu div.search {position:relative; top:48px; left:10px; width:153px; margin:0; padding:0;}
#mainMenu div.search input {border:1px solid #5982a4; font-size:8pt; color:#051846; width:104px; padding:0; margin:0; float:left;}
#mainMenu div.search input.searchBtn {width:auto;border:none;float:right;}

/* Position and style Hefty Helps You sub-menus */
div.heftyHelpsYou { position: absolute; top: 126px; left: 5px }
div.heftyHelpsYou a { text-decoration: none }
div.aroundTheHouse div,
div.onTheGo div,
div.funAndEntertainment div { display: block; width: 967px; height: 30px }
div.aroundTheHouse div { background-image: url('/images/framework/translucentBlue70.png'); color: #9be }
*html div.aroundTheHouse div {background:#4475a1;}
div.aroundTheHouse a, div.aroundTheHouse a:visited {  color: #9be }
div.aroundTheHouse a:active, div.aroundTheHouse a:hover {  color: white }
div.onTheGo div { background-image: url('/images/framework/translucentGreen70.png'); color: #060 }
*html div.onTheGo div {background:#c1e172;}
div.onTheGo a, div.onTheGo a:visited {  color: #050 }
div.onTheGo a:active, div.onTheGo a:hover {  color: white }
div.funAndEntertainment div { background-image: url('/images/framework/translucentOrange70.png'); color: #630 }
*html div.funAndEntertainment div {background:#f39d46;}
div.funAndEntertainment a, div.funAndEntertainment a:visited {  color: #630 }
div.funAndEntertainment a:active, div.funAndEntertainment a:hover {  color: white }

div.heftyHelpsYou ul { list-style: none; padding: 0 5px }
div.heftyHelpsYou ul li { display: block; float: left; padding: 5px 0;  margin: 0 5px; font: 13px verdana }

/* Hefty Helps You Button Highlighters */
body.aroundTheHouse a.aroundTheHouse, a.aroundTheHouse:hover, a.aroundTheHouse_show { background: url('/images/framework/aroundHouseHover.jpg') no-repeat top left }
body.onTheGo a.onTheGo, a.onTheGo:hover, a.onTheGo_show { background: url('/images/framework/onGoHover.jpg') no-repeat top left }
body.funAndEntertainment a.funAndEntertainment, a.funAndEntertainment:hover, a.funAndEntertainment_show { background: url('/images/framework/funEntertainmentHover.jpg') no-repeat top left }

/* Hide Hefty Helps You sub-menu unless we're on one of those pages. */
div.aroundTheHouse,
div.onTheGo,
div.funAndEntertainment { height: 0; display: none }
body.aroundTheHouse div.aroundTheHouse, 
body.onTheGo div.onTheGo, 
body.funAndEntertainment div.funAndEntertainment { height: auto; display: block }

/*--------
Home Page Styles 
--------*/
body.homePage div.content {background-color:#FFFFFF; width:968px; height:550px;}
div.homeTouts {background: url('/images/homePage/toutHolder.gif') no-repeat; width: 968px; height: 200px; position:relative; top:350px; z-index:1000;}
div.homeTouts div { float: left; width: 198px; position:relative; top:10px;}
div.homeTouts #tout1{position:relative; left:27px;}
div.homeTouts #tout2{position:relative; left:68px;}
div.homeTouts #tout3{position:relative; left:110px;}
div.homeTouts #tout4{position:relative; left:150px;}
div.homeTouts div a,
div.homeTouts div a:link,
div.homeTouts div a:visited,
div.homeTouts div a:hover,
div.homeTouts div a:active{text-decoration:none; color:#225599;}
div.homeTouts span, div.homeTouts p {color:#225599; font-size:12px; text-align:center; display:block }
div.homeTouts .moreInfo{font-weight:bold }
div.homeTouts .moreInfo img{margin:0 0 0 5px; position:relative; top:2px;}

/*---------
Footers
---------*/
.footerWhite img{float:left;}

/*---------
Sub Footer
---------*/
.subFooter { width: 975px }
.products .subFooter{position:relative; top:-35px;}
.productLanding .subFooter{position:relative; top:-5px;}
.subFooter ul{list-style:none; margin:0 0 0 10px; float: left }
.subFooter ul.c2 { float: right }
/*Reduced font size from 12px to fit additonal entries*/
.subFooter ul li {color:#336291; display:inline; font-size:9px; font-weight:bold; font-family: Arial }
.subFooter ul li a,
.subFooter ul li a:link,
.subFooter ul li a:visited,
.subFooter ul li a:hover,
.subFooter ul li a:active{text-decoration:none; color:#336291; font-family: Arial}

.subFooter .copy{color:#336291; font-size:11px; text-align: right; clear: both }
.subFooter .copy a,
.subFooter .copy a:link,
.subFooter .copy a:visited,
.subFooter .copy a:hover,
.subFooter .copy a:active{text-decoration:underline; color:#336291;}

/* 404 Page */
#errorPageDiv{ background:url(../images/framework/404.png) no-repeat top; height:455px;}
.errorText{ padding:150px 0 0 0;}

/* RingTone link on homepage */
#ringtone{position:absolute; top:126px; left:768px; z-index:20;}