@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
.shopatron_content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.shopatron_content a {
	text-decoration:none;
	outline:0;
	color: #333;
}
.shopatron_content img {
	border:0;
}
.shopatron_content ul {
	list-style-type:none
}
.shopatron_content :focus {
	outline:0;
}
#shptrn_addToCart {
	padding:15px;
}
.shptrn_product_option {
	margin-bottom:15px
}
.shptrn_product_option label {
	display:block;
	font-weight:bold;
	margin-bottom:3px
}
.shptrn_product_option select {
	width:100%;
}
.shptrn_product_option input[type="text"] {
	width:100%;
}
.shptrn_quantity {
	overflow:hidden;
	padding:8px 10px 0 10px;
}
.shptrn_quantity label {
	float:left;
	display:block;
	font-weight:bold;
	margin:13px 5px 0 0;
}
.shptrn_quantity input[type="text"] {
	float:left;
	background:#fff;
	border:1px solid #cdcdcd;
	padding:5px;
	width:25px;
	text-align:right;
	font-size:11px;
	margin:7px 10px 10px 0
}
.shptrn_atc_button {
	float:left;
	margin-bottom:12px
}

.shptrn_no_items_in_cart {
	font-size:12px;
	padding:15px;
	text-align:center;
}

#shptrn_cart_items_header {
	overflow:hidden;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
}
#shptrn_cart_items_header label {
	float: left;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    text-transform: uppercase;
}
#shptrn_ch_item {
	width:35%;
}
#shptrn_ch_part_num {
	width:15%;
}
#shptrn_ch_item_qty {
	width:30%;
}
#shptrn_ch_item_price {
	width:20%;
	text-align:right;
}
.shptrn_cart_item {
	padding:10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
.shptrn_cart_item table {
	width:100%;
	border-spacing:0;
}

.shptrn_ci_image {
	width:84px;
}
.shptrn_ci_image * {
	line-height:0;
}

.shptrn_ci_image td {
	width:80px;
	height:80px;
	text-align:center
}
.shptrn_ci_image img {
	max-width:80px;
	max-height:80px
}
.shptrn_ci_details {
	padding:0 10px;
}
.shptrn_ci_details ul {
	margin:5px 0 0 0;
}
.shptrn_ci_part_num {
	width:15%;
}
.shptrn_ci_qty {
	width:30%;
}
.shptrn_ci_qty input[type="text"] {
	background:#fff;

	padding:5px;
	width:25px;
	text-align:right;
	font-size:11px;
	margin:0 5px 0 0;
}

.shptrn_ci_price {
	width:20%;
	text-align:right;
}
#shptrn_checkout_detail_row {
	overflow:hidden;
}
#shptrn_checkout_detail_content {
	float:right;
	width:400px;

}
.shptrn_cart_price_row {
	overflow:hidden;
	padding:10px;
}

.shptrn_cart_pricel_row span {
	display:block;
}
.shptrn_cart_price_row span.left {
	float:left;
}
.shptrn_cart_price_row span.right {
	float:right;
}


/*my stylesssssssssssssss*********/

#system-message-container{

}
#shptrn_addToCart{
	background-color:#fff;
	border:none;
}
.shptrn_quantity{
	background-color:#cef03b;
	border:none;
}
.shptrn_atc_button button, .shptrn_atc_button button:hover {
	background-color:#cef03b;
	background-image:none;
	border:none;
	border-radius:0;
	box-shadow:0 0 0;
	color:#002840;
	text-shadow:0 0 0;
}
.shptrn_product_option {
	width:48.5%;
}
.shptrn_product_option label{
	display:none;
}
.shptrn_product_option select{
	height:40px;
}
.shptrn_product_option:first-of-type{
	padding-right:3%;
}
.shptrn_product_option{
	float:left;
}
.shptrn_quantity{
	clear:both;
	float:none;
}
#shptrn_checkout_detail_content{
	border:none;
}
.shptrn_cart_price_row.checkout{
	background-color:transparent;
	border:none;
}

.shptrn_checkout_button{
	text-align:center;
}
.shptrn_checkout_button .shptrn_button{
	width:100%;
}

.shptrn_button, .shptrn_checkout_button .shptrn_button{
	background: #CEF03B none repeat scroll 0 0;
    border: medium none;
    border-radius: 0px;
    color: #002840;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
	padding:12px;
	font-family: 'Open Sans Condensed', sans-serif;

}
.shptrn_button:hover, .shptrn_checkout_button .shptrn_button:hover{
	background: #002840 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0px;
    color: #CEF03B;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
	padding:12px;
	font-family: 'Open Sans Condensed', sans-serif;

}
.shptrn_quick_label, .shptrn_quick_data{
	font-size: 22px;
	font-weight: bold;
	color:#333;
	text-align: left;
	line-height: 32px;
	
}

