@import "reset.css";

html, body {
	background-color:#949494;	
}
body {
	background:#a5a5a5 url(../images/gradient-repeat-2.gif) repeat-x;
	font:12px/16px normal normal Helvetica Neue, Helvetica, Arial, sans-serif;
	color:#333333;
}
h1 {
	margin-bottom:5px;
	font-size:20px;
	color:#333333;
	line-height:22px;
	font-weight:lighter;
}
div#left {
	background:#949494 url(../images/gradient-repeat.gif) repeat-x;
	
}
div#right {
	position:relative;
	background:#949494 url(../images/gradient-repeat-2.gif) repeat-x;
}

div#shadow {
	width:994px;
	margin:0 auto;
	background:url(../images/shadow.png) repeat-y;	
}
div#shadow-bottom {
	height:20px;
	width:994px;
	margin:0 auto;
	background:url(../images/shadow-bottom.png) no-repeat;	
}
div.wrapper {
	width:960px;
	margin:0 auto;
}
div#content, div#header {
	padding:0 20px 10px;
	background-color:#fff;
	
}
div#header {
	padding-top:10px;
	padding-bottom:10px;
}
/*
div.goright {
	width:400px;	
}
*/

div#logout-box {
	float:left;
	margin-right: 15px;
}

form#login fieldset {
	width:238px;
/*
	padding-right:20px;
	background:url(../images/sep-dotted.gif) repeat-y right top;
*/
	float:left;	
}
form#login p {
	margin-bottom:5px;
	text-align:left;
	font-size:13px;
	color:#333333;
}	
form#login p span {
	font-weight:bold;	
}
form#login p a {
	font-size:13px;
	font-weight:bold;	
	color:#4c6387;
	float:none;
}
form#login input.text {
	width:105px;
	padding:4px 0 5px 5px;
	border:1px solid #dfdfdf;
	font-size:11px;
	color:#dfdfdf;
}
form#login a {
	margin-top:5px;
	float:left;
	font-size:11px;
	color:#4d6388;
}
form#login a:hover {
	text-decoration:underline;	
}
form#login input.submit {
	width:68px;
	height:22px;
	margin-right:5px;
	display:block;
	
	border:none;
	float:right;
	cursor:pointer;
	background:url(../images/btn-submit.gif) no-repeat;
}
form#login input.submit:hover {
	background:url(../images/btn-submit-hover.gif) no-repeat;
}
div#shopping_cart {
	padding-left:20px;
	float:left;
	background:url(../images/sep-dotted.gif) repeat-y left top;
}
.ico-cart {
	padding:3px 0 1px 23px;
	background:url(../images/ico-cart.gif) no-repeat left 5px;	
}
div#shopping_cart div.ico-cart {
	font-size:13px;	
}
div#shopping_cart p {
	margin:4px 0 10px;
