@import url("normalize.css");
*{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
}
a:visited{
	border:none;
	border-bottom-style:none;
}	
a:active{
	border:none;
	border-bottom-style:none;
}	
.dynamic-ad{
padding-bottom:30px;	
}

.dynamic-ad a{
opacity:1; 
-moz-webkit-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
-moz-opacity:1;	
}

.dynamic-ad a:hover{
opacity:0.9; 
-moz-webkit-opacity:0.9;
-o-opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;
}

a, a img{
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
margin: 0px;
padding: 0px;	
}


.checkout_required{
color:#F00;
}

.headWrap{
background-color: #222222;
border-bottom: 1px solid #bcbcbc;
padding:5px 0px;
font-size: 12px;
color: white;
}

.headWrapPad{
padding:0px 15px;
}

.headLogoWrap{
background-color: white;
margin-top: 20px;
}

.logo{
padding-left: 0px;
padding-right: 0px;
}


.logo2{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;
}

.bar{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;	
border-bottom:1px solid #CCC;
width:100%;
}

.form-control {
background-color: #ebebeb;
border-radius: 0px;
}

.form-control:focus {
border-color: red;
outline: 0px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.6);
}
.input-group {
width:90%;
margin-left:20px;
}
.input-group-addon{
color: black;
text-align: center;
background-color: white;
border: 1px solid #CCC;
border-radius: 0px;
}

.nav > li > a {
position: relative;
display: block;
padding: 0px 1px;
}

.btn-link{
color:black;
}

.btn-link:hover{
color:#666666;
}

.nav-cato{
padding:5px 5px 5px 10px; width:200px; border-bottom:dotted 1px #999; background-color:#222222; color:#CCC; 		
}
.content{
	min-height:300px;
}

/**************************************************************************
*********************** = COMBO OVERLAY IMAGE= ************************
**************************************************************************/
.combooverlay_imgT { 
 	 position:absolute;
 	top:78%;
   cursor: pointer;
}
.combooverlay_imgF { 
 	 position:absolute;
 	 top:72%;
   left:1.10em;
   cursor: pointer;
   width:100%;
}

/**************************************************************************
*********************** = PRODINFO IMAGES UL= ************************
**************************************************************************/
.prodImUL{
	 float:left; 
	 list-style:none;
	 position:relative;
	 cursor:pointer;
}



.prodImUL li:hover > ul { opacity: 1; }


.prodImUL ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .0s;
    -moz-transition: height .25s ease .0s;
    -o-transition: height .25s ease .0s;
    -ms-transition: height .25s ease .0s;
    transition: height .25s ease .0s;
}

.prodImUL li:hover > ul li {
    line-height: 15px;
    overflow: visible;
    padding: 0;
	  list-style:none;
	  text-align:center;
}



.prodImUL li{
	margin-top:5px;
	margin-bottom:5px;
}
.prodImUL li img{
	opacity:10;
}

.prodImUL li img:hover{
	opacity:0.9;
}
.prodImUL a{
	color:#999;
}
.prodImUL a:hover{
	color:#222;
}



/**************************************************************************
***************************** = VIDEO TRAILER POPUP = *****************************
**************************************************************************/
.web_dialog_overlay
{
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #000000;
   opacity: 0.9;
   filter: alpha(opacity=90);
   -moz-opacity: 0.9;
   z-index: 101;
   display: none;
}
.web_dialog
{
   display: none;
   position: fixed;
   width: 710px;
   height: inherit;
   top: 45%;
   left: 50%;
   margin-left: -350px;
   margin-top: -200px;
   padding: 10px 10px 10px 5px;
   z-index: 102;
   font-family: Verdana;
   font-size: 10pt;
   background-color:#222;
   box-shadow:0px 0px 18px #222;
   border-radius:5px;
}
.web_dialog_title
{
  /*** border-bottom: solid 2px #000; */
 /***  background-color: #000; ***/
   padding:4px 4px 4px 10px;
   color:#eee;
   font-weight:bold;
   text-align:left;

}
.web_dialog_title a
{
   color:#FFF;
   text-decoration: none;
}
.align_right
{
   text-align: right;
}

.close-bud{
padding:5px;
margin-top:0px;
cursor:pointer;
color:#F00;
}

.close-bud:hover{
padding:5px;
margin-top:0px;
cursor:pointer;
color:#CCC;
}
/**************************************************************************
*********************** = VIDEO TRAILER POP-UP WRAP= ************************
**************************************************************************/
.popup_wrap {
	width: 700px;
	height: inherit;
}
.popup_top {
	background:url(images/layout/bg_popup-top.png) top no-repeat;
	width: 614px;
	height: 23px;
	display:inline-block;	
}
.popup_mid {
	background:url(images/layout/bg_popup-mid.png) top repeat-y;
	width: 614px;
	height: inherit;
}
.popup_bot {
	background:url(images/layout/bg_popup-bot.png) top no-repeat;
	width: 614px;
	height: 24px;
	display:inline-block;	
}
.popup_mid table {
	width: 100%;	
	padding:0px 30px 0px 30px;
} 
.popup_mid table td {
	vertical-align:top;
}
/**************************************************************************
***************************** = OPERATOR BAR TABLE = **********************
**************************************************************************/
table.checkout_form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width:100%;
	/* padding:20px 0px 20px 0px; */
}
td.checkout_form-grid {
	/* border:1px solid #999999;  */
	background:#e1e1e1;
	padding-top:15px;
}
td.checkout_form_expanded {
	/* border:1px solid #999999;  */
	background:#e1e1e1;
	padding-top:15px;
	width:100%;
}
td.checkout_form_folded {
	/* border:1px solid #999999;  */
	background:#e1e1e1;
	padding-top:15px;
	width:50%;
}
td.checkout_form_checkbox_expanded {
	font-size:12px;
	padding-left: 35%;
	height:32px;
}
td.checkout_form_checkbox {
	font-size:12px;
	padding-left: 5%;
	height:32px;
}
td.checkout_form_inputtd_expanded {
	width:65%;
	height:32px;
}
td.checkout_form_text_expanded {
	text-align: right;
	padding-right: 5px;
	width:35%;
	height:32px;
}
td.checkout_form_text_folded {
	text-align: right;
	padding-right: 5px;
	width:130px;
	height:32px;
}
td.checkout_form_text {
	text-align: right;
	padding-right: 5px;
	width:130px;
	height:32px;
}
td.checkout_form_text2 {
	text-align: left;
	font-size:11px;
	padding:0px 0px 20px 0px;
	line-height:16px;
}
td.checkout_form_text4 {
	text-align: left;
	padding-left: 5px;
	width:130px;
	height:32px;
}
span.checkout_form_text {
	font-size:12px;
	font-weight:bold;
}
span.checkout_form_text2 {
	font-size:10px;
	color: #999999;
	font-style:italic;
}
td.checkout_form_text-heading {
	font-size: 14px;
	font-weight: bold;
	line-height:22px;
}
div.checkout_form_text-heading2 {
	padding:0px 0px 10px 0px;
}
div.checkout_form_text-heading2 a {
	color:#333333;
	text-decoration:underline;
}
div.checkout_form_text-heading2 a:hover {
	text-decoration:underline;
	cursor:pointer;
}
input.checkout_input_expanded {
	width: 200px;
	height: 20px;
	padding:0px 3px 0px 3px;
}
input.checkout_input-lg {
	width: 200px;
	height: 20px;
	padding:0px 3px 0px 3px;
}
input.checkout_input-mdlg {
	width: 160px;
	height: 20px;
	padding:0px 3px 0px 3px;
}
input.checkout_input-md {
	width: 100px;
	height: 20px;
	padding:0px 3px 0px 3px;
}
input.checkout_input-sm {
	width: 75px;
	height: 20px;
	padding:0px 3px 0px 3px;
}
span.checkout_required {
	color:#FF0000;
	margin-left:3px;
}
td.checkout_check {
	padding-right:3px;
}
td.checkout_desc {
	padding-left:5px;
}

