/*
Theme Name: ABC Mix
Theme URI: http://creativityblast.com/
Description: Template made for ABC Mix.
Version: 1
Author: Brainwaves
Author URI: http://creativityblast.com/
Tags: abcmix, dark, modern, jquery

	This theme was designed and built by Brainwaves
	whose website you will find at http://creativityblast.com/
*/

@charset "utf-8";
/* By Brainwaves */
/* CSS Document */

/* Reset CSS */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, 
{ 
	padding: 0;
	margin: 0;
} */
	
body {
	background:#353535 url(images/bg.png) repeat top left;
	margin:0px;
	padding:0;
	border:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif, Verdana;
	font-size:12px;
	color:#8b8a8a;
}

img
{
	border:none;
}

a:link, a:visited
{
	color: #B22020;
	text-decoration: none;
	text-decoration:underline;
	outline: 0;
}

a:active, a:hover
{
	color: #B22020;
	text-decoration: underline;
	outline: 0;
}

#wrap-out {
	width:940px;
	margin:auto;
}

#wrap-in {
	float:left;
	background: url(images/header.png) no-repeat top center;
	min-height:390px;
}

#header {
	width:940px;
	height:230px;
}

#header #headerlink {
	width:160px;
	height:90px;
	float:left;
	margin-left:50px;
	margin-top:45px;
}

#header #contactinfo {
	float:left;
	margin-left:448px;
	margin-top:84px;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
	color:#1D1D1E;
	font-size:24px;
	line-height:20px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.06);
}

#header #contactinfo span {
	font-family:Tahoma, Arial, Helvetica, sans-serif, Verdana;
	color:#1A1B1B;
	font-size:16px;
	margin-left:2px;
}

#header #headerslider {
	float:left;
	font-family:Arial, Helvetica, Verdana;
	font-weight:bold;
	color:#1D1D1E;
	font-size:24px;
	line-height:20px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Content box */
#box-top {
	float:left;
	background: url(images/box-top.png) no-repeat top center;
	width:885px;
	height:7px;
	margin-left:27px;
}

#box-mid {
	float:left;
	background: url(images/box-mid.png) repeat-y top center;
	width:885px;
	/* height:213px;  TEMP fixed height*/
	margin-left:27px;
	padding-bottom:12px;
}

#box-bottom {
	float:left;
	background: url(images/box-bottom.png) no-repeat top center;
	width:885px;
	height:7px;
	margin-left:27px;
}

#sidebar {
	float:left;
	width:195px;
	margin-left:9px;
	margin-top:4px;
}

#content {
	float:left;
	width:645px;
	margin-left:25px;
	margin-top:4px;
}

#content a {
	color:#B22020;
}

#contentaaa h1 {
	margin:0;
	padding:0;
	font-size:22px;
	margin-left:4px;
}

#content h1 {
margin:0;	
padding:0;
margin-left:4px;
font-size:21px;
display:inline-block;
padding-left:2px;
padding-right:2px;
padding-bottom:3px;
background: url(images/underline.png) bottom left no-repeat;
text-shadow:none;
text-shadow:2px 2px 3px rgba(0, 0, 0, 0.6);
margin-bottom:5px;
}

#content p {
	margin-top:10px;
	margin-bottom:12px;
	margin-left:5px;
}

/* ================================ 
			Navigation Styles				
   ================================ */

#nav {
	margin:0;
	padding:0;
	width:913px;
	height:40px;
	margin-top:14px;
	float:left;
	margin-left:25px;
	font-size:14px;
	font-size:1.15em;
	font-family:Arial, Helvetica, Verdana;
	letter-spacing: 0.035em;
	font-weight:lighter;
}

#nav li{
	display:block;
	float:left;
	margin:0;
	}

#nav li a{
	color:#999898;
	text-decoration:none;
	height:29px;
	display:block;
	margin-right:0px;
	padding: 0 23px;
	padding-top:11px;
	padding-right:18px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 1);
	}

#nav li a.home{
	color:#fff;
	margin-left:0;
	height:40px;
	padding: 0px 0px;
	text-shadow:0 1px 1 rgba(0, 0, 0, 1);
}

#nav li a.home span {
	height:inherit;
	display:block;
	height:29px;
	padding: 0 25px;
	padding-top:11px;
	padding-right:24px;
}

#nav li a.home:hover, #nav li a.sel{
	background: url(images/nav.png) repeat-x 0 -40px;
}

#nav li a.home:hover span, #nav li a.sel span {
background: url(images/nav.png) no-repeat 0 0px;
}

#nav li.current_page_item a, #nav li.page_item a:hover{
	background: url(images/nav.png) repeat-x 0 -40px;
	color:#fff;
	text-shadow:0 1px 0 rgba(0, 0, 0, 1);
	padding-top:11px;
}

/* ================================ 
			Form Styles				
   ================================ */
a.button {
cursor:default;
text-decoration:none;
color:#8b8a8a;
font-size:13px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
margin-top:7px;
cursor:pointer;
}

