@import url(colorbox.css);
@import url(superfish.css);
@import url(stylish-select.css);


/*** STRUCTURE ***/
/****************/

/* 1) Layout 
/* 2) Navigation 
/* 3) Slider 1 / Slider 3
/* 4) Slider 2 
/* 5) Tabs 
/* 6) Cols 
/* 7) Content Lists 
/* 8) Footer 
/* 9) Shop 
/* 10) Forms 
/* 11) Mics 
/* 12 Wordpress specific



/****************/
/****************/



/*************************************************************/
/**************************1) LAYOUT**************************/
/*************************************************************/
body, html {
	height: 100%;
}

body {
	background: url(img/bg_dark.png) center top repeat;
	color: #828282;
}

#smoke1 {
	background: url(img/smoke1.png) 0 0 repeat-x;
}

#smoke2 {
	background: url(img/smoke2.png) 0 0 repeat-x;
}

#footer {
	background: url(img/footer_bg.png) top left repeat-x;
}

.footergraphics {
	background: url(img/footer_content.png) top center no-repeat;
}

#footercontent, #footerwidecontent {
	color: #242424;
	text-shadow: 0px 1px 0px #4dc1e8;
}

#generalcontent{
	background: url(img/bars.png) top right #17181a repeat-y;
}
#generalfullwidth {
	background-color: #17181a;
}

.screw_top {
	background: url(img/screw.png) top left no-repeat;
}

.screw_bottom {
	background: url(img/screw.png) bottom left no-repeat;
}

/*************************************************************/
/**************************2) NAVIGATION**********************/
/*************************************************************/

#nav {
	background: url(img/nav.png) center top no-repeat;
}	

.collapsmenu li{
	background: url(img/divider.png) left bottom repeat-x;
}

.collapsmenu li a{
	color: #828282;
}

.collapsmenu li a:hover{
	color: #4dc1e8;
}

.collapsmenu ul li{
	background: url(img/divider.png) left top repeat-x;
}


.collapsmenu li ul li a:hover{
	color: #4dc1e8;
}

.collapsmenu li.current a{
	color: #4dc1e8;
}

.c-arrow {
	background: url(img/arrow.png) top left no-repeat;
}

.c-plus {
	background: url(img/plus.png) left top no-repeat;
	color: #828282;
}

.c-plus:hover {
	background: url(img/plus.png) left bottom no-repeat;
}


.c-minus {
	background: url(img/minus.png) left top no-repeat;
	color: #828282;
}

.c-minus:hover {
	background: url(img/minus.png) left bottom no-repeat;
}


/*************************************************************/
/**************************3) SLIDER 1************************/
/*************************************************************/
#slider1, #slider3{ 
	background: url(img/slider1-bg.png) 0 0 no-repeat;
}
 
#slider1 ul li h1 {
	color: #d3d4d4;
}

#slider3 ul li h1 {
	color: #d3d4d4;
}

#slider1 ul li h2 {
	color: #4dc1e8;
}
 
#slider3 ul li h2 {
	color: #4dc1e8;
}
 
#thumbOuter {
	background: url(img/sliderled-bg.png) 0px 0px no-repeat;
}

#thumbNav{
	background: url(img/sliderled-bg.png) right -45px no-repeat;
}
 
#thumbNav a {
	background: url(img/slider-led.png) top center no-repeat;
}
 
#thumbNav a:hover {
	background: url(img/slider-led.png) center -23px no-repeat;
}
	
#thumbNav a.cur {
	background: url(img/slider-led.png) center -23px no-repeat;
}
 
	
#start-stop.playing {
	background-color: red; 
}

/*************************************************************/
/**************************4) SLIDER 2************************/
/*************************************************************/
#thumbOuter2 {
	background: url(img/sliderled-bg.png) 0px 0px no-repeat;
}

.slider2_border{
	background: url(img/slider2-border.png) top left no-repeat;

}

.nivo-controlNav{
	background: url(img/sliderled-bg.png) right -45px  no-repeat;

}

.nivo-controlNav a {
	background: url(img/slider-led.png) center top no-repeat;

}

.nivo-controlNav  a:hover {
	background: url(img/slider-led.png) center -23px no-repeat;
}
	
.nivo-controlNav  a.active {
	background: url(img/slider-led.png) center -23px no-repeat;
}


.nivo-prevNav{
	background: url(img/sliderarrows.png) top left no-repeat;
}

.nivo-nextNav{
	background: url(img/sliderarrows.png) bottom right no-repeat;
}

