/*
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 */

body {
	background: #ccc url(/images/bk_bodygradient.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#siteContainer{
	position: relative;
	width: 908px;
	margin:auto;
	z-index: 0;
	background: transparent url(../images/siteContainer_backg.gif) repeat-y top;
}

#siteContainer-rightside{  /* little background shadow on side of container*/
	position:absolute;
	top: 0px; right: 0px;
	width:8px; height: 368px;
	background: transparent url(/images/bk_bodygradient-SIDES.jpg) no-repeat -8px 0px;
}
#siteContainer-leftside{	/* little background shadoe on side of container*/
	position:absolute;
	top: 0px; left: 0px;
	width:8px; height: 368px;
	background: transparent url(/images/bk_bodygradient-SIDES.jpg) no-repeat 0px 0px;
}

h1{
	color: #4c1f3e;
	font-size: 122%;
	font-weight: bold;
	padding-left: 20px;
}

h1 sup{
	font-size: 77%;
	font-weight: normal;
}

h2{
	color: #8f5f80;
	font-size: 122%;
}

strong{
	font-weight: bold;
}

p{
	display:block;
	padding: 0.25em 0 1.0em 0;
}
#side_nav {
	width: 220px;
	display: block;
	float: left;
	position: relative;
	z-index: 888;
}
	
a:link, a:visited {
	color: #504F50;
}
	
a:active, a:hover, a:focus	{
	color: #000;
}
	
#hp_site_content {/* HOME PAGE ELEMENT */
	margin: 0px;
}		
	
#hp_shopnow-button {/* HOME PAGE only ELEMENT */
	position: absolute;
	top: 175px;
	left: 610px;
}	

#site_content{ 
	position: relative;
	display: inline;
	float: right;
	width: 659px;
	margin-right: 20px;
	border-left: 1px solid #d5c7d1;
	background-color: #FFFFFF;
}	

#site_content-lefttop{
	position:absolute;
	top: 0px;
	left: -2px;
}
#site_content-leftbottom{
	position:absolute;
	bottom: 0px;
	left: -2px;
}

#site_content_txt{ /*Used for error pages*/
	margin-left:20px;
}		

ol li{
	Padding:0.2em 0 0 1.7em;
}

.content_seperator{      /**/
	position: relative;
	clear: both;
	display: block;
	height: 1px;
	margin: 1px auto;
}	


.breadcrumb {
	clear: both;
	position:relative;
	display: inline;
	float: left;
	color: #000;
	padding-left: 20px;
	margin-bottom:10px;
	font-size: 85%;
}

.breadcrumb a:link, .breadcrumb a:visited{
	color: #000;
	text-decoration: none;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus{
	color: #000;
	text-decoration: underline;
}

.breadcrumb strong{
	font-weight:bold;
	color: #000;
}

.pagecount, .pagecount2{
	display: inline;
	float: right;
	text-align: right;
	color: #000;
	padding-left: 20px;
	margin-bottom:10px;
	font-size: 85%;
}

.pagecount2{
	padding-left: 0px;
	width:659px;
}

.pagecount a:link, .pagecount a:visited, 
.pagecount2 a:link, .pagecount2 a:visited{
	color: #000;
	text-decoration: underline;
}
.pagecount a:hover, .pagecount a:active, .pagecount a:focus,
.pagecount2 a:hover, .pagecount2 a:active, .pagecount2 a:focus{
	color: #8B0000;
}


/* Site-Wide Elements end */
	
/* FOOTER begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#footer {
	position: relative;
	clear: both;
	display: block;
	margin: auto;
	width: 908px;
	height: 70px;
	padding-bottom: 15px;
	background: transparent url(/images/footer_background.jpg) repeat-x top;
}
#footer-left{ /* image accent*/
	position: absolute;
	top: 0px;
	left: -16px;
}
#footer-right{/* image accent*/
	position: absolute;
	top: 0px;
	right: -16px;
}

#nav_btm, #footer_copyright{
	position: relative;
  	width: 600px;
  	display: block;
  	margin: auto;
}

#nav_btm{
	padding-top:10px; 
	height: 40px;
}

#nav_btm li{
	Float:right;
	display: block;
	padding: 0 0px; 
}



#nav_btm a:link, #nav_btm a:visited {
	color: #d6c7d1; 
	text-decoration: none;
	padding: 0 10px;
	display:block;
	font-size: 85%;
	line-height: 1.5em;
	border-left:1px solid #d6c7d1;
}
#nav_btm a:hover, #nav_btm a:focus, #nav_btm a:active{
	text-decoration: underline;
	color: #fff;
}

