/* ---------------------------------------------
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%;
font:12px Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#0c0c0c url('../images/site-graphics/body-bg.png') repeat-x;
color:#333;
line-height: 150%;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: 4px 10px;}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
address, li, p {font-size:12px;}
pre {font-size: 12px;}
/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 960px;
margin:0 auto;
}
#uppernav {
	height: 35px;
	padding-top: 10px;
}
#masthead {
height: 168px;
background: #000 url('../images/site-graphics/header-bg.png') no-repeat;
}
#logoblock { 
width: 250px;
height: 120px;
float:left;
}
#shoppingcart {
	float: right;
	width: 210px;
	height: 105px;
	margin-top: 5px;
	background: #333;
	border: 1px solid #000;
}
#shoppingcart.sc-blog {
	background: transparent;
}
#shoppingcart.sc-blog h2{
	 margin:40px 0 0 10px;
}
#shoppingcart.sc-blog a:link, #shoppingcart.sc-blog a:visited {
	 color: #fff; 
	 font-size: 15px; 
	 font-weight: lighter;
	 text-decoration:underline;
}
#shoppingcart.sc-blog a:hover{
	 text-decoration:none;
}
#nav-links {
	position: relative;
	z-index:1000;
}
#top-menu {
	padding: 0 0 0 0px;
	background: transparent url('../images/site-graphics/top-menu-left.png') no-repeat;
	height: 48px;
}
#top-menu span.topmenu-right {
	float: right;
	width: 5px;
	height: 48px;
	background: transparent url('../images/site-graphics/top-menu-right.png') no-repeat;
}
#left-col {
	float: left;
	width: 180px;
	background: #fff;
}
#left-menu {
	width: 180px;
	min-height: 284px;
	background: #2e530b url('../images/site-graphics/left-menu-bg.jpg') no-repeat; 
}
#left-menu h3 {
	color: #fff;
	font-size: 18px;
	text-transform:uppercase;
	padding: 10px 0;
	margin: 0 10px;
}
#panels {
	width: 166px;
	padding: 0px 7px;
}
#panels .panel-one {
	margin-top: 20px;
	background: #fff url('../images/site-graphics/left-panel-1-mid.png') repeat-y;
}
#panels .panel-one-top {float: left;
	padding: 0 2px;
	background: transparent url('../images/site-graphics/left-panel-1-top.png') no-repeat;
}
#panels .panel-one-bottom {
	background: transparent url('../images/site-graphics/left-panel-1-bot.png') no-repeat;	
	height: 5px;
}
#content-wrap {
	background: #fff;
	padding-bottom: 10px;
}
#content-wrap.home-bg {
	background: #fff url('../images/site-graphics/home-bg.gif') right repeat-y;
}

#contents {
float:left;
width: 780px;
margin: 0;
min-height: 500px;
background: transparent;
}
#splash {
	width: 780px;
	height: 284px;
	float: left;
	background: #2e530b url('../images/site-graphics/shok_slide.jpg') no-repeat;
}
#mid-content {
	float: left;
	width: 585px;
	padding: 20px 10px 20px 5px;
}
#mid-content.pcstore {
	padding: 10px 10px 20px 5px;
}

#mid-content h2 {
	color: #0f6397;
	font-size: 20px;
	text-transform:uppercase;
}
#mid-content ul, #mid-content ol {margin-left: 35px;}
#mid-content li {padding-left: 0;}

#mid-content .leftcol {
	float: left;
	width: 295px;
}
#mid-content .rightcol {
	float: right;
	width: 290px;
}
#mid-content .rightcol ul {
	list-style:none;
	padding: 10px 0;
	margin: 0 10px;
}
#mid-content .rightcol li {
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
}
#mid-content .rightcol a:link, #mid-content .rightcol a:visited   {
	color: #0f6397;
	text-decoration:none;
}
#mid-content .rightcol a:hover {
	text-decoration:underline;
}
#mid-content .rightcol li span {
	float: right;
	color: #898989;
	font-size: 11px;
	font-weight: bold;
}
#products-wrap {
	padding: 10px 0;
}
#right-col {
	float: right;
	width: 165px;
	padding: 20px 7px;	
}
#right-col h3{
	text-transform:uppercase;
	padding: 3px 0;
	text-align: center;
}

#right-col .recently-viewed {
	width: 150px;
	margin:10px auto 25px;
}
#right-col .recently-viewed a {
	display: block;
	text-align: center;
}
#right-col .other {
	width: 150px;
	margin:20px auto;
}
#right-col .other2 {
	width: 150px;
	margin:10px auto 20px;
}

#right-col .tagcloud {
	width: 138px;
	padding: 5px;
	margin:5px auto 20px;
	border: 1px solid #ccc;
	background: #fff;
}
#right-col .tagcloud p {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 3px 3px;
	color: #0f6397;
}
#footer-wrap {
	background: #000 url('../images/site-graphics/footer-bg.png') repeat-x;
	margin-top: 20px;
	padding-bottom: 20px;
}
#footer {
clear:both;
width: 960px;

margin: 0 auto;
background: transparent url('../images/site-graphics/footer-mid.png') repeat-x;
}
.footer-left-corner {
	float: left;
	width: 8px;
	height: 157px;
	padding-top: 0px;
	background: transparent url('../images/site-graphics/footer-left.png') no-repeat;
}
.footer-right-corner {
	float: right;
	width: 8px;
	height: 157px;
	padding-top: 0px;
	background: transparent url('../images/site-graphics/footer-right.png') right top no-repeat;
}
.footer-content {
	width: 944px;
	float: left;
}
.footer-content p {
	clear: both;
	font-size: 11px;
	padding: 0 10px;
	float: left;
}
.footer-left{
	float: left;
	width: 230px;
	height: 107px;
	padding: 10px 5px 10px 0;
	background: transparent;
}
.footer-left img {
	float: left;
	margin: 10px 0 10px 10px;
}
.footer-right {
	float: left;
	width: 160px;
	height: 107px;
	padding: 10px 0 10px 5px;
	background: transparent;
}

.footer-mid {
	float: left;
	width: 525px;
	height: 107px;
	padding: 10px 5px;

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

/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Upper Navigation ***********/
#uppernav ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0px 10px 0 0;
	
	text-align: right;
}
#uppernav ul li {
	margin: 0;
	padding: 0 10px;
	display: inline;
	font: bold 14px/24px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #fff;
}
#uppernav ul li a, #uppernav ul li a:link, #uppernav ul li a:active, #uppernav ul li a:visited {
	font: bold 14px/24px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #fff;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	
}
#uppernav ul li.noborder1 {
	border-left: 0;
}
#uppernav ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

