body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(i/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
h1, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
}
a { color: #696969; text-decoration: none; }
a:hover { color: #f33; }



div#page {
	background-color: #FFFFFF;
	width: 940px;
	padding: 0px;
	border: 1px solid #666666;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#page div {  }
div#header {
	
	text-align: right;
	height: 80px;
	margin-top: 0px;
	margin-bottom: 0;
	padding: 4px;
	background-image: url(i/bg_header.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
div#header img.logo {
	float: left;
	margin-top: 6px;
	margin-left: 18px;
}
div#header .partner {
	float: right;
	margin-top: 10px;
	margin-right: 20px;
}
div#header a.cart {
	background-image: url(i/icon_shoppingCart.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	margin-top: 10px;
	margin-right: 20px;
	padding-left: 20px;
	display: block;
	font-size: .8em;
}
div#nav {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	width: 940px;
	margin-top: 1px;
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
}
div#nav ul {
	line-height: 2em;
	text-align: left;
	list-style-type: none;
	background-color: #DDDDDD;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 26px;
}
div#nav ul li {
	margin-right: 1em;
	display: inline;
}
div#nav ul li a {
	color: #1D77B7;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
	width:auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
}
div#nav ul li a:hover {
border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EC003D;
	border-bottom-color: #EC003D;

}
div#content {
	line-height: 1.4em;
	text-align: center;
	position: relative;
	width: auto;
	height: auto;
	margin-top: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: white;
}
div#content h1 {
	color: #999999;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 4px;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding-top: 10px;
}
div#content h2 {
	color: #000000;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	margin-left: 20px;
}
 p, ul, ol, #content address
         {
	color: #000000;
	font-size: 0.9em;
	text-align: left;
	margin-top: 0.2em;
	margin-right: 20px;
	margin-bottom: 1em;
	margin-left: 20px;
}
#itemdescription {
font-size: .8em;
color: #333333;
text-align: left;
padding-left: 16px;
/*
opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
*/
}
#content ol, #content ul {
padding-left: 28px;
padding-right: 10px;
}



#content a.submit {
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	/* background-color: #ffffff; */
	cursor: pointer;
	
/* margin: 4px; padding: 6px; letter-spacing: 0.1em;  width: auto; height: auto; border: outset 1px #f50000;*/ }
#content a.submit img {
border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#content a.button:hover  { color: #c8c8c8; background-color: #393939; border: inset 1px #5a8592; }


div#content.home div.main, div#content.splash div.main {
	background-image: url(i/login_bg.jpg);
	width: 940px;
	height: auto;
	padding-top: 4px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: -22px;
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
div#content.catalog div.main { width: 529px; float: left; }
div#content.detail div.main {
	text-align: left;
	margin-left: 300px;
	margin-right: 20px;
}
div#content.detail div.photo {
	position: relative;
	width: 300px;
	float: left;
	margin-right: 1em;
	display: block;
}
div#content.detail div.photo img {
border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

div#content.home div.intro {
margin-left: 20px;
}
div#content div.intro {
	
	display: block;
	width: 500px;
	color: #000000;
	background-color: #ffffff;
	font-size: 0.8em;
	letter-spacing: normal;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #333333;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	

}
div.login {
	/*display: block; */
	width: 360px;
	font-size: .9em;
	float: right;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: auto;
	
	background-color: #333333;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	
}
div.login div.row label  {
	color: #ffffff;
	width: 80px;	
}
div#content div.categories {
	width: 274px;
	float: right;
	display: block;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
}
div#content div.categories ul { margin: 0; padding: 0; list-style-type: none; }
div#content div.categories ul li a {
	background-color: white;
	width: 274px;
	height: 87px;
	margin-bottom: 4px;
	display: block;
	border: 1px solid #666666;
}
div#content div.categories ul li a.apparel { background-image: url(i/cat_apparel.jpg); background-repeat: no-repeat; background-position: right bottom; }
div#content div.categories ul li a span.name {
	color: white;
	background-color: #eb342a;
	width: 274px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
}
div#content div.categories ul li a:hover span.name { background-color: #696969; }
div#content div.categories ul li a span.description { color: black; font-size: 0.6em; line-height: 1.2em; text-align: left; width: 100px; margin-top: 6px; margin-right: 40px; padding: 4px; display: block; }
#content div.items     {
	display: block;
	margin: 20px auto;
	position: relative;
	width: 800px;
}
#content div.items a        {
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: none;
	display: block;
	padding: 0;
	width: 180px;
	height: 270px;
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 16px;
	margin-left: 8px;
}
#content div.items a:hover { cursor: pointer; }
#content div.items a span       {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1em;
	display: block;
	padding: 4px;
	width: 180px;
	overflow: visible;
	text-align: left;
}
#content div.items a span.title {
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: none;
	height: 3em;
	overflow: hidden;
	font-weight: bold;
	color: #006BB7;
}
#content div.items a span.item {
	text-transform: uppercase;
}
#content div.items a:hover span.title {
	
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: underline;
}
#content div.items a span.price {  background-repeat: no-repeat; background-position: left bottom; height: 16px; }
#content div.items a:hover span.price {  background-repeat: no-repeat; background-position: right bottom; }
#content div.items a img   { margin: 0 0 0; padding: 0; float: none; clear: both; border: none }
* html #content div.items { text-align: center; height: 1% }
#footer {
	font-size: 0.6em;
	margin-top: 1px;
	padding-top: 10px;
	padding-bottom: 8px;
	display: block;
	color: #666666;
	text-align: left;
	padding-right: 40px;
	padding-left: 40px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#footer .right {
