/*
font-size:77%;  renders 10px
font-size:85%;  renders 11px 
font-size:100%; renders 13px   
font-size:107%; renders 14px  
font-size:122%;  renders 16px  
font-size:136%; renders 18px  
*/

/* Site-Wide Elements */
html
{
   background-color: #f3f3f3; 
}
body {
background-color: #f3f3f3;
padding-bottom: 25px;
}

.list ul {
text-decoration: none;
font-weight:normal;
font-style: normal;
list-style-position: outside;
list-style-image: url(/image/arrow.gif);
list-style-type: square;
padding-left:10px;
margin: 5px;
}


#site_container{
	position: relative;
	display: block;
	margin:auto;
	z-index: 0;
	/* Add width here to control whole site */
	width:978px;
	background-color: White;
	border-left: 1px solid #eae9e9;
	border-right: 1px solid #eae9e9;
	border-bottom: 1px solid #f3f3f3;
/*	margin-bottom: 25px;*/
	
}



#skipto{
}

#content_container{ 
	display: block;
	border:0px solid white;
	background-color: #fff;
}	

#content_block{
	position: relative;
	display: inline;
	float: right;
	width: 772px;
	margin-right: 5px;
	z-index: 1;
	border: 0px solid green;
	color: black;
	/*background-color: #121212;*/
	
}	
#block_plainPg{
	position: relative;
	float: left;
	display: inline;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 10px;
	border: 0px solid red;
}

#block_plainPg li {
	
	font-weight: normal;
	padding-bottom: 2px;
	padding-left:7px;
	
}

#block_plainPg li a {
	color: #669900;
}

#block_plainPg li li{
	font-weight: normal;
	text-indent: 20px;
}


#side_nav {
	position: relative;
	display: inline;
	float: left;
	width: 190px;
	height: 580px;
	background-image: url('../image/left_bck.gif');
	background-repeat: no-repeat;
	margin-left: 5px;
	border: 0px solid red;
	/*margin-right: 5px;*/
	
}


h1{
	color: #000;
	font-size: 136%;
	font: verdana;
}
h2{
	color: #6A6A6A;
	font-size: 136%;
}

strong{
	font-weight: bold;
}


	
a:link, a:visited {
	color: #3D8AD3;
}
	
a:active, a:hover, a:focus	{
	color: #7DC0FF;
}
	

	

ol li{
	Padding:0.2em 0 0 1.7em;
	font-weight:normal;
}

.content_seperator{ 
	position: relative;
	clear: both;
	display: block;
	
	height: 1em;
	margin: 1px auto;
	border: 0px solid Black;
}	



.breadcrumb {
	clear: both;
	position:relative;
	font-family: verdana, arial, sans-serif; 
	display: block; 
	padding-bottom: 30px;
	padding-left: 25px;
	
	border: 0px solid red;
}

.breadcrumb a:link, .breadcrumb a:visited{
	text-decoration: none;
	color: #779611;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus{
	text-decoration: underline;
}

.breadcrumb strong{
	font-weight:bold;
}
/* Header begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#header {
  position: relative;
  height:73px; /*height before holiday countdown*/
 /* height: 100px;*/
  width:100%;
  display: block;
  margin: auto;
 z-index: 99;
  background-color: white;

}

#logo {
  position: absolute;
/*  top: 20px; top before holiday countdown */
 top : 20px;
  left: 16px;
}

#search {
	position: absolute;
	/*top: 41px; top before holiday countdown*/
	top: 41px;
	right: 20px;
	width: 270px;
	height: 4.2em;
}

#searchBox{
	width: 191px;
	height: 25px;
	border: 0px solid #d4d4d3;
	/*padding: 3px 0px 3px;*/
	background-image: url('../image/search_bck.gif');
	background-repeat: no-repeat;
	color: Black;
	font: normal 80% Verdana;
	
}




#go a:link, #go a:visited {
	Display:block;
	height:14px;
	background-color: #E6E6FA;
	/*margin:0 5px;
	padding:0 2px;*/
	padding-left: 10px;
	font-weight: bold;
	border:1px solid #000;
}
#go a:hover, #go a:focus {
	background-color: #DAA520;
}


#store_nav {
	/*display: inline;*/
	position: absolute;
	/*top: 41px;  top before holiday countdown*/
	top: 41px;
	left: 202px;
	height: 28px;
	width: 503px;
	background-image: url('../image/nav-top-bck.gif');
	z-index: 90;
}
#b_content a:link, #b_content a:visited,
#b_home a:link, #b_home a:visited,
#b_cart a:link, #b_cart a:visited,
#b_ccare a:link, #b_ccare a:visited,
#b_contact a:link, #b_contact a:visited,
#b_ordertracking a:link, #b_ordertracking a:visited,
#b_sitemap a:link, #b_sitemap a:visited
{
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	padding: 8px 3px 0 20px;
	font: normal 75% Verdana;
	color: Black;
	text-transform: uppercase;
}
#b_content a:hover, #b_content a:focus, #b_content a:active, 
#b_home a:hover, #b_home a:focus, #b_home a:active, 
#b_cart a:hover, #b_cart a:focus, #b_cart a:active, 
#b_ccare a:hover, #b_ccare a:focus, #b_ccare a:active,
#b_contact a:hover, #b_contact a:focus, #b_contact a:active,
#b_ordertracking a:hover, #b_ordertracking a:focus, #b_ordertracking a:active,
#b_sitemap a:hover, #b_sitemap a:focus, #b_sitemap a:active
{
	text-decoration: underline;
}