/*************************************************************/
/**************************5) TABS ***************************/
/*************************************************************/

ul.tabs li a {
	color: #000;
}

ul.tabs li a:hover .h4 {
	color: #4dc1e8;
}
	
ul.tabs li a:hover .description {
	color: #eeeeef;
}
	
ul.tabs li.active   {
	background: url(img/tab.png) top left no-repeat;
}

ul.tabs li a .h4{
	color: #4dc1e8;
}

ul.tabs li a .description{
	color: #bcbcbd;
}

#tabs {
	background: #232528;
	border-color: #17181a;
}

.tabcontent {
	background-color: #17181a;
	border-color: #17181a;
}

#tab1 {
	background-color: #17181a;
}

#tab5 {
	background-color: #17181a;
}

.tabcontent h2 {
	border-bottom: 1px dashed #ddd;
}

/*************************************************************/
/**************************7) CONTENT LISTS*******************/
/*************************************************************/


#content ul.list li, #generalcontent ul.list li, #generalfullwidth ul.list li  {
	background: url(img/arrow.png) 7px left no-repeat;
}


ul.blogcategories li{
	background: url(img/divider.png) bottom left repeat-x;
}

ul.blogcategories li a{
	background: url(img/arrow.png) left center no-repeat;
	color: #828282
}

ul.blogcategories li a:hover{
	color: #4dc1e8;
}

.contact li {
	background: url(img/divider.png) bottom left repeat-x;
}

.contact li a {
	color: #6b6b6b;
}

.contact li a:hover{
	color: #4dc1e8;
}

.contact li.email a {
	background: url(img/social-icons.png) 0px -88px no-repeat;
}

.contact li.phone a, .contact li.fax a {
	background: url(img/social-icons.png) 0px -119px no-repeat;
}

.contact li.skype a {
	background: url(img/social-icons.png) 0px -150px no-repeat;
}

.contact li.twitter a {
	background: url(img/social-icons.png) 0px -28px no-repeat;
}

.contact li.facebook a {
	background: url(img/social-icons.png) 0px -58px no-repeat;
}

.contact li.address a {
	background: url(img/social-icons.png) 0px -179px no-repeat;
}

ul.blogroll li a {
	background: url(img/arrow.png) left center no-repeat;
}
ul.blogroll li a:hover {
	background: url(img/arrow.png) 1px center no-repeat;
}

.breadcrumb {
	background: url(img/divider.png) left bottom repeat-x;
}

.breadcrumb a, .breadcrumb span {
	display: block;
	float: left;
	padding: 0 6px 0 14px;
	background: url(img/arrow.png) 0px 7px no-repeat;
}

breadcrumb a:hover{
	background: url(img/arrow.png) 1px 7px no-repeat;
}

ul.tags li{
	background: url(img/tag.png) 0px 6px no-repeat;
	color: #4dc1e8;
}

ul.tags li a:hover{
	color: #d3d3d4
}


/*************************************************************/
/**************************8) FOOTER**************************/
/*************************************************************/
#footer a {
	color: #242424;
}

#footer a:hover {
	color: #17310d;
}

#footer h3{
	text-shadow: 1px 1px 1px black;
	color: #17181a;
}

#footer a.more {
	background: url(img/arrow-dark.png) left 7px no-repeat;
	color: #242424;
}

#footer a.more:hover {
	color: #17310d;
}

#footer .picHover{
	background: url(img/picHover.gif) center center no-repeat;
}

#footer span.divider {
	background: url(img/divider-footer.png) bottom left repeat-x;
}

#footer ul li {
	background: url(img/arrow-dark.png) left 8px no-repeat;
	color: #242424;
}

#footer .social li {
	background-color: #000000;
}

#footer .social li a{
	color: #4dc1e8;
}

#footer .social li a:hover{
	color: #91d6f7;
}

#footer .social li.rss{
	background: url(img/social-icons.png) 0.8em 0.5em #000000 no-repeat;
}

#footer .social li.twitter{
	background: url(img/social-icons.png) 0.8em -2.2em #000000 no-repeat;
}

#footer .social li.facebook{
	background: url(img/social-icons.png) 0.8em -4.95em #000000 no-repeat;
}

#footer .address {
	text-shadow: #219eda 0px 1px 0px
}

/*************************************************************/
/**************************9) SHOP****************************/
/*************************************************************/

.product {
	background: url(img/divider.png) bottom left repeat-x;
}