/**************************************************************************
***************************** = OPPERATOR BAR = *****************************
**************************************************************************/

table.opperator_bar-wrap {
	background:#fffc00;
	color:#323232;
	width:100%;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	position:fixed;
	z-index:1000;
	-webkit-box-shadow: 3px 3px 4px #666666;
	box-shadow: 3px 3px 4px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

table.opperator_bar {
	width:975px;
}

table.opperator_bar a {
	color:#323232;
	text-decoration:none;
}

table.opperator_bar a:hover {
	text-decoration:underline;
}


.operator-bar_layout,
.operator-bar_layout ul {
	list-style: none;	
}

.operator-bar_layout {
	float: left;	
	margin-top:10px;
}
.operator-bar_layout > li {
	float: left;
}
.operator-bar_layout li {
}
.operator-bar_layout li a {
	display: block;
	padding: 0 9px;
	text-decoration: none;
	text-transform: capitalize;
}
.operator-bar_layout ul {
	position: absolute;
	display: none;
	z-index: 999;
}
.operator-bar_layout ul li a {
	line-height:30px;
	width: 170px;
}
.operator-bar_layout li:hover ul.noJS {
	display: block; 	
}

.operator-bar_layout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.operator-bar_layout > li {
	color: #ebe800;
	font-weight: bold;
}
.operator-bar_layout > li > a {
	color: #323232;
	font-weight: bold;
}

.operator-bar_layout > li:hover > a {
	color: #333333;
	text-decoration:underline;
}

.operator-bar_layout ul {
	background: #ebe800;
	margin-left: 0px;
}
.operator-bar_layout ul li a {
	color: #333333;
	font-weight: normal;
	text-align: left;
}
.operator-bar_layout ul li:hover a {
	background:#f5f201;
	color: #323232;
	text-decoration: underline;
}

.operator-bar_layout ul li a.operator-bar_view-text {
	color: #fffc00;
	font-weight: bold;
}
.operator-bar_layout ul li:hover a.operator-bar_view-text {
	text-decoration: underline;
}
.hiddenlabel{
	display:none;
}
.hiddenpanel{
	display:none;
}
/*--------------footer------------*/
/*--------------footer------------*/

footer{
background-color: #222222;
color: #999;
margin-top: 60px;
padding:20px 0px 40px;
width:100%;
}

.footerH3{
color:white;
}

a.footerLinks{
padding:0px 0px 10px;
font-size: 14px;
text-align: center;
color: #999;
}

.footDome{
color:CCCCCC;
margin-top:10px;
margin-bottom:24px;
}

.share_us >a{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;	
}

.share_us >a:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;	
}

.footDome >small{
color:white;font-size:16px;
}



.hrFix > hr{
margin:15px 0px;
background: none repeat scroll 0 0 #4e4d4d;
border: 0 none;
height: 1px;
}

.footBottom{
background-color: #0b0b0b;
height:30px;
}

/*--------------Home------------*/
/*--------------Home------------*/
.split-bar{
background-color:#CCC; height:1px; width:100%; margin:0; padding:0;
}
.mainImg{
margin:0px 0px 0px;
}

.mainImg{
padding-right:0px;
}

.smallMainImgBtm{
margin-top:22px;
}

hr.belowMainImg{
margin-top: 10px;
margin-bottom: 20px;
color:#CCC;
}

.img-responsive-joe{
max-height:255px;
}

.cover{
position: relative;
margin-bottom: 0px;

}

.coverPrice{
position: absolute;
top: 75%;
left: 15px;
background-color: white;
padding: 5px;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius:3px;
}

.cover:hover + .coverPrice{
filter: alpha(opacity=100);
opacity: 1.0;

}

.featured{
margin-top:40px;
margin-bottom:20px;
}
.featured > h2{
	color:#666;

}
.featured > h3{
font-size: 16px;

}
a.labelEffect:hover{
background-color: red;
}

.homeVideoRow{
margin-bottom: 20px;

}

.homeVideoRow a:hover{
/*** color:#F00; ****/
}
.add_cart{
background:#333;
padding:10px;
width:80%;
color:#FFF;
text-align:center;

}

.add_cart:hover{
background:#CCC;
color:#222222;
box-shadow: 1px 1px 2px #999;
-webkit-box-shadow: 1px 1px 2px #999;
-moz-box-shadow: 1px 1px 2px #999;

}
/**************************************************************************
***************************** = FORM VALIDATION = **************************
**************************************************************************/
#error,#carderror, #billingerror {
	color:red;
	font-size:12px;
	display:none;
}

.requredfield,.billingrequredfield,.cardrequredfield {
	background:#ffcfcf; 
	border: 1px solid #f66a6a;
}

.onSale{
	color:red;
}
/**************************************************************************
***************************** = SINGLE CLASSES = **************************
**************************************************************************/

.fontbold {font-weight:bold;}
.checkout_input-lg {
	width: 208px;
	height: 22px;
	border: 1px solid #999999;
}
.hiddenlabel{
	display:none;
}
.hiddenpanel{
	display:none;
}

.folded {
	width:50%;
}
.width50 {
	width:50%;
}
#extra-options{
	display:none;
}
#more-less-options-button{
	font-weight: bold;
	cursor:pointer;
	position:relative;
	padding-top:5px;
}

/***************** CHECKOUT/INVOICE *******************/