#nav_btm #b_home2 a {
	border: none !important;
}

#footer_copyright{
	text-align: center;
	color: #7a7a7a;
	font-size: 77%;
}

#hackersafe{
	border-right:0px none !important; 
	margin-left: 30px;
	margin-top: -30px;
}

/* Footer Ends*/

/* Header begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#skipto{
	position: absolute;
	top:3px;
	left: 30px;
	width: 52ex;
	z-index:2;
	
}
#skipto li{
	width:25ex; float: left;
}
#skipto li a:link, #skipto li a:visited, #skipto li a:hover{
	float: left;
	margin-left: 10px;
	font-size: 9px;
	color: #784669;
}

#skipto li a:active, #skipto li a:focus{
	color: #fff;
}



#header {
  position: relative;
  width: 908px;
  height: 122px;
  display: block;
  margin: auto;
  font: normal normal normal 85% Arial, Helvetica, sans-serif;
  color: white;
	background: #FFFFFF url(/images/header_background.jpg) no-repeat top;
	/*z-index: 1;*/
}
#header-left{   /* image accent*/
	position: absolute;
	top: 0px;
	left: -16px;
}
#header-right{  /* image accent*/
	position: absolute;
	top: 0px;
	right: -16px;
}

#logo {
  position: absolute;
  top: 56px;
  left: 30px;
  font-size: 165%;
  font-weight: bold;
  
}

#search {
	position: absolute;
	top: 78px;
	left: 666px;
	width:160px;
}

#searchBox{
	float: left;
	width: 100px;
	border: 1px solid #c7bfb4 ;
	padding: 5px 0.3em;
	/*padding: 0 0.3em;
	margin-top: 5px;*/
	margin-right: 5px;
}

#store_nav {
	display: block;
	float:right;
	height: 4.2em;
	width: 38em;
	margin-right: 16px;
	margin-top: 10px;
	text-align: right;
}


.go_input{
	Display:block;
	float: left;
	border: none;
/*	background: transparent url(/images/sprite_buttons.png) no-repeat 0px -220px;*/
	width: 31px;
	height: 26px;
	font-size: 1px;
	text-decoration: none;
	color: #530053;
	text-align: left;
	padding-left: 2px;
}


.go_input_hover {
Display:block;
	float: left;
	border: none;
	background: transparent url(/images/sprite_buttons.png) no-repeat -60px -220px;
	width: 31px;
	height: 26px;
	font-size: 1px;
	text-decoration: none;
	color: #530053;
}


#b_home a:link, #b_home a:visited,
#b_contact a:link, #b_contact a:visited,
#b_cart a:link, #b_cart a:visited,
#b_ccare a:link, #b_ccare a:visited,
#b_ordertracking a:link, #b_ordertracking a:visited
{
	text-align: center;
	float: right;
	display: block;
	color: #d6c7d1; 
	text-decoration: none;
	padding: 0 10px;
}

#b_home a:hover, #b_home a:focus, #b_home a:active,
#b_contact a:hover, #b_contact a:focus, #b_contact 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_ordertracking a:hover, #b_ordertracking a:focus, #b_ordertracking a:active{
	text-decoration: underline;
	color: #fff;
}

#b_home a, #b_cart a, #b_ccare a, #b_ordertracking a{
	border-right:1px solid #d6c7d1;
}


#b_cart a{
	padding-left:25px !important;
	background: transparent url(/images/cart.gif) no-repeat 10px 0px;
}


/* header end */	


/* LEFT NAV begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */
#side_nav-title{
	margin: 0px 0px 20px 30px;
}


#navigation {
	margin-top:1px;
	height: 220px;
	padding-top: 0px;
	padding-left: 20px;
	font-size: 85%;
}
#navigation li{
	letter-spacing: 0px;
	list-style: none;
	display: block;
	height: 2em;
	line-height: 0px;
}

#navigation li a:link, #navigation li a:visited {
	background: url(/images/header_menu-arrow.gif) no-repeat 10px 45%;
	color: #191970; 
	display: block;
	height: 24px;
	padding-left: 20px;
	padding-top: 5px;
	text-decoration: none;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	color: #8B0000;
	display: block;
	height: 24px;
	text-decoration: none;
}