/* padding-left:15px; */
	font-size:12px;
	color:#999999;
}
div#shopping_cart p a {
	font-weight:bold;
	color:#999999;
}
div#shopping_cart p a:hover {
	text-decoration:underline;	
}
a.btn-checkout {
	width:112px;
	height:22px;
	display:block;
	
	background:url(../images/btn-checkout_blue.gif) no-repeat;	
}
a.btn-checkout:hover {
	background:url(../images/btn-checkout_gray.gif) no-repeat;	
}
div#menu-holder {
	height:32px;
	padding:1px 0;
	border-right:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	background:url(../images/bg-menu.gif) repeat-x;
}
ul#menu {
	float:left;
	
}
ul#menu li {
	float:left;
	border-right:1px solid #dfdfdf;
}
ul#menu li a, ul#menu li a, ul#menu li span {
	padding:8px 23px 8px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#6a6a6a;	
}
ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected span {
	background-color:#c50000;
	color:#ffffff;
}
ul#menu li.selected span {
	cursor: default;
}
form#search fieldset {
	padding:5px 5px 0 0;
	float:right;	
}
form#search input {
	float:left;
	border:none;
	
	display:block;
}
form#search input.text {
	width:225px;
	padding:5px 0 4px 5px;
	border:1px solid #dfdfdf;
	font-size:11px;
	color:#dfdfdf;
}
form#search input.submit {
	width:29px;
	height:23px;
	background:url(../images/btn-submit-search.gif) no-repeat;
	cursor:pointer;
}
div#category {
	width:210px;
	border:1px solid #e6e6e6;
}
div#category h3 {
	height:19px;
	padding:8px 0 5px 10px;
	border:1px solid #e0e0e0;
	font-size:20px;
	font-weight:normal;
	color:#333333;
	background:url(../images/bg-category.gif) repeat-x;	
}
div#category ul {
	padding:25px;	
}
div#category ul li {
	margin-bottom:5px;	
}
div#category ul li a {
	padding-left:13px;
	display:block;
	font-size:15px;
	color:#333333;
	background:url(../images/sprites-arrows.gif) no-repeat 0 -22px;
}
div#category ul li a:hover, div#category ul li.selected > a {
	background-position:0 2px;	
}
form#newsletter fieldset {
	width:190px;
	height:112px;
	padding:53px 0 0 25px;
	float:left;
	
	background:url(../images/bg-newsletter.jpg)
}
form#newsletter input {
	margin-bottom:3px;
	display:block;
	
}
form#newsletter input.text {
	width:160px;
	padding:3px 0 3px 5px;
	font-size:11px;
	color:#b2b2b2;
	border:1px solid #aeaeae;	
}
form#newsletter input.submit {
	width:68px;
	height:22px;
	margin-top:7px;
	cursor:pointer;
	border:none;
	background:url(../images/btn-submit-newsletter.gif) no-repeat;
}
form#newsletter input.submit:hover {
	background:url(../images/btn-submit-newsletter-hover.gif) no-repeat;
}
ul#info {
	margin:5px 0;
	padding:8px 10px;
	background-color:#e2e2e2;
	border:1px solid #ccc;
	
}
ul#info li, div.goright ul li {
	padding-right:5px;
	margin-right:5px;
	line-height:9px;
	border-right:1px solid #333333;
	float:right;
}
ul#info li.last, div.goright ul li.last {
	border:none;
	padding-right:0;
	margin-right:0;
}
ul#info li a {
	font-size:11px;
	color:#333333;	
}
ul#info li a:hover {
	text-decoration:underline;	
}
ul#social {
	float:left;	
}
ul#social li {
	padding-top:8px;
	margin-right:7px;
	float:left;	
}
div#footer div.goleft p {
	margin:8px 10px 0 0;
	font-size:14px;
	color:#ffffff;
}
div#footer div.goleft span {
	font-size:11px;
	color:#ffffff;
}
div.goright ul {
	margin-bottom:5px;
		
}
div.goright ul li {
	float:right;	
}
div#footer div.goright ul li a, div.goright p {
	font-size:11px;
	color:#ffffff;
	text-align:right;
	display:block;
}
div.goright ul li {
	border-right:1px solid #fff;	
}
div.goright ul li a {
	border-bottom:1px solid #9B9B9B;
}
div.goright ul li a:hover {
	text-decoration:underline;
	border-bottom:1px solid;
}
ul#breadcrumbs {
	padding:10px 0 18px;
		
}
ul#breadcrumbs li {
	float:left;
	font-size:11px;
	color:#333333;
}
ul#breadcrumbs li a {
	padding-right:12px;
	margin-right:5px;
	display:block;
	color:#5a76a0;
	background:url(../images/sprites-arrows.gif) no-repeat right 2px;
}
ul#breadcrumbs li a:hover {
	text-decoration:underline;
}
div#sidebar {
	width:215px;
	float:left;	
}
div#main {
	width:665px;
	float:right;
}
div.header.align {
	position:relative;
	top:-10px;
}
a.btn-vround {
	
	cursor:pointer;
}
a.btn-vround span {
	float:left;
	
	display:block;
}
a.btn-vround span.left, a.btn-vround span.right {
	width:3px;
	height:22px;
}
a.btn-vround span.left {
	background:url(../images/left-btn.gif) no-repeat;	
}
a.btn-vround span.right {
	background:url(../images/right-btn.gif) no-repeat;	
}
div#content a.btn-vround span.content {
	padding:3px 10px;
	background-color:#5b76a1;
	color:#ffffff;
}
a.btn-vround:hover span.left {
	background:url(../images/left-btn-hover.gif) no-repeat;	
}
a.btn-vround:hover span.right {
	background:url(../images/right-btn-hover.gif) no-repeat;	
}
div#content a.btn-vround:hover span.content {
	background-color:#636363;
}
ul#overview a img {
	padding:5px 5px;
	border:1px solid #dfdfdf;
	max-width:200px;

	
}
ul#overview a.btn-vround {
	float:right;
	margin-right:-10px;
	padding-left:5px;
}
ul#overview li {
	width:200px;
	min-height:290px;
	margin-right:26px;
	padding-bottom:20px;
	float:left;	
}
ul#overview li.last {
	margin-right:0;
}
ul#overview p {
	margin:3px 0;
	font-size:12px;
	color:#333333;
}
ul#overview span {
	padding-top:3px;
	float:left;
	font-size:11px;
	color:#999999;
}
div#main div.info {
	width:270px;
	float:left;	
}
div#main div.info h1 {
	margin-bottom:5px;
	font-size:20px;
	color:#333333;
	line-height:22px;
	
}
div#main div.info span {
	margin-bottom:20px;
	display:block;
	text-align:left;
}
div#main div.info p, div#main div.info ul {
	margin-bottom:20px;
	font-size:13px;
	color:#666666;
	line-height:18px;
}
div#main div.info strong {
	margin-bottom:5px;
	display:block;
	font-size:14px;	
}
div#main div.info ul {
	margin-bottom:30px;	
}
div#main div.pic {
	float:right;	
}
div#main div.pic img {
	padding:0px 0px 0;
	border:1px solid #e6e6e6;	
	max-width: 340px;
}
div#main div.info form#purchase fieldset {
	width:270px;
	
	float:left;
	background-color:#eeeeee;
	border:1px solid #e1e1e1;
}
div#main div.info form#purchase h3 {
	padding:10px 0 24px 15px;
	font-size:17px;
	font-weight:normal;
	color:#333333;
	background:url(../images/bg-purchase.gif) repeat-x;	
}
div#main div.info form#purchase div {
	margin-bottom:5px;
	padding-left:15px;
		
}
div#main div.info form#purchase span {
	width:90px;
	padding-top:3px;
	float:left;
	display:block;
	margin-bottom: 0px;
}	
div#main div.info form#purchase select {
	padding:3px 0 3px 5px;
}
div#main div.info form#purchase select.small {
	width:45px;
}
div#main div.info form#purchase select.medium {
	width:55px;
}
div#main div.info form#purchase select.large {
	width:150px;
}
div#main div.info form#purchase input#quantity {
	width:148px;
	padding: 2px 0;
}