#expand-selected {
	background-color:#666;
	color:#ffffff;	
}

div.checkout_check {
	background:url(../../images/icons/icon_check-green-sm.png) no-repeat;
	width:25px;
	height:25px;
	float:right; 
	display:none;
	margin-top:0px;
	margin-right:2px;
}

div.expand1 {
	width:100%;
	padding:4px 0px 4px 0px;
	text-align:left;
	text-indent:20px;
	color:#333333;
}
div.expand2 {
	width:100%;
	padding:4px 0px 4px 0px;
	text-align:left;
	text-indent:20px;
}
div.expand3 {
	width:100%;
	padding:4px 0px 4px 0px;
	text-align:left;
	text-indent:20px;
}
div.expand4 {
	width:100%;
	padding:4px 0px 4px 0px;
	text-align:left;
	text-indent:20px;
}
div.expand5 {
	width:100%;
	padding:4px 0px 4px 0px;
	text-align:left;
	text-indent:20px;
}
div.expand6 {
	width:100%;
	padding:4px 0px 4px 0px;
	text-align:left;
	text-indent:20px;
}

/**************************************************************************
*********************** = USPS ADDRESS VERIFICATION = *********************
**************************************************************************/
table.add_verification-wrap {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	line-height:18px;
	width:500px; 
	border:1px solid #cccccc; 
	padding:10px;
}

table.add_verification-wrap td {
	text-align:left;
	padding:20px 0px 20px 20px;
}

span.add_verification-heading {
	font-size: 14px;
	font-weight:bold;
	line-height:20px;
	margin:0px 0px 10px 0px;
}

div.v_break {
	width:1px;
	height:140px;
	background:#cccccc;
}

/*--------------Custom------------*/
.outofstockbtn{
padding: 6px 7px;
}
div.prodlisting_product-popup {
	width:100px;
	min-height: 170px;
	position:relative; 
	margin-bottom:5px;
}

div.prodlisting_product-detail {
	width:715px;
	min-height:170px;
	padding-bottom:10px;	
	padding-top:20px;
}
span.prodlisting_prod-title {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #323232;
	font-weight:bold;
	line-height:18px;
	text-transform: capitalize; 
}

span.prodlisting_prod-title:hover {
	text-decoration:underline;
}
span.prodlisting_prod-subtitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #646464;
	line-height:18px;
}
div.addtocartcontainer_search-popup {
	width:100px;
	white-space:nowrap;
	line-height:25px;
	position:relative;
	bottom:5px;
	margin-top:10px;
}
div.addtocart{
	background:#bbbbbb;
	color:#212121;
	width:auto;
	height:auto;
	text-align:center;font-size:12px;
	text-decoration:none;
}
div.addtocart:hover {
	background:#fffc00;
	text-decoration:underline;
	cursor:pointer;
}
div.cart_h-break {
	background-color:#e1e1e1;
	width:100%;
	height:1px;	
}
div.cart_h-bg a {
	text-decoration:none;
}

div.cart_h-bg a:hover {
	text-decoration:underline;
}

div.cart_h-bg {
	background-color:#e1e1e1;
	width:100%;
	height:25px;
	padding-top:4px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	text-transform: capitalize;
}

#shresults table{
	background-color: #eee;
}
div.spacer {
	height:15px;
}
div.prodlisting_h-dots {
	background:url(../images/h_dots.png) no-repeat left;
	padding:10px 0px 10px 0px;
}
div.locked-element-fixed {
	position: fixed;
	top: 30px;
}
.cursor_pointer {
cursor:pointer;
}
ul.dropdown-menu li, .prodlisting_title, .texcapitalized {
text-transform: capitalize;
}
span.prodinfo_title {
	font-size:22px;
}
span.prodlisting_prod-title {
	color: #323232;
	line-height:18px;
	text-align: left;
	text-transform: capitalize; 
}

span.prodlisting_prod-title:hover {
	text-decoration:underline;
}

span.prodlisting_prod-details {	
	color: #323232;
	line-height:26px;
	text-transform: capitalize; 
}