.shptrn_ci_price, .shptrn_ci_part_num{
	font-weight:normal;
	font-size: 14px;
}
#shptrn_cart_items_header{
	font-size: 1.2em;
	font-weight: bold;
}
.shptrn_cart_price_row.total{
	font-size: 20px;
    font-weight: bold;
}
#shptrn_cart_items_header {
	padding-bottom:20px;
}
#shopatron_cart_0{
	margin-top:20px;
}

/* END OF my stylesssssssssssssss*********/


@media screen and (max-width:700px) {
#shptrn_ch_item {
width:50%;
}
#shptrn_ch_part_num {
display:none;
}
#shptrn_ch_item_qty {
width:30%;
}
#shptrn_ch_item_price {
width:20%;
}
.shptrn_ci_part_num {
display:none;
}
.shptrn_ci_qty {
width:30%;
}
.shptrn_ci_qty input[type="text"] {
display:block;
margin-bottom:5px;
}
.shptrn_ci_qty button {
margin:0 3px 5px 0;
}
.shptrn_ci_price {
width:20%;
}
}
@media screen and (max-width:700px) {
#shptrn_ch_item {
width:50%;
}
#shptrn_ch_part_num {
display:none;
}
#shptrn_ch_item_qty {
width:30%;
}
#shptrn_ch_item_price {
width:20%;
}
.shptrn_ci_part_num {
display:none;
}
.shptrn_ci_qty {
width:30%;
}
.shptrn_ci_qty input[type="text"] {
display:block;
margin-bottom:5px;
}
.shptrn_ci_qty button {
margin:0 3px 5px 0;
}
.shptrn_ci_price {
width:20%;
}
}
@media screen and (max-width:500px) {
.shptrn_ci_image {
width:64px;
}
.shptrn_ci_image td {
width:60px;
height:60px;
}
.shptrn_ci_image img {
max-width:60px;
max-height:60px;
}

.shptrn_ci_qty button {
display:block;
}
#shptrn_checkout_detail_content {
float:none;
width:100%;
border:0;
}
}
@media screen and (max-width:400px) {
#shptrn_ch_item {
width:60%;
}
#shptrn_ch_item_qty {
width:20%;
}
#shptrn_ch_item_price {
width:20%;
}
.shptrn_ci_qty {
width:20%;
}
.shptrn_ci_image {
width:54px;
}
.shptrn_ci_image td {
width:50px;
height:50px;
}
.shptrn_ci_image img {
max-width:50px;
max-height:50px;
}
.shptrn_ci_qty button {
display:block;
}
#shptrn_checkout_detail_content {
float:none;
width:100%;
border:0;
}
}


/***********************RESPONSIVE STYLES*******************/
/* ----- Spans ----- */
/* ------------------- */   
.span6 { margin-left: -4%; }
    .span6 > li, .span6 > div { float:left; }
.span 5 { margin-left: -4%; }
    .span5 > li, .span5 > div { float:left; }
.span4 { margin-left: -4%; }
    .span4 > li, .span4 > div { float:left; }
.span3 { margin-left: -4%; }
    .span3 > li, .span3 > div { float:left; }
.span2 { margin-left: -4%; }
    .span2 > li, .span2 > div { float:left; }

/* span6 becomes span2 */
.span6 > li, .span6 > div { margin-bottom:4%; margin-left: 4%; width:46%;}
/* span5 becomes span2 */
.span5 > li, .span5 > div { margin-bottom:4%; margin-left: 4%; width:46%;}
/* span4 becomes span2 */
.span4 > li, .span4 > div { margin-bottom:4%; margin-left: 4%; width:46%;}
/* span3 becomes span1 */
.span3 > li, .span3 > div { margin-bottom:4%; margin-left: 4%; width:96%;}

/* ----- Columns ----- */
/* ------------------- */   
.col_container { margin-left:-2%; }
.col { float:left; margin:0 0 2% 2%; width:98%; }
.col_90, .col_80, .col_70, .col_60, .col_50, .col_40, .col_30, .col_20, .col_10 { width:98%; }
.col img { max-height:100%; max-width:100%; }