div#promo form{
	
	position: relative;
	padding:10px 0px 10px 30px;
	
}
#promo label{
	display: block;
	color: #502910;
	background: transparent url(/images/promo_dots.gif) repeat-x top;
	font-weight: normal;
	font-size: 100%;
	width: 175px;
	padding-top: 10px;
}
#promo #emailAddress{
	height: 1.2em;
	color: #000;
	border: 1px solid #cccccc;
	width: 157px;
	margin-bottom: 10px;
	font-size: 85%;
	padding: 5px 0.3em;
}
#promo #emailAddress_button{
	float: right;
	margin-right: 15px;
	margin-top: -2px;
}
#privacy {
	font-size: 77%;
	width: 70px;
	height: 16px;
	padding-left:20px;
	padding-top: 3px;
	background: url(/images/sprite_buttons.png) no-repeat -140px -220px;
}


/* left nav end */







/* zoom begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#zoom_container {
	height: 650px;
	width: 550px;
	position: relative;
	margin:auto;
}
#zoom_container_img{
	width: 490px; 
	background-color:#fff;
}

#zoom_container_img img{
	padding-top: 40px;
}

#closewin a:link, #closewin a:visited {
	display:block;
	position: relative;
	clear: both;
	width: 145px;
	height: 27px;
	margin: 5px auto;
	padding-top:6px; 
	color: #d6c7d1; 
	text-decoration:none;
	background: transparent url(/images/sprite_buttons.png) no-repeat 5px -379px;
}

#closewin a:hover, #closewin a:active, #closewin a:focus {
	background: transparent url(/images/sprite_buttons.png) no-repeat 5px -439px;;
}

#closewin span{
	Margin-left:-20px;
	font-size: 122%;
	font-weight: bold;
}
/* zoom end */





/* ORDER TRACKING STYLES XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */
.ot_hdr1 {
	background-color: #e2dccc;
}

.ot_hdr1_txt, .ot_hdr2_txt, .ot_hdr3_txt  {
	font-size: 85%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.ot_listLine {
	height: 1px;
}

.ot_hdr2 {
	background-color: #FFFFFF;
}

.ot_hdr3 {
	background-color: #e2dccc;
}

#ot_viewOrder {
}

#ot_viewOrder span a:link {
	text-decoration: underline;
}

#ot_backToList {
	padding: 13px 0 0 0;
    overflow: hidden;
    background-image: url("/images/btn_backtolist_off.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:13px;
}

#ot_Logout {
}

#ordertrack-detail table {
width:			595px;
background-color: #B7B7B7;
margin-top:		5px;
font-size:		1.2em;
}

#ordertrack-detail table caption{
margin:			0;
margin-top:		5px;
padding:		5px 10px;
text-align:		left;
background:		#B27CA2;
color:			#fff;
font-weight:	bold;
border-top: 1px solid #fff;
 font-size: medium;
}

#ordertrack-detail table .properText {
text-align:		left;
}

#ordertrack-detail table th, #ordertrack-detail table td {
margin:			0;
padding:		5px 10px;
text-align:		center;

}

#ordertrack-detail table th {
color:			#fff;
background:		#B27CA2;
font-weight: bold;
}

#ordertrack-detail img {
margin-top:		10px;
}

#ordertrack-list table {
width:			595px;
margin-top:		5px;
font-size:		1.2em;
}

#ordertrack-list table caption{
margin:			0;
margin-top:		5px;
padding:		5px 10px;
text-align:		left;
color:			#000;
font-weight:	bold;
border: 1px solid #B27CA2;
}

#ordertrack-list table caption p{
font-weight:	normal;
}

#ordertrack-list table .properText {
text-align:		left;
}

#ordertrack-list table th, #ordertrack-list table td {
margin:			0;
padding:		5px 10px;
text-align:		center;
}

#ordertrack-list table th {
color:			#fff;
background:		#B27CA2;
font-weight: bold;
}

#ordertrack-list table img {
margin-top:		0;
}

#ordertrack-list img {
margin-top:		10px;
}

#ordertrack-detail a:link, #ordertrack-detail a:visited,
#ordertrack-list a:link, #ordertrack-list a:visited{
	font-weight: bold;
	margin: 10px;
	line-height:1.2em;
}
#ordertrack-detail a:hover, #ordertrack-detail a:focus, #ordertrack-detail a:active,
#ordertrack-list a:hover, #ordertrack-list a:focus, #ordertrack-list a:active{
}
/* ORDER TRACKING STYLES END*/