div.prodlisting_prod-title {
	background:#e1e1e1;
	border:1px solid #999999;
	text-align:left;
	position:absolute;
	font-size:12px;
	bottom: 73px;
	left: -1px;
	z-index: 100;
	width: 200px;
	height: 45px;
	padding: 3px 7px 7px 7px;
	-webkit-box-shadow: 3px 3px 4px #666666;
	box-shadow: 3px 3px 4px #666666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */ 
	html filter: {progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')};	
	display: none;
	}

span.prodlisting_prod-title:hover div.prodlisting_prod-title {
	display: inline;
}

div.prodlisting_shell {
	min-height: 360px;
	position:relative; 	
}
.prodlisting_image {
		min-height:170px;
	}
.prodlisting_info{
	min-height:180px;
}
.chosen-container-multi .chosen-choices2 li.search-choice2 {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  background-color: #e4e4e4;
  color: #333;
  line-height: 13px;
  cursor: default;
  border:0px;
}

.chosen-container-multi .chosen-choices2 {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  background-color: #fff;
  cursor: text;
  border:0px;
}

.hideme
{
display:none;
}
.flright {
	 margin-left:0;
	 display:inline-block;
	 float:right;
}
.storeSideBarSelections
{
	font-size:14px;padding:5px 10px;
	text-align:left;
}
/*--------------End Custom------------*/

/*--------------Search------------*/
/*--------------Search------------*/

.filter{
padding:10px 10px 10px 10px;
background-color:#FFF;
border: 1px solid #CCC;
margin-bottom:10px;
}

hr.hrFilter{
border-color:#ccc;
margin-top: 0px;
margin-bottom:5px;
}

.searchRow{
margin-bottom: 10px;
text-align: center;
}

.product{
color:black;
}

.product:hover{
color:red;
}

.pagination {
display: inline-block;
padding-left: 0px;
margin: 20px 0px;
border-radius: 0px;
}

.pagination > li > a{
color:red;
}

.pagination > li > a:hover{
color:#c70202;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.pagination > .active > a{
background-color: #eee;
border-color: #eee;
color: red;
}

.pagination > .active > a:hover{
background-color: #eee;
border-color: #eee;
color: red;
}

/*--------------Product------------*/
/*--------------Product------------*/

.title > h2{
margin-bottom: 0px;
}

.productBtn{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#F01;  
margin-top:5px;
}


h6 .productBtn:hover{
color:#FFF; background-color:#930000; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.productBtnwish{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#CCC; 
margin-top:5px;
}


h6 .productBtnwish:hover{
background-color:#930000; color:#FFF; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.panel{
margin-top: 20px;
border-radius: 0px;
}

.panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.description{
min-height: 100px;
}
.description > ul{
padding:0px 0px 0px 15px;
}

/*--------------Cart------------*/
/*--------------Cart------------*/

.checkoutSummary{
margin-top: 20px;
background-color: #ebebeb;
border: 1px solid #CCC;
padding: 10px;
}

.checkoutSummary > h3{
margin-top: 0px;
}

.summaryBox{
background-color: white;
padding: 6px;
margin-bottom: 6px;
}

.summaryBox > .form-inline > .form-group > label{
font-weight: 100;
}

.couponCode{
background-color: white;
min-width: 100%;
margin-bottom: 10px;
}

.checkoutBtn{
border-radius: 0px;
}


/*--------------Checkout------------*/
/*--------------Checkout------------*/

.checkoutPanel{
margin-top: 0px;
}

.panel-group .panel + .panel {
margin-top: 0px;
}

.panel-group .panel {
margin-bottom: 0px;
border-radius: 0px;
}

.form-group > .col-sm-8 > .form-control{
background-color: white;
}

.info-sector{
padding:0px 0px 0px 10px; 
margin:0;	

}

.info-sector ul{

}

.info-sector >.quest{
font-weight:600;
padding:10px 10px 0px 10px;
margin:0;

}

.info-sector >li{
list-style:none;
padding:5px 10px 10px 10px;	
}

.info-sector >.local{
padding:0px 10px 0px 10px; margin:0;	
}

.info-sector >.bullet-hole{ 
list-style:circle; 
padding:0px 10px 10px 10px; 
margin-left:25px;
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
	
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
	
.site-search{
	width:100%;		
}


/*--------------Nav------------*/
/*--------------Nav------------*/


.product-cover-wrap{
	height:400px;
}
.headWrap{
background-color: #222222;
border-bottom: 1px solid #bcbcbc;
padding:5px 0px;
font-size: 12px;
color: white;
}

.headWrapPad{
padding:0px 15px;
}

.headLogoWrap{
background-color: white;
margin-top: 20px;
}

.logo{
padding-left: 0px;
padding-right: 0px;
}

.logo2{
padding-left: 0px;
padding-right: 0px;
margin-top: 20px;
margin-bottom: 0px;
}
.bar{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;	
width:100%;
border-bottom:1px solid #CCC;
}
.form-control {
background-color: #ebebeb;
border-radius: 0px;
}

.form-control:focus {
border-color: red;
outline: 0px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.6);
}

.input-group-addon{
color: black;
text-align: center;
background-color: white;
border: 1px solid #CCC;
border-radius: 0px;
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 12px;
}

.btn-link{
color:black;
}

.btn-link:hover{
color:#666666;
}


/*--------------footer------------*/
/*--------------footer------------*/

footer{
background-color: #222222;
color: #999;
margin-top: 60px;
padding:20px 0px 40px;
}

.footerH3{
color:white;
}

a.footerLinks{
padding:0px 0px 10px;
font-size: 14px;
text-align: center;
color: #999;
}

.footDome{
color:CCCCCC;
margin-top:10px;
margin-bottom:24px;
}

.hrFix > hr{
margin:15px 0px;
background: none repeat scroll 0 0 #4e4d4d;
border: 0 none;
height: 1px;
}

.footBottom{
background-color: #0b0b0b;
height:30px;
}

.share_us{
padding:0px 0px 0px 0px;
}

/*--------------Home------------*/
/*--------------Home------------*/

.mainImg{
padding-right:0px;
}

.smallMainImgBtm{
margin-top:22px;
}

hr.belowMainImg {
margin-top: 10px;
margin-bottom: 20px;
}

.img-responsive-joe{
max-height:255px;
}

.cover{
position: relative;
}

.coverPrice{
position: absolute;
top: 75%;
left: 15px;
background-color: white;
padding: 5px;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius:3px;
}

.cover:hover + .coverPrice{
filter: alpha(opacity=100);
opacity: 1.0;
}

.featured{
margin-top:40px;
margin-bottom:20px;
}

.featured > h3{
font-size: 24px;
}

a.labelEffect:hover{
background-color: red;
}

.homeVideoRow{
margin-bottom: 60px;
}

/*--------------Search------------*/
/*--------------Search------------*/

.filter{
padding:10px 10px 10px 10px;
background-color:#FFF;
border: 1px solid #CCC;
margin-bottom:10px;
}

hr.hrFilter{
border-color:#ccc;
margin-top: 0px;
margin-bottom:5px;
}

.searchRow{
margin-bottom: 20px;
text-align: center;
}

.product{
color:black;
}

.product:hover{
color:red;
}

.pagination {
display: inline-block;
padding-left: 0px;
margin: 20px 0px;
border-radius: 0px;
}

.pagination > li > a{
color:red;
}

.pagination > li > a:hover{
color:#c70202;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.pagination > .active > a{
background-color: #eee;
border-color: #eee;
color: red;
}

.pagination > .active > a:hover{
background-color: #eee;
border-color: #eee;
color: red;
}


/*--------------Product------------*/
/*--------------Product------------*/

.title > h2{
margin-bottom: 0px;
}

.productBtn{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#F01;  
margin-top:5px;
}


h6 .productBtn:hover{
color:#FFF; background-color:#930000; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.productBtnwish{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#CCC; 
margin-top:5px;
}


h6 .productBtnwish:hover{
background-color:#930000; color:#FFF; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.panel{
margin-top: 20px;
border-radius: 0px;
}

.panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.description{
min-height: 100px;
}
.description > ul{
padding:0px 0px 0px 15px;

}
/*--------------Cart------------*/
/*--------------Cart------------*/

.checkoutSummary{
margin-top: 20px;
background-color: #ebebeb;
border: 1px solid #CCC;
padding: 10px;
}

.checkoutSummary > h3{
margin-top: 0px;
}

.summaryBox{
background-color: white;
padding: 6px;
margin-bottom: 6px;
}

.couponCode{
background-color: white;
min-width: 100%;
margin-bottom: 10px;
}

.checkoutBtn{
border-radius: 0px;
}

/*--------------Checkout------------*/
/*--------------Checkout------------*/

.checkoutPanel{
margin-top: 0px;
}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
.title >h2{
	font-size:24px;	
}
	
	.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
	
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
.site-search{
width:87%;

}

.product-cover-wrap{
height:400px;
}

/*--------------Nav------------*/
/*--------------Nav------------*/

.headWrap{
background-color: #222222;
border-bottom: 1px solid #bcbcbc;
padding:5px 0px;
font-size: 12px;
color: white;
}

.headWrapPad{
padding:0px 15px;
}

.headLogoWrap{
background-color: white;
margin-top: 20px;
}

.logo{
padding-left: 0px;
padding-right: 0px;
}

.logo2{
padding-left: 0px;
padding-right: 0px;
margin-top: 20px;
margin-bottom: 0px;
}
.bar{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;	
width:100%;
border-bottom:1px solid #CCC;
}
.form-control {
background-color: #ebebeb;
border-radius: 0px;
}

.form-control:focus {
border-color: red;
outline: 0px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.6);
}

