/*
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: #bea87f url(/images/site_backg.jpg) repeat;
color:#462916;
}

.hide{
	display: none;
}

#site_container{
	position: relative;
	display: block;
	margin:auto;
	z-index: 0;
	/* Add width here to control whole site */
	width:870px;
	/* Add % here to control whole site */
	font-size: 85%;
}
#skipto{
	position:absolute;
	top: 0px;
	left: 0px;
}

#content_container{ 
	display: block;
}	

#content_block{
	position: relative;
	display: inline;
	float: right;
	width: 666px;
	z-index: 0;
	background-color: #E7E7E7;
	margin-top: 10px;
	margin-bottom: 17px;
}	

#content_block_top{
	position:absolute; top:-10px; left:0px; z-index:0;
}

#content_block_bottom{
	position:absolute; top:100%; left:0px;
	margin-bottom:-1px;
}

#error_page #content_block, 
#confirm #content_block,
#shoppingcart #block_plainPg,
#site_map #content_block,
#contact_thankyou #block_plainPg
{
	height: 450px;
}

#block_plainPg{
	position: relative;
	float: left;
	display: inline;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 10px;
}

#side_nav {
	position: relative;
	display: inline;
	float: left;
	width: 200px;
	background-color: #A9A9A9;
}


h1{
	position:absolute;
	top: 1px;
	left: 40px;
	z-index: 2;
	font-size: 136%;
	font-weight: bolder;
}
h2{
	position:relative;
	font-size: 136%;
}
h3{
	position:relative;
	font-weight: bold;
}
strong{
	font-weight: bold;
}
p{
	position: relative;
	margin-bottom: 1.2em;
}
a:link, a:visited {
	color: #00648b;
}
	
a:active, a:hover, a:focus	{
	color: #a82019;
	outline: none;
}

ol li{
	Padding:0.2em 0 0 1.7em;
}

.content_seperator{ 
	position: relative;
	clear: both;
	display: block;
	font-size:0px;
	padding: 0px;
	margin: 0px;
	border:none;
	
}	

.breadcrumb {
	clear: both;
	position:relative;
	display: block; 
	padding-top:30px;
	padding-bottom:5px;
	margin:0 15px 10px 40px;
	border-bottom: 1px solid #482b18;
}

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

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

.breadcrumb strong{
	font-weight:bold;
}
/* Header begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#header {
  position: relative;
  height: 105px;
  display: block;
  margin: auto;
  background: transparent url(../images/header_backg.png) no-repeat -5px -20px;
  z-index: 2;
}

#logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}

#search {
	clear:right;
	display: inline;
	float: right;
	margin-top: 65px;
	margin-right: 50px;
}

#searchForm{
	position: relative;
	padding: 0px;
	margin: 0px;
}

#searchForm label span{
	display: none;
}

#searchBox{
	position:absolute;
	top: 5px;
	right: 50px;
	width: 10em;
	border: none;
	padding: .5em 0.3em;
	background: transparent url(/images/header_search_backg.gif) repeat-x 0px 3px;
}

#go{
	position:absolute;
	top: 0px;
	right: 10px;
}

#store_nav {
	position:absolute;
	right: 20px;
	top: 0px;
	padding-top:10px;
	z-index: 2;
	letter-spacing: -1px ;
}

#store_nav_background{
	position:absolute;
	top: 0px;
	right: -20px;
}

#store_nav li{
	display:inline;
}

#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
{	
	text-align: center;
	color:#462916;
	font-weight: bold;
	float: right;
	display: inline;
	padding:0 0.5em 0 0.5em;
	border-right: 1px solid #482b18;
}


#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{
	color: #a82019;
}

#b_contact a:link, #b_contact a:visited{
	border: none;
}


#b_cart a img{
	position: absolute;
	top: 0px;
	left: 425px;
	border:00px solid #000;
	z-index: 5;
}


#footer_decoration{
	position: absolute;
	top:90%;
	right:-54px;
	margin-top: -25px;
	margin-top: -40px !ie;
}


/* header end */	


/* LEFT NAV begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */
#nav {
	position: absolute; 
	top:40px; 
	left:90px; 
	z-index:10;
	width:140px;
	
	margin:0px;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
#nav li{
	display:inline; 
	margin:0px;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
	height: 20px;
}
#nav a{
	position: relative;
	display:block; 
	margin:0px;
	padding: 0px;
	height: 20px;
}
#nav a span{ /*So the text is avalable but really hidden.*/
	position:absolute;
	top: auto;
	left: -9999em;
}

a#clif_bar:link, a#clif_bar:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_bar:hover, a#clif_bar:focus, a#clif_bar:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 110px 1px;
}
a#clif_crunch:link, a#clif_crunch:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 0px;
}
a#clif_crunch:hover, a#clif_crunch:focus, a#clif_crunch:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 115px -2px;
}
a#clif_kid:link, a#clif_kid:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 0px;
}
a#clif_kid:hover, a#clif_kid:focus, a#clif_kid:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 112px 2px;
}
a#luna_bar:link, a#luna_bar:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#luna_bar:hover, a#luna_bar:focus, a#luna_bar:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 115px 2px;
}
a#clif_nectar:link, a#clif_nectar:visited{
	height: 22px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_nectar:hover, a#clif_nectar:focus, a#clif_nectar:active{
	height: 22px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 114px 3px;
}
a#clif_shot:link, a#clif_shot:visited{
	height: 22px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_shot:hover, a#clif_shot:focus, a#clif_shot:active{	
	height: 22px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 114px 1px;
}
a#clif_mojo:link, a#clif_mojo:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_mojo:hover, a#clif_mojo:focus, a#clif_mojo:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 118px 2px;
}

