/*
 ==================================================================
 Designed by WebKey LLC (www.webkeylive.com) 
 Copyright 2005-2008. All rights reserved.
 Version 1.9.2
 ==================================================================
*/


/*
COLORS HEX CODES

red: df110f
dark gray: 4d4543
dar gray bg: 4f4745
medium gray: b0a7a8
light gray: d0cccb
light gray(ish) content area bg: e2dedd

*/

@import "cart.css";

/* @BASICS */
* {
 	padding: 0;
 	margin: 0;
}

body {
	font:0.75em Verdana, Arial, Sans-serif;
	color:#4e4646;
	background-color: #4e4646;
}

h1 {
	font-size:1.45em;
	color:#383433;
	letter-spacing:0.075em;
	margin:0 0 10px 5px;
	padding:0;
	font-weight: normal;
}

h2 {
	font-size:1.25em;
	color:#383433;
	margin:0 0 10px 5px;
	padding:0;
	font-weight: normal;	
}

h3 {
	font-size:1.25em;
	color:#4e4646;
	margin:0;
	padding:0;
	font-weight: normal;	
}

h4 {
	font-size:1.15em;
	color:#4e4646;
	margin:0;
	padding:0;
}

a {
	color:#e10807;
	text-decoration: none;
}

a:visited {
	color:#aa4949;
	text-decoration: none;
}

a:hover {
	color:#e10807;
	text-decoration: underline;
}

p {
	margin: 10px 10px 10px 5px;
	line-height:1.35em;
}

ul, ol {
	margin: 10px 10px 0 25px;
}

li {
	
}

blockquote {
	
}

img {
 	border: none;
}

/* @STRUCTURE BASICS */

#wrapper {
 	width: 745px;
 	margin: 0 auto;
 	margin-top: 10px;
 	padding: 0px;
	background:#e2dedd;
	border:0px solid #ededed;
}


#header {
	margin:0;
	padding:0;
	height:146px;
	background: url('../assets/header.gif') no-repeat center top;
 border:0px solid blue;
}

#innerWrapper {
	background: url('../assets/inner_wrap_grad_left.gif') repeat-y left top;
	width:733px;
	margin:0;
	padding:0 0 0 12px;
	border:0px solid green;
	clear:both;
	
}

#innerWrapper2 {
	background: url('../assets/inner_wrap_grad_right.gif') repeat-y right top;
	margin:0 0 0 0;
	padding:0 12px 0 0;
	border:0px solid blue;	
	clear:both;
}

#leftColumn { 
 	display: inline; /* IE Hack */
 	width: 165px;
 	float: left;
 	text-align: left;
 	margin-bottom: 15px;
}

#centerColumn { 
 	margin: 0px 5px 20px 40px;
 	display: inline; /* IE Hack */
 	float: left;
 	width:650px;
}

#rightColumn {
        float:left;
 	margin: 4px 0px 0px 11px;
 	display: inline;
	width:275px;
	font-size:0.82em;
	border:0px solid green;
}

#footer {
	width:745px;
 	height:40px;
	margin:0;
	padding: 0px;
	background: url('../assets/footer_bg.gif') no-repeat left top;
 	text-align:left;
 	font-size: 0.92em;
 	display: inline; /* IE Hack */
 	float: left;
clear: both;
}

#footer {
        margin:0;
        padding:0 42px;
        font-size:0.9em;
}

#footer p {
margin:6px 10px 0 20px;
}

#footer a {
	color:#4e4646;
	text-decoration: none;
}

#footer a:visited {
	color:#4e4646;
	text-decoration: none;
}

#footer a:hover {
	color:#4e4646;
	text-decoration: underline;
}

/* @NAVIGATION */

#navBar {
	width:721px;	
	height:28px;
	margin:-10px 0 40px 1px;
        padding:0;
	background-color: #df110f;
	text-transform:uppercase;
}

#navBar ul#mainNav li a:link, #navBar ul#mainNav li a:visited {
 	display: inline;
	float:left;
	padding:6px 20px;
	margin:0;
 margin-top:0px;
	width:none;
}

#mainNav li{
 	list-style: none;
    display:inline;
    margin:0;
    padding:0;

}

ul#mainNav li a:link, ul#mainNav li a:visited {
 	background-color: #df110f;
 	text-decoration: none;
 	padding: 4px 0px 4px 7px;
 	color: #fff;
 	text-align: left;

}

ul#mainNav li a:hover {
 	display: block;
 	text-decoration: underline;
 	padding: 4px 0px 4px 7px;
}

ul#mainNav li li a:link, ul#mainNav li li a:visited {
	padding-left:20px;
	
}


ul#mainNav li.mainNavActive a:link, ul#mainNav li.mainNavActive a:visited,
ul#mainNav li li.subNavActive a:link, ul#mainNav li li.subNavActive a:visited  {
 	/*background:#ededed;*/
	/*color:#2a4e75;*/
	color:#fff;
	font-weight:bold;
}


/*  @LAYOUT OVERRIDES  */

body.layout2 #centerColumn {
	width:360px;
	margin-right:0;

}




/*  @OTHER  */
#rightColumn h2 {
	color:#666;
}



/* ROUNDED CORNERS */

b.rtop {
float: left;
width: 100%;
}

b.rbottom {
float: left;
width: 100%;
}

b.rtop{display:block;background: #4e4646;}
b.rbottom{display:block;background: #4e4646;}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #ada6a6}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}	


/*  @LOGIN  */

#login {
	width: 450px;
	\width: 450px;
	w\idth: 450px;
	border: 2px solid #ccc;
	padding: 30px;
	margin: 20px;
	background: #fff;
	text-align: left;
}

#login img {
	margin: 0 0 20px 0px;
    border:0px solid #ededed;
}

#login p {
	margin: 5px;
	margin-left: 0;
	padding: 0;
	color: #333;
	font: 0.85em Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
	font-size: 10px;
	text-decoration: none;
}

#login p a:hover {
	font-size: 10px;
	text-decoration: underline;
}

#login input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
/*	border:1px solid #ccc;
*/	
}

div.login-link {
	margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
	font-size: x-small;
	text-decoration: underline;
} 

/** module styles */
#module {
padding:10px 0;

}
#horizontal-thumbs {
padding:20px 0;
}
#horizontal-thumbs li {
display:inline;
list-style-type:none;
padding:5px;
}

#photoholder {

/*	float:left;*/
	position: relative;
	top:0;
	left:0;
	background:none;
	overflow:hidden;
	width:250px;
	height: 500px;	
	margin: 0px 0px 0px 0;
	padding:0;
	border: 0px solid purple;
}