/* Basic HTML
----------------------------------------------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Oswald);

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

body {
	background: url('../img/bg.jpg') repeat-x #cccccc;
	color: #ffffff;
	font: 13px/1.5 'Arial', 'Oswald';
	margin: 0;
	padding: 0;

}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, img, dl, dd, dt, form {
	margin: 0;
	padding: 0;
	border: none;
}




hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1 { font-size: 23px; margin-bottom: 5px; }
h2 { font-size: 20px; margin-bottom: 5px; }
h3 { font-size: 19px; margin-bottom: 10px; }
h4 { font-size: 17px; margin-bottom: 10px; }
h5 { font-size: 15px; margin-bottom: 10px; }
h6 { font-size: 15px; margin-bottom: 10px; }

p,dl,pre,table,address,fieldset { margin-bottom: 1px; }
a, a:visited { color: #cccccc; text-decoration: none; }

/* Layout specific global settings
----------------------------------------------------------------------------------------------------*/

.wrapper { width: 810px; margin: 0 auto; background: #cccccc; box-shadow: 0 0 7px #333333; overflow-dep: auto; overflow:hidden; background: url('../img/sidebar-bg-wide.jpg') repeat-y;  }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald'; font-weight: bold; color: #ffffff; }

/* Header
----------------------------------------------------------------------------------------------------*/

#header {
	background: url('../img/header.jpg') no-repeat;
	height: 172px;
}

.top-links { margin: 0 auto; text-align: center; font-weight: bold; padding: 10px; }
.top-links a { color: #ffffff; text-decoration: none; display: inline-block; padding: 0 3px;
	font-family: 'Arial'; font-size: 14px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #222222; }
.top-links a:hover { color: #cccccc; }

/* Sidebar
----------------------------------------------------------------------------------------------------*/
#sidebar { float: left; width: 205px; background: url('../img/sidebar-bg.jpg') repeat-y; }
#sidebar h2 { font-size: 17px; font-weight: normal; background: #cc0000; text-shadow: 1px 1px 0px #222222; padding: 1px 10px 1px 10px; text-transform: uppercase;
	-webkit-box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
}
#sidebar ul li { list-style: none }
#sidebar ul li.sep { height: 3px; background: rgba(0, 0, 0, 0.4); margin: 5px 10px; }
#sidebar ul li a{ display: block; padding: 1px 8px; font-family: Oswald; font-size: 15px; color: #ffffff; text-shadow: 1px 1px 0px #222222; line-height: 26px; letter-spacing: 0.2pt; }
#sidebar ul li a.l { font-size: 18px; }
#sidebar ul li a span { color: #eeee8f; }
#sidebar ul li a:hover span { background: #cc0000; }
#sidebar ul li a:hover { background: #cc0000;
	-webkit-box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
}

#sidebar .search { padding: 10px; text-align: center; font-size: 14px; font-weight: bold;
	font-family: Arial; text-transform: uppercase; text-shadow: 1px 1px 0 #333333; }
#sidebar .search input { background: rgba(255,255,255,0.5); border: 1px solid #ffffff;
	text-align: center; margin: 5px 0 0 0; color: #444444; width: 170px; height: 22px; line-height: 22px; }

#sidebar .ccards { text-align: center; margin: 10px 0 0 0; }

#main { overflow: hide; width: 605px; float: right; }

/* Navigation
----------------------------------------------------------------------------------------------------*/
.nav ul { background: #333333; overflow: auto; text-transform:uppercase; }
.nav ul li { float: left; list-style: none; }
.nav ul li a { color: #ffffff; text-decoration: none; display: inline-block; padding: 2px 10px;
	font-family: 'Oswald'; font-size: 15px; line-height: 24px;
}
.nav ul li a:hover, .nav ul li a.hover { background: #000000; }
.nav ul li span { font-size: 18px; font-weight: bold; }

.nav ul.sub { position: absolute; overflow: auto; background: #000000; border: 1px solid #333333; filter: none; visibility: hidden; text-transform:uppercase; }
.nav ul.sub li { float: none; }
.nav ul.sub li a { display: block; padding: 1px 25px; }
.nav ul.sub li a:hover { background: #aaaaaa; color: #ffffff; text-shadow: 1px 1px 0 #222222; }

/* content
----------------------------------------------------------------------------------------------------*/
.content { background: white;  padding: 5px; margin: 5px; /* border: 1px solid #777777;*/
/*	-webkit-box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset -4px -2px 3px rgba(0, 0, 0, 0.3), inset 4px 2px 3px rgba(0, 0, 0, 0.3);*/
	min-height:800px;


}


.content .box { background: #333333; height: 135px; margin: 5px; display: inline-block;  }
.content .box.full, .content .box.full img { width: 550px; }
.content .box.half, .content .box.half img { width: 270px; }
.content .box img { height: 135px; }

	
/*pickup from old css*/	


.content table,
.content td {
	color: #000 !important;
	font: normal 12px/14px Arial, Helvetica, sans-serif !important;
	}

	
.content th {
	border-bottom: 1px solid #ccc;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	}

.content th.boxtitle {
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	}
	
.content td {
	}


	
.content h3 {
	color: #000 !important;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	padding: 7px 10px 0;
	height: 21px;
	}
	
.content ul,
.content ol,
.content p {
	margin: 0 10px 10px;
	font: normal 12px/14px Arial, Helvetica, sans-serif !important;
	color: #000 !important;
	}
	

		
	
.content hr {
	visibility: hidden;
	}

.content table.itemtable {
	width: 100%
	}
/*	
#content table.itemtable td {
	vertical-align: top;
	padding: 2px;
	}
*/	
.content table.itemtable td.sku {
	font-weight: bold;
	font-size:10px;
	white-space: nowrap;
	width: 100px;
	}

.content table.itemtable td.desc span.prodtitle {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	}
	
.content table.itemtable td.price {
	width: 100px;
	white-space: nowrap;
	}

.content table.itemtable td.price strong {
	font: bold 11px/15px Arial, Helvetica, sans-serif;
	color1: #a00;
	}

.content table.itemtable td.buynow {
	width: 75px;
	white-space: nowrap;
	}

.content table.theoptions {
	border-bottom: 1px solid #eee;
	margin: 0 0 10px;
	}
	
.content table.theoptions input,
.content table.theoptions select {
	color: #000 !important;
	}

.content table.theoptions label {
	font: bold 10px/12px Arial, Helvetica, sans-serif;
	color: #a00;
	display: block;
	text-transform: uppercase;
	}


.content a {
	color: #c00 !important;
	}

.content a:hover {
	background: #eee !important;
	text-decoration: underline;
	}
	


.content table.itemtable td.sku,
.content table.itemtable td.price {
	vertical-align: top;
	font: bold 11px/14px Arial, Helvetica, sans-serif !important;
	padding: 0 5px;
	}
	
.content table.itemtable td.desc {
	vertical-align: top;
	font: normal 11px/14px Arial, Helvetica, sans-serif !important;
	padding: 0 10px 0 5px;
	}
	
.content table.itemtable td.buynow {
	vertical-align: top;
	font: normal 11px/14px Arial, Helvetica, sans-serif !important;
	}

/* footer
----------------------------------------------------------------------------------------------------*/
#footer { margin: 10px; text-align: center;  }
#footer .links a { font-size: 11px; color: #666666; }
#footer .links2 { font-size: 11px; color: #000000; }
#footer .links2 a { font-size: 11px; color: #000000; margin: 0 4px 0 0; }
#footer p { font-size: 10px; color: #000000; margin: 10px 0 0 0; }