div#main div.info form#purchase strong {
	position:relative;
	bottom:-2px;
	font-size:24px;
	color:#333333;
	font-weight:normal;
}
div#main div.info form#purchase input.submit {
	width:133px;
	height:42px;
	position:relative;
	top:-8px;
	display:block;
	
	border:none;
	cursor:pointer;
	background:url(../images/btn-add.gif) no-repeat;
	margin: 0 auto;
}
div#main div.info form#purchase div.custom {
	overflow:visible;	
	margin-top: 15px;
}
div#main div.pic div#gallery {
	width:360px;
	position:relative;
	margin-top: 10px;
/*	top:-43px; 
	float:right; */
}
div#main div.pic div#gallery h3 {
	margin-bottom:10px;
	font-size:17px;
	font-weight:normal;
	color:#333333;
}
div#main div.pic div#gallery ul li {
	margin-right:5px;
	margin-left:5px;
	
	padding-bottom:20px;
	float:left;
}
div#main div.pic div#gallery ul li.last {
	margin-right:0;	
}
div#main div.pic div#gallery ul li img {
	padding:5px;
	border:1px solid #dfdfdf;	
	max-width: 80px;
	max-height: 80px;	
}
a.position {
	position:relative;	
}
a img.hover {
	display:none;
	position:absolute;
	left:0;
	top:-153px;
	z-index:100;
}
a:hover img.hover {
	display:block;
}
div#footer div.goleft p a {
    display:block;
    padding-top:5px;
    color:#fff;
	font-size:10px;
}
div#footer div.goleft p a:hover {
    text-decoration:underline;  
	font-size:10px;
}

div.error {
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #800000;
	background-color:#FF8080;
}		

input.validation-error {
	background-color:#FFAAAA;
}