/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

::Opacity/Transparency CSS

.opaque1 {	// for all other browsers
	opacity: .5;
}

.opaque2 {	// for IE8
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.opaque3 {	// for IE5-7
	filter: alpha(opacity=50);
}


	

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
}
body { 
height:100%;
font:12px/16px Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#848b95 url('../images/site-graphics/bg_repeatHorizontal.jpg') repeat-x;
color:#333;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 990px;
margin:0 auto;
}
#wrap-inner-1 {
width:990px;
background: transparent url('../images/site-graphics/pageBorder_right_repeat.png') right top repeat-y;
}

#wrap-inner-2{
width:941px;
padding-left:34px;
padding-right: 15px;
background: transparent url('../images/site-graphics/pageBorder_left_Repeat.png') repeat-y;
}
#bottom-wrap {
	height: 15px;
	width:990px;
}
#inner {
	float: left;
	height: 15px;
	width:960px;
	background: transparent url('../images/site-graphics/pageBorder_bottom_repeat.png') repeat-x;
}

#left-corner {
	float: left;
	width:15px;
	height:15px;
	background: transparent url('../images/site-graphics/pageBorder_bottomLeft.png') no-repeat;
}
#right-corner {
	float: right;
	width:15px;
	height:15px;
	background: transparent url('../images/site-graphics/pageBorder_bottomRight.png') no-repeat;
}

#masthead {
height: 167px;
}
#logoblock { 
width: 495px;
height: 125px;
float:left;
background: transparent url('../images/site-graphics/header_top_left.jpg') no-repeat;
}
#righthead {
width: 446px;
height: 125px;
float: right;
background: transparent url('../images/site-graphics/header_top_right.jpg') no-repeat;
}
#menu-space {
	width: 187px;
	height: 42px;
	float: left;
	background: transparent url('../images/site-graphics/header_nav_left.jpg') no-repeat;
}
#top-menu {
	width: 754px;
	height: 42px;
	float: left;
	background: #fff url('../images/site-graphics/header_nav_bg.jpg') no-repeat;

}
#main-wrap {
	background: #fff url('../images/site-graphics/main-wrap-bg.jpg') repeat-y;
}
#left-col {
width: 187px;
float: left;
min-height: 200px;
}
#contents-wrap {
float: right;
background: #fff;
min-height: 200px;
width: 754px;
}
#shopping-cart {
	width: 754px;
	height: 51px;
	background: #fff url('../images/site-graphics/shoppingCart_bg.jpg') 132px 0 no-repeat;
}
#contents {
width: 731px;
margin: 0 10px 5px 10px;
}
#contents h3 {
	padding: 10px 10px 5px;
}
#footer {
clear:both;
width: 941px;
height: 100px;
margin: 0 auto;
}
#footer p {
	text-align: center;
	color: #fff;
	font-size: 11px;
}
#footer a,
#footer a:link,
#footer a:visited {
	color: #fff;
}
/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline; color: #333;}
a:visited {text-decoration:underline; color: #333;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Top Menu Navigation ***********/
#top-menu ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 10px 0 0 40px;
	text-align: left;
}
#top-menu ul li {
	margin: 0;
	padding: 0 10px 0 10px;
	float: left;
	font: normal 15px/17px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent url('../images/site-graphics/header_nav_00_star.png') no-repeat;
}
#top-menu ul li.home {
	background: none;

}
#top-menu ul li.home a,
#top-menu ul li.home a:link,
#top-menu ul li.home a:active,
#top-menu ul li.home a:visited {
	background: transparent url('../images/site-graphics/header_nav_01_home.png') no-repeat;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 0px;
	width: 58px;
	height: 25px;
	display: block;
}
#top-menu ul li.browse a,
#top-menu ul li.browse a:link,
#top-menu ul li.browse a:active,
#top-menu ul li.browse a:visited {
	background: transparent url('../images/site-graphics/header_nav_02_browse.png') no-repeat;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 20px;
	width: 64px;
	height: 25px;
	display: block;
}
#top-menu ul li.myaccount a,
#top-menu ul li.myaccount a:link,
#top-menu ul li.myaccount a:active,
#top-menu ul li.myaccount a:visited {
	background: transparent url('../images/site-graphics/header_nav_03_myAccount.png') no-repeat;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 20px;
	width: 101px;
	height: 25px;
	display: block;
}
#top-menu ul li.search a,
#top-menu ul li.search a:link,
#top-menu ul li.search a:active,
#top-menu ul li.search a:visited {
	background: transparent url('../images/site-graphics/header_nav_04_search.png') no-repeat;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 20px;
	width: 63px;
	height: 25px;
	display: block;
}
#top-menu ul li.about a,
#top-menu ul li.about a:link,
#top-menu ul li.about a:active,
#top-menu ul li.about a:visited {
	background: transparent url('../images/site-graphics/header_nav_05_about.png') no-repeat;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 20px;
	width: 82px;
	height: 25px;
	display: block;
}
#top-menu ul li.help a,
#top-menu ul li.help a:link,
#top-menu ul li.help a:active,
#top-menu ul li.help a:visited {
	background: transparent url('../images/site-graphics/header_nav_06_help.png') no-repeat;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 20px;
	width: 48px;
	height: 25px;
	display: block;
}