a#clif_c:link, a#clif_c:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_c:hover, a#clif_c:focus, a#clif_c:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 120px -1px;
}

a#clif_builders:link, a#clif_builders:visited{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_builders:hover, a#clif_builders:focus, a#clif_builders:active{
	height: 25px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 115px 3px;
}
a#clif_quench:link, a#clif_quench:visited{
	height: 30px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat -30px 1px;
}
a#clif_quench:hover, a#clif_quench:focus, a#clif_quench:active{
	height: 30px;
	background: transparent url(/images/side_nav_markers.gif) no-repeat 121px 0px;
}
a#clif_gear:link, a#clif_gear:visited{
	height: 100px;
	background: transparent url(/images/side_GEAR-nav_markers.gif) no-repeat 0px -400px;
}
a#clif_gear:hover, a#clif_gear:focus, a#clif_gear:active{
	height: 100px;
	background: transparent url(/images/side_GEAR-nav_markers.gif) no-repeat 116px -80px;
}
a#upcycled:link, a#upcycled:visited{
	height: 90px;
	background: transparent url(/images/side_GEAR-nav_markers.gif) no-repeat 0px -400px;
}
a#upcycled:hover, a#upcycled:focus, a#upcycled:active{
	height: 90px;
	background: transparent url(/images/side_GEAR-nav_markers.gif) no-repeat 106px -110px;
}

/*SELECTED CATEGORIES*/
#nav a.selected#clif_bar{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 105px -71px;
}
#nav a.selected#clif_crunch{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 110px -71px;
}
#nav a.selected#clif_kid{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 110px -71px;
}
#nav a.selected#luna_bar{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 110px -71px;
}
#nav a.selected#clif_nectar{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 111px -71px;
}
#nav a.selected#clif_shot{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 110px -71px;
}
#nav a.selected#clif_mojo{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 115px -71px;
}
#nav a.selected#clif_c{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 115px -70px;
}
#nav a.selected#clif_builders{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 111px -72px;
}
#nav a.selected#clif_quench{
	background: transparent url(/images/side_nav_markers.gif) no-repeat 115px -72px;
}
#nav a.selected#clif_gear{
	background: transparent url(/images/side_GEAR-nav_markers.gif) no-repeat 25px -215px;
}
#nav a.selected#upcycled{
	background: transparent url(/images/side_GEAR-nav_markers.gif) no-repeat 25px -5px;
}


/*Currently Cool Ship*/
#side_ad{
	position: absolute;
	top: 435px;
	left: 55px;
}
#side_ad img{
	position: absolute;
	top:0px;
	left:0px;
}
#side_ad div{
	position: absolute;
	top:65px;
	left:30px;
	width: 120px;
	display:block;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
#side_ad div a{
	color: #000000;
}

/* left nav end */

	
/* FOOTER begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#footer {
	position: relative;
	clear: both;
	display: block;
	float: right;
	width:666px;
	padding-bottom: 0px;
	font-size:85%;
}


#nav_btm, #footer_copyright,  #promo{
	position: relative;
  	display: block;
  	margin:0px auto 10px auto;	
	padding-left: 30px;
	color: #fff; 
}

#promo{
	height: 4.3em;
	color: #000000;
	padding-left: 20px;
}
#promo form label{
	font-weight: normal;
	line-height: 3.6em;
}

#nav_btm li{
	display: inline;
	border-right: 1px solid #fff;
	padding: 0px 0.5em 0.25em 0.5em;
}


#nav_btm #nav_btm_menu{
	clear:left;
}

div#promo form{
	position: relative;
	padding:0px 0px;
}
#promo #emailAddress{
	color: #000;
	background-color: #eaeaea;
	border: 1px solid #666;
	padding:0.1em 0.2em 0em 0.2em;
	position: relative;
	top: 0px;
}
#promo #emailAddress_button{
	background: transparent none;
	border: none;
	text-decoration: underline;
		color: #00648b;
	cursor: pointer;
	position: relative;
	top: 0px;
}

#promo #emailAddress_button:hover{
	color: #a82019;
}

#privacy {
	display: none !important; 
}

#nav_btm a:link, #nav_btm a:visited {
	color: #fff; 
	text-decoration: underline;
}

#nav_btm a:hover, #nav_btm a:active, #nav_btm a:focus{
	color: #a82019;
}
#footer_copyright{
	clear: both;
	color: #fff;
}

#hackersafe{
	position: relative;
	float: left;
}

/* Footer Ends*/

/*Site Map*/
#sitemap_pg_title{
	position:relative;
	margin-left: 40px;
}

.category_block{
	position: relative;
	float: left;
	margin-left:100px;
	display: block;
}

.category_block h2{
	font-weight: bold;
}

.category_block li{
	padding: 5px 0px 0px 5px;
	font-weight: bold;
}

.category_block li a{
	font-weight: normal;
}
/*Site Map END*/