width: auto;
display: inline-block;
float: right;
}
#footer a img {
border: none;
}
.clear { float: none; clear: both; }
#content a.button       { color: #fff; font-size: 0.9em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 1.6em; text-decoration: none; background-color: #f50000; letter-spacing: 0.1em; cursor: pointer; margin: 4px; padding: 4px 6px; position: relative; top: 4px; width: auto; height: 30px; border: outset 1px #f50000; }
#content a.button:hover  { color: #c8c8c8; background-color: #393939; border: inset 1px #5a8592; }
/*forms
*/
form div.row label, form.info div.row span.label    { color: #696969; font-size: 0.8em; text-align: right; display: block; position: relative; width: 160px; float: left; margin-right: 0.2em; padding: 0em; }
form.info div.row input { margin-right: 1em; border-color: #9eb5cc: font-size: 0.9em;   }
form.info div.row .labeltext { color: #696969; margin-right: 0.4em; margin-left: 1em; }
div#content.cart table .item   { text-align: left; text-transform: uppercase; padding: 2px; vertical-align: middle ; width: 200px; }
div#content.cart table th.item { text-align: center; text-transform: none }
form div.row { text-align: left; margin-top: 0.2em; margin-bottom: 0.4em; display: block; }
.over {background-color:#f0f0f0;}
.out {background-color:none;}
form fieldset legend { color: #313131; font-weight: bold; letter-spacing: 0.1em; }
form fieldset fieldset legend { font-weight: normal; }
form div.row label em { color: #696969; margin-right: 0.4em; margin-left: 0.4em; }
#content form.info { width: auto; margin: auto; padding: 1em; }
fieldset { background-color: white; margin: auto; padding: 0.4em; }
#content form { width: auto; margin-right: 2em; margin-left: 2em; }
div.row span.label { color: #696969; font-size: 0.8em; text-align: right; width: 180px; float: left; margin-right: 0.4em; margin-left: 0.4em; display: block; }
fieldset * { overflow: hidden; }
/*ALERTS*/
.alert{
min-height: 45px;
margin: 10px 0px 20px 0px;
position: relative;
}
.alert p{
display: inline;
position: relative;
top: 12px;
}
.alert p.main-text{
margin-left: 50px;
font-size: 18px;
display: inline;
}
.alert p.sub-text
{
    font-size: 12px;
    color: #383625;
    display: inline;
    margin-left: 10px;
}
.alert li
{
    font-size: 12px;
    color:Red;
}
.yellow{
background: #ffff9a url(i/caution.png) no-repeat 10px 10px;
border: 1px solid #c3c376;
}
.blue{
background: #bacddf url(i/message.png) no-repeat 10px 10px;
border: 1px solid #82b2df;
}
.red{
background: #ecb4ae url(i/error.png) no-repeat 10px 10px;
border: 1px solid #c9867f;
}
.green{
background: #b1e0a3 url(i/success.png) no-repeat 10px 10px;
border: 1px solid #7ABD5E;
}
a.close{
font-size: 11px;
color: #772f21;
position: absolute;
top: 0px;
right: 5px;
display: none;
}
a.close:hover{
text-decoration: underline;
}
/*General Sizes*/
.small{
width: 175px;
}
.medium{
width: 250px;
}
.large, .half{
width: 375px;
}
.full{
width: 760px;
}
.updating
{
    background: white;
    padding: 1em;
    border: thin solid #C0C0C0;
}

#cart table
{
    width:80%;
}
#cart tr.footer, #cart td.price 
{
    text-align:right;
}
.left
{
    float:left;
    width:450px;
}
.right
{
 float:right;
 width:450px;
}

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style-type: none;
		
	
		
		}
	#slider { 
		
		width:490px;
		height: 340px;
		overflow: visible;
		}
	#slider li {
	background-image: url(i/bullet.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 14px;
	margin-left: 28px;
	}
	#slider li li{
	
	 
		
		}		
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider li p{ 
		margin:20px;
		}	

.hidden {
	position: absolute;
	top: -10000px;