/* ---------------------------------------------
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:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
}  
 

body { 
height:100%;
	text-align:left;
	color:#010101;
	font:14px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background:#f2f1e9 url('../../../images/site-graphics/bg2.gif') repeat-x;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: 3px 10px;}
h1 {font-size: 30px;
	color: #b40000;
	padding: 20px 10px 10px 10px;
}
h2 {font-size:24px;}
h3 {font-size:18px;}
h4, h5 {font-size:14px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
ul {margin-left: 0px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 960px;
	margin: 0 auto;
	overflow: hidden;

}
#masthead {
	height: 162px;
	background: url('../../../images/site-graphics/header2.jpg') no-repeat;
	position: relative;

}
#masthead h1, #masthead h2, #masthead h3 {
	text-indent: -2000px;
}
#search-login-area {
	height: 28px;
	position: absolute;
	padding: 5px 30px 0;
	left: 0;
	bottom: 7px;
	width: 900px;
	background:#ffe173 url('../../../images/site-graphics/search-cart-bg.gif') left bottom repeat-x;
	border: 1px solid #f1d16c;
}
#header-search-form div {
	margin: 0px;
	padding: 0px;
	float: left;
	/*position: absolute;
	left: 737px;
	top: 85px;
	z-index: 1000;*/
}
#header-search-form #smallsearchbox {
	margin: 0px 0px 0px 0px;
	height: 20px;
	width: 130px;
	color: #666666;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	float: left;
	border: 0;
	background:transparent url('../../../images/site-graphics/search-input-bg.png') no-repeat;
}
#header-search-form .end {
	float: left;
	width: 5px;
	height: 26px;
	margin-right: 5px;
	background:transparent url('../../../images/site-graphics/search-input-end.png') no-repeat;
	
}
#header-search-form .search-submit {
	width: 63px;
	height: 25px;
	display: block;
	float: left;
	background: transparent url('../../../images/site-graphics/header-search-button.gif') no-repeat;
}
#logoblock { 
width: 250px;
height: 90px;
float:left;
}
#footer {
	overflow: hidden;
	height: 1%;
	background: #FFD64A url("../../../images/site-graphics/footer-bg.gif") bottom repeat-x;
}

/*********** ---------- ::Links:: ------------------------ ***********/
a {color: #a93838;
	text-decoration: none;
}
a:visited {text-decoration:none;}
a:active, a:focus, a:hover {
text-decoration:underline;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Top Menu Navigation ***********/
ul#nav li a {
	background-image: url("../../../images/site-graphics/nav.gif");
}
/* Sliding doors positioning for the navbar */
ul#nav li#nav-home a, ul#nav li#nav-home a:visited {
	background-position: 0 0;
}
ul#nav li#nav-home a:hover, ul#nav li#nav-home a:visited:hover {
	background-position: 0 -30px;
}
ul#nav li#nav-home a.current, ul#nav li#nav-home a.current:visited {
	background-position: 0 -60px;
}
ul#nav li#nav-specials a, ul#nav li#nav-specials a:visited {
	background-position: -94px 0;
}
ul#nav li#nav-specials a:hover, ul#nav li#nav-specials a:visited:hover {
	background-position: -94px -30px;
}
ul#nav li#nav-specials a.current, ul#nav li#nav-specials a.current:visited {
	background-position: -94px -60px;
}
ul#nav li#nav-inventory a, ul#nav li#nav-inventory a:visited {
	background-position: -261px 0;
}
ul#nav li#nav-inventory a:hover, ul#nav li#nav-inventory a:visited:hover {
	background-position: -261px -30px;
}
ul#nav li#nav-inventory a.current, ul#nav li#nav-inventory a.current:visited {
	background-position: -261px -60px;
}
ul#nav li#nav-about a, ul#nav li#nav-about a:visited {
	background-position: -422px 0;
}
ul#nav li#nav-about a:hover, ul#nav li#nav-about a:visited:hover {
	background-position: -422px -30px;
}
ul#nav li#nav-about a.current, ul#nav li#nav-about a.current:visited {
	background-position: -422px -60px;
}
ul#nav li#nav-location a, ul#nav li#nav-location a:visited {
	background-position: -539px 0;
}
ul#nav li#nav-location a:hover, ul#nav li#nav-location a:visited:hover {
	background-position: -539px -30px;
}
ul#nav li#nav-location a.current, ul#nav li#nav-location a.current:visited {
	background-position: -539px -60px;
}
ul#nav li#nav-contact a, ul#nav li#nav-contact a:visited {
	background-position: -658px 0;
}
ul#nav li#nav-contact a:hover, ul#nav li#nav-contact a:visited:hover {
	background-position: -658px -30px;
}
ul#nav li#nav-contact a.current, ul#nav li#nav-contact a.current:visited {
	background-position: -658px -60px;
}
ul#nav li#nav-catalog a, ul#nav li#nav-catalog a:visited {
	background-position: -791px 0;
}
ul#nav li#nav-catalog a:hover, ul#nav li#nav-catalog a:visited:hover {
	background-position: -791px -30px;
}
ul#nav li#nav-catalog a.current, ul#nav li#nav-catalog a.current:visited {
	background-position: -791px -60px;
}

