/* CSS Document */
body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
    color:#000;
	line-height:1.4em;
	background-color:#414141; 

}


/* centers & defines page */
#container {position:relative; margin: 0 auto; width: 995px; padding:0; background:none;} 



/* General styles - main global rules for all content on the site */
a:link, a:visited {color: #FDF262;	text-decoration: none;}
a:hover {color: #FDF262; text-decoration: none;}
h1 {font-size: 1.8em;  color:#595959; font-weight:normal;}
h2, #content h2 {font-size: 1.4em; color:#333; }
h3 { color:#333; font-size:1.2em; }
h3.left {text-align:left;}
p {margin:5px 0 10px 0 ;}
p.leadin {padding-bottom:0; margin-bottom:0;}
img {padding:0; margin:0;}
img.left {margin:0 15px 0 0;}
img.right {margin:0 0 5px 15px;}
p.note {font-size:10px; }

hr {height:1px; border:none; color:#398AD1; background-color:#398AD1;}


ul, ol {text-align:left; line-height:1.4em; padding-top:5px; margin-top:0;  }
ul li, ol li {padding-bottom:8px;}
ul.check li {margin-left:-10px; padding:8px 0 3px 25px; background-image:url(/images/checkmark.gif); background-position:left; background-repeat:no-repeat; list-style-type:none; }

pre, .code {font-family:"Courier New", Courier, monospace;}
p.indent {margin-left:40px;}


.red {color:#CC0000;}
.blue {color:#398AD1;}
.small {font-size:10px;}
.clear {clear:both;}
.white {color:#fff;}

img.logoprint {display:none;}

/* Header strip - items above nav */
#topstrip {width:990px; height:105px;padding:0 0 0 2px; color:#7F7F7E;}
#topstrip p {float:right; width:500px; margin:0; padding:3px 15px 0 0; height:25px; text-transform:uppercase; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-image:url(/images/bg_toplinks.gif); background-position:right; background-repeat:no-repeat;}
#topstrip p a:link, #topstrip p a:visited {
	color:#ACACAC;
	text-decoration:none;
	padding:0 4px;
}
#topstrip p a:hover {color:#fff;} 
#topstrip img.logo {padding-top:15px;}
#topstrip img.tag {padding-top:35px; clear:right;}


/* Navigation */
#nav {margin:0 0 0 2px; padding:0; width:990px; background-image:url(/images/nav/nav_bg.jpg); background-position:top; background-repeat:repeat-x; }


/* Content */
#content {margin:0; padding:0;width:995px; clear:left;}

#banner {padding:15px 0;}

/* Column 1 */
#col_1 {width:235px; margin:15px 12px 0 6px; float:left;} /* alt IE */
#store #col_1 {width:235px; margin:0 7px 0 0; } 

#col_1 #box1, #col_1 #box2  {background-image:url(/images/col_1_bg.jpg); background-repeat:repeat-y; background-position:left; padding:0; width:235px; margin:0 0 15px 0; }

#col_1 #box1 ul {text-align:left; line-height:1.1em; padding:0; list-style:none;  margin:0; background-image:url(/images/col_1_bg_btm.jpg); background-position:bottom; background-repeat:no-repeat; }
#col_1 #box1 ul li {padding:0 0 4px 0;}
#col_1 #box1 ul li.nosub  {padding-bottom:0;}

#col_1 #box1 ul li ul {text-align:left; line-height:1.1em; padding:0; list-style:none;  margin:0; background:none; margin-top:0;}
#col_1 #box1 ul li ul li {padding:5px 0 5px 25px;}


#col_1 #box1 a:link, #col_1 a:visited {color: #000;	text-decoration: none; }
#col_1 #box1 a:hover {color: #398AD1; text-decoration: none;}

#col_1 #box1 h2 {font-size: 1em; color:#C3C2C2; font-family:Arial, Helvetica, sans-serif; padding: 5px 3px 0 18px ; margin:0 0 3px 0; background-image:url(/images/col_1_lih2_bg.jpg); background-position:top; background-repeat:repeat-x; height:19px;}
#col_1 #box1 li.nosub h2 {margin-bottom:0; height:19px;} /* alt IE */
#col_1 #box1 h2.first {background-image:url(/images/col_1_lih2_top_bg.jpg); background-repeat:no-repeat; background-position:left; margin-top:-1px;}
#col_1 #box1 h2 a:link, #col_1 h2 a:visited {color: #C3C2C2;	text-decoration: none; }
#col_1 #box1 h2 a:hover {color: #ECDE35; text-decoration: none;}

#col_1 #box2 h2 {font-size: 1em; color:#333; font-family:Arial, Helvetica, sans-serif; padding: 5px 3px 0 18px ; margin:0 0 3px 0; background-position:top; background-image:url(/images/col_1_bg_bx2top.jpg); background-repeat:no-repeat;}
#col_1 #box2 p {padding: 5px 3px 0 25px ; margin:0;}
#col_1 #box2 p.last {background-image:url(/images/col_1_bg_bx2btm.jpg); background-position:bottom; background-repeat:no-repeat;} 


#content #col_2 {background-color:#fff; padding:0; float:left; margin:15px 0; width:737px; }
#content #col_2 strong {font-size: 1.1em;}
#content #col_2 h1, #content #col_2 h2, #content #col_2 h3, #content #col_2 p {padding:0 25px;}
#content #col_2 h1.category, h1.category { font-family:Arial, Helvetica, sans-serif; font-size: 1.3em;	color:#E2DA3F; font-weight:bold; padding:9px 19px 12px 0; margin:0; background-image:url(/images/col_2_h1_bg2.jpg);	background-position:top; background-repeat:no-repeat; text-align:right;
}
#content #col_2 .buttons {text-align:right; padding-bottom:15px;}
#content #col_2 h3 {padding-bottom:0; margin-bottom:0;}
#content #col_2 h3.price {font-size:1.3em; color:#D6CD4A; font-style:italic;}
#content #col_2 li {padding-right:50px; line-height:1.3em;}
#content #col_2 td li {padding-right:0;}
#content #col_2 p.order {padding:25px 0 0 20px; margin:0;}
#content #col_2 #end {padding-bottom:40px; background-image:url(/images/col_2_btm.jpg); background-position:bottom; background-repeat:no-repeat; margin-bottom:0;}   /* alt IE */
#content #col_2 p.highlight {background-image:url(/images/bg_highlighted.jpg); background-repeat:no-repeat; background-position:left; padding:20px 100px 0px 50px; height:100px; font-weight:bold; line-height:1.7em;}
#content #col_2 p.highlight img {padding:0 7px;}
#content #col_2 a:link, #content #col_2 a:visited {color: #398AD1;	text-decoration: none; }
#content #col_2 a:hover {color: #000; text-decoration: none;}

#content #col_2 table {clear:both; border-bottom:1px solid #93c0e6; border-left:1px solid #93c0e6; margin:0 25px; width:687px}


#content #col_2 table th, #content #col_2 table td {text-align:center; vertical-align:middle; border-right:1px solid #93c0e6; border-top:1px solid #93c0e6; padding:2px 5px;} 
#content #col_2 table th.last, #content #col_2 table td.last {border-right:none;} 
#content #col_2 table td.sub {font-weight:bold; background-color:#eee;} 
#content #col_2 table th {background-color:#93c0e6; color:#333;  line-height:1.2em; background-image:url(/images/tablehd_bg.jpg); background-position:top; background-repeat:repeat-x; font-size:1.1em;}
#content #col_2 table td ul {padding:5px 0 0 30px;; margin-bottom:0; }  /* alt IE */
#content #col_2 table td li {padding-right:0;}
#content #col_2 table th.col3_1 {width:197px;}
#content #col_2 table th.col3_2, #content #col_2 table th.col3_3 {width:245px;}

/* #content #col_2 table#noborder  alt IE7 */
#content #col_2 table#noborder, #content #col_2 table#noborder th, #content #col_2 table#noborder td  {border:none;} 
#content #col_2 table#noborder.left th, #content #col_2 table#noborder.left td  {text-align:left;}
#content #col_2 table#noborder th p, #content #col_2 table#noborder td p {margin-left:0; padding-left:0;}

#content #col_2 table#chart, #content #col_2 table#chartindent  {border:none;}
#content #col_2 table#chart th, #content #col_2 table#chartindent th, #content #col_2 table#chart td, #content #col_2 table#chartindent td {text-align:left; border:none; padding:5px; vertical-align:top;}

#content #col_2 table#chart p, #content #col_2 table#chart h3 {padding-left:0;}
#content #col_2 table#chartindent {margin-left:20px;}

#content #col_2 table#indent {border-left:1px solid #93c0e6; margin-left:20px; margin-right:20px;}
#content #col_2 table#indent td {text-align:left; vertical-align:top;}

#content #col_2 table.halfleft, #content #col_2 table.halfright, table.halfleft, table.halfright  {width:340px; float:left; clear:none;}
#content #col_2 table.halfleft, table.halfleft {margin:0 0 5px 24px;}
#content #col_2 table.halfright, table.halfright {margin:0 20px 5px 10px;}

#content #col_2 table td.left, #content #col_2 table th.left, #content #col_2 table#chart td.left {text-align:left;}

#content #col_2 #r_box, #content #col_2 #l_box {width:300px; padding-top:15px; font-size:.9em; line-height:1em;  background-position:top; background-repeat:repeat-x;}
#content #col_2 #r_box {margin:0 20px 10px 15px; float:right; border:1px solid #8CCA5B; background-image:url(/images/bg_rbox.jpg);} /* alt IE */
#content #col_2 #l_box {margin:0 0 10px 25px; float:left; border:1px solid #ECDE35; background-image:url(/images/bg_box_yellow.jpg);} /* alt IE */
#content #col_2 #l_box.green {background-image:url(/images/bg_rbox.jpg); border:1px solid #8CCA5B; }
#content #col_2 #r_box h3, #content #col_2 #l_box h3 {padding-left:15px; margin-top:0; font-size:1.3em;} 
#content #col_2 #r_box ul, #content #col_2 #l_box ul {margin-bottom:5px; padding:10px 5px 0 30px; margin-right:0; } /* alt ie */
#content #col_2 #r_box li, #content #col_2 #l_box li {padding-right:5px; margin-right:0;}

#content #col_2 #r_box.wide, #content #col_2 #l_box.wide {width:335px; }

#content #col_2 #plain_r_box {width:335px; float:right; border:1px solid #8CCA5B; margin:0 25px 10px 10px; padding-top:10px; font-size:.9em; line-height:1em; }
#content #col_2 #plain_r_box h3 {padding-top:5px; border-bottom:1px solid #8CCA5B; padding-bottom:10px;}
#content #col_2 #plain_r_box img {padding:7px 0;}
#content #col_2 #plain_r_box strong.black {color:#000; font-size:.9em;}


/* Home specific styles - by adding id="home" to the body tag on the homepage I am able to change link colors and the properties of the different divs I created (#col_1, #col_2, etc) */

#home #banner {padding:10px 0 5px 0;} 

#home #content #col_1, #home #content #col_2, #home #content #col_3, #home #content #col_4 {padding-top:0; width:245px; float:left; margin:0 3px 0 0; height:208px; background-color:#414141; background-image:url(/images/home/bg_box_btm.jpg); background-position:bottom; background-repeat:no-repeat; color:#fff; }
#home #col_1 h2, #home #col_2 h2, #home #col_3 h2, #home #col_4 h2 {background-image:url(/images/home/bg_box_hd.jpg); background-repeat:no-repeat; background-position:top;  margin:0; font-size:12px; color:#fff; height:30px; padding:14px 5px 0 13px; font-weight:bold; margin-bottom:0; font-family:Arial, Helvetica, sans-serif; }
#home #col_1 p, #home #col_2 p, #home #col_3 p, #home #col_4 p {padding:0 18px 7px 20px; margin:0; line-height:1.3em;}
#home #col_4 p.date {padding-top:15px; color:#990000;} 


#home #content #col_1 {margin-left:3px; clear:left; background-image:url(/images/home/bg_box1_btm.jpg); }
#home #content #col_2 {background-image:url(/images/home/bg_box2_btm.jpg); }
#home #content #col_3 {background-image:url(/images/home/bg_box3_btm.jpg); }

#home #content #col_1 ul, #home #content #col_2 ul, #home #content #col_3 ul {margin:0 0 5px 0; padding:5px 5px 0 20px;}  /* alt IE */
#home #content #col_1 ul li, #home #content #col_2 ul li, #home #content #col_3 ul li {font-size:13px; line-height:10px; font-weight:bold; line-height: 16px; list-style:none; background-image:url(/images/home/bullet_checkbox.gif); background-repeat:no-repeat; background-position:left; padding:10px 0 0 20px;}
#home #content #col_4 {margin-right:0; }

#home #content a:link, #home #content a:visited {color: #fff;	text-decoration: none; font-size:11px; font-weight:bold;}
#home #content a:hover {color: #710000; text-decoration: none;}

#home #logostrip {width:995px; clear:left;}
#home #logostrip p {text-align:center; padding:15px 0 0 0; margin:0;}
#home #logostrip img {padding:0 108px 0 0;}
#home #logostrip img.last {padding:0;} 


/* Page with full width - no left side navigation */
#nosidenav #banner {padding:5px 0 0 0;} 
#nosidenav #content #col_1 {margin-left:5px; width:985px; clear:left; background-color:#fff; background-image:url(/images/bg_nosidenav_content.jpg); background-position:top; background-repeat:no-repeat;}  /* alt IE  */
#nosidenav #col_1 p, #nosidenav #col_1 h1, #nosidenav #col_1 h2, #nosidenav #col_1 h3 {padding:0 30px 8px 30px; margin:0;}
#nosidenav #col_1 h1 {padding-top:40px;}
#nosidenav #col_1 ul, #nosidenav #col_1  {padding-right:20px;}
#nosidenav #col_1 ol li {margin-left:10px;}  /* probably needs alt IE - not yet done */
#content #col_1 #end {padding-bottom:40px; background-image:url(/images/bg_nosidenav_content_end.jpg); background-position:bottom; background-repeat:no-repeat; margin-bottom:0;}   /* alt IE - not yet done */


/* Popups */
#popup {margin:10px 20px;}
#popup img.logo {padding-bottom:10px;}
#popup a:link, #popup a:visited {color: #398AD1;	text-decoration: none; }
#popup #content {width:500px;}
#popup a:hover {color: #FDF262; text-decoration: none;}
#popup p.close {font-size:10px; text-align:center;}


/* Footer */
#footer { float:left; clear:both; width: 994px; margin:15px 0 0 0; text-align:center; clear:both;  font-size:10px; color:#7D7D7D; text-align:left; background-image:url(/images/bg_foot.gif); background-position:top; background-repeat:no-repeat;}

#footer p {margin:0; padding:6px 10px 0 10px; width:670px; font-size:10px; color:#DFDFDF; }
#footer p.copyright {float:right; text-align:right; width:280px;} 
#footer a:link, #footer a:visited {color:#DFDFDF; text-decoration:none; padding:0 2px; }
#footer a:hover {color:#fff; padding:0 2px;} 
#footer p.credits {float:right; text-align:right; padding-top:10px; width: 300px;} 

#footer p.credits a:link, #footer p.credits a:visited {color:#666; padding:0;}
#footer p.credits a:hover  {color:#DFDFDF; text-decoration:none; padding:0;}

body#store #footer {margin-top:40px;}
body#store #container #footer a:link, body#store #container #footer a:visited {color:#DFDFDF; text-decoration:none; padding:0 2px; }
body#store #container #footer a:hover {color:#fff; padding:0 2px;} 
body#store #container #footer p.credits a:link, body#store #container #footer p.credits a:visited {color:#666; padding:0;}
body#store #container #footer p.credits a:hover  {color:#DFDFDF; text-decoration:none; padding:0;}

#footerprint {display:none;}