/*** 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
/* 13 Stylish Select



/****************/
/****************/



/*************************************************************/
/**************************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;
}
#footercontent, #footerwidecontent {
	color: #242424;
	text-shadow: 0px 1px 0px #517e0c;
}
#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;
}

#nav ul li a {
	text-shadow: 1px 1px 3px #551000;
	color: #e0e0e0;
	font-size: 120%;
}	

#nav .menu .sub-menu {
	background-color: #5d9d24;
}

#nav .menu .sub-menu:before{
	border-color: transparent transparent #5d9d24 transparent;
}

#nav .menu .sub-menu .menu-item {
	border-bottom: 1px solid #589422;
	border-top: 1px solid #76b03c;
}

#nav .menu .sub-menu .menu-item:hover{
	background-color: #76b03c;
}

#nav .menu .sub-menu .sub-menu:before{
	border-color: transparent #5d9d24  transparent transparent;
}


#nav .menu .current-menu-item a,
#nav .menu .menu-item a:hover{
	background: url(img/nav-right.png) right center no-repeat;
}


#nav .menu .current-menu-item a span,
#nav .menu .menu-item a:hover span{
	background: url(img/nav-left.png) left center no-repeat;
}


.collapsmenu li{
	background: url(img/divider.png) left bottom repeat-x;
}

.collapsmenu li a{
	color: #828282;
}

.collapsmenu li a:hover{
	color: #ff5000;
}

.collapsmenu ul li{
	background: url(img/divider.png) left top repeat-x;
}


.collapsmenu li ul li a:hover{
	color: #ff5000;
}

.collapsmenu li.current a{
	color: #ff5000;
}

.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 h1 {
	color: #d3d4d4;
}

#slider1 h2 {
	color: #ff5000;
}
 
#slider3 h2 {
	color: #ff5000;
}
 
#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) top left no-repeat;
}

.nivo-controlInner {
	background: url(img/sliderled-bg.png) right -43px  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;
}

.nivo-prevNav:hover{
	background: url(img/sliderarrows.png) left 1px no-repeat;
}

.nivo-nextNav:hover{
	background: url(img/sliderarrows.png) right -104px no-repeat;
}


/*************************************************************/
/**************************5) TABS ***************************/
/*************************************************************/

ul.tabs li a {
	color: #000;
}

ul.tabs li a:hover .h4 {
	color: #ade61f;
}
	
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: #ff5000;
}

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) 0px 7px 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: #ff5000;
}

.contact li {
	background: url(img/divider.png) bottom left repeat-x;
}

.contact li a {
	color: #6b6b6b;
}

.contact li a:hover{
	color: #ff5000;
}

.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;
}

.boooster_breadcrumb {
	background: url(img/divider.png) left bottom repeat-x;
}

.boooster_breadcrumb li{
	background: url(img/thinarrow.png) left 3px  no-repeat;
}

.boooster_breadcrumb ul li:first-child {
	background: url(img/arrow.png) left 4px  no-repeat;
}


ul.tags li{
	background: url(img/tag.png) 0px 6px no-repeat;
	color: #ff5000;
}

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: #83ae17;
}

#footer .social li a:hover{
	color: #a0d51c;
}

#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: #456b0a 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: #ff5000;
}

.price {
	color: #ff5000;
}

.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: #74b212;
}

.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;
}

.redirecting {
	background: url(img/redirecting.gif) center center no-repeat;
	height: 60px;
	display: none;
}

/*************************************************************/
/**************************10) FORMS***************************/
/*************************************************************/
.thx {
	color: #80aa17;
}

.error{
	color: #6a8d13;
}

.errormessage{
	color: #6a8d13;
}


label{
	color: #58595f;
}


input, select {
	background-color: #242527;
	color: #a2a2a2
}

input:focus, textarea:focus {
	background-color: #3b3c40;
}

#orcamento{
	width: 125px;
	display: block;
	height: 40px;
	line-height: 35px;
	text-align: center;
}
#orcamento:hover{
	line-height: 37px;
}

button, input[type="submit"], #orcamento {
	background: url(img/submit.png) top left no-repeat;
	color: #e0e0e0;
	text-shadow: 1px 1px 3px #551000;
	font-size: 120%;
}

button:hover, input[type="submit"]:hover, #orcamento:hover{
	background: url(img/submit.png) bottom left no-repeat;

}

textarea {
	background-color: #242527;
	color: #a2a2a2;
}

/*************************************************************/
/**************************11) MISC***************************/
/*************************************************************/

h1 a {
	color: #828282;
}

a{
	color: #ff5000;
}

#content h3{
	color: #d5d5d6;
}

a.more {
	background: url(img/arrow.png) left 7px no-repeat;
	color: #ff5000;
}

a.more:hover {
	background: url(img/arrow.png) 1px 7px no-repeat;
	color: #ade61f;
}

.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: #ff5000;
}

#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;
}


/**
* Stylish Select */

.stylish-select .SSContainerDivWrapper {
	background:#ebebeb;;
}

.stylish-select ul.newList {
	color: #828282;
	background:transparent;
	border:0;
}

.stylish-select ul.newList a {
	color: #000;
}

.stylish-select .newListSelected {
	color: #828282;
	background:url(img/select-bg.png) no-repeat;
}

.stylish-select .hiLite {
	background:#87b426!important;
	color:#fff!important;
}

.stylish-select .newListHover {
	background:#ccc!important;
	color:#000!important;
	cursor: pointer;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
/*#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}*/
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(img/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(img/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(img/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(img/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(img/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(img/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#gallery_turboline a {
	float: left;
	margin: 0 20px;
}
#gallery_turboline br {
	display: none;
}