/* Landscape phone to portrait tablet */
/**************************************/
@media (min-width:481px) {
    /* span6 becomes span3 */
    .span6 { margin-left:-3.33%; }
        .span6 > li, .span6 > div { margin-bottom:3.33%; margin-left: 3.33%; width:30%;}
    /* span5 becomes span3 */
    .span5 { margin-left:-3.33%; }
        .span5 > li, .span5 > div { margin-bottom:3.33%; margin-left: 3.33%; width:30%;}
    /* span4 becomes span3 */
    .span4 { margin-left:-3.33%; }
        .span4 > li, .span4 > div { margin-bottom:3.33%; margin-left: 3.33%; width:30%;}
    /* span3 becomes span2 */
    .span3 { margin-left:-2%; }
        .span3 > li, .span3 > div {margin-bottom:2%; margin-left: 2%; width:48%;}
    
    .col_90 { width:88%; }
    .col_80 { width:78%; }
    .col_70 { width:68%; }
    .col_60 { width:58%; }
    .col_55 { width:53%; }
    .col_50 { width:48%; }
    .col_45 { width:43%; }
    .col_40 { width:38%; }
    .col_30 { width:28%; }
    .col_20 { width:18%; }
    .col_10 { width:8%; }

    
    
    /* Responsive sidebar */
    .sidebar { height:100% !important; left:-180px; position:fixed; top:0;}
    #page_content { width:100% !important; }
}


@media (min-width:481px) and (max-width:768px) {
    /* Tablet overrides */
    .tablet_span6 { margin-left:-2.66%; }
        .tablet_span6 > li, .tablet_span6 > div { margin-bottom: 2.66%; margin-left: 2.66%; width:14%; }
    .tablet_span5 { margin-left:-2%; }
        .tablet_span5 > li, .tablet_span5 > div { margin-bottom:2%; margin-left: 2%; width:2%; }
    .tablet_span4 { margin-left:-2%; }
        .tablet_span4 > li, .tablet_span4 > div { margin-bottom:2%; margin-left:2%; width: 23%; }
    .tablet_span3 { margin-left:-1.33%; }
        .tablet_span3 > li, .tablet_span3 > div { margin-bottom:1.33%; margin-left:1.33%; width: 32%; }
    .tablet_span2 { margin-left:-2%; }
         .tablet_span2 > li, .tablet_span2 > div { margin-bottom:2%; margin-left:2%; width: 48%; }
    .tablet_span1 { margin-left:0; } 
        .tablet_span1 > li, .tablet_span1 > div { width:100% }

    .hidden_tablet { display:none;}
    .hidden_desktop { display:block; }
    .visible_desktop { display:none; }
    .visible_phone { display:none; }
}

/* Portrait tablet to landscape and desktop */
/********************************************/
@media (min-width: 769px) {
    .span6 { margin-left:-2.66%;}
        .span6 > li, .span6 > div { float:left;  margin:0 0 2.66% 2.66%; width:14%;}

    .span5 { margin-left:-2%; }
        .span5 > li, .span5 > div { float:left;  margin:0 0 2% 2%; width:18%;}

    .span4 { margin-left:-2%; }
        .span4 > li, .span4 > div { float:left; margin:0 0 2% 2%; width:23%;}

    .span3 { margin-left:-1.33%; }
        .span3 > li, .span3 > div { float:left;  margin: 0 0 1.33% 1.33%; width:32%;}

    .span2 { margin-left:-2%; }
        .span2 > li, .span2 > div { float:left; margin: 0 0 2% 2%; width:48%;}
    
   .hidden_tablet { display:none;}
   .hidden_desktop { display:block; }
   .visible_desktop { display:none; }
   .visible_phone { display:none; }
   
   
}

/* Below desktop */
/***************/
@media (max-width: 960px) {
    .site_width { width:100%; }
    .visible_desktop { display:none;}
}

/* All desktop */
/***************/
@media (min-width: 961px) {
    .span6 { margin-left:-2.66%;}
        .span6 > li, .span6 > div { float:left;  margin:0 0 2.66% 2.66%; width:14%;}

    .span5 { margin-left:-2%; }
        .span5 > li, .span5 > div { float:left;  margin:0 0 2% 2%; width:18%;}

    .span4 { margin-left:-2%; }
        .span4 > li, .span4 > div { float:left; margin:0 0 2% 2%; width:23%;}

    .span3 { margin-left:-1.33%; }
        .span3 > li, .span3 > div { float:left;  margin: 0 0 1.33% 1.33%; width:32%;}

    .span2 { margin-left:-2%; }
        .span2 > li, .span2 > div { float:left; margin: 0 0 2% 2%; width:48%;}

    .hidden_desktop { display:none; }
    .visible_desktop { display:block }
    .visible_tablet { display:none; }
    .visible_phone { display:none; }
    
    .visible_desktop { visibility:visible;}
    .invisible_desktop { line-height:0; padding:0 !important; visibility:hidden; }
    
    .site_width { margin:0 auto; width:960px; }
    
    
}

/* Large desktop */
/*****************/
@media (min-width: 1210px) {
    .variable_text_size { font-size:1.2em; }
    .site_width { width:1200px; }
    
}