ul#nav li#nav-home a {
	width: 94px;
}
ul#nav li#nav-specials a {
	width: 166px;
}
ul#nav li#nav-inventory a {
	width: 161px;
}
ul#nav li#nav-about a {
	width: 117px;
}
ul#nav li#nav-location a {
	width: 119px;
}
ul#nav li#nav-contact a {
	width: 133px;
}
ul#nav li#nav-catalog a {
	width: 169px;
}
ul#nav {
	height: 30px; /* Makes IE6 happy */;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	list-style: none;
}
ul#nav li {
	height: 30px;
	float: left;
	padding: 0;
}
ul#nav li a, u#nav li a:visited {
	height: 30px;
	display: block;
	text-indent: -2000px;
}

/*********** 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:2px;}
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;
}

/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/
.contents {
	border: 1px #e9e9e9 solid;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1%;
}
.contents p {
	padding-bottom: 14px;
}
#ribbon {
	position: absolute;
	top: 192px;
	right: 24px;
}
#home-categories li {
	display: inline;
	padding: 0 0 0 6px;
	float: left;
	text-align: center;
}
h4#nationwide-shipping {
	position: absolute;
	top: 190px;
	right: 20px;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	font-style: italic;
}
#footer p {
	padding:0;
}

.footer-col-1, .footer-col-2, .footer-col-3 {
	float: left;
}
.footer-col-1 {
	width: 200px;
	margin: 10px;
}
.footer-col-2 {
	width: 160px;
	margin: 10px 0;
}
.footer-col-3 {
	width: 320px;
	margin: 10px 0 10px 10px;
}
#credit-cards {
	float: right;
	width: 112px;
	height: 23px;
	margin: 10px;
	background: url("../../../images/site-graphics/credit-cards.png") no-repeat;
}
#credit-cards p {
	text-indent: -2000px;
}
#footer p, #footer table tr td {
	font-size: 11px;
	line-height: 14px;
}
#footer table tr td {
	padding: 0 2px;
}
#copyright p {
	font-size: 9px;
	padding-left: 10px;
}
/* Global Classes */
.clear {
	clear: both;
	height: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.uppercase {
	text-transform: uppercase;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration:underline;
}
#shoppingcart p {
	font-size: 11px;
	padding: 1px 5px 1px 17px;
	line-height: 12px;
}
#shoppingcart a {
	margin: 0 5px;
}
#shoppingcart a.nomarginleft {
	margin-left: 0;
}
#shoppingcart .icon1 {
	
}
#shoppingcart .icon2 {
	
}
#accountbox {
	padding-top: 5px;
	height: 20px;
	/*position: absolute;
	top: -2px;
	right: 20px*/
	float: left;
	margin-left: 40px;
	max-width: 300px;
}
#accountbox .login-info {
	float: left;
}
#accountbox .logout-info {
	float: left;
}

#accountbox .login-info p.customer {
	padding: 0px 0 0px 15px;
	font-size: 11px;
	background: transparent url('../../../images/site-graphics/icon-login.gif') 0px 2px no-repeat;

}

#accountbox .logout-info p{
	padding: 0px 0 0px 10px;
	margin-top: -0px;
	font-size: 11px;
}
#accountbox a:link, #accountbox a:visited {
	text-decoration:none;
	font-weight: bold;
}
#accountbox a:hover {
	text-decoration:underline;
}

#modal_small_search {
	display: none;
}

a.nodecoration:hover {
	text-decoration:none;
}