/* Holiday countdown styles */
#holidayShip_message{
		position:absolute;
		top:10px;
		left: 50%;
		margin-left:-220px;
		width:300px;
		display: block;
		color: #206c8c; 
		background-color: #FFF;
		border:1px solid #4c2542;
		z-index: 99;
		height: 3em;
	}
#holidayShip_image{
		position: absolute;
		top: 5px;
		left: -28px;
		z-index: 99;
	}
	#holidayShip_number{
		position: relative;
		float: left;
		/*color: #372f8f; */
		color: #A90B0B; 
		font-size:250%;
		line-height: 0.9em;
		font-weight: bold;
		padding: 2px; 
		margin: 1px;
		text-align: right;
	}
	#holidayShip_textlink{
		position: relative;
		display: block;
		padding-left: 2px;
		padding-top: 3px;
		
	}
	#holidayShip_textlink a:link, #holidayShip_textlink a:visited{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; font-weight: bold; 
		color: #4C1F3E;
		line-height: 1em;
		text-decoration: none;
	}
	#holidayShip_textlink a:hover, #holidayShip_textlink a:focus, #holidayShip_textlink a:active{
		text-decoration: underline;
		color: #666666;
	}
	#holidayShip_arrowlink{
		font-size: 14px;
		margin-left: 3px;
	}
	#holidayShip_popup_container{
		z-index: 99;
		
	}
	
	#holidayShip_popup_container table{
		font-size: 85%;
	}
	#holidayShip_popup_container table td{padding:2px;}
/* END Holiday countdown styles */

/* PRIORITY PROCCeING */
#priority_info_box,
#priority_err{
	position: fixed;
	z-index: 98;
	top: 50px;
	left: 50%;
	width:450px;
	margin-left: -225px;
	background-color: #ffffff;
	border: 1px solid #999999; 
	text-align:left;}
#priority_err{top:45%; border:2px solid #850000;}
	

	
#priority_info_box h2,
#priority_err h2{
	position: relative; 
	display: block; 
	background-color: #999999; 
	color: #ffffff;
	margin: 0;
	padding: 0;
	line-height: 26px;
}
#priority_info_box h2 span,
#priority_err h2 span{display:block; line-height: 26px; height: 26px; padding:0 15px;}
#priority_info_box h2 a,
#priority_err h2 a{
	position:absolute; top: 4px; right: 4px;
	border: 1px solid #ffffff;
}
#priority_info_box p,
#priority_err p{padding:5px 15px; margin: 0;}
#priority_info_box em,
#priority_err em{font-weight:bold; font-style: italic;}

#priority_processing{ 
	position: relative;
	display: block; 
	height: 80px;
	background: url(/images/icon_priorityprocess2.gif) no-repeat 20px 0px;
	font-weight: bold;
}
#priority_processing p{margin: 10px 0 0 105px; padding: 10px 0 0 0;}

#priority_processing_onCart{
display: inline; 
float: left;
width: 230px;
background: #ffffff url(/images/icon_priorityprocess2.gif) no-repeat 0px -15px; 
border: 1px solid #999999; 
text-align:left;
margin: 8px 0px;
padding: 0px 20px 10px 20px;}

#priority_processing_onCart em{font-weight:bold; font-style: italic;}

#priority_processing_onCart p{ margin: 10px 0 0 60px; font-weight: bold;}
#priority_processing_onCart p+p{ margin: 0 0 0 0px;  font-size: 77%;}
#b_priority {
	width:192px;
	display: block;
	margin: auto;
}
#b_priority a:link, #b_priority a:visited {
	background:transparent url(/images/sprite_buttons.png) no-repeat scroll 0px -945px;
	color:#D6C7D1;
	padding-top:4px;
	display: block;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:192px;	height:27px; }
#b_priority a:focus, #b_priority a:hover, #b_priority a:active {
	background-position: 0px -999px;
	color:#FFFFFF;	
	}
#b_priority a span{}

#priority_note{
	text-align:center;
	font-size: 77%;	
	color:#7A7A7A;
}
#priority_note em{font-style: italic;}

#priority_note a:link, #priority_note a:visited {}
#priority_note a:focus, #priority_note a:hover, #priority_note a:active {}

/* Banner the appears on sidenav */
#sidenav_promo
{
 padding: 15px 0px 15px 30px
}