/* header end */	


/* LEFT NAV begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */

.menu_list {
	width: 174px;
	margin-top:16px;
	margin-left:5px;
	height:250px;
}
.menu_head {
	background-image: url(../image/leftnav_bck.gif);
	background-repeat: no-repeat;
	color: #585858; 
	display: block;
	width: 150px;
	height: 23px;
	font:12px verdana, arial,helvetica,clean,sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding: 3px 10px 0px 25px;
	margin:1px;
	cursor:pointer;
}


.menu_head a 
{
 color:#585858;	
}


.menu_headON {
	background-image: url(../image/leftnav_bckON.gif);
	background-repeat: no-repeat;
	color: #585858; 
	display: block;
	width: 150px;
	height: 23px;
	font:12px verdana, arial,helvetica,clean,sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding: 3px 10px 0px 25px;
	margin:1px;
	cursor:pointer;
}


.menu_headON a 
{
 color:#585858;	
}




.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#006699;
  background-color:#b6da81;
  padding-left:3px;
  font:11px verdana, arial,helvetica,clean,sans-serif;
  text-decoration:none;
 
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}

/* left nav end */

	
/*EMAIL SIGN UP begin*/
#promo{
	position: absolute;
	top: 5px;
	right: 10px;
	border:0px solid #000;
	font-size: 85%;
	display: inline;
	/*padding: .4em 0.2em .4em 0.2em;*/
}
#promo form{
	position: relative;
	/*padding:5px 0px;*/
	border: 0px solid red;
}


 #emailAddress{
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: .4em 0.2em .4em 0.4em;
	position: absolute;
	top:2em;
	height: 1.2em;
}

#emailAddress_button{
	position: absolute;
	top:2em;
	left: 12.5em;
}

#privacy a{
	position: absolute;
	top: 30px;
	left: 230px;
	color: #99b244;
}

/*EMAIL SIGN UP end*/

/* FOOTER begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#footer {
	position: relative;
	clear: both;
	display: block;
	margin: auto;
	padding-bottom: 15px;
	margin-top: 50px;
	height:125px;
	border-top: 1px solid #eae9e9;
	background-position: bottom;
}
#nav_btm_list{
	border:0px solid #000;
}

#nav_btm_list li{
	display: inline;
}
#nav_btm_list li a:link, #nav_btm_list li a:visited {
	color: #000; 
	text-decoration: none;
	float:left;
	display:inline;
	line-height: 1.5em;
	padding: 10px 0px 5px 15px;
	font-size: 80%;
	text-transform: uppercase;
}
#nav_btm_list li a:hover, #nav_btm_list li a:active, #nav_btm_list li a:focus{
	color: #669900;
}

#hackersafe{
	display: block;
	text-align: center;
	padding: 10px;
}
#footer_copyright{
	clear: both;
	display: block;
	text-align: left;
	color: #959595;
	padding-left: 10px;
	font-size: 80%;
}
/* FOOTER END */


/* Contact form styles */
fieldset div {
	margin:0.3em 0;
	clear:both;
}
.contact label {
	float:left;
	width:9em;
	text-align:right;
	margin-right:1em;
}
legend {
	color:#0b77b7;
	font-size:1.2em;
}
legend span {
	width:10em;
	text-align:right;
}
.contact input {
	padding:0.15em;
	width:12em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
textarea {
	padding:0.15em;
	width:43em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.cbx {
	padding:0.15em;
	width:2em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
.contact select {
	padding:0.15em;
	width:12em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.contact input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
	width:520px;
}
.main fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
	width:500px;
	font-size:.9em;
}

/*Rounder corner table */
#rounded-corner
{
	font-size: 12px;
	/*width: 730px;*/
	width:700px;
	text-align: left;
	border-collapse: collapse;
}

#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size:9px;
	color: #039;
	background-color:#b6da81;
	/*BACKGROUND-IMAGE: url(/image/prod_detail_top.gif); BACKGROUND-REPEAT: no-repeat */
}
#rounded-corner td
{
	padding: 8px;
	background: #e4f2d1;
	border-top: 1px solid #fff;
	color: #669;
	font-size:9px;
	border-left:1px solid #fff;
	vertical-align:top;
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* TOP MENU */
.menu {font:12px verdana, arial,helvetica,clean,sans-serif;position:relative; background:url(../image/nav-top-bck.gif) no-repeat; height:30px; width:502px}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#585858; padding:10px; font-weight:bold; }
#slide {position:absolute; bottom:4px; height:23px; background:#c5e29a; z-index:10}
/*#slide {position:absolute; top:6px; height:24px; background:#ca4e4d; z-index:10} */
span,img{padding:0;margin:0;border:0;}

.fancy{
	position:relative;
	display:inline-block;
	font-size:0;
	line-height:0;
}