/* ~~ This is the css file for the Ecommerce Templates Outdoors Responsive Design.
The first section correponds to the maximum width version of 1000 pixels ~~ */

@charset "utf-8";

 /* ~~ Main settings ~~*/

body { background:#000080;margin:0 auto; padding:10px; font-family:Verdana; font-size:13px; color:#666;}


.main_wrapper  { margin:10px; padding:10px;border-radius: 20px;}
.header_wrapper { margin:10px; padding:10px;border-radius: 20px;}
.mid_wrapper { max-width: 1200px; margin:0 auto; padding: 20px 10px 20px 10px;border-radius: 20px;}
.mid_wrapper_2 { max-width: 1200px; margin:0 auto; padding: 0px 0px 0px 0px;border-radius: 20px;}

.footer_wrapper { margin:20px auto; padding:10px; background-color:#999999; color:#FFF; max-width: 1200px; border-radius: 20px;}

.FL { float:left;background:#fff;}
.FR { float:right;}
.width { width:100%;;background:#fff;}
.clear { clear:both;}
.width_wrapper { max-width:1200px; margin:0 auto;background:#fff !important;border-radius: 20px;}
.width_wrapper_2 { max-width:1200px; margin:0 auto;background:#fff !important;border-radius: 20px;}

.resp-tabs-list{background:#fff}
.CRegion { text-align: left; margin:0px auto; padding:5px 10px 5px 10px; max-width: 100%; border-radius: 20px;}
.CRegion_content_region { text-align: left; margin:0px auto; padding:5px 15px 5px 15px; max-width: 1200px; background: #fff; border-radius: 20px;}

/* Home page top layout */
.bannner{display:none;} /* Turned off on all pages except home page */
.bannner{ padding-bottom:0px;}
.bannner_left{ width:68%; float:left;}
.bannner_left img{ max-width:100%;}
.bannner_right{ margin-top: 5px; width:31%; float: right; padding:1px;}
.bannner_right img{ max-width:100%;}
.bannner_right_top{ margin-bottom:0px;}
.r_image_border{ border:1px solid #ffffff;}
.r_image_border img{ max-width:100%;}
.main_contain{}




 /* ~~ Header section ~~*/

.logo_row {margin: 0 auto; padding-top: 30px; padding-bottom: 0px; max-width:1200px; background:#fff; border-radius: 20px;}
.logo { float: left; text-align: left; margin-top: -10px; display: block; width: 25%; margin-left:10px; background:#fff}
.logo img { margin: 0px auto; max-width: 100%;}
.logo_center{ float: right; display:block; width: 68%; padding:0px;background:#fff; text-align: right; vertical-align:top;margin-right: 5px;}
.header_center{ margin-top: 0px; float: right; width:65%; padding:0px; background:#fff; margin-bottom:5px;}
.logo_right { float: right; text-align: right; display:block; width:68%; padding:0px; background:#fff; vertical-align:top; margin-right:5px;}
.welcome_msg { float:right; font-size:14px; color:#b3b3b3; font-weight:bold; margin-right:10px;}
ul.topLink {text-align: right;
	display:inline-block; margin-top: -10px; margin-right: 5px;
	padding: 5px;
}
ul.topLink li { font-size:1.0em; display:inline-block; margin:0px; padding:0px 0px 0px 16px; list-style:none;}
ul.topLink li a { font-size:1.0em; color:#777373; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul.topLink li a:hover {
	text-decoration: underline;
	color: #000080;
}

div.checkout_header {margin: 0 auto; padding-top: 30px; padding-bottom: 0px; max-width:1200px; background:#fff; border-radius: 20px; vertical-align:top;}
	
div.secure_checkout_logo1 { float: left; width:45%; text-align: left; background:#fff; border-radius: 20px; margin-top: -10px; }
.secure_checkout_logo1 img { max-width: 100%;}
div.secure_checkout_logo2 { margin-top: -90px; float: right; width:45%; text-align: right; background:#fff; border-radius: 20px; }
.secure_checkout_logo2 img { max-width: 100%;}

div.Secure_Checkout_Text { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.3em; padding: 12px 0px 12px 0px; width: 100%; background-color: #fcfbcd; margin-bottom: 8px;}

div.Secure_Checkout_Text_2 { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #000080; font-size:1.3em; padding: 20px 0px 12px 0px; width: 100%; }

div.Secure_Checkout_Text_3 { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #ffffff; font-size:1.2em; padding: 10px 0px 10px 0px; width: 100%; background-color: #000080; margin-bottom: 0px;}



div.phone{display:block; float:left; text-align: left; margin:10px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.2em; margin-top:-40px; margin-bottom:38px; width: 35%;}

div.checkout_phone {display:block; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #000080; font-size:1.0em; width: 98%; padding: 15px 10px 10px 10px; font-weight:500;}


div.blue_menu_bar { margin: 0px 0px 35px 0px; width: 100%; background: #c6e2fd; display: block; text-align: center; }


div.under_menu{text-align:center; vertical-align:middle; margin: 0px auto; padding-top: 25px; padding-bottom: 15px; max-width:1200px; background:#fff; border-radius: 20px;
}
div.under_menu_mini_container_1{ display: inline-block; vertical-align: middle; text-align:center; margin: 0 auto; }

div.under_menu_mini_container_2{ display: inline-block; vertical-align: middle; text-align:center; margin: 0 auto;}    

div.under_menu_mini_container_3{ display: inline-block; vertical-align: middle; text-align:center; margin: 0 auto;}
    
div.under_menu_mini1{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px; padding-left: 5px; margin: 0 auto;
	
}
div.under_menu_mini1a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;

}
div.under_menu_mini2{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px; margin: 0 auto;
	
}

div.under_menu_mini2a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;

}


div.under_menu_mini3{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;
}

div.under_menu_mini3a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;

}

.topNav_wrapper { border-top:1px solid #e5e5e5; border-bottom:3px solid #e5e5e5; min-height:52px;}

/*Main from Indoor */



 /* ~~ Below header section ~~*/


.basket { float:right; background:url(../images/cart_icon.png) no-repeat 0 3px; margin-top:14px; padding:5px 5px 5px 25px}
.basket a { color:#000; font-size:13px; color:#000; text-transform:uppercase; text-decoration:none;}
.searchBox { float:right; width:160px; position:relative; margin:15px 0 0 20px;}
.searchBox form { margin:0px; padding:0px;}
.searchBox Input.search_look { margin:0px; padding:3px 25px 3px 3px; color:#646464; border:1px solid #e5e5e5;  width:100%; height:22px; line-height:22px; z-index:1; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.searchBox .search_btn { margin:0px; padding:0px; width:25px; height:22px; background:url(../images/search_icon.png) no-repeat center 2px; position:absolute; right:0px; top:0px; text-indent:-9999px; cursor:pointer; border:none;}

.service_section {padding:0px; }
.icon_refresh { float:left; background:url(../images/message_icon.png) no-repeat 0 0; padding-left:40px; line-height:34px; margin-right:50px; font-size:14px; color:#a2a3a5;}
.icon_refresh strong {
	color: #000080;
}
.icon_truck { float:left; background:url(../images/icon_truck.png) no-repeat 0 0; padding-left:40px; line-height:34px; font-size:14px; color:#a2a3a5; font-weight:bold; text-transform:uppercase;}
.icon_phone { float:right; background:url(../images/icon_phone.png) no-repeat 0 0; padding-left:40px; line-height:34px; font-size:14px;}

.banner_wrapper { line-height:0px;}
.banner_wrapper img { width:100%;}

.mid_area_bg { background:#fff; background-size:100% 100%; padding:50px 0 20px 0;}
.mid_area_space { padding:0px 0px;}

.wrapper {
width: 50%;
}
.container {
height: 0;
width: 100%;
padding-bottom: 50%;
overflow: hidden;
position: relative;
top: 50%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */

}
.container iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;

}

.wrapper2 {
width: 50%;
}
.container {
height: 0;
width: 100%;
padding-bottom: 50%;
overflow: hidden;
position: relative;
top: 50%;  /* position the top  edge of the element at the middle of the parent */
left: 50%; /* position the left edge of the element at the middle of the parent */

}
.container iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;


}

 /* ~~ Home page display ~~*/
 
 .body_contain{ padding:10px 0;}

/* Home page top layout */

/* 3 column layout */
.left_contain{ width:10%; float:left; padding-right:9px;background:#fff}
.middle_contain{ width:60%; float:left;background:#fff}
.right_contain{ width:20%; float:left; padding-left:10px;background:#fff}

.right_contain{ margin-top:-10px;}
.left_contain_main{ padding-bottom:10px;padding-top:10px; }
.left_contain_top{ background:url(../images/categories_left_top.jpg) no-repeat; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.left_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:15px ; font-weight:normal; color:#000000; text-decoration:none; }
.left_text{ padding-top:20px;}
.left_text ul{ list-style-type:none;}
.left_text ul li{  background:  url(../images/left_arrow.jpg) no-repeat left 5px; padding:0 0 17px 15px; color:#CCC; text-decoration:none; font-family: 'Exo 2', sans-serif; font-size:13px; }
.left_text ul li a{ color:#333333; text-decoration:none;}
.left_text ul li a:hover{ color:#999900; text-decoration:none;}
.left_contain_bottom{background:url(../images/categories_left_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px; }
.left_text ul li:last-child{ padding-bottom:0px; }

.middle_contain_top{ background:url(../images/mid_categories.jpg) no-repeat; padding:10px 10px 0 10px; border:1px solid #dfdfdf; border-bottom:0px;border-radius:5px 5px 0 0;}
.middle_contain_top h1{font-family: 'Exo 2', Arial, Helvetica, sans-serif;font-size:19px; font-weight:normal; color:#333; text-decoration:none; }
.mid_contain_bottom{background:url(../images/mid_categories_bottom.jpg) no-repeat bottom left; padding:0 0 10px 10px; border:1px solid #dfdfdf; border-top:0px;border-radius:0 0 5px 5px;margin-bottom:21px; }
.middle_contain_main{ padding:0 12px 0 8px;}
.middle_product{ padding-top:20px;}
.middle_product ul{ list-style-type:none;}
.middle_product ul li{ width:33%; float:left; padding-bottom:28px;}
.midle_produt_image{ text-align:center;}
.midle_produt_image img{ max-width:100%;}
.product_text{ padding-top:17px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center;}
.product_price{ padding-top:15px;font-family: 'Exo 2', sans-serif; font-size:14px; color:#242424; text-decoration:none; text-align:center; font-weight:bold;}
.product_price b{ color:#ff9400; text-decoration:none; }
.right_t{ text-align:center; position:relative;}
.right_t_text{ background:url(../images/right_img.png) repeat-x; position:absolute; padding:10px; bottom:6px; width:100%;}
.right_t_text_top{ font-family: 'Exo 2', sans-serif; font-size:24px; line-height:28px; text-align:center; text-transform:uppercase; color:#FFF;}
.right_t_text_bottom{ font-family: 'Exo 2', sans-serif; font-size:20px; line-height:24px; text-align:center; text-transform:uppercase; color:#FFF; font-style:italic;}
.right_t_text_bottom b{ font-style:normal; font-weight:normal; color:#999900; text-transform:capitalize;}
.best_image{ text-align:center; padding:10px 0;}
.best_image img{ max-width:100%; }
.best_text h2{ font-family:Arial; font-size:15px; text-decoration:none; color:#9f9f11;}
.best_text p{ font-family:Arial; font-size:12px; line-height:15px; text-decoration:none; color:#4f4f4f;}
.right_img{ padding-top:25px;}
.right_img img{ max-width:100%;}

/* Manufacturers display */
.manufacturers_contain{ padding:20px 0; margin-bottom:50px;}
.manufacturers_contain_top{ background:url(../images/manufacturer.jpg) no-repeat; border-bottom:1px solid #e9e9e9; height:38px; padding-left:14px;font-family:Arial; font-size:18px; line-height:38px; text-decoration:none; color:#ffffff;}
.manufacturers_contain_down{ margin-top:20px; border:1px solid #e3e3e3;}
.manufacturers_contain_down ul{ list-style-type:none;}

.manufacturers_contain_down ul li{ width:20%; float: left; text-align:center; border-right:1px solid #e3e3e3; padding:20px 0;}
.manufacturers_contain_down ul li:last-child{ border-right:0px;}
.footer_top{ background:#555555; padding:30px 0 50px 0;}


.offer-banner-section {
    margin: 0 auto ;
    overflow: hidden;
  background:#fff;
  max-width:1200px;
  border-radius: 20px;
}

.offer-banner-section .col {
    float: left;
    width:33.6%;
}


.offer-banner-section .col-m {
    float: left;
    margin-left: 2.1%;
    width: 28.5%;
}

.offer-banner-section .col-last {
    float: right;
    margin-right: 0;
    width:33.6%;
}

.offer-banner-section .col-m img { max-width:100%;}
.offer-banner-section .col img, .offer-banner-section .col-last img { width:100%; border:1px solid #d3d3d3;}
.nec_collection_banner { margin-top:18px; border:1px solid #d3d3d3;}


ul.resp-tabs-list {
	background:url(../images/border_bg.png) repeat-x left bottom;
    margin: 0px auto;
    padding:0;
	width:71%;
	text-align:center;
}

ul.resp-tabs-list { margin: 0 auto 20px;}

.clear{ clear:both;}

.resp-tabs-list li {
	font-size: 24px;
	display: inline-block;
	margin: 0;
	padding: 10px 25px;
	list-style: none;
	font-family: 'Exo 2', Verdana;
	color: #000080;
	text-transform: uppercase;
}

div.item img{
	border:10px solid #FFF;
	padding:0px 5px 0px 5px;
	background:#fff;
}

div.item{
	float:left;
}

.item h2 {
	font-family: Verdana;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px;
	padding-top: 2px;
	color: #000080;
	text-decoration: none;
	text-align: center;
}


.product_listing { text-align:center; }
.product_listing ul {margin:0px; padding:0;}
.product_listing li {text-align:center; padding:0; list-style:none; vertical-align: top;
    display:inline-block;   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.product_listing li.right { margin-right:10px;}

.product_listing li .product_img_box { background-color:#f6f6f8; padding:20px; margin-bottom:20px; }
.product_listing li .product_img_box a img { max-width:100%;}

.product_listing li .product_img_box_2 { background-color:#ffffff; padding: 1px 30px 1px 30px; margin-bottom:1px; }
.product_listing li .product_img_box_2 a img { max-width:100%;}



h2.green_hr_text {
	margin: 15px;
	padding: 10px 0px 10px 0px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #000080;
	font-size: 20px;
	text-transform:none;
	line-height: normal;
	text-align: center;
}
h2.red_hr_text {
	margin: 25px;
	padding: 10px 0px 10px 0px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #CC0000;
	font-size: 20px;
	text-transform:none;
	line-height: normal;
	text-align: left;
	
}

.product_listing li a {
	font-size: 14px;
	color: #000080;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
.minicss {
 margin: 10px auto;
 width: 1000px;
}

div.minilogin{
white-space:nowrap;
color:#333;
padding-top:0px;
text-align:right;
float:right;
width:97%;
margin-top:0px;
}


div.minicartoneline{
white-space:nowrap;
color:#333;
float:right;padding-top:0px;
text-align:right;
padding-bottom:10px;
}

div.minicartoneline1{
padding:10px;
font-size: 0.9em;
float:left;
font-size:12px;
}
div.minicartoneline2{
padding:10px;
font-size: 0.9em;
float:left;
font-size:12px;
}
div.minicartoneline3{
padding:10px;
font-size: 0.9em;
 float:right;
 font-size:12px;
}
div.product{
border-bottom: 2px solid #000;
}
 /* ~~ Footer section ~~*/

.footer_space { margin: 0px auto; padding :10px 0px 0px 0px;background-color:#999999; }
.footer_space { background-color:#999999 !important; }
div.footer_column {
  	display:inline-block;
  	vertical-align:top;
    margin-bottom: 10px;
    padding: 0px 40px 0px 40px;
    text-align:left;
    
}


.footer_column h4 {
	color: #F0F0F0;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px;
	text-transform: uppercase;
	font-family: "Exo 2", Verdana;
}

.footer_column ul { margin:0px; padding:0;}
.footer_column li { margin:0px; padding:0 0 4px 10px; list-style:none; background:url(../images/footer_arrow.png) no-repeat 0 5px;}
.footer_column li a { color:#FFF; text-decoration:none;}
.footer_column li a:hover {
	text-decoration: none;
	color: #000080;
}


.footer_social_row { border-top:1px solid #818080; border-bottom:1px solid #818080; padding:15px; margin-bottom:15px;}
ul.footer_social_icon { margin:0px; padding:0px; float:left;}
ul.footer_social_icon li { margin:0px; padding:0px 10px 0 0; list-style:none; float:left;}
ul.footer_social_icon li a { margin:0px; padding:0px;}
.payment_icon { max-width: 100%; float:right;  margin-top:5px;}


.footer_bottom_links { background-color:#636363; padding:20px 20px; color:#b3b3b3; border-radius: 13px;} 
.bottom_links { float:left;}
.bottom_links ul { margin:5px 0px 0px -10px; padding:0px;}
.bottom_links li { margin:0px; padding:0px 10px; display:inline; list-style:none; border-right:1px solid #b3b3b3;}
.bottom_links li:last-child, .bottom_links li.last { border-right:0px;}
.bottom_links li a {color:#b3b3b3; text-decoration:none;}
.bottom_links li a:hover { color:#FFF;}
.bottom_links a {color:#fff; text-decoration:none;}
.bottom_links a:hover { color:#ccc;}


.btn_search { margin:0px; padding:0px; width:36px; height:30px; text-indent:-9999px; cursor:pointer; background:url(../images/btn_go.png) no-repeat 0 0; position:absolute; right:0; top:0px; border:0px;}

.basket_header { display:none;}

.affiliate-agreement { text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #cc0000; font-size:1.2em; padding: 20px 0px 20px 0px; width: 100%; }

 /* ~~ Inner pages ~~*/

.demo { width: 980px; margin: 0px auto;}
.demo h1 { margin:33px 0 25px; line-height: 30px;}
.demo h3 { margin: 10px 0; }
pre { background: #fff;}
.how-use, .content { padding: 10px; background: #F3F3F3;}

#tabInfo { display: none;}
.menu_right { float:right;}
.menu_right2 { width:100%; float:left;}
.menu_right2 { display:none;}

.sidebar { float:left; width:20%; margin-left: 15px;margin-top: 75px;}
.col_right { float:right; width:78%; border-radius: 20px;}
.FL_width { float:right; width:100%; border-radius: 20px;}



.products_category_box { padding-bottom:20px;}
.products_category_box h1, .features_products_wrapper h1 { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font-family: Verdana; color:#000080; font-size:16px; font-weight:bold;}
.products_category_box h2, .features_products_wrapper h2 { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font-family: Verdana; color:#676767; font-size:16px; font-weight:bold;}
.products_category_box  ul { margin:0px; padding:0px;}
.products_category_box  li { margin:0px; padding:3px 0px; list-style:none;}
.products_category_box  li a { font-size:14px; color:#676767; text-decoration:none;}
.products_category_box  li a:hover { color:#000080;}

.features_products_wrapper {padding-bottom:20px;}

.features_products_wrapper  ul { margin:0px; padding:0px;}
.features_products_wrapper  li { margin:0px; padding:3px 0px; list-style:none;}
.features_products_wrapper  li a { font-size:14px; color:#676767; text-decoration:none;}
.features_products_wrapper  li a:hover { color:#000;}

p.more_link a { font-size:14px; color:#F0F0F0; text-decoration:underline; font-weight:bold;}
p.more_link a:hover { text-decoration:none;}

.special_offer_pr_box { background-color:#f6f6f8; padding:10px; margin-bottom:20px; position:relative;}
.special_offer { position:absolute; right:0px; top:0px;}
.special_offer_pr_box p.product_img { margin:0px; padding:20px 0px 0px 0px; text-align:center;}
.special_offer_pr_box p.product_name { font-size:18px; color:#996666; margin:0px; padding:10px 5px 0px 5px;}
.special_offer_pr_box p.product_name a { text-decoration:none; color:#996666;}

.contact_box_left { margin:0 0 20px 0; padding:10px; background-color:#f6f6f8; font-size:12px; color:#7b7676; line-height:20px;}
.contact_box_left h2 { margin:0 0 10px 0; padding:0px; font-family:Verdana;font-size:14px; text-transform:uppercase; font-weight:bold; color:#666;}
.contact_box_left p { margin:0px; padding:0 0 5px 0;} 
.contact_box_left p.comp_name { margin:0px; padding:0px; font-size:14px; color:#7b7676; font-weight:bold;}
.contact_box_left p.phone_no { background:url(../images/phone_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon { background:url(../images/email_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;}
.contact_box_left p.email_icon a {color:#7b7676; text-decoration:none;}


 /* ~~ Link properties ~~*/

a {
	text-decoration: none;
	padding:0;
	margin:0;
	outline: none;
        color: inherit;
}
a:hover {
	text-decoration: none;
}


/* Shopping cart classes
----------------------------------------------------------------------------------------------------*/

/*Shopping cart*/

table.cobtbl{
	background-color: #efefef;
	border-bottom:1px solid #F0F0F0;
  	font-size:0.9em;
}


td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}
 
td.cobhdr{
	background-color:#F0F0F0;
	font-size:1em;
	color:#fff;
	text-transform:uppercase;
}

span.cartoption{
	font-size:12px !important;
	color:#333;
}

div.giftwrap a{
  	color:#666;
  	font-size:0.8em;
  	text-decoration:none;
}



/*Mini cart*/
table.mincart{
  	width:98%;
  	font-size:1em;
  	background:#EAEAEA;
}

.cartquant{
	width:36px !important;
}

/*Internal store naviagtion*/
a.ectlink:link {
	color: #000080;
	text-decoration: none;
}

a.ectlink:visited {
	color: #000080;
	text-decoration: none;
}

a.ectlink:active {
	color: #000080;
	text-decoration: none;
}

a.ectlink:hover {
	color: #666;
	text-decoration: none;
}

div.cocoupon{
display:none;
}

/*Button and form field styles*/
input.vieworderstatus, input.viewlicense, input.trackpackage,input.logintoaccount,input.createaccount,input.reviewsubmit,input.newaccount,input.forgotpassword{
	background:#c7e2fd;
	color:#000080;
	padding:6px 16px;
	border:1px;
	border-radius:4px;
	font-size:1.2em;
	cursor:pointer;
	border-color: #000080;

}

input.sccheckout, input.checkoutbutton{
	background:#cc0000;
	color:#ffffff;
	padding:6px 16px;
	border:1px;
	border-radius:4px;
	font-size:1.2em;
	cursor:pointer;
	border-color: #000080;


}
input.buybutton{
	
background:#cc0000;
	color:#ffffff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.2em;
	cursor:pointer;

}


input.sccheckout:hover, input.buybutton:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover,input.logintoaccount:hover,input.createaccount:hover,input.newaccount:hover,input.forgotpassword:hover,input.reviewsubmit:hover{
	background:#000080;
	color:#c7e2fd;
	cursor:pointer;
}


input.login, input.newaffiliate, input.affiliatelogin, input.search{
	background:#c7e2fd;
	color:#000080;
	padding:4px 16px;
	border:0;
	border-radius:4px;
	font-size:1em;
	margin-top:6px;
}

input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover{
	background:#000080;
	color:#c7e2fd;
	cursor:pointer;
}

div.scprice{
border-radius:4px;
background-color:#c7e2fd !important;
color:#000080 !important;
margin-top:6px;
padding-left: 16px !important;


}
div.sccarttotal{
background:#c7e2fd !important;
color:#000080 !important;
border-radius:4px;
padding-left: 16px !important;

}


/* The category page 
-------------------------------------*/
div.category{
	width:30%;
	float:none;
	line-height:1.6;
  	font-size:0.9em;
    padding: 10px 2px 2px 2px;
	border:1px solid #ccc;
	background-color:#fefefe;
	margin:5px 0px 10px 10px;
	vertical-align: top;
    display: inline-block;
    border-radius: 10px;

}

div.category:hover{
	background-color:#fff;
	border: 1px solid #64842F;
	box-shadow: 5px 5px 2px #ccc;
}

div.catnavigation{
	padding:10px 0px 10px 12px;
	float:right;
	width:100%;
	font-size:1em;
	background-color:#eee;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom:10px;
}

.catnavwrapper{
	background:#fff !important;
	border: 1px solid #fff !important;
	max-width:100%;
}

div.navdesc{
	display:none; /* Removes the text "View all products in all categories */
}

div.catimage{
	float:none;
	Text-align:center;
	max-width:97%;

	
}

img.catimage{max-width: 100%;
}

div.catdesc{
	font-size:1em;
	float:left;
	width:96%;
	color: #676767;
	text-align:left;
	margin-left: 2px;


}

div.catname{
        font-size:1.2em;
        float:left;
		width:96%;
		text-align:left;
		margin-left: 2px;

}

div.catdiscounts, div.allcatdiscounts{
  padding:0px;
  margin:0px;
	font-weight:normal;
	color: #cc0000;
	font-size:1em;
}

div.categorymessage{
	padding-top:10px;
	font-size: 1.1em;
	text-align:left;
	color:#000080;
	text-align:center;
}

p.noproducts{
       padding-top:28px;
       text-align:left !important;
}


/* The products page 
-------------------------------------*/
div.catheader{
	width:97%;
	float: left;
	text-align:left;
	color: #676767;
	margin-left: 10px;
	
}

div.prodfilter{
	float:left;
	background-color:#F9F9F4;
	border: 1px dotted #D7D1C9;
	padding:6px;
	color: #42619a;
	margin-bottom:10px;
	margin-top:10px;
}

div.prodfilterbar{
	float:left;
	width:100%;
}

div.filtertext{
 	padding:8px;
}

select.prodfilter{
	padding:0px;
	margin:0px;
}

div.product{
	padding:6px;
	width:98%;
	float:left;
	margin:2px;
}

div.prodnavigation{
	padding:10px 0px 10px 12px;
	float:right;
	width:100%;
	font-size:1.0em;
	background-color:#eee;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom:10px;
	

}

.prodratinglink{
	font-size:0.8em;
}

div.allproddiscounts{
	width:100%;
	margin-bottom:2px;
	float:left;
}

.proddiscounts, .discountsapply{
	color:#cc0000;
	padding:4px;
	font-weight:bold;
}

div.prodmanufacturer{
	color:#666;
	padding:6px;
}

div.prodsku{
	color:#666;
	padding:6px;
}

div.prodimage{
	padding-top: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
	width:35%;
	float:left;
	border-radius: 4px;

}

div.prodimage:hover{
	background-color:#fefefe;
	border: 1px solid #000080;
  box-shadow: 5px 5px 2px #ccc;
}

img.prodimage{ 
max-width:100%
}

div.imagenavigator{
	
}

div.prodname{
	padding-top:6px;
	padding-left:6px;
	font-size: 1.2em;
  padding-bottom:6px;
  float:left;
  width:97%;
  color: #000080;
  text-align:center;
  font-weight:bold;
  vertical-align:text-top;
  
}

div.prodoption{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:60%;
	padding-top:6px;
	color:#676767;
	margin-left:10px;

}

div.prodoptions{
	padding: 6px;
	float:left;
	width:60%;
	margin-left:10px;
	text-align:left;
	color: #676767;
	
}

select.prodprodoption{
	font-size: 0.9em;
	width:60%;
	margin:7px;
	border:1px solid #ccc;
	padding:4px;

}

span.optiontext {
	font-weight:normal;
	font-size: 1em;

	
}

span.prodoption {
	font-weight:normal;
	font-size: 1.0em;

	
}

div.optiontext{
	font-weight:normal;
	font-size: 1.0em;
	padding:6px;

	
}

input.prodprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
  	padding:2px;
}


div.prodoptiontext{
	padding: 10px;
	width:60%;
	float:left;
	clear:both;
	margin-left:10px;
}

div.prodmultioptiontext{
	padding: 10px;
	width:60%;
	clear:right;
	margin-left:10px;
}

div.prodrating{
	padding-left:4px;
}

div.prodinstock{
	padding:4px;
	color:#666;
}

div.proddescription{
	padding:6px;
	float:left;
	font-size: 0.9em;
	line-height: 1.5em;
	width:97%;
}

table.emftbl{
	background:#fff;
	width:400px;
}

div.listprice{
	width:100%;
	float:left;
	font-size: 1.1em;
	margin-left:0%;
	text-align:center;
}

span.yousave{
	background:#0065A7;
	color:#fff;
	padding:4px;
	font-size:0.9em;
}

div.prodprice{
	font-size: 1.1em;
	font-weight:normal;
	float:left;
	width:100%;
	color:#000000;
	margin-top:10px;
	margin-left:0%;
	text-align:center;
}

div.prodcurrency{
	float:left;
	width:100%;
	font-size: 0.8em;
	color:#666;
}

div.quantitydiv{
	float:right;
}

.quantityinput{
	margin-top:1px;
	height:19px;
}

div.addtocart{
	text-align:center;
	float:left;
	width:100%;
}

.buybutton{
 border-radius:4px;
 background:#c7e2fd;
 border:0px;
 color:#000080;
 padding:4px 8px;
 cursor:pointer;
 margin-top:8px;
 }
 .buybutton:hover{
 color:#000080;
 }
 

.notifystock{
	text-align:center;
	float:left;
	width:100%;
}

.configbutton{
	text-align:center;
	margin-top:6px;
}

div.outofstock{
	text-align:center;
	padding-top:6px;
	font-weight:bold;
}

.prodid {
	color:#666;
	padding:6px;
	font-size: 0.9em;
}

div.multioptiontext{
	width:180px;
}

div.pagenums{
	text-align:center;
	float:left;
	padding:0px 0px 10px 0px;
}

/* The product detail page 
-------------------------------------*/
div.proddetail{
	padding:6px;
	width:98%;
	float:left;
	height:100%;
	margin:2px;

}
div.detailprodnavigation{
	padding:10px 0px 10px 12px;
	float:right;
	width:100%;
	font-size:1.0em;
	background-color:#eee;
	border-bottom: 1px solid #F0F0F0;
	margin-top: 20px;
	text-align:left;
}

div.detailimage{
	width:97%;
	padding:10px;
	float:none;
	text-align:center;
} 

img.detailimage{ 
max-width:100%
}

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#ccc;
	width:97%;
	font-size: 1em;
	float:left;
	margin-top:10px;
	margin-bottom: 10px;
}

.detailname h1 {
	font-size: 1.2em;
	padding:6px;
	float:right;
	width:97%;
	margin-top:10px;
  	margin-bottom:12px;
	border-bottom: 1px solid #ccc;
}

div.detailname {
	padding-top:6px;
	padding-left:6px;
	font-size: 1.2em;
  padding-bottom:6px;
  float:left;
  width:97%;
  text-align:left;
  font-weight:bold;
  vertical-align:text-top;
  color: #000080;
}


span.detaildiscountsapply{
	width:97%;
	margin-left:3px;
	color: #cc0000;
	float:left;
}
div.detaildiscounts{
	width:100%;
	margin-bottom:2px;
	float:left;
	color: #cc0000;
	font-weight:bold;

}

div.detailmanufacturer{
	float:left;
	width:76%;
	margin:0px 0px 0px 10px;
	padding:0px;
}

div.detailsku{
	float:left;
	width:76%;
	margin:10px;
}

div.detailinstock{
	float:right;
	width:76%;
}

div.detaildescription{
	font-size: 0.9em;
	margin:5px;
	padding-top:2px;
	line-height:1.8em;
	float:left;
	width:97%;
	
}

div.detailprice{
	font-size: 1.1em;
	font-weight:normal;
	float:left;
	width:100%;
	color:#000000;
	margin-top:6px;
	margin-left:0%;
	text-align:center;

}

div.detaillistprice{
	width:100%;
	float:left;
	font-size: 1.1em;
	margin-top:6px;
	text-align:center;

}

div.detailcurrency{
	padding-top: 6px;
	font-size: 0.9em;
	float:left;
	width:44%;
	color:#666;
	margin-left:10px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
}

div.detailoption{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:100%;
	padding-top:2px;
	color:#676767;
	margin-left:10px;}

div.detailoptions{
	padding: 2px;
	float:left;
	width:100%;
	margin-left:10px;
	text-align:left;
	color: #676767;}

select.detailprodoption{
	font-size: 0.9em;
	margin:2px;
	border:1px solid #ccc;
	padding:2px;
	
}

input.detailprodoption{
	font-size: 0.9em;
	margin:2px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 10px;
	width:60%;
	float:left;
	clear:both;
	margin-left:10px;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:right;
	width:100%;
	text-align:center;
	font-size:1.0em;
	border-top:1px solid #ccc;
	color: #000080;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:right;
	width:100%;
	font-size:0.9em;
	clear:both;
}

td.emfhl{
	background-color:#aaa;
	font-size:1.2em;
	color:#fff;
	font-weight:bold;
}

td.emfll{
	line-height:18px;
}

div.detailquantity{
	float:right;
	width:170px;
}

div.detailquantitytext{
	margin-top:16px;
	float:left;
	width:30%;
	text-align:right;
}

div.detailquantityinput{
	margin-top:16px;
	float:right;
	width:50%;
	text-align:left;
	padding:0px;
	height:65px;
}

#w0quant{
	height:21px;
	width:50px;
	border:1px solid #ccc;
}

div.detailaddtocart,.detailoutofstock{
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:2px;
	margin-top:1px;
}

.detailnotifystock{
	text-align:center;
	padding-top:6px;
	float:left;
	width:98%;
}

div.navdesc{
	padding-top:10px;
}

div.review{
	float:left;
	margin-top:16px;
	width:90%;
	font-size:0.9em;
}

hr.review{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #bbb;
	padding:4px;
	margin-top:6px;
}

div.reviewprod{
	background-color:#eee;
	padding:10px;
}

/* This is the first breakpoint and is for screen sizes between 1060 and 1001 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 1060px) { 
div.under_menu{text-align:center; vertical-align:middle; margin: 0px auto; padding-top: 30px; padding-bottom: 20px; max-width:1200px; background:#fff; border-radius: 20px;
}
div.under_menu_mini_container_1{ display: inline-block; vertical-align: middle; text-align:center; margin: 0 auto; max-width:50% }

div.under_menu_mini_container_2{ display: inline-block; vertical-align: middle; text-align:center; margin: 0 auto; max-width:50%}    

div.under_menu_mini_container_3{ display: inline-block; vertical-align: middle; text-align:center; margin: 0 auto; max-width:50%}
    
div.under_menu_mini1{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px; padding-left: 5px; margin: 0 auto;
	
}
div.under_menu_mini1a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;

}
div.under_menu_mini2{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px; margin: 0 auto;
	
}

div.under_menu_mini2a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;

}


div.under_menu_mini3{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;
}

div.under_menu_mini3a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;
}
}
/* This is the second breakpoint and is for screen sizes between 1000 and 800 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 1000px) { 


.menu_right { display:none;}	
.menu_right2 { display:inherit; float: left; padding-bottom: 10px; width: 100%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 20px; position: relative; width: 210px;}
.menu_right2 .basket { background: url("../images/cart_icon.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0); float: left; margin-right: 10px; margin-top: 14px; padding: 5px 5px 5px 25px;}
.logo_row { margin: 0 auto; padding-top: 10px; padding-bottom: 0px;max-width:97%; background:#fff; border-radius: 20px;}
.logo { margin-top: -50px; float:left; margin:5px; padding:10px 10px;background:#fff}
.logo img {margin-top: -10px; max-width: 100%;}
.logo_right { float:right; width:65%; padding:0px;background:#fff}
.welcome_msg {clear: both; float: none; margin-right: 0; padding-top: 10px; text-align: right;}
.logo_center{ margin-top: 0px; text-align: right; float:right; width:65%; padding:0px;background:#fff}
div.phone{text-align:left; margin-left:2px; padding:5px 5px; float: left; width: 100%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.0em; vertical-align: top; margin-top:-15px; margin-bottom:30px;}

ul.topLink {float: right;
	margin: 5px;
	padding: 5px;
	margin-left: -15px;
}
ul.topLink li { text-align:left; margin :0px; padding:0px 0px 0px 16px; list-style:none; font-size: 0.9em;}

div.minilogin{
white-space:nowrap;
color:#333;
padding-top:0px;
text-align:right;
float:right;
width:97%;
margin-top:-7px;
}

div.minicartoneline{
white-space:nowrap;
color:#333;
float:right;padding-top:0px;
text-align:right;
padding-bottom:0px;
margin-top: -4px;

}


.service_section {padding: 15px 15px;}
.nec_collection_banner { margin-top: 13px;}

.icon_refresh { margin-right: 27px; margin-bottom:10px;}

.searchBox {margin: 15px 15px 0 20px;}

.bottom_links { background-color: #636363;float: none; padding-left: 0; text-align: center;}
.newsletter { float: none; margin: 20px auto; width: 345px;}



div.prodimage{
	padding-top: 6px;
	text-align:center;
	border:1px solid #ccc;
	background-color:#fefefe;
	width:95%;

}
div.detailoption{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:97%;
	padding-top:6px;
	color:#DA6A1E;
	text-align:center;
}

div.detailoptions{
	padding: 6px;
	float:left;
	width:97%;
	margin-left:0px;
	text-align:left;
}

select.detailprodoption{
	font-size: 0.9em;
	width:97%;
	margin:7px;
	border:1px solid #ccc;
	padding:2px;
}

input.detailprodoption{
	font-size: 0.9em;
	margin:7px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 6px;
	width:97%;
	float:left;
	clear:both;
}

div.detailmultioptiontext{
	padding: 6px;
	width:97%;
	clear:right;
}


div.footer_column {
  	display:inline-block;
  	vertical-align:top;
    margin-bottom: 10px;
    padding: 0px 20px 0px 20px;
    text-align:left;
    
}

div.prodnavigation{
	padding:10px 0px 10px 8px;
	float:right;
	width:98%;
	font-size:1.0em;
	background-color:#eee;
	border-bottom: 1px solid #F0F0F0;
	margin-bottom:10px;
	text-align: left;
	

}

div.secure_checkout_logo2 { margin-top: -75px; float: right; width:45%; text-align: right; background:#fff; border-radius: 20px; }
.secure_checkout_logo2 img { max-width: 100%;}


/* This is the third breakpoint and is for screen sizes between 799 and 600 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media only screen and (max-width: 799px) {

div.product{
	width:99%;
}

div.prodoption{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:60%;
	padding-top:6px;
	color:#676767;
	margin-left:0px;

}

div.prodoptions{
	padding: 6px;
	float:left;
	width:60%;
	margin-left:0px;
	text-align: left;
	color: #676767;
	
}

select.prodprodoption{
	font-size: 0.9em;
	width:60%;
	margin:0px;
	border:1px solid #ccc;
	padding:4px;

}

span.optiontext {
	font-weight:normal;
	font-size: 1em;

	
}

span.prodoption {
	font-weight:normal;
	font-size: 1.0em;

	
}

div.optiontext{
	font-weight:normal;
	font-size: 1.0em;
	padding:6px;

	
}

input.prodprodoption{
	font-size: 0.9em;
	margin:0px;
	border:1px solid #ccc;
  	padding:2px;
}


div.prodoptiontext{
	padding: 10px;
	width:60%;
	float:left;
	clear:both;
	margin-left:0px;
}

div.prodmultioptiontext{
	padding: 10px;
	width:60%;
	clear:right;
	margin-left:0px;
}

.sidebar { float:left; width:25%; margin-left: 15px;margin-top: 75px;}
.col_right { float:right; width:63%; border-radius: 20px;}



div.category{
	width:80%;
}
.logo_row { margin:0 auto; padding-top: 20px; padding-bottom: 0px; width:100%;background:#fff;border-radius: 20px;}
.logo { width: 35%; text-align: center; margin-top: 0px; float:none; margin:2px; padding:5px 2px;background:#fff}
.logo img { text-align: center; max-width: 100%;}
.logo_right { margin-top: -50px; float: right; width:65%; padding:0px;background:#fff; }
.welcome_msg {clear: both; float: none; margin-right: 0; padding-top: 10px; text-align: right;}
.logo_center{ margin-top: -100px; float: right; width:65%; padding:0px; background:#fff; margin-bottom:5px;}
.header_center{ margin-top: 0px; float: right; width:65%; padding:0px; background:#fff; margin-bottom:5px;}
div.phone{text-align:left; margin-left:1px; padding:5px 5px; float: left; width: 100%; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size: 1.0em; vertical-align: top; margin-top: -05px; margin-bottom:15px;}


ul.topLink { float: right;
	margin: 3px;
	padding: 3px;
}
ul.topLink li { text-align:left; margin:0px; padding:0px  0px 0px 10px; list-style:none;}

div.minilogin{
white-space:nowrap;
color:#333;
padding-top:0px;
text-align:right;
float:left;
margin-top: 0px;
padding: 3px;
}

div.minicartoneline{
white-space:nowrap;
color:#333;
float:right;padding-top:0px;
text-align:right;
padding-bottom:0px;
margin-top: 5px;

}
div.minicartoneline1{
padding:3px;
font-size: 0.9em;
float:left;

}
div.minicartoneline2{
padding:3px;
font-size: 0.9em;
float:left;

}
div.minicartoneline3{
padding:3px;
font-size: 0.9em;
 float:right;
 
       
}
div.detailoption{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:100%;
	padding-top:2px;
	color:#676767;
	margin-left:0px;}

div.detailoptions{
	padding: 2px;
	float:left;
	width:100%;
	margin-left:0px;
	text-align: left;
	color: #676767;}

select.detailprodoption{
	font-size: 0.9em;
	margin:2px;
	border:1px solid #ccc;
	padding:2px;
	
}

input.detailprodoption{
	font-size: 0.9em;
	margin:0px;
	border:1px solid #ccc;
  	padding:2px;
}


div.detailoptiontext{
	padding: 10px;
	width:60%;
	float:left;
	clear:both;
	margin-left:0px;
}

div.detailmultioptiontext{
	padding: 6px;
	width:30%;
	clear:right;
}

div.under_menu_mini1{font-family : Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px; padding-left: 5px; margin: 0 auto; 

	
}
div.under_menu_mini1a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;


}
div.under_menu_mini2{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px; margin: 0 auto; 

	
}

div.under_menu_mini2a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto; 

}

div.under_menu_mini3{ visibility: hidden;font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto; display:none;
}

div.under_menu_mini3a{visibility: hidden; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: inline-block; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto; display:none;

}

div.secure_checkout_logo2 { margin-top: -60px; float: right; width:45%; text-align: center; background:#fff; border-radius: 20px; }
.secure_checkout_logo2 img { max-width: 100%;}

div.Secure_Checkout_Text { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #000080; font-size:1.0em; padding: 12px 0px 12px 0px; width: 100%; background-color: #fcfbcd; margin-bottom: 8px;}

div.Secure_Checkout_Text_2 { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #000080; font-size:1.0em; padding: 20px 0px 12px 0px; width: 100%; }

div.Secure_Checkout_Text_3 { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #ffffff; font-size:1.0em; padding: 10px 0px 10px 0px; width: 100%; background-color: #000080; margin-bottom: 0px;}


/* This is the fourth breakpoint and is for screen sizes between 599 and 375 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 599px) { 

h1.logo { float: none; text-align: center; margin-bottom:10px;}

.logo_row {vertical-align: top; margin: 0 auto; padding-top: 20px; padding-bottom: 0px; max-width:1200px; background:#fff; border-radius: 20px;}
.logo { float: left; text-align: center;  width: 95%; margin:0px; background:#fff; border-radius: 20px;}
.logo img { max-width: 100%; border-radius: 20px;}
.logo_center{float: right; text-align:center; margin-top: 5px;  width: 95%; padding:0px;background:#fff;}
.logo_right { float:right; margin-top: 0px; width:95%; padding:0px; background:#fff;}
ul.topLink {float: none; text-align: center; margin: 0px;
	padding: 0px; width: 80%;
}
ul.topLink li { text-align:center; font-size: 0.9em; margin:0px; padding:0px 0px 0px 10px; list-style:none;}
ul.topLink li a { font-size:0.9em; color:#777373; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul.topLink li a:hover {
	text-decoration: underline;
	color: #000080;
}
div.phone{float: left; text-align: center; margin:0px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; margin-top:5px; margin-bottom:0px; width: 100%;}


.basket_header { padding:0px; margin-top:20px; display: block; background:none; float:none; text-align:center; clear:both;}
.basket_header a { background:url(../images/cart_icon.png) no-repeat 0 0px; padding-left:25px;}

.icon_refresh { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}

div.sidebar {
	display:none;
}
div.col_right { text-align: center; width: 100%; padding:0 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


div.product{
	width:80%;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

div.icon_refresh, div.icon_truck, div.icon_phone{display:none;} /* Removes the offers from the top fo home page on small displays - remove this line if you want them to appear */

div.basket, div.basket_dis { float: left; margin-right: 0px; margin-top: 10px; padding: 5px;width:40%;}
div.service_section{padding:0px; width:98%;}
.menu_right2 .searchBox { float: right; margin: 15px 0 0 0px; position: relative; width: 160px;}

div.minicartoneline{
white-space:nowrap;
color:#333;
float:right;padding-top:0px;
text-align:right;
padding-bottom:0px;
margin-top: 5px;

}
div.minicartoneline1{
padding:3px;
font-size: 0.9em;
float:left;

}
div.minicartoneline2{
padding:3px;
font-size: 0.9em;
float:left;

}
div.minicartoneline3{
padding:3px;
font-size: 0.9em;
 float:right;

}

.product_listing { text-align:center; width: 96%;}
.product_listing ul {margin:0px; padding:10;}
.product_listing li {text-align:center; margin:0 px 0 0px 0; padding:0; list-style:none;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */}
.product_listing li.right { margin-right:10px;}


div.item{ width: 100%; text-align:center;}


.footer_social_row {text-align: center; padding: 15px 0;}
ul.footer_social_icon {float: none;}
ul.footer_social_icon li { display: inline; float: none; padding:0;}
.payment_icon { float: none; margin-top: 15px;}


.bottom_links ul {margin: 10px 0 0 -10px; background-color:#636363;}
div.product, div.prodnavigation{
	width:97%;
}


div.detailimage{
	width:95%;
}

div.detailimagenavigator{
	
}

.detailname h1, span.detaildiscountsapply, div.detaildescription{
	width:95%;
}

span.detaildiscountsapply{
  	margin-left:10px;
}

div.detailmultioptiontext{
	width:95%;
}

.main_wrapper  { margin:0px; padding:0px;border-radius: 20px;}
.header_wrapper { margin:0px; padding:0px;border-radius: 20px;}
.mid_wrapper { max-width: 100%;margin:0 auto; padding: 10px 0px 10px 0px;border-radius: 20px;}

.width { width:100%;}
.width_wrapper { max-width:100%; margin:0 auto; border-radius: 20px;}
.footer_space { padding:10px 0px 0px 0px;background-color:#999999; }
.footer_space { background-color:#999999 !important; }
.cat_wrapper { max-width:100%; margin:0 auto; border-radius: 20px;}

 /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}
detaildescription img{
max-width:100%;
height:auto;
}

div.under_menu_mini1{font-family : Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: none; vertical-align: middle; text-align:center; height:60px;
    line-height:60px; padding-left: 5px; margin: 0 auto; 

	
}
div.under_menu_mini1a{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: none; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;


}
div.under_menu_mini2{ font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: none; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px; margin: 0 auto; 

	
}

div.under_menu_mini2a{font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: none; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto; 

}

div.under_menu_mini3{;font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: none; vertical-align: middle; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;
}

div.under_menu_mini3a{font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:0.9em; display: none; vertical-align: super; text-align:center; height:60px;
    line-height:60px;padding-left: 5px;margin: 0 auto;

}

div.secure_checkout_logo1 { float: left; text-align: center; width:95%; background:#fff; border-radius: 20px; margin-top: -10px; }

div.secure_checkout_logo2 { margin-top: 0px; float:left; text-align: center; width:50%; background:#fff;}

div.Secure_Checkout_Text { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #000080; font-size:1.0em; padding: 0px 0px 12px 0px; width: 100%; background-color: #fcfbcd; margin-bottom: 8px;}

div.Secure_Checkout_Text_2 { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #000080; font-size:1.0em; padding: 0px 0px 8px 0px; width: 100%; }

div.Secure_Checkout_Text_3 { float: left; text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:normal; 
color: #ffffff; font-size:1.0em; padding: 0px 0px 10px 0px; width: 100%; background-color: #000080; }




/* This is the sixth breakpoint and is for screen sizes between 374 and below. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below ~~ */
@media screen and (max-width: 374px) { 

.icon_phone { float:left; margin-top:10px;}
.menu_right2 .basket { float:left;}
.menu_right2 .searchBox { margin-left:0px;}
.menu_right2 .searchBox {width: 90px;}


.main_wrapper  { margin:0px; padding:0px; border-radius: 20px;}
.header_wrapper { margin:0px; padding:0px; border-radius: 20px;}
.mid_wrapper { max-width: 100%;margin :0 auto; padding: 10px 0px 10px 0px;border-radius: 20px;}

.logo_row {vertical-align: top; display: inline-block; margin: 0 auto; padding-top: 20px; padding-bottom: 0px; max-width:1200px; background:#fff; border-radius: 20px;}
.logo { float: left; text-align: center;  width: 95%; margin:0px; background:#fff; border-radius: 20px;}
.logo img { max-width: 100%; border-radius: 20px;}
.logo_center{float: right; text-align:center; margin-top: 5px;  width: 95%; padding:0px;background:#fff;}
.logo_right { float:right; margin-top: 0px; width:95%; padding:0px; background:#fff;}
ul.topLink {float: none; text-align: center; margin: 0px;
	padding: 0px; width: 80%;
}
ul.topLink li { text-align:center; font-size: 0.9em; margin:0px; padding:0px 0px 0px 10px; list-style:none;}
ul.topLink li a { font-size:0.9em; color:#777373; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul.topLink li a:hover {
	text-decoration: underline;
	color: #000080;
}
div.phone{float: left; text-align: center; margin:0px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight:bold; 
color: #000080; font-size:1.1em; margin-top:5px; margin-bottom:10px; width: 100%;}