.input-group-addon{
color: black;
text-align: center;
background-color: white;
border: 1px solid #CCC;
border-radius: 0px;
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 12px;
}

.btn-link{
color:black;
}

.btn-link:hover{
color:#666666;
}


/*--------------footer------------*/
/*--------------footer------------*/

footer{
background-color: #222222;
color: #999;
margin-top: 60px;
padding:20px 0px 40px;
}

.footerH3{
color:white;
}

a.footerLinks{
padding:0px 0px 10px;
font-size: 14px;
text-align: center;
color: #999;
}

.footDome{
color:CCCCCC;
margin-top:10px;
margin-bottom:24px;
}

.hrFix > hr{
margin:15px 0px;
background: none repeat scroll 0 0 #4e4d4d;
border: 0 none;
height: 1px;
}

.footBottom{
background-color: #0b0b0b;
height:30px;
}

/*--------------Home------------*/
/*--------------Home------------*/

.mainImg{
padding-right:0px;
}

.smallMainImgBtm{
margin-top:22px;
}

hr.belowMainImg 
{
margin-top: 10px;
margin-bottom: 20px;
}

.img-responsive-joe{
max-height:255px;
}

.cover{
position: relative;
}

.coverPrice{
position: absolute;
top: 75%;
left: 15px;
background-color: white;
padding: 5px;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius:3px;
}

.cover:hover + .coverPrice{
filter: alpha(opacity=100);
opacity: 1.0;
}

.featured{
margin-top:40px;
margin-bottom:20px;
}

a.labelEffect:hover{
background-color: red;
}

.homeVideoRow{
margin-bottom: 60px;
}


/*--------------Search------------*/
/*--------------Search------------*/

.filter{
padding:10px 10px 10px 10px;
background-color:#FFF;
border: 1px solid #CCC;
margin-bottom:10px;

}

hr.hrFilter{
border-color:#ccc;
margin-top: 0px;
margin-bottom:5px;
}

.searchRow{
margin-bottom: 20px;
text-align: center;
}

.searchRow p{
	text-align:left;


}
.product{
color:black;
}

.product:hover{
color:red;
}

.pagination {
display: inline-block;
padding-left: 0px;
margin: 20px 0px;
border-radius: 0px;
}

.pagination > li > a{
color:red;
}

.pagination > li > a:hover{
color:#c70202;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.pagination > .active > a{
background-color: #eee;
border-color: #eee;
color: red;
}

.pagination > .active > a:hover{
background-color: #eee;
border-color: #eee;
color: red;
}


/*--------------Product------------*/
/*--------------Product------------*/

.title > h2{
margin-bottom: 0px;
}

.productBtn{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#F01;  
margin-top:5px;
}


h6 .productBtn:hover{
color:#FFF; background-color:#930000; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.productBtnwish{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#CCC; 
margin-top:5px;
}


h6 .productBtnwish:hover{
background-color:#930000; color:#FFF; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}

.panel{
margin-top: 20px;
border-radius: 0px;
}

.panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.description{
min-height: 100px;
}
.description > ul{
padding:0px 0px 0px 15px;

}
/*--------------Cart------------*/
/*--------------Cart------------*/

.checkoutSummary{
margin-top: 20px;
background-color: #ebebeb;
border: 1px solid #CCC;
padding: 10px;
}

.checkoutSummary > h3{
margin-top: 0px;
}

.couponCode{
background-color: white;
min-width: 592px;
margin-bottom: 10px;
}

.couponCode{
background-color: white;
min-width: 592px;
margin-bottom: 10px;
}

.checkoutBtn{
border-radius: 0px;
}



/*--------------Checkout------------*/
/*--------------Checkout------------*/

.checkoutPanel{
margin-top: 0px;
}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.title >h2{
	font-size:24px;	
}
	.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
		
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
	
.site-search{
width:87%;
	
}

/*--------------Nav------------*/
/*--------------Nav------------*/

.headWrap{
background-color: #222222;
border-bottom: 1px solid #bcbcbc;
padding:5px 0px;
font-size: 12px;
color: white;
}

.headWrapPad{
padding:0px 15px;
}

.headLogoWrap{
background-color: white;
margin-top: 20px;
}

.logo{
padding-left: 0px;
padding-right: 20px;
}

.logo2{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;
}
.bar{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;	 
width:100%;
border-bottom:1px solid #CCC;
}
.form-control {
background-color: #ebebeb;
border-radius: 0px;
}

.form-control:focus {
border-color: red;
outline: 0px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.6);
}

.input-group-addon{
color: black;
text-align: center;
background-color: white;
border: 1px solid #CCC;
border-radius: 0px;
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 6px;
}

.btn-link{
color:black;
}

.btn-link:hover{
color:#666666;
}


/*--------------footer------------*/
/*--------------footer------------*/

footer{
background-color: #222222;
color: #999;
margin-top: 60px;
padding:20px 0px 40px;
}

.footerH3{
color:white;
}

a.footerLinks{
padding:0px 0px 10px;
font-size: 14px;
text-align: center;
color: #999;
}

.footDome{
color:CCCCCC;
margin-top:10px;
margin-bottom:24px;
}

.hrFix > hr{
margin:15px 0px;
background: none repeat scroll 0 0 #4e4d4d;
border: 0 none;
height: 1px;
}

.footBottom{
background-color: #0b0b0b;
height:30px;
}



/*--------------Home------------*/
/*--------------Home------------*/

.mainImg{
padding-right:0px;
}

.smallMainImgBtm{
margin-top:24px;
}

hr.belowMainImg {
margin-top: 10px;
margin-bottom: 20px;
}

.img-responsive-joe{
max-height:255px;
}

.cover{
position: relative;
}

.coverPrice{
position: absolute;
top: 75%;
left: 15px;
background-color: white;
padding: 5px;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius:3px;
}

.cover:hover + .coverPrice{
filter: alpha(opacity=100);
opacity: 1.0;
}

.featured{
margin-top:40px;
margin-bottom:20px;
}

a.labelEffect:hover{
background-color: red;
}

.homeVideoRow{
margin-bottom: 60px;
}


/*--------------Search------------*/
/*--------------Search------------*/

.filter{
padding:10px 10px 10px 10px;
background-color:#FFF;
border: 1px solid #CCC;
margin-bottom:10px;
}

