@font-face {
    font-family:'DroidSans';
	src: url('../fonts/DroidSans.ttf');
}

#banner{ margin:10px 0 0 0 !important; position:relative;z-index:0; clear:both;}
.bx-wrapper { width:980px; position:relative; z-index:0;}
div.bxslider {
    display: block;	
}
div.bxslider div {
    display: block;
}
.promo-main-container { width:880px;}


/*  Side Arrows */
.bx-next {background:url(../images/right-arrow.png) no-repeat; width:41px; height:55px; display:block; position:absolute; cursor:pointer; font-size:0; color:transparent;}
.bx-prev{ background:url(../images/left-arrow.png) no-repeat; width:41px; height:55px; display:block; position:absolute; cursor:pointer; font-size:0; color:transparent;}
.bx-prev { top:40%; left:-15px; z-index:100; }
.bx-next { top:40%; right:-15px; z-index:100;}
.bx-prev img, .bx-next img { border: none; width:100%; }


.bottomright {
	margin-left: 200px;
	padding: 30px 0 0px 0;
}
.bottomright a { color:#0C9; }


.seccolright{ margin-top:20px;}
.seccolright h3{ color: #999999; line-height: 26px; font-size: 24.5px; margin:0px; padding:0px;}
.seccolright p{ font-size:14px; line-height:20px; color:#333333;}

.prod_div{ padding:0px 0px 10px 0px;}
.prod_div h3{ color:#333333; font-size:20px; margin:0px; padding:0px; line-height:20px;}
.prod_div img{ float:left; margin-right:30px;}
.prod_div div{}
.plinks a{ font-size: 15px; padding: 5px 10px 5px 0px; font-family:'Dax-regular'; color:#F58220;}


#tab-wrap {width:100%; float:left;}
.tabs { clear:both; height:255px; position:relative; }
.tab { float:left; height:auto; }
.tab label { background:/*rgba(49,138,194,0.5) */#ccc; color:#333; padding:10px 24px;
      border:1px solid #427D2A; 
      margin-right: 2px; 
      position:relative;
	  cursor:pointer;
}
.tab [type=radio] { display: none; }
#content {
	width:100%;
      position: absolute;
	  top:28px;
      left:0;
      background:#E2E2E2;
      right:0;
      bottom: 0;
      padding: 10px 0px 10px 0px;
	  border: 1px solid #427D2A; 
}
#content p{width:100%; float:right;}
[type=radio]:checked ~ label { background:#427D2A; color:#fff; border-bottom: 1px solid #427D2A; z-index: 2; }
[type=radio]:checked ~ label ~ #content {  z-index: 1; }


.widthbgtext{ width:980px; margin: auto !important;}
.capt{ margin:auto !important; position:absolute; padding:0px 10px 0px 10px; opacity:1; -moz-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;
-ms-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; bottom:20px;}

.capt h1{ font-size:43px; font-weight:bold; margin:0px 0px 0px 10px; line-height:70px; font-family:'DroidSans'; color:#FFF; text-shadow: 3px 3px 3px #000; text-transform:uppercase;}
.capt p { font-weight:600; font-size:18px; margin:0px 0px 0px 10px; line-height:40px; font-family:'DroidSans'; color:#FFF; text-shadow: 2px 2px 2px #000;
background:rgba(0,0,0,0.5); padding:10px;}


.more a{ background-color:#c3590b; font-size:14px; padding:10px; text-transform: uppercase; font-family:'DroidSans'; border-radius:5px; color:#FFF; position:absolute; margin-top:15px;  margin-left:10px;}

.imgbanner{ position:absolute; left:0px; bottom:-11px;}

#banner :hover .capt{ opacity:1;}


@media only screen and (min-width: 119px) {
	.widthbgtext{ display:none !important;}
}

@media only screen and (min-width: 319px) {
	.widthbgtext{ display:none !important;}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 350px) {
	.widthbgtext{ width:100%; display:none !important;}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	.widthbgtext{ width:100%; display:block !important;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	.widthbgtext{ width:980px; display:block !important;}
}

@media only screen and ( min-width:980px){
	.widthbgtext{ width:980px; display:block !important;}

}