
body { color: #666; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#container { position: absolute; top: 25px; left: 0; width: 100%; text-align: center; }
#content { position: absolute; left: 50%; width: 780px; margin-left: -390px; text-align: left; }

#topNavFiller { padding-top: 114px; }

#topNavDiv { position: absolute; top: 0; left: 0; width: 780px; }
#topNavLeft { float: left; width: 190px; background-color: #fff; padding-top: 12px; }
#subTitle { color: #999; }

#topNavLeft form { margin: 0; padding: 0; }
#searchDiv { width: 184px; height: 30px; background: url("http://www.coolerpromos.com/images/nav/search_button.gif") no-repeat; margin: 9px 0 0 0; }
#searchFld { float: left; width: 100px; margin-top: 5px; padding-left: 50px; }
#searchFld input { width: 100px; border: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#searchButton { float: right; width: 30px; }
#searchButton input { width: 30px; height: 30px; }
html>body #searchFld { margin-top: 6px; }

#topNavRight { float: right; width: 590px; }
#topNavContainer { height: 90px; background: url("http://www.coolerpromos.com/images/nav/top_tile.gif") repeat; }
#tnrC1 { float: left; width: 75px; }
#tnrC2 { float: left; width: 358px; color: #669933; padding-top: 20px; font-weight: bold; }
#tnrC3 { float: left; width: 30px; padding-top: 8px; }

#supportLinks { float: right; width: 127px; height: 90px; background: url("http://www.coolerpromos.com/images/nav/top_right.gif") no-repeat top right; }
#supportLinks a:link, #supportLinks a:visited  { color: #666; font-size: 12px; font-weight: bold; text-decoration: none }
#supportLinks a:hover, #supportLinks a:active { color: #669933; }

#emailLink { padding-top: 12px; }
#callMeLink { margin: 10px 0; }

#navLinksDiv { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#navLinks { height: 23px; background: url("http://www.coolerpromos.com/images/nav/top_navigation.gif") repeat; margin: 0 1px; }
#navLinks ul { margin: 3px 0 0 0; padding: 0; list-style-type: none; }
#navLinks li { height: 5px; display: inline; border-right: 1px solid #ccc; margin: 0 0 0 15px; padding: 2px 2px 0 0; }
#navLinks a { color: #666; padding: 2px 24px 0 9px; font-weight: bold; text-decoration: none; }
#navLinks a:visited { color: #666; text-decoration: none; }
#navLinks a:hover { color: #669933; text-decoration: none; }
html>body #navLinks ul { margin: 0; padding: 4px 0 0 0; }
html>body #navLinks li { margin: 0 0 0 13px; padding: 0 5px 0 0; }
html>body #navLinks a { padding: 10px 19px 0 10px; }

#sideNavDiv { float: left; width: 187px; }
#sideNav { width: 187px; background: url("http://www.coolerpromos.com/images/nav/leftnav_tile.gif") repeat-y; }

#catMenu ul, #brandMenu ul { width: 170px; margin: 0; padding: 13px 0 0 7px; list-style-type: none; }
#catMenu li, #brandMenu li { margin: 0; padding: 0; font-size: 12px; }
#catMenu a, #brandMenu a { display: block; width: 168px; color: #666; margin: 1px 2px; padding: 0 0 0 10px; font-weight: bold; text-decoration: none; }
#catMenu a:hover, #brandMenu a:hover { background-color: #669933; color: #fff; text-decoration: none; }
html>body #catMenu a, html>body #brandMenu a { width: 158px; }

.catList ul { width: 170px; margin: 0; padding: 13px 0 0 7px; list-style-type: none; }
.catList li { margin: 0; padding: 0; font-size: 12px; }
.catList a { display: block; width: 168px; color: #666; margin: 1px 2px; padding: 0 0 0 10px; font-weight: bold; text-decoration: none; }
.catList a:hover { background-color: #669933; color: #fff; text-decoration: none; }
html>body .catList a { width: 158px; }

#sideNavLine { width: 175px; margin: 0 5px; padding: 20px 0;}

h2.sideNavTitle { color: #669933; margin: 0; padding: 0 0 0 8px; font-size: 17px; }
.sideNavSubTitle { position: relative; top: -3px; left: 0; color: #666; padding-left: 8px; font-size: 10px; }

#contactDiv { color: #333; padding: 50px 0 20px 15px; }

#specialLinks { padding: 30px 0 20px 8px; }
#specialLinks h3 { font-size: 15px; margin: 0; padding: 0; }
#specialLinks a:link { color: #666; padding-left: 11px; font-weight: bold; text-decoration: none; }
#specialLinks a:hover, #specialLinks a:active { color: #669933; font-weight: bold; text-decoration: none; }

#footerDiv { width: 780px; margin: 0 0 0 0; }
#footer { width: 780px; border: 1px solid #ccc; border-bottom: none; margin-top: 1px; padding: 0 0 5px 50px; }
html>body #footerDiv { margin: 1px 0 0 0; }
html>body #footer { width: 728px; height: 103px; }

#footerC2  { position: relative; top: 0; left: -15px; }
#footerC5 { margin-left: 10px; }

#footerCS { margin-left: 55px; }
#footerOrder { margin-left: 50px }
#footerAssist { margin-left: 30px; }

.footerLinks { float: left; width: 140px; color: #666; padding-top: 14px; font-size: 11px; }
.footerLinks ul { margin: 0; padding: 0; list-style-type: none; }
.footerLinks li { margin: 0; padding: 0; }
.footerLinks a { color: #666; text-decoration: none; }
.footerLinks a:visited { color: #666; text-decoration: none; }
.footerLinks a:hover { color: #669900; text-decoration: underline; }

.footerTitle { color: #666; padding: 2px 0; font-weight: bold; }

#footerBotCurve { position: relative; top: -1px; left: 0; }

#copyrightDiv { width: 780px; color: #666; margin-top: 3px; padding-bottom: 40px; text-align: center; }

.borderT { border-top: 1px solid #c0c0c0; }
.clearDiv { clear: both; }

.font13 { font-size: 13px; }
.font20 { color: #000; font-size: 20px; }

.padL40 { padding-left: 40px; }
.padL42 { padding-left: 42px; }