#top-menu ul li.noborder1 {
	border-left: 0;
}
#top-menu ul li a:hover {

}

/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 30px 0 0 0;
	width: 700px;
	text-align: right;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: bold 11px/12px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #777;
    border-left: 1px solid #777;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	font: bold 11px/12px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #777;
	padding: 0 7px;
	margin: 0;
	text-decoration: none;
	
}
#footer ul li.noborder1 {
	border-left: 0;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #777;
}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}
.divider {
	height:2px;
	background: #cea64e;
	margin: 10px;
}
/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 10px 0 0 142px;
	padding: 0;
	width: 350px;
	height: 65px;
	display: block;
}
#logolink2 {
	margin: 10px 0 0 0px;
	padding: 0;
	width: 170px;
	height: 65px;
	display: block;
}


#introbox-wrap {
	background: transparent url('../images/site-graphics/splash_middle_repeat.gif') 0 3px repeat-y;
	width: 683px;
	margin-top: 5px;
}
#introbox-wrap p {
	padding: 5px 5px 5px 12px;
}
#introbox-top {
	background: transparent url('../images/site-graphics/splash_top.gif') no-repeat;
	width: 683px;
}
#introbox-bottom {
	background: transparent url('../images/site-graphics/splash_bottom.gif') left bottom no-repeat;
	width: 563px;
	padding: 20px 60px;
}
#introbox-bottom .email-1 {
	width: 180px;
	height: 13px;
	line-height: 13px;
	border: 1px solid #999;
	vertical-align: middle;
	margin-left: 10px;
}
#introbox-bottom .submit-1 {
	vertical-align: middle;
}

#leftbox {
	float: left;
	width: 335px;
	height: 120px;
	background: #f9f9f9;
	border: 1px solid #bfb78f;
	margin: 10px 0 10px 0;
}
#rightbox {
	float: left;
	width: 335px;
	height: 120px;
	background: #f9f9f9;
	border: 1px solid #bfb78f;
	margin: 10px 0 10px 9px;
}
#featured-products-wrap { 
	border-right: 1px solid #333;
	width: 495px;
	float: left;
	margin-bottom: 10px;
	
}
.featured-product {
	width: 160px;
	height: 240px;
	float: left;
	margin-right: 0px;
	padding: 10px 5px 10px 0;
	text-align: left;
}
.featured-product img {
	padding: 3px;
	border: 1px solid #cbbfac;
	background: #f9f5ea;
}
.featured-product p {
	text-align: left;
	padding: 3px 3px;
	font-weight: bold;
	font-size: 12px;
}
.featured-product p.fp-price {
	font-weight: normal;
}
#recent-view {
	width: 160px;
	float: left;
	padding: 5px 20px;
}
#recent-view p {
	padding: 3px;
}
#recent-view img {
	padding-bottom: 5px;
}


.leftnavcat2 {
background:url('../images/site-graphics/wr_leftNav_title_top_bg_repeat.gif') repeat-x;
height:22px;
padding-left:3px;
width: 185px;
}

#left-col h3 {
color:#1B6F6C;
font-size:14px;
margin:0;
padding-bottom:2px;
}

#left-col a:link,
#left-col a:visited {
color:#1B6F6C;
text-decoration:none;
margin-left:2px;
font-family:Verdana, Arial;
}
#left-col a:hover {
color:#1B6F6C;
text-decoration:underline;
}
#left-col ul {
list-style-type:none;
margin:0 0 10px 5px;
padding:0;
}
#left-col li {
margin:2px 0 0;
padding: 3px;
line-height: 12px;
}

.checkout img {
	float: left;
}