/* Landscape phones and down */
/*****************************/
@media (max-width: 480px) {
    

    .mobile_span6 > li, .mobile_span6 > div { margin-bottom:2.66%; margin-left: -2.66%; width:14%; }
    .mobile_span5 > li, .mobile_span5 > div { margin-bottom:2.66%; margin-left: 2%; width:2%; }
    .mobile_span4 > li, .mobile_span4 > div { margin-bottom:2%; margin-left:2%; width: 23%; }
    .mobile_span3 > li, .mobile_span3 > div { margin-bottom:1.33%; margin-left:1.33%; width: 32%; }
    .mobile_span2 > li, .mobile_span2 > div { margin-bottom:2%; margin-left:2%; width: 48%; }
    .mobile_span1 > li, .mobile_span1 > div { width:100% }

    .hidden_phone { display:none !important; }
    .visible_table { display:none; }
    .visible_phone { display:block; }
    .visible_desktop { display:none; }
    
    .no_padding_phone { margin-left:0; }
    .no_padding_phone > div, .no_padding > li { margin:0; width:100%;}
}



/* ----- Behaviour Classes ----- */
/* ----------------------------- */   
.fixed_top { box-shadow: 0 2px 5px #000;  left:0; position:fixed !important; top:0; width:100%; z-index:999;}
#debug { background:rgba(0,0,0,0.7); bottom:0; color:#dedede; padding:5px 20px; position:fixed; right:0; z-index:999;}

/* ----- Display Classes ----- */
/* --------------------------- */   
.invisible { visibility:hidden;}
.hidden { display:none; }
.full_width { clear:both; width:100%; }
.left { float:left; }
.right { float:right; }



/*custom applied styles*/

.shptrn_atc_button button{
	background-color: #cef03b;
    background-image: none;

    box-shadow:none;
	color: #002840;
	font-weight:700;
    margin: 18px;
    text-shadow:none;

}
.shptrn_atc_button button:hover {
    background-color: #002840;
    background-image: none;

    box-shadow:none;
    color: #cef03b;
	font-weight:700;
    margin: 18px;
/*     padding: 15px; */
    text-shadow:none;

}
.shptrn_quantity input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-size: 1.25em;
    height: 30px;
    margin: 25px 25px 0 10px;
    padding: 5px;
    text-align: right;
    width: 25px;

}
.shptrn_quantity label {
    display: block;
    float: left;
    font-weight: bold;
    margin: 35px 0 0 20px;

}
/*  Shopatron Cart Quick View  */

.item-182.divider div.custom div.btn-group.open ul.dropdown-menu{
	margin-left:-200px;
	padding:20px;
	position:absolute;

}
#shopping-toolbar .shptrn_ci_details h3 a{
	font-size:0.58em;
}

#shopping-toolbar .shptrn_ci_qty input {
	text-align:center;
	width:35px;
}
#shopping-toolbar .shptrn_cart_price_row.checkout{
	margin-bottom:10px;
}
#shopping-toolbar #shptrn_cart_items_header{
	display:none;
}
#shopping-toolbar label#shptrn_ch_part_num{
	display:none;
}

#shopping-toolbar .shptrn_ci_price{
	display:block;
}

#shopping-toolbar  .shptrn_ci_part_num {
    display:none;
}
#shopping-toolbar .shptrn_button{
	display:none; 
}
#shopping-toolbar .shptrn_checkout_button .shptrn_button{
	background-color:#cef03b;
	color:#002840;
	display:block;
	height:40px;
	position:relative;
	visibility:visible;
}
#shopping-toolbar .shptrn_checkout_button .shptrn_button:hover{
	display:block;
	background-color:#002840;
	color:#cef03b;
}
.shptrn_no_items_in_cart{
	font-size:2em;
	font-weight:600;
	margin-top:100px;
}
@media screen and (min-width:0px) and (max-width:767px){
.shptrn_ci_qty button.shptrn_button, .shptrn_ci_qty button.shptrn_button:hover{
	background:transparent;
	font-size:12px;	
	clear:both;
	}

.shptrn_ci_qty > input {
    margin: 0 auto !important;

}
.shptrn_quick_label, .shptrn_quick_data{
	font-size:16px;

}
.shptrn_ci_price, .shptrn_ci_part_num, .shptrn_cart_price_row .total  {
    font-size: 12px;
    font-weight: 700;
}
.shptrn_ci_details h3 a {
	font-size: 12px;
    font-weight: 700;
}
.shptrn_cart_price_row.total span{
    margin: 10px;
	font-size:12px;
}
#shptrn_cart_items_header label{
	font-size:12px;
}
}