hr.hrFilter{
border-color:#ccc;
margin-top: 0px;
margin-bottom:5px;
}

.searchRow{
margin-bottom: 20px;
text-align: center;
}

.product{
color:black;
}

.product:hover{
color:red;
}

.pagination {
display: inline-block;
padding-left: 0px;
margin: 20px 0px;
border-radius: 0px;
}

.pagination > li > a{
color:red;
}

.pagination > li > a:hover{
color:#c70202;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.pagination > .active > a{
background-color: #eee;
border-color: #eee;
color: red;
}

.pagination > .active > a:hover{
background-color: #eee;
border-color: #eee;
color: red;
}


/*--------------Product------------*/
/*--------------Product------------*/

.title > h2{
margin-bottom: 0px;
}

.productBtn{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#F01;  
margin-top:5px;
}


h6 .productBtn:hover{
color:#FFF; background-color:#930000; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.productBtnwish{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#CCC; 
margin-top:5px;
}


h6 .productBtnwish:hover{
background-color:#930000; color:#FFF; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}

.panel{
margin-top: 20px;
border-radius: 0px;
}

.panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.description{
min-height: 100px;
}
.description > ul{
padding:0px 0px 0px 15px;

}
/*--------------Cart------------*/
/*--------------Cart------------*/

.checkoutSummary{
margin-top: 20px;
background-color: #ebebeb;
border: 1px solid #CCC;
padding: 10px;
}

.checkoutSummary > h3{
margin-top: 0px;
}

.summaryBox{
background-color: white;
padding: 6px;
margin-bottom: 6px;
}

.summaryBox > .form-inline > .form-group > label{
font-weight: 100;
}

.couponCode{
background-color: white;
min-width: 165px;
margin-bottom: 10px;
}

.checkoutBtn{
border-radius: 0px;
}


/*--------------Checkout------------*/
/*--------------Checkout------------*/

.checkoutPanel{
margin-top: 0px;
}

}




/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.title >h2{
	font-size:24px;	
}
	.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
	
	
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
.site-search{
width:87%;

}

/*--------------Nav------------*/
/*--------------Nav------------*/


.headWrap{
background-color: #222222;
border-bottom: 1px solid #bcbcbc;
padding:5px 0px;
font-size: 12px;
color: white;
}

.headWrapPad{
padding:0px 15px;
}

.headLogoWrap{
background-color: white;
margin-top: 20px;
}

.logo{
padding-left: 0px;
padding-right: 20px;
}

.logo2{
padding-left: 0px;
padding-right: 0px;
margin-top: 20px;
margin-bottom: 0px;
}
.bar{
padding-left: 0px;
padding-right: 0px;
margin-top: 12px;
margin-bottom: 0px;	
width:100%;
border-bottom:1px solid #CCC;
}
.form-control {
background-color: #ebebeb;
border-radius: 0px;
}

.form-control:focus {
border-color: red;
outline: 0px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.6);
}

.input-group-addon{
color: black;
text-align: center;
background-color: white;
border: 1px solid #CCC;
border-radius: 0px;
}

.nav > li > a {
position: relative;
display: block;
padding: 10px 12px;
}

.btn-link{
color:black;
}

.btn-link:hover{
color:#666666;
}



/*--------------footer------------*/
/*--------------footer------------*/


footer{
background-color: #222;
color: #999;
margin-top: 60px;
padding:20px 0px 40px;
}


.footerH3{
color:white;
padding-top:10px;
}

a.footerLinks{
padding:0px 0px 10px;
font-size: 14px;
text-align: center;
color: #999;
}
.hrFix a:visited{
color: #999;
}
.footDome{
color:CCCCCC;
margin-top:10px;
margin-bottom:24px;
}

.hrFix > hr{
margin:15px 0px;
background: none repeat scroll 0 0 #4e4d4d;
border: 0 none;
height: 1px;
}

.footBottom{
background-color: #0b0b0b;
height:30px;
}



/*--------------Home------------*/
/*--------------Home------------*/

.mainImg{
padding-right:0px;
}

.smallMainImgBtm{
margin-top:26px;
}


hr.belowMainImg {
margin-top: 10px;
margin-bottom: 20px;
}

.img-responsive-joe{
max-height:255px;
}

.cover{
position: relative;
}

.coverPrice{
position: absolute;
top: 75%;
left: 15px;
background-color: white;
padding: 5px;
z-index: 999;
filter: alpha(opacity=0);
opacity: 0.0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
border-radius:3px;
}

.cover:hover + .coverPrice{
filter: alpha(opacity=100);
opacity: 1.0;
}

.featured{
margin-top:40px;
margin-bottom:20px;
}

a.labelEffect:hover{
background-color: red;
}

.homeVideoRow{
margin-bottom: 60px;
}

/*--------------Search------------*/
/*--------------Search------------*/


.filter{
padding:10px 10px 10px 10px;
background-color:#FFF;
border: 1px solid #CCC;
margin-bottom:10px;

}

hr.hrFilter{
border-color:#ccc;
margin-top: 0px;
margin-bottom:5px;
}

.searchRow{
margin-bottom: 10px;
text-align: center;
margin-top:10px;
}

.product{
color:black;
}

.product:hover{
color:red;
}

.pagination {
display: inline-block;
padding-left: 0px;
margin: 20px 0px;
border-radius: 0px;
}

.pagination > li > a{
color:red;
}