a.button:link, a.button:visited, a.button:active, a.button:hover, a.buttonsmall:link, a.buttonsmall:visited, a.buttonsmall:active, a.buttonsmall:hover,
{
	text-decoration:none;
}

a.button:hover {
color:#fff;
font-size:13px;
text-shadow:0 1px 0 rgba(0, 0, 0, 1);
}

a.capsule span.label { /* Middle */
background:transparent url(images/form.png) repeat-x 0 -548px;
display:block;
height:27px;
margin-left:16px;
min-width:80px;
padding:3px 0 0;
text-align:center;
color:#8b8a8a;
}

a.capsule span.button-inner { /* Left */
background:transparent url(images/form.png) no-repeat 0 -486px;
display:block;
height:30px;
}

a.capsule { /* Right */
background:transparent url(images/form.png) no-repeat right -610px;
display:inline-block;
height:30px;
margin-left:2px;
margin-right:2px;
padding-right:16px;
text-align:center;
}


a.capsule:hover span.label {
background:transparent url(images/form.png) repeat-x 0 -579px;
color:#fff;
}

a.capsule:hover span.button-inner {
background:transparent url(images/form.png) no-repeat 0 -517px;
}

a.capsule:hover {
background:transparent url(images/form.png) no-repeat right -641px;
}



a.buttonsmall {
cursor:default;
text-decoration:none;
color:#8b8a8a;
font-size:12px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
cursor:pointer;
}

a.buttonsmall:hover {
color:#fff;
text-shadow:0 1px 0 rgba(0, 0, 0, 1);
}

a.capsulesmall span.label { /* Middle */
background:transparent url(images/form.png) repeat-x 0 -723px;
display:block;
height:22px;
margin-left:16px;
min-width:40px;
padding:2px 0 0;
text-align:center;
color:#8b8a8a;
}

a.capsulesmall span.button-inner { /* Left */
background:transparent url(images/form.png) no-repeat 0 -672px;
display:block;
height:24px;
}

a.capsulesmall { /* Right */
background:transparent url(images/form.png) no-repeat right -774px;
display:inline-block;
height:24px;
margin-left:2px;
margin-right:2px;
padding-right:16px;
text-align:center;
}

a.capsulesmall:hover span.label {
background:transparent url(images/form.png) repeat-x 0 -749px;
color:#fff;
}

a.capsulesmall:hover span.button-inner {
background:transparent url(images/form.png) no-repeat 0 -698px;
}

a.capsulesmall:hover {
background:transparent url(images/form.png) no-repeat right -800px;
}



/* Input text and password */

.inputstyle input { /* Middle */
background:transparent url(images/form.png) repeat-x 0 0;
border:none;
display:block;
height:23px;
margin-left:11px;
padding:7px 0 0 0;
color:#737474;
font-size:12px;
width:95%;
text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
}

.inputstyle span.textinput-inner { /* Left */
background:transparent url(images/form.png) no-repeat 0 -324px;
display:block;
height:30px;
}

.inputstyle { /* Right */
background:transparent url(images/form.png) no-repeat right -162px;
display:inline-block;
height:30px;
padding-right:11px;
text-align:center;
min-width:184px;
margin-top:6px;
}

#content .inputstyle input, #content .inputstyle span.textinput-inner, #content .inputstyle {
display:inline-block;
}

#content .inputstyle input { /* Middle */
width:85%;
}

#content .inputstyle { /* Right */
min-width:5px;
}


/* Textarea */

.textareastyle textarea { /* Middle */
background:transparent url(images/form.png) repeat-x 0 -31px;
border:none;
display:block;
height:116px;
margin-left:11px;
padding:7px 0 7px 0;
color:#737474;
font-size:12px;
width:95%;
overflow: auto;
scrollbar-face-color:#903030;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#000;
scrollbar-shadow-color:rgb(0,0,0);
scrollbar-highlight-color:rgb(0,0,0);
scrollbar-3dlight-color:#808080;
scrollbar-darkshadow-Color:#202020;
text-shadow:1px 1px 1px rgba(0, 0, 0, 1);
}

.textareastyle span.textarea-inner { /* Left */
background:transparent url(images/form.png) no-repeat 0 -355px;
display:block;
height:130px;
}

.textareastyle { /* Right */
background:transparent url(images/form.png) no-repeat right -193px;
display:block;
height:130px;
padding-right:11px;
text-align:center;
min-width:184px;
margin-top:6px;
}

#footer {
	background:url(images/footer-div.png) no-repeat top center;
	font-size:12px;
	color:#5D5D5D;
	width:885px;
	min-height:6px;
	float:left;
	margin-left:27px;
	margin-top:58px;
}

#footer .footer-logo {
	float:right;
	margin-top:8px;
}

#footer .text {
	margin-top:17px;
	float:left;
	margin-left:85px;
	text-align:center;
	width:700px;
}

li.widget {
	list-style:none;
}

.shopping-cart-wrapper a.button {
	cursor:pointer;
}

select {
color: #FFFFFF;
background-color: #1C1D1D;
border:0;
margin-left:2px;
border:1px solid #3B3F3F;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
padding:3px 0;
margin-top:5px;
}