.showdetails {
	background: url(img/arrow.png) 0px 7px no-repeat;
}

.showdetails:hover {
	background: url(img/arrow.png) 1px 7px no-repeat;
	color: #1d96d1;
}

.price {
	color: #1d96d1;
}

.addtocart{
	background: url(img/addtocart.png) top left no-repeat;
}

.addtocart:hover{
	background: url(img/addtocart.png) bottom left no-repeat;
}

.content_right #cart{
	background-color: #17181a;
	color: #757575;
}

.content_right #cart h4 {
	background: url(img/cart.png) left center no-repeat;
}

#cart #checkout {
	background: url(img/checkout.png)  top left no-repeat;
}

#cart #checkout:hover {
	background: url(img/checkout.png) -34px left no-repeat;
}

#cart .removeitem{
	background: url(img/remove.png) center center no-repeat;
}

#items table tr td{
	border-bottom: 1px solid #2f2f2f;
}

#items table tr:hover td {
	background-color: #202123;
}

#items table tr.fee td {
	color: #535353;
}


#items table tr td.sum {
	color: #1d96d1;
}

.content_left #items table tr td.sum {
	background-color: #202123;
}

.gateway{
	display: none;
}

.shadow {
	background-color: #ddd; 
	border: solid 1px darkgray; 
}

#gotopayment{
	background: url(img/paypal_button.png) top left no-repeat;
	color: #c8cdd6;
	color: #828282;
}



/*************************************************************/
/**************************10) FORMS***************************/
/*************************************************************/
.thx {
	color: #80aa17;
}

.error{
	color: #6a8d13;
}

.errormessage{
	color: #6a8d13;
}


label{
	color: #58595f;
}


input {
	background-color: #242527;
	color: #a2a2a2
}

input:focus, textarea:focus {
	background-color: #3b3c40;
}


button, input[type="submit"] {
	background: url(img/submit.png) top left no-repeat;
	color: #e4f4f9;
	text-shadow: 1px 1px 3px #2c410c;
}

button:hover, input[type="submit"]:hover{
	background: url(img/submit.png) bottom left no-repeat;
}

textarea {
	background-color: #242527;
	color: #a2a2a2;
}

/*************************************************************/
/**************************11) MISC***************************/
/*************************************************************/

h1 a {
	color: #828282;
}

a{
	color: #4dc1e8;
}

#content h3{
	color: #d5d5d6;
}

a.more {
	background: url(img/arrow.png) left 7px no-repeat;
	color: #4dc1e8;
}

a.more:hover {
	background: url(img/arrow.png) 1px 7px no-repeat;
	color: #4dc1e8;
}

.picHover{
	background: url(img/picHover.gif) center center #17181a no-repeat;
}


.content_right .picHover{
	background: url(img/picHover.gif) center center #242527 no-repeat;
}

#content .divider {
	background: url(img/divider.png) bottom left repeat-x;
}

.content_right h3 a {
	color: #828282;
}


.download a {
	background: url(img/download.png) top left no-repeat;
	color: #a1a2a2;
	text-shadow: 1px 0px 2px #17181a;
}

.download a:hover {
	background: url(img/download.png) 1px left no-repeat;
	color: #d3d3d4;
}

p.quote {
	background: url(img/quote-left.png) 0px -5px no-repeat;
}

.new {
	background: url(img/new.png) top left no-repeat;
}


ul.twitter li {
	background: url(img/divider.png) bottom left repeat-x;
}

ul.twitter li a{
	color: #545758;
}

.content_right ul.twitter a:hover {
	color: #8bba16;
}



/********************SEARCH******************/


#searchform input[type=text] {
	background: url(img/search.png) top left no-repeat;
}

#searchform input[type=submit] {
	background: url(img/magnifier.png) top left no-repeat;
}


#searchform input[type=submit]:hover {
	background-position: bottom left;
}


#wp-calendar caption {
	color: #4dc1e8;
}

#wp-calendar thead tr {
	background: url(img/divider.png) bottom left repeat-x;
}

#wp-calendar tbody tr:hover td {
	background-color: #36383b
}



.comment-author {
	background: url(img/balloon.png) top right no-repeat;
}

.comment-meta {
	background: url(img/divider.png) bottom left repeat-x;
}

.commentswrapper {
	background: url(img/divider.png) top left repeat-x;
}


.comment-content {
	background-color: #242527;
}

#comment-form {
	background: url(img/divider.png) top left repeat-x;
}