@charset "utf-8";
/* --------- Badger Ladder Main CSS Styles --------- */

/*	
	1.Defaults
	    - Html Tags
		
	2.Header
		- Logo
	    - Personal Advisors
		- Links
		
	3.Navigation
	
	4.Submenu
	
	5.Footer

*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body { background:url(../images/background/back.jpg) repeat; font:12px Arial, Helvetica, sans-serif; color:#333;}

h1 {font-size:1.6em; color:#000; padding-bottom:12px;}

h2 {font-size:1.5em; color:#C00; padding-bottom:12px;}

h3 {font-size:1em; color:#000; padding-bottom:12px;}

a, a:hover, a:active, a:focus {text-decoration:underline; outline:none;}

/*a {color:#060;}
	
a:hover {color:#F60; text-decoration:none;}*/

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both; font-size:0px;}
	
.err, .highlight {color:#C00; font-weight:bold;}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-top:5px; padding:3px; border:#CCC 1px solid;}

#wrapper {width:900px; padding: 0px 12px; margin:0px auto; background: url(images/bg-wrapper.jpg) repeat-y top center;}

/* ==================== 2.Header ==================== */

#header {width:900px; height:112px; background:url(images/bg-header.jpg) no-repeat center;}

#header img {float:right;}

#shipping {position:absolute; width:297px; height:289px; z-index:1; left: 55%; top: 85px; visibility: hidden;}

/* ---- Sub Nav --- */

#sub-nav {width:900px; height:36px; background:url(images/bg-subnav.jpg) no-repeat;}

#sub-nav h2 {color:#FFF; font-weight:bold; font-style:italic; display:block; padding-top:7px; padding-left:10px; width:450px; float:left; font-size:1.2em;}

#sub-nav p {float:right; display:block; padding-top:8px; padding-right:10px; color:#000; font-weight:bold; font-size:.9em;}
	
#sub-nav a {color:#000; text-decoration:none;}
	
#sub-nav a:hover {color:#FFF; text-decoration:none;}


/* ==================== 3.Content Container ==================== */

#conent-container {width:872px; padding:14px;}

p#breadcrumb {color:#999; display:block; padding-bottom:28px;}

p#breadcrumb a, p#breadcrumb a:hover {color:#999; text-decoration:underline;}

/* ---- left container ---- */

#left-container {float:left; width:250px; margin-right:15px;}

#left-container img, #left-container p, #left-container ul {margin-bottom:15px;}

#left-container a {color:#006798; font-weight:bold;}

#left-container a:hover {color:#999; font-weight:bold;}

#left-container ul {margin-left:15px;}

#left-container li {line-height:160%; background:url(images/bullet.gif) no-repeat left 7px; padding-left:10px;}

/* ---- page ---- */

#page {float:left; width:608px; margin-left:-3px; padding-bottom:30px;}

#page p {line-height:160%; padding-bottom:12px;}

/* ---------- Slider ---------- */

#slider {width:608px; margin:20px auto;}

.scroll {width:606px; overflow:auto; overflow:hidden; clear:left; position:relative; border:#CCC solid; border-width:0px 1px 1px 1px;}

.scrollContainer div.panel {padding:15px; width:578px; float:left;}

.scrollContainer div.panel ul {margin-left:14px; position:relative; width:350px; float:left;}

.scrollContainer div.panel li {line-height:160%; background:url(images/bullet-check-mark.jpg) no-repeat left; padding-left:20px;}



.sale {width:193px; height:107px; background:url(images/bg-cart-container.jpg) no-repeat left top; float:right;}

table.cart-container {width:160px; border-collapse:collapse; /*border:1px solid #CCC; background:#FFC; */float:right;}

table.cart-container  td {padding:5px; text-align:center; font-weight:bold;}

table.cart-container  span {color:#C00; font-size:1.8em;}

table.cart-container  label {margin-right:7px; color:#000;}

table.cart-container  input.qty {width:25px; border:#999 solid 1px; text-align:center; padding:3px;}


ul.navigation {width:608px;}

ul.navigation li {float:left; width:152px; height:51px; line-height:normal; margin-bottom:0px;}

ul.navigation li a span {color:#006798;}

ul.navigation li a:hover span {color:#C00;}

ul.navigation li a.selected span, ul.navigation li a.selected:hover span {color:#FFF;}

ul.navigation a {display:block; text-align:center; padding:10px 0px 0px 0px; height:41px; background:url(images/bg-slider-link.jpg) no-repeat left top; color:#000; font-weight:bold; text-decoration:none;}

ul.navigation a:hover {color:#C00; text-decoration:none;}

ul.navigation a.selected, ul.navigation a.selected:hover {color:#FFF; background:url(images/bg-slider-active.jpg) no-repeat left top; text-decoration:none;}

ul.navigation a:focus {outline:none;}

.hide {display:none;}

/* ---------- Table Add Ons ---------- */

#add-ons {width:608px; border-collapse:collapse; border:1px solid #CCC; font-weight:bold; color:#000; margin-top:8px; margin-bottom:14px;}

#add-ons th {background:url(images/bg-th-add-ons.jpg) repeat-x; padding:0px 0px 0px 20px; text-align:left; height:28px; color:#FFF;}

#add-ons th span {display:block; width:90px;}

#add-ons th span.quanity {padding-left:5px;}

#add-ons td {border-bottom:1px solid #CCC; padding:3px 0px 3px 20px; text-align:left;}

#add-ons input.qty {width:25px; border:#999 solid 1px; text-align:center; padding:3px;}

#add-ons td a {color:#006798; font-weight:bold;}

#add-ons td a:hover {color:#999; font-weight:bold;


/* ---------- Additonal Information ---------- */

#additional-info {width:606px; position:relative;}

#additional-info ul.nav {height:35px; background:url(images/bg-ul-nav.gif) repeat-x; width:610px; display:block;}

#additional-info ul.nav li {float:left; width:121px; height:35px;}

#additional-info ul.nav a {display:block; text-align:center; padding:10px 0px 0px 0px; height:25px; background:url(images/bg-info-link.jpg) no-repeat left top; color:#000; font-weight:bold; text-decoration:none;}

#additional-info ul.nav a:hover {color:#C00; text-decoration:none;}

#additional-info ul.nav a.selected, #additional-info ul.nav  a.selected:hover {color:#FFF; background:url(images/bg-info-active.jpg) no-repeat left top; text-decoration:none;}

.info-panel {width:578px; float:left; border:#CCC solid; border-width:0px;}

.info-panel ul {margin-left:14px; position:relative; float:left; width:550px;}

.info-panel li {line-height:160%; background:url(images/bullet-check-mark.jpg) no-repeat left 4px; padding-left:20px;}

#site-safe {background:url(images/logo-site-safe.jpg) no-repeat left; width:608px; float:left; margin-top:24px;}

#page #site-safe p {padding-left:185px; font-size:.9em; margin:0px; padding-bottom:0px; line-height:120%;}

/* ==================== 5.Footer ==================== */

#footer {background:url(images/bg-footer.jpg) no-repeat; width:924px; height:32px; margin:0px auto; color:#FFF;}

#footer p {display:block; float:right; margin-right:20px;}
	
#footer a, #footer a:hover {text-decoration:underline; font-size:.9em; color:#FFF;}