@charset "UTF-8";
/* CSS Document */

body {background-color: #ffffff;
      font-family: Century Gothic, Arial, sans-serif;
      color: #000000;
	  font-size:13px;
	  letter-spacing:inherit;
	  margin:0 auto;
	  text-align:center;
	  line-height:1.5em;
     }
	
table { margin:0px; }

sup { font-size:9px; }

.disclaimer_bag { font-size:11px; line-height:1.2em; margin:0px 0px 8px 0px; color:#666666; }

P  { color: #000;
    font-size: 14px;;
   }


H3 {font-family: Century Gothic, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #8c8a87;
   }

H4 {font-family: Century Gothic, Arial, sans-serif;
    font-size: medium;
    text-align: center;
    font-weight: bold;
    color: #8c8a87;
   }

H5 {font-family: Century Gothic, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left
   }

H6 {font-size: xx-small;
    font-weight: normal;
    text-align: center;
   }
   
   
.floatleft{ float:left; }
.floatright{ float:right; }
.clear{ clear:both; }
.btmpad5{padding:0px 0px 5px 0px;}
.btmpad10{padding:0px 0px 10px 0px;}
.btmpad15{padding:0px 0px 15px 0px;}
.btmpad20{padding:0px 0px 20px 0px;}
.toppad5{padding:5px 0px 0px 0px;}
.leftpad5{ padding:0px 0px 0px 5px; }


ul { list-style:none; padding:0px; margin:0px; }
li { list-style:none; padding:0px; margin:0px; }

ol li { list-style:decimal; }

/*fonts*/
.ttllarge{ font-size:30px;font-family: Century Gothic, Arial, sans-serif;  color: #8c8a87; }
.ttlmed{ font-size:20px;font-family: Century Gothic, Arial, sans-serif;  color: #8c8a87; }
.ttlsmall{ font-size:14px;font-family: Century Gothic, Arial, sans-serif;  color: #8c8a87; }
.brdrbtm{ border-bottom:#dededc solid 1px; }

.darktext{ color:#666666; }
.large { color: #7e7e1c; font-size:17px; }
.14 { font-size:14px; }

.logo { font-family:Arial, Helvetica, sans-serif; color:#7e7e1c; font-size:14px; font-weight:bold; }
.logo_lg { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:20px; }
.ttlsearch{ font-size:32px;font-family: Century Gothic, Arial, sans-serif;  color: #8c8a87; padding:0px 0px 8px 0px; }

.small{ font-size:12px; }
.disclaimer { font-size:10px; }

a:link {color: #7e7e1c; text-decoration: none;}
a:visited {color: #7e7e1c; text-decoration: none;}
a:active, a:hover {color: #000000; text-decoration: underline; }

a.landinglinks:link, a:visited {color: #7e7e1c; text-decoration: none;}
a.landinglinks:active, a:hover {color: #000000; text-decoration: none; }

a.smalllink:link, a.smalllink:visited {color: #7e7e1c; text-decoration: none;}
a.smalllink:active, a.smalllink:hover {color: #000000; text-decoration: underline; }

a.medlink:link, a.medlink:visited {color: #7e7e1c; text-decoration: none;font-size:13px;}
a.medlink:active, a.medlink:hover {color: #000000; text-decoration: underline;font-size:13px; }

a.largelink:link, a.largelink:visited {color: #7e7e1c; text-decoration: none;font-size:17px;}
a.largelink:active, a.largelink:hover {color: #000000; text-decoration: underline;font-size:17px; }

p.results a:link,p.results  a:visited {color: #7e7e1c; text-decoration: none;font-size:13px;}
p.results a:active,p.results  a:hover {color: #000000; text-decoration: underline;font-size:13px; }

a.navdivlink:link, a.navdivlink:visited {color:#8C8A87!important; text-decoration: none;}
a.navdivlink:active, a.navdivlink:hover {color: #000000; text-decoration: none;}

a.navdivlink_down:link, a.navdivlink_down:visited {color:#000000!important; text-decoration: none;}
a.navdivlink_down:active, a.navdivlink_down:hover {color: #000000; text-decoration: none;}

#mainnav{ margin:0 auto; text-align:left; width:900px;padding:20px 20px 0px 0px; }
#navleft{ float:left; width:150px; }
#navmid{ float:left;width:700px;padding:55px 0px 0px 20px; }
#navright{ float:left; width:150px; padding:45px 0px 0px 25px; }
.navdiv_right{ padding:10px 0px 15px 47px; float:left; font-size:14px; font-weight:bold; }
.searchbox {  padding: 2px; height: 22px; width: 200px; border: 1px solid #7F9DB9;  }
.navdiv{ padding:15px 20px 15px 0px; float:left; font-size:15px; font-weight:bold; color:#8C8A87; }
#content{ margin:0 auto; text-align:left; width:900px; position:relative;padding:0px 20px 20px 0px; display:block; }
#contentsearch { margin:0 auto; text-align:left; width:900px; position:relative;padding:10px 20px 20px 30px; display:block; }
#leftcol{ float:left; border-right:#dededc solid 1px;width:135px;padding:0px 0px 0px 15px; }
#rightcol{ float:left; }
#btmright{ clear:left; }
#footer{ width:900px;clear:both; padding:30px 0px 20px 20px;margin:0 auto; }
#footer a:link {color: #7e7e1c; text-decoration: none;}
#footer a:visited {color: #7e7e1c; text-decoration: none;}
#footer a:active, #footer a:hover {color: #000000; text-decoration: underline; }
#buyform { border-bottom:#dededc solid 1px;border-top:#dededc solid 1px;padding:10px 0px; margin:10px 0px; }

#widecontent { padding:0px 0px 0px 20px; width:550px; float:left; }

#subinclude1 { border-top:1px solid #dededc;padding:7px 0px 4px 0px; }

#homecontent{ margin:0 auto; text-align:left; width:960px;padding:20px 20px 20px 0px; }
#homelogo{ float:left; padding:0px 20px 0px 0px; }
#homeflash{ float:left;background:url(images/flashbg.jpg);width:600px;height:400px;padding:20px 0px 0px 20px; }
#homebtm{ width:480px;margin:0 auto;padding:0px 0px 0px 200px; }
#homenav{ width:300px;padding:10px 0px 0px 0px; }
.homenavdiv{ padding:15px 20px 15px 0px; float:left; font-size:14px; font-weight:bold; }
#homeicons{ float:left; padding:22px 0px 0px 0px; }
.icondiv{ padding:0px 8px 0px 0px; float:left; }
#homepagestart{ clear:left;width:400px;padding:20px 0px 20px 130px; }
a.large:link, a.large:visited {color: #8c8a87; text-decoration: none; font-size:20px; font-weight:bold;}
a.large:hover {color: #000000; text-decoration: none; font-size:20px; font-weight:bold; }

#slides{ float:left;padding:20px;margin:0px 0px 0px 0px;text-align:left; }
#slides2{ text-align:left; }
#landingnav{ float:left;width:220px; text-align:right; padding:20px 0px 0px 40px; }
.landinglinks{ font-size:16px;line-height:1.5em;margin-top:15px; }
#switches { font-size:16px;line-height:1.5em;margin-top:0px; }
#switches li a:link, #switches a:visited { font-size:16px;text-decoration:none; }
#switches li a:hover { font-size:16px;text-decoration:underline; }
#switchessml { font-size:12px;line-height:1.5em;margin-top:15px; }
#switchessml a { font-size:12px;text-decoration:underline; }

#sidenav{ padding:0px 0px 0px 52px; }
#titlebar{ padding:4px 0px 10px 20px; }
#titlebar h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; color:#514f4f; font-weight:normal; padding:0px 0px 5px 0px; margin:0px; }

#detail{ padding:0px 0px 0px 20px; }
.sketch{ float:left; width:250px; padding:0px 0px 0px 10px; }
.samplepic{ float:left; width:250px; padding:0px 10px 0px 0px; }
.samplepic_wide{ float:left; width:510px; padding:0px 10px 0px 0px; }

.samplecopy{ float:left; text-align:left; width:250px; }

.piclabelwhite{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; }
.piclabelblack{ font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; }
.priceinfo{ padding:15px; text-align:left; }

/* WHAT Page */

#whatleft { width:350px; padding:0px 10px 0px 0px; float:left; }


#whatleft ul li { list-style:disc; padding:0px 0px 5px; margin:0px 0px 0px 20px; }

#smallbullet ul li { list-style:disc; padding:0px 0px 3px; margin:0px 0px 0px 15px; }

#plaincontent { width:650px; padding:0px;float:left; padding:0px 0px; margin:0px 0px 0px 20px; }
#questioncontent { width:650px; padding:0px;float:left; padding:20px 0px; margin:0px 0px 0px 30px; }
.questiontitle { clear:left; font-size:20px;font-family: Century Gothic, Arial, sans-serif;  color: #8c8a87; padding:8px; }
.questionbody { padding:10px; border: 0.1em solid #bbbbb9; }


div.button { width:120px; height:24px; top:0px; left: 0px; border: 1px #bbbbb9 solid; }
div.button a  { width:120px; height:24px; display:block; padding-top:2px; font: bold .8em; text-align:center; }
div.button a:link { color: black; text-decoration:none; }
div.button a:hover { color:#F33; text-decoration:underline; border: 1px #787775 solid; }

#nav-menu ul { font-family:Arial, Helvetica, sans-serif;list-style: none; padding: 0; margin: 0px; }
#nav-menu li { font-family:Arial, Helvetica, sans-serif;float: left; margin: 0px 8px 0px 0px; }
#nav-menu li a { font-family:Arial, Helvetica, sans-serif;height: 2em; line-height: 2em; float: left; display: block; border: 0.1em solid #bbbbb9; font-size:14px; color: #bbbbb9; text-decoration: none; text-align: center; padding:0px 12px 0px 12px; }
#nav-menu li a:hover { font-family:Arial, Helvetica, sans-serif;height: 2em; line-height: 2em; float: left; display: block; border: 0.1em solid #787775; font-size:14px; color: #787775; text-decoration: none; text-align: center; padding:0px 12px 0px 12px; }

#nav-menu .on { font-family:Arial, Helvetica, sans-serif;height: 2em; line-height: 2em; float: left; display: block; border: 0.1em solid #000000; font-size:14px; color: #00000; text-align: center; padding:0px 12px 0px 12px; }

ul li .lightlist { list-style:square;  }

.contentcube {
	overflow:hidden;
	padding:0px 20px 0px 20px;
}

.bag_sub { font-size:10px; line-height:1em; }

/* SLIDER */

#slider ul, #slider li{
		width:200px;
		margin:0;
		padding:0px;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:200px;
		height:400px;
		overflow:hidden;

		}
	#prevBtn, #nextBtn{ 
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:-30px;
	top:71px;
	}	
	#nextBtn{ 
	left:600px;
	top:350px;
	}
	#prevBtn{ 
	left:600px;

	}																
	#prevBtn a, #nextBtn a{  
	display:block;
	width:40px;
	height:40px;
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	#nextBtn a{ 
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}
	
	
/* Instructional Tips */

#tip_i01 { position:absolute!important; left:100px!important; top:100px!important; width:282px; height:185px; background:url(../images/bubble.gif); background-repeat: no-repeat; }

#btnPP { padding:45px 0px 0px 0px!important; background:url(../images/bg_checkout.gif)!important; background-repeat: no-repeat!important; background-position: top!important; }