/*********** Top Menu Navigation ***********/
/*#top-menu ul {
	list-style: none;
	float: left;
	margin: 0 0 0 5px;
	padding: 0px 0px 0 0px;
	width: 950px;
	text-align: left;
	background: #ccc url('../images/site-graphics/top-menu-bg.png') repeat-x;
}
#top-menu ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	font: bold 15px/48px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #000;
	background: transparent url('../images/site-graphics/top-menu-divider.png') right top no-repeat;
}
#top-menu ul li a, #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {
	font: bold 15px/48px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #000;
	padding: 0 19px;
	margin: 0;
	text-decoration: none;
	
}
#top-menu ul li.last {
	background-image: none;
}
#top-menu ul li a:hover {
	text-decoration: underline;
	color: #555;
}*/

/*********** Left Menu Navigation ***********/

#left-menu ul {
	list-style:none;
	width: 160px;
	padding: 0 0 15px;
	margin: 0 10px;
	border-top: 1px solid #7dae4f;
}
#left-menu ul li {
	padding: 0;
	margin: 0;
	line-height: 24px;
	border-bottom: 1px solid #7dae4f;
}
#left-menu ul li a, #left-menu ul li a:link, #left-menu ul li a:active, #left-menu ul li a:visited {
	font: bold 14px/24px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #fff;
	padding: 0;
	margin: 0;
	text-decoration: none;
	
}
#left-menu ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0px 0 0 0px;
	width: 135px;
	text-align:left;
}
#footer ul.fm-left {
	padding: 0px 0 0 5px;
	width: 110px;
	margin: 0px 0 0 0;
	float: left;
}

#footer ul li {
	margin: 0;
	padding: 0;
	display: block;
	font: normal 11px/14px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #106397;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	font: normal 11px/14px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #106397;
	padding: 0 7px;
	margin: 0;
	text-decoration: none;
	
}
#footer ul li.noborder1 {
	border-left: 0;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #106397;
}
	
/* ---------- ::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 /// ***********/

#logolink {
	margin: 0px 0 0 0;
	padding: 0;
	width: 190px;
	height: 115px;
	display: block;
}
.divider-one {
	padding: 0;
	border: 0;
	line-height: 2px;
	height: 2px;
	margin: 2px 10px 3px;
	background: transparent url('../images/site-graphics/footer-divider.png');
}

#searchicon {
	width: 29px;
	height: 29px;
	background: transparent url('../images/site-graphics/icon-search.png') no-repeat;
	cursor:pointer;
	border: 0;
	vertical-align: middle;
	margin-left: 5px;
}
.searchbox {float: left;
	border: 1px solid #333;
	margin:0;
	width: 166px;
	height: 20px;
	vertical-align: middle;
}

.facebook {
	width: 32px;
	height: 32px;
	display: block;
	float:left;
	margin: 2px 5px 0 10px;
	background: transparent url('../images/site-graphics/icon-facebook.png') no-repeat;
}
.twitter {
	width: 32px;
	height: 32px;
	display: block;
	float:left;
	margin: 2px 5px 0 5px;
	background: transparent url('../images/site-graphics/icon-twitter.png') no-repeat;
}
.youtube {
	width: 32px;
	height: 32px;
	display: block;
	float:left;
	margin: 2px 5px 0 5px;
	background: transparent url('../images/site-graphics/icon-youtube.png') no-repeat;
}