.pagination > li > a:hover{
color:#c70202;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}

.pagination > .active > a{
background-color: #eee;
border-color: #eee;
color: red;
}

.pagination > .active > a:hover{
background-color: #eee;
border-color: #eee;
color: red;
}

/*--------------Product------------*/
/*--------------Product------------*/

.title > h2{
margin-bottom: 0px;
}

.productBtn{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#F01;  
margin-top:5px;
}


h6 .productBtn:hover{
color:#FFF; background-color:#930000; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}
.productBtnwish{
width: 150px;
border-radius: 0px;
color:#FFF; 
background-color:#CCC; 
margin-top:5px;
}


h6 .productBtnwish:hover{
background-color:#930000; color:#FFF; /*** box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999; **/
}

.panel{
margin-top: 20px;
border-radius: 0px;
}

.panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.description{
min-height: 75px;
}

.description > ul{
padding:0px 0px 0px 15px;

}
/*--------------Cart------------*/
/*--------------Cart------------*/

.checkoutSummary{
margin-top: 20px;
background-color: #ebebeb;
border: 1px solid #CCC;
padding: 10px;
}

.checkoutSummary > h3{
margin-top: 0px;
}

.summaryBox{
background-color: white;
padding: 6px;
margin-bottom: 6px;
}

.summaryBox > .form-horizontal > .form-group > label{
font-weight: 100;
}

.couponCode{
background-color: white;
min-width: 222px;
margin-bottom: 10px;
}

.checkoutBtn{
border-radius: 0px;
}


/*--------------Checkout------------*/
/*--------------Checkout------------*/



.checkoutPanel{
margin-top: 0px;
}


}

/*--------------Tables------------*/
/*--------------Tables------------*/
.cart-box{
margin-left:15%; 
margin-bottom:10px; 
width:67%; 
margin-top:3px; 
text-align:center;
}


.add-cart{
margin-left:7%;
}


.delete-cart{
margin-top:4%;
}

.mocash-bottom{
margin-top:9%;
}


.shipping-tab {
width: 60%;
margin-left:22px;
margin-bottom:20px;
margin-top:20px;
margin-left:20px;

} 

      
/*
td, th  {
border:1px dotted black;
padding:10px;
}  

th {
font-weight:bold;            
background:#222222;
color:#CCC;
}
*/
.row_header {
width:40%;
background:#222222;
padding:10px;
color:#CCC;
border:1px dotted #CCC;
}

.weekend {
padding:10px;
width:20%;
border:1px dotted #CCC;	 
}
.fluid {
padding:10px;
 width:60%;
 border:1px dotted #CCC;
}

/*-------------- cart table ------------*/


/*-------------- pekaboo ------------*/

div#peekaboo{
position:fixed;
bottom:80px;
left:-352px;
background: #666;
padding:10px;
width:300px;
height:150px;
font-size:14px;
color:#CCC;
}
div#peekaboo >a{
color:#CCC;
border:none;
text-decoration:none;
}
div#peekaboo >a:hover{
color:#F3F3F3;
text-decoration:none;
}
div#peekaboo >a >img{
margin-top:10px;
opacity:0.9;
}

div#peekaboo >a:hover >img{
opacity:1;
}
/*! http://responsiveslides.com v1.54 by @viljamis */




.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  text-align:right; color:#F00; font-size:10px;
  }
  
  
 .rslides li img{
	 opacity:1;
	 -moz-webkit-opacity:1;
	 -o-webkit-opacity:1;
	 -webkit-opacity:1;
	 -moz-opacity:1;
	 border:1px solid #FFF;
  } 
  
  .rslides li img:hover{
	  opacity:0.9;
	 -moz-webkit-opacity:0.9;
	 -o-webkit-opacity:0.9;
	  -moz-opacity:0.9;
	  border:1px solid #eee;
	
	
  } 
  

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  #slider3-pager img {
  height: auto;
  width: 20%;
  border: 0;
  margin-top:10px;
  padding:5px;
   border:1px solid #999;
  }
  
#slider3-pager ul >li {

display:inline;
} 
#slider3-pager li {
list-style:none;
display:inline;
}


  }
  
  /***** side menu nav *****/
  
  	.bs-example{
    	margin: 100px 50px;
    }
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #FFF;
  top: 0px;
  width: 200%px;
  color: #222;
}
.nav-side-menu .brand {
/** background-color: #23282e; **/
background-color: #eee;
display: block;
text-align:;
padding:5px 10px 5px 10px;
 
}
.nav-side-menu .brand h2{
color:#666;
margin:0;
padding:0; 
font-size: 18px;
/*** text-shadow:1px 0px 1px #CCC; ****/
}
.nav-side-menu .brand-link{
color:#666;
margin:0;
padding:0; 
font-size: 22px;
/*** text-shadow:1px 0px 1px #CCC; ****/
}
.nav-side-menu .brand p{
color:#666;
margin:0;
padding:0; 
font-size: 18px;
/*** text-shadow:1px 0px 1px #CCC; ****/
}


.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
 
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}



.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before{
 /*   font-family: FontAwesome;
  content:"\e056";
  
 */
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
/**  background-color: #4f5b69;**/
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
/**  background-color: #181c20;**/
  border: none;
  line-height: 28px;
  color:#222;
 
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  border-left: 3px solid #222;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
/*   font-family: FontAwesome;
  content:"\e056";
*/

  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 10px;
/**  border-left: 3px solid #222; **/
 border-left: 3px solid #FFF;
  text-decoration: none;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #F00;
  
}
.nav-side-menu  a li:hover{
  text-decoration: none;
   color: #F00;
  
}
.nav-side-menu  a li:active{
  text-decoration: none;
   color: #222;
  
}
.nav-side-menu a li  {
  text-decoration: none;
  color: #222;
   border-left: 3px solid #FFF;
}

.nav-side-menu li a i {
  padding-left: 0px;
  width: 20px;
  padding-right: 20px;
  
}
.nav-side-menu li:hover {
  border-left: 3px solid #F00;
  background-color: #FFF;
 color: #F00;
}    
.nav-side-menu  > li a:visited {
  border-left: 3px solid #FFF;
  background-color: #FFF;
  color: #222;
}
@media (max-width: 767px) {
	.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
		
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
.site-search{
width:87%;

}

  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 18px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
		
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
.site-search{
width:87%;

}
	
	
  .nav-side-menu .menu-list .menu-content {
    display: block;
	
  }
  .prodlisting_title{
	height:45px;
}
 .prodlisting_item{
	height:40px;
}

.prodlisting_title >h5{
	 padding-bottom:10px;
}

/* best sellers and new releases class for links */
.new-rel{
	 margin-bottom:5px;
	 position:relative;
	 
	  
  }
  .new-rel a img{
	  opacity:0.8;
	  
  }
  
  .new-rel a img:hover{
	  opacity:1;
	  
  }
}


body {
  margin: 0px;
  padding: 0px;
}


/*** dropdown hover  Important ****/
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.tags-section{
	font-weight:500;
	color:#CCCCCC;
}

/*
I wanted to go with a mobile first approach, but it actually lead to more verbose CSS in this case, so I've gone web first. Can't always force things...

Side note: I know that this style of nesting in SASS doesn't result in the most performance efficient CSS code... but on the OCD/organizational side, I like it. So for CodePen purposes, CSS selector performance be damned.
*/
/* Global settings */
/* Global "table" column settings */
.product-image {
  float: left;
  width: 20%;
}

.product-details {
  float: left;
  width: 37%;
}

.product-price {
  float: left;
  width: 12%;
}

.product-quantity {
  float: left;
  width: 10%;
}

.product-removal {
  float: left;
  width: 9%;
}

.product-line-price {
  float: left;
  width: 12%;
  text-align: right;
}

/* This is used as the traditional .clearfix class */
.group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: '';
  display: table;
}

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

.group, .shopping-cart, .column-labels, .product, .totals-item {
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
.product .product-price:before, .product .product-line-price:before, .totals-value:before {
  content: '$';
}

/* Body/Header stuff */


h1 {
  font-weight: 100;
}

label {
  color: #666;
}

.shopping-cart {
/*  margin-top: -45px; */
padding:0; margin:0;
}

/* Column headers */
.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}

/* Product entries */
.product {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.product .product-image {
/*  text-align: center; */
}
.product .product-image img {
  width: 100px;
}
.product .product-details .product-title {
  margin-right: 20px;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}
.product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
}
.product .product-quantity input {
  width: 40px;
}
.product .remove-product {
  border: 0;
  padding: 4px 8px;
  background-color: #c66;
  color: #fff;
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
  font-size: 12px;
  border-radius: 3px;
}
.product .remove-product:hover {
  background-color: #a44;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}
.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}
.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
}
.totals .totals-item-total {
  font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
}

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 25px;
  background-color: #6b6;
  color: #fff;
  font-size: 25px;
  border-radius: 3px;
}

.checkout:hover {
  background-color: #494;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
	.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
		
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
	
.site-search{
width:100%;

}


	
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .column-labels {
    display: none;
  }

  .product-image {
    float: right;
    width: auto;
  }
  .product-image img {
    margin: 0 0 10px 10px;
  }

  .product-details {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .product-price {
    clear: both;
    width: 70px;
  }

  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 20px;
  }

  .product-quantity:before {
    content: 'x';
  }

  .product-removal {
    width: auto;
  }

  .product-line-price {
    float: right;
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
.uns_opt{
padding-bottom:5px;	
}
.uns_other{
padding-bottom:2px;
padding-top:5px;		
}
.uns_input{
padding-left:0;
}
.uns_button{
margin-top:13px;
padding-left:0;
}
.uns_error{
padding-top:10px;
}
.comp-wraps{
padding:0px 0px 0px 10px;  
float:left;
}
		
.sugbox{
margin:0px 0px 0px 0px;
padding:10px;

}
.sugbox a img{
opacity:10;
-webkit-opacity:10;
-moz-opacity:10;

}

.sugbox a img:hover{
opacity:0.9;
-webkit-opacity:0.9;
-moz-opacity:0.9;

}	
	
.site-search{
	width:100%;
		
}
  .product-removal {
    float: right;
  }
	.thumbnail{
		max-width:auto;
	}
  .product-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }

  .product .product-line-price:before {
    content: 'Item Total: $';
  }

  .totals .totals-item label {
    width: 60%;
  }
  .totals .totals-item .totals-value {
    width: 40%;
  }
  
}
/* Common for ALL SCREENS */
.hrFix a:hover{
color: #CCCCCC;
}
.video-thumbnail{
	 opacity:0.9;
	 box-shadow:0px 0px 5px #CCC;
	 margin-top:20px;
 }	 
	 
.video-thumbnail:hover{
	 opacity:0.8;
	 box-shadow:0px 0px 6px #eee;

 }	
 	
/***** side menu nav *****/

.mobil-menu {
font-family: verdana;
font-size: 12px;
font-weight: 200;
background-color: #E0E0E0;
top: 0px;
color: #222;
margin-top:10px;
}
.mobil-menu .brand_2 {
/** background-color: #23282e; **/
background-color: #CCC;
display: block;
cursor:pointer;
padding:10px 10px 23px 13px;
font-size:16px;

 
}
.mobil-menu .brand_2 h2{
color:#666;
margin:0;
padding:0; 
font-size: 18px;
/*** text-shadow:1px 0px 1px #CCC; ****/
}

.mobil-menu .brand-link{
color:#FFF;
margin:0;
padding:0; 
font-size: 22px;
/*** text-shadow:1px 0px 1px #CCC; ****/
}
.mobil-menu .brand_2 p{
color:#666;
margin:0;
padding:0; 
font-size: 18px;
/*** text-shadow:1px 0px 1px #CCC; ****/
}


.mobil-menu .toggle-btn {
  display: none;
}
.mobil-menu ul,
.mobil-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
 
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}



.mobil-menu ul :not(collapsed) .arrow:before,
.mobil-menu li :not(collapsed) .arrow:before{
 /*   font-family: FontAwesome;
  content:"\e056";
  
 */
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.mobil-menu ul .active,
.mobil-menu li .active {
  border-left: 3px solid #d19b3d;
/**  background-color: #4f5b69;**/
}
.mobil-menu ul .sub-menu li.active,
.mobil-menu li .sub-menu li.active {
  color: #d19b3d;
}
.mobil-menu ul .sub-menu li.active a,
.mobil-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.mobil-menu ul .sub-menu li,
.mobil-menu li .sub-menu li {
/**  background-color: #181c20;**/
  border: none;
  line-height: 28px;
  color:#222;
  margin-left: 0px;
}
.mobil-menu ul .sub-menu li:hover,
.mobil-menu li .sub-menu li:hover {
  border-left: 3px solid #222;
}
.mobil-menu ul .sub-menu li:before,
.mobil-menu li .sub-menu li:before {
/*   font-family: FontAwesome;
  content:"\e056";
*/

  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.mobil-menu li {
  padding-left: 10px;
/**  border-left: 3px solid #222; **/
 border-left: 3px solid #000;
  text-decoration: none;
color:#999;
}
.mobil-menu li a {
  text-decoration: none;
 
}
.mobil-menu  li a:hover{
  text-decoration: none;
   color: #CCC;
   background-color:#999;
  
}
.mobil-menu  a li:active{
  text-decoration: none;
   color: #222;
  
}
.mobil-menu a li  {
  text-decoration: none;
  color: #222;
   border-left: 3px solid #222;
   border-bottom:1px solid ##CCC;
}

.mobil-menu li a i {
  padding-left: 0px;
  width: 20px;
  padding-right: 20px;
  
}
.mobil-menu li:hover {
  border-left: 3px solid #222222;
  background-color: #222;
 color: #FFF;
 text-decoration: none;
}    
.mobil-menu  > li a:visited {
  border-left: 3px solid #FFF;
  background-color: #FFF;
  color: #eee;
}
.view-more-wrap{
padding:20px;
/**** background-color:#000; ***/
}

.view-more-wrap > p{
text-align:center;
}

.btn-view{
padding:8px;
border-radius:5px;
color:#CCC;
}
.btn-view:hover{
color:#eee;
}


.glyphicon-zoom-in{
color:#959595;	
}

.glyphicon-zoom-in:hover{
	color:#000;	
}

.comboUL{
	padding-right:10px;
	
}

.comboUL a{
	opacity:10;
	
}
.comboUL a:hover{
	opacity:0.8;
	
}

.combowrap{
	
	
}