/* CSS Document */

body{ margin:0; font-family: 'Roboto', Arial, serif; font-weight:400;}


h1, h2, h3, h4, h5, h6{ font-family: 'Roboto Condensed', Arial, sans-serif;font-weight:400; } 

h1{font-size:20px; line-height:100%;}
h2{}

.clear{ clear:both; width:100%; height:0;}
.wrapper{max-width:1200px; margin:auto;}
.nowrap{white-space: nowrap;}

/*** Header elements **/
	#topbar{ display:none; background:#383838; width:100%; padding:0; color:#D8D8D8;font-family: 'Roboto Condensed', Arial, sans-serif;}
		#topbar-left{ float:left;}
		#topbar-right{ float:right;}
			ul.top-menu{ float:right; padding:0; margin:12px 0; list-style:none;}
			ul.top-menu li{float:left; }
			ul.top-menu li a{color:#ffffff; text-decoration:none; text-transform:uppercase; display:block; padding:0 8px;font-size:12px;}
			ul.top-menu li a:hover{color:#F7373A;}
			ul.top-menu li.register-icon a{ background:url(../images/icons/register.png) no-repeat left; padding-left:30px;}
			
			
			ul.cart-menu{ float:right;padding:0; margin:0; list-style:none; background:#999999;}
			ul.cart-menu li{float:left; font-size:12px; font-weight:700;}
			ul.cart-menu li a{color:#383838; text-decoration:none; text-transform:uppercase; display:block; padding:14px 20px; border-left:1px solid #737373;}
			ul.cart-menu li:first-child a{ border:none;}
			
			ul.cart-menu li.cart-icon a{ background:url(../images/icons/cart.png) right no-repeat; padding-right:30px; padding-left:10px;}
			
		/*** social media icons ***/
		.socialbar{ list-style:none; padding:5px 20px; margin:0;}
		.socialbar li{ margin:0; float:left; }
		.socialbar li.social-text{ font-size:12px; padding:10px;}
		.socialbar li a{ display:block;background:#272726;padding:6px 0; min-width:35px; color:#ffffff; margin:0 2px; text-align:center;}
		.socialbar li a:hover{ background:#AE0000;}
	
	
		
		
	#header{  z-index:200;top:0; left:0;/* position:fixed;*/ width:100%;
		background: #141414;
		background: -moz-linear-gradient(top, #141414 0%, #242424 70%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #141414), color-stop(70%, #242424));
		background: -webkit-linear-gradient(top, #141414 0%, #242424 70%);
		background: -o-linear-gradient(top, #141414 0%, #242424 70%);
		background: -ms-linear-gradient(top, #141414 0%, #242424 70%);
		background: linear-gradient(to bottom, #141414 0%, #242424 70%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#242424', GradientType=0 );
	
	}

	
		#header-left{  width:100%; padding:15px 0;}
			#logo{ width:200px; padding:0; margin:auto;}
			#logo img{ width:100%; height:auto;}

			
		#header-right{display:none; float:right; padding:20px 20px 5px 0;text-align:right;}
			.call-now{ display:none;font-family: 'Roboto Condensed', Arial, sans-serif; font-weight:300; font-size:18px; color:#ffffff; }
			.call-now a{ padding:0 0 0 30px; color:#ffffff; text-decoration:none;background:url(../images/icons/call.png) left no-repeat;}
			.call-now a span{ font-weight:400;font-family: 'Robotod', Arial, sans-serif;}
			
			.searchbar{}
			.search-box{ background:#383838; margin:5px 0 0 0; padding:4px;}
			.search-box form{ padding:0; margin:0; display: inline;}
			.search_input{ padding:4px; border:none; margin:0; height:30px; width:150px}
 
			.search-box input[type="submit"]{ cursor:pointer; margin:0 0 0 -3px; background:#AE0000; border:none; 
				text-indent:-2000px; width:30px; height:30px; padding:0;
				background-image:url(../images/icons/search.png); 
				background-repeat:no-repeat;}
			

			
	/** nav bar **/
	#main-nav{ width:100%; background: #242424; z-index:1999; padding:0 0 10px 0; display:none;font-size:14px;}
		#main-nav.stickymenu{ top:0; left:0; position:fixed;padding:10px 0;}
	
	.menu{display: inline; margin:auto;}
		
		.menu ul {float:left;list-style:none;margin:0 auto;padding:0;font-family: 'Roboto Condensed', Arial, sans-serif;position:relative;} 

		.menu ul li {float:left;text-align:center;position:relative;margin:auto; }
		.menu ul li:hover { background: #242424;}

		.menu ul li a { text-transform:uppercase; color: #EEEEEE;display:block;outline:0;text-decoration:none;padding:4px 10px; border-right:1px solid #383838;}
		.menu ul li:last-child a{ border:none;}
		.menu ul li:hover a {color:#F7373A;}
		
		.menu-padding{ padding:20px;}
			/*#menu li .drop {padding-right:21px;background:url("../images/drop.png") no-repeat right 12px;}
			#menu li:hover .drop {background:url("../images/drop.png") no-repeat right 12px;}
			*/
			.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns,.dropdown_5columns {
						 
				margin:0 auto; float:left;	position:absolute; display:none;/*left:-999em;  Hides the drop down */
				text-align:left;padding:0;  z-index:2000;  
	
				/* Gradient background */
				background:#242424 ;
				background:rgba(36,36,36,0.9);  
				/*background: -moz-linear-gradient(top, #242424, #000000);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242424), to(#000000));*/

				
			}

			.dropdown_1column {width: 140px;}
			.dropdown_2columns {width: 350px;}
			.dropdown_3columns {width: 420px;}
			.dropdown_4columns {width: 560px;}
			.dropdown_5columns {width: 700px;}

			.menu ul li:hover .dropdown_1column, 
			.menu ul li:hover .dropdown_2columns, 
			.menu ul li:hover .dropdown_3columns,
			.menu ul li:hover .dropdown_4columns,
			.menu ulu li:hover .dropdown_5columns {
				left:-1px;top:auto;  display:block;-webkit-animation-duration: 0.5s; -webkit-animation-name: fadeInFromNone;}
			
			 @-webkit-keyframes fadeInFromNone {
   	 			0% { display:none; opacity: 0;  }
    			100% { display: block ;   opacity: 1;  }
			}
			@keyframes fadeInFromNone{
				0% { display:none; opacity: 0;  }
    			100% { display: block ;   opacity: 1;  }
			}
	
			.col_1,.col_2,.col_3,.col_4,.col_5 {display:inline;	float: left;position: relative;	}
			.col_1 {width:100%;}
			.col_2 {width:50%;}
			.col_3 {width:33%;}
			.col_4 {width:25%;}
			.col_5 {width:10%;}

			.menu ul li:hover div a {font-size:12px;	color:#015b86;}
			.menu ul li:hover div a:hover {color:#029feb;}
			
			.menu ul ul li{ float:none; }
			.menu ul ul li:hover { background:none;}
			.menu ul ul li a{ border:none;}
			
			.menu ul ul.menu-list{ margin:0; padding:0 5px 0 0;}
			.menu ul ul.menu-list li{ font-size:14px; line-height:16px; text-align:left;}
			.menu ul ul.menu-list li a{ padding:2px 0; color:#ffffff; text-decoration:none;}
			.menu ul ul.menu-list li a:hover{ background:none; color:#F7373A;}
		
		.menu p, .menu h2, .menu h3 { color:#ffffff;
	
				line-height:21px;
				font-size:12px;
				text-align:left;
	
			}
		.menu h2 {font-size:18px;font-weight:400;margin:7px 0 12px 0;padding-bottom:12px;border-bottom:1px solid #666666;}
		.menu h3 {font-size:14px;margin:7px 0 14px 0;padding-bottom:7px;border-bottom:1px solid #888888;}
		.menu p {line-height:18px;margin:0 0 10px 0;}


		.img_left { width:auto;	float:left;	margin:5px 15px 5px 5px;}
		
		/*#menu li:hover div a {font-size:12px;color:#015b86;	}
		#menu li:hover div a:hover {color:#029feb;	}

		#menu li ul {list-style:none;padding:0;	margin:0 0 12px 0;}
		#menu li ul li {font-size:12px;	line-height:24px;position:relative;padding:0;margin:0;float:none;text-align:left;width:130px;}
		#menu li ul li:hover {	background:none;	border:none;	padding:0;	margin:0;}*/

		
		/*** mobile footer font-family:'Conv_Got',"Helvetica Neue",Helvetica,Arial,sans-serif;**/
	
			#mobilemenu{ position: fixed; bottom:0; z-index:1500; width:100%;background:#000000; text-transform:uppercase;}
	
			#mobilemenu #mobilelogo{background:#000000; width:100%; padding:10px 0; text-align:center;}
			#mobilemenu #mobilelogo img{ height:50px;}
			
			#mobilemenu ul{ list-style:none; padding:0; margin:0; font-size:14px;}
			#mobilemenu ul li{ float:left; width:33%; text-align:center; margin:0; padding:0;}
			#mobilemenu ul li a{ display:block; padding:10px 5px; color:#FFF; text-decoration:none; border-right:1px solid #73614A;background:#000000;}
			#mobilemenu ul li:last-child a{ border-right:none;}
	

			.page-sidebar{background:#000000;width:270px;display:block;position:absolute;top:0px;left:-290px;bottom:0px; overflow:hidden;position:fixed;z-index:2500;}
			.page-sidebar-scroll{width:270px;overflow: scroll!important;overflow-x:hidden!important;-webkit-overflow-scroll:touch!important;height:100%;}

			.mobile-nav{ list-style:none; margin:0; padding:0;}
			.mobile-nav li{font-size:12px;text-transform:uppercase;margin:0; padding:0;margin-bottom:-1px; }
			.mobile-nav li a{ display:block; color:#FFFFFF; padding:10px 20px; text-decoration:none;border-bottom:1px solid #333;-webkit-tap-highlight-color:rgba(0,0,0,0);}	
			.mobile-nav li a:hover{background:#D5B55E;-webkit-tap-highlight-color:rgba(0,0,0,0);}
	
			.mobile-nav li ul{ list-style:none; margin:0; padding:0 0 10px 0;border-bottom:1px solid #333;}
			.mobile-nav li li a{display:block;/*background:url(images/arrow.png) no-repeat 20px 15px!important;*/padding:5px 20px 5px 40px;border-bottom:none;}
			.mobile-nav li li a:hover{ }
		
			.page-sidebar .menu-disabled{}
			.page-sidebar .menu-enabled{}
	
			
	
	
			.sidebar-button{width:88px;display:block; text-decoration:none;float: right;/*background-image:url(images/sidebar-button.png);*/background-repeat:no-repeat;}
			.sidebar-button:hover{	background-image:url(images/sidebar-button-hover.png);}
			.sidebar-button em{color:#FFFFFF;font-size:10px;font-style:normal;background-size:16px 16px;background-position:39px 9px;background-repeat:no-repeat;text-align:center;display:block;padding-top:24px;font-weight:400;}

			.sidebar-button-facebook{background-image:url(images/icons/social/facebook.png);}
			.sidebar-button-twitter{background-image:url(images/icons/social/twitter.png);}
			.sidebar-button-rss{	background-image:url(images/icons/misc/rss.png);}
			.sidebar-button-travel{	background-image:url(images/icon/misc/travesuitcase.png);}

			/*.sidebar-button-call{background-image:url(images/icons/communication/phonehook.png);}
			.sidebar-button-text{background-image:url(images/icons/communication/speechbubble4.png);}
			.sidebar-button-close{background-image:url(images/icons/misc/accessdenied.png);}*/

			.sidebar-copyright{padding:15px;font-size:10px;}
		
	
	
	/** responsive slide ***/
	
	.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; }
		.rslides li:first-child {  position: relative;  display: block;  float: left;  }
		.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }
  
  
  	#homeslider{ margin:80px 0 0 0;}
	#landingpageslider{ margin:0;}
	
	
	.callbacks_container {   position: relative;   width: 100%;  }
	.callbacks {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
	.callbacks li {  position: absolute;  width: 100%;  left: 0;  top: 0;  }
	.callbacks img {  display: block;  position: relative;  z-index: 1;  height: auto;  width: 100%;  border: 0;  }
	.callbacks .caption { display: block;  position: absolute;  z-index: 2;  font-size: 20px;  text-shadow: none;  color: #fff;  background: #000;  background: rgba(0,0,0, .8);
  		 right:5%; top:30%;  padding: 10px 20px;  margin: 0;  max-width: none;  }
		 

	.callbacks_nav, .slidenav_nav { position: absolute; 
		-webkit-tap-highlight-color: rgba(0,0,0,0);
  		top: 52%;  left: 0;  opacity: 0.7;  z-index: 3;  text-indent: -9999px;  overflow: hidden;
  		text-decoration: none;  height: 61px;  width: 38px;  background: transparent url("../images/slide-arrows.png") no-repeat left top;
		margin-top: -45px;
	  }

	.callbacks_nav:active, .slidenav_nav:active { opacity: 1.0;  }
	.callbacks_nav.next, .slidenav_nav.next {  left: auto;  background-position: right top;  right: 0;  }
	
	.callbacks_tabs, .slidenav_tabs{ list-style:none; text-align:right; position:relative;max-width:1200px; margin:-30px auto 5px auto; z-index:10;}
	
		.callbacks_tabs li, .slidenav_tabs li{ float:none; display:inline; margin:0 0 0 5px;}
		.callbacks_tabs li a, .slidenav_tabs li a{ background:#222222; background:rgba(0,0,0,.7); text-indent:2000px; overflow:hidden; display:inline-block; height:10px; width:10px;}
		.callbacks_tabs li.callbacks_here a, .slidenav_tabs li.slidenav_here a { background:#F7373A;}
	
	.pageimageInfo{ margin:20px 0 0 0;}
		.captionholder{position:absolute; top:0; left:0; width:100%; z-index:20;}
		.captionbox{  margin:auto; max-width:1240px;}
			.captionbox .blackbox{ float:right; background:#000000; background:rgba(0,0,0,.8); width:50%; margin:10px 0 0 0; color:#ffffff; padding:30px; font-size:12px; line-height:14px;}
			
			.captionbox h1{ margin:0; padding:0 0 15px 0; color:#ffffff; line-height:80%; }
			.captionbox h1 span{ font-weight:300; font-size:80%;}
			/*
			
			*/
	
	
	/*** info bar ***/
	#info-bar{ }
		
		.bar-image-holder{ }
			.bar-image{ position: absolute; margin:-35px 0 0 0; z-index:300; display:none; float:left; width:38%; padding:0 20px;}
				.bar-image img{ width:100%; max-width:450px;}
			
		.bar-dark{background:#111111; width:100%; position:relative; z-index:250; padding:20px 0;}
        	.bar-text{ width:90%; margin:auto; font-size:14px; color:#999999;}	
			.bar-text h1{ color:#ffffff; text-transform:uppercase; padding:0 0 5px 0; margin:0; font-weight:400; font-size:30px; }
			.bar-text h2{ color:#999999; text-transform:uppercase; padding:0 0 10px 0; margin:0; font-weight:300; font-size:24px; }
		
		.bar-clear{width:100%; position:relative; z-index:250; padding:10px 0; }
			.bar-clear .bar-text{}
			.bar-text h3{ padding:15px 0 5px 0; margin:0; font-weight:400; color:#AE0000; font-size:26px;}
			
		.callbar{ padding:5px 20px;text-align:center; }
			.callbar h3{ padding:15px 0 5px 0; margin:0; font-weight:400; color:#AE0000; font-size:26px;}
		
		
			
			

	/** catalog thumbnails boxes ***/
	
	.productCatalog{max-width:1240px; margin:auto;}
    	.catalogHolder{ width:100%; float:left; }
			.catalogHolder img{ width:100%;}
        	.catalogHolder a{ display:block; border:1px solid #cccccc; margin:4px;}
			.catalogHolder a:hover{ border-color:#F7373A;}
			.catalogHolder.holder50{ width:50%; }
			
			.catText{font-family: 'Roboto Condensed', Arial, sans-serif; position:absolute; z-index:3; padding:4px; text-transform:uppercase; font-size:12px;}
			a .catText{ text-decoration:none; color:#8F8F8F;}
			
			.col_15 .catalogHolder{ float:left; width:50%;}
			
			/**feature products ***/
			.featureProducts{max-width:1200px; width:90%; background:#AE0000; padding:20px; margin:-100px auto 50px auto; position:relative; z-index:1500;font-family: 'Roboto Condensed', Arial, sans-serif;}
			.featureProducts h2{ color:#ffffff; margin:0; padding:0; font-weight:300;}
			
			.productThum{ background:#ffffff; padding:8px;}
				.productThum img{ width:100%;}
				.productInfo{ padding:5px 0 0 0;}
					.productInfo h2{ padding:0; margin:0; font-size:22px; font-weight:400;}
					.productInfo h3{ padding:0 0 10px 0; margin:0; font-size:18px; color:#ffffff; font-weight:300;}
					.productInfo h3 span{ font-size:14px;}
				
		.product-list{}
			.product-holder{ float:left; width:43%; padding:8px; border:1px solid #cccccc; margin:4px;}
			.product-holder.hilight{border:1px solid  #FF0004;}
			
			
			.product-holder	.productThum{ /*border:1px solid #cccccc;*/ padding:0; line-height:0;}
			.product-holder	.productThum img{ width:100%;}
			.product-holder	.productInfo h2{ font-size:12px; text-align:center; margin:0 0 10px 0;}
			
			.product-holder	.productInfo a{ display:block; padding:8px 0; text-align:center; background:#DDDDDD; text-transform:uppercase; color:#999999; text-decoration:none;}
			.product-holder	.productInfo a:hover{ background:#F70004; color:#ffffff;}
			
			
			
			
			.list5 .product-holder{ width:25%;}
			
			
			.inquiry-form{ background:#263040; padding:20px; font-size:12px; color:#ffffff;}
				.inquiry-form h2{ padding:0; margin:0;color:#ffffff;}
				.inquiry-form h3{color:#ffffff; padding:15px 0 5px 0; margin:0;}
				.inquiry-form label{ display:block; width:95%; clear:both; font-size:12px; padding:5px 0 2px 0;}
				.inquiry-form input, textarea{ width:95%; padding:4px; border:none;}
				.inquiry-form select{ width:95%; padding:4px;}
				.inquiry-form input[type="submit"]{font-family: 'Roboto Condensed'; font-size:24px; display:block; width:auto; padding:8px 15px; background:#2DB200; color:#ffffff; margin:10px auto; cursor:pointer;}
				.inquiry-form input[type="submit"]:hover{ background:#FF8000;}
				
				.framebox{ padding:20px;background:#efefef;}
				
				#info-form{ padding:20px; border:1px solid #cccccc; margin:0 0 150px 0;}
					#info-form label{ display:block; width:95%; clear:both; font-size:12px; padding:5px 0 2px 0;}
					#info-form input, textarea{ width:95%; padding:8px; border:1px solid #cccccc; background:#ffffff;}
					#info-form select{ width:95%; padding:8px;}
					#info-form input[type="submit"]{font-family: 'Roboto Condensed'; font-size:24px; display:block; width:auto; padding:8px 15px; background:#2DB200; color:#ffffff; margin:10px auto; cursor:pointer;}
					#info-form input[type="submit"]:hover{ background:#FF8000;}


					#info-form .oneline label{ width:auto; display:inline;}
					#info-form .oneline select{ width:auto; padding:4px;}
					#info-form .col3{ }
					
					input.error,  textarea.error, .select.error { background:#EABDBD;}
					label.error { display:block; clear:both; width:95%;  margin:0 0 5px 0; font-size:12px; line-height:14px; text-align:right;color:#E2A3A3}

			
					.bt{ float:left; margin:0 2px 5px 0; padding:8px 15px; text-align:center; background:#DDDDDD; text-transform:uppercase; color:#999999; text-decoration:none;}
					.bt:hover{background:#F70004; color:#ffffff;}
					
					.setprice{ color:#FC0004;}
					
			@media only screen and (min-width: 770px) {
				
				
				#info-form .col3{ float:left; width:33%;}
				#info-form .col2{ float:left; width:50%;}
			}
	
	
	
	/**** page layout elements ***/
	#pageholder{ margin:250px auto 50px auto;max-width:1240px; }
	#pageholder.landingpage{ margin:10px auto 50px auto;max-width:1240px;}
	
	.colset1{ padding:20px;}
		.col-left{ width:100%; }
			.disclaimer{ font-size:12px; color:#808080; border-top:1px solid #ccccccc;}
			.disclaimer h3{ font-size:16px; color:#808080;}
		.col-right{ width:100%; }
			.inquiry-form{}
			
			
			.side-message{ background:#FF8000; padding:20px;}
					.side-message h1{ color:#ffffff;font-family: 'Roboto Condensed'; font-weight:300; font-size:30px; margin:0; padding:0;}
					.side-message h3{color:#ffffff; font-family: 'Roboto Condensed'; font-weight:400; font-size:40px; margin:0; padding:0;}
					.side-arrow-divider{background:#263040; margin:0; padding:0;}
					.side-arrow-divider img{ width:100%;}
					
					.free-list{background:#263040; text-align:center; padding:20px 0;font-family: 'Roboto Condensed'; font-weight:300; font-size:24px; color:#ffffff; line-height:22px;}
						.free-list ul{ list-style:none; padding:0; margin:0;}
						.free-list ul li{ padding:10px 20px 20px 20px;}
						.free-list span{ font-size:16px;}
						
						
					.inquiry-form  input.error,  .inquiry-form textarea.error, .inquiry-form select.error { background:#EABDBD;}
					.inquiry-form label.error { display:block; clear:both; width:95%;  margin:0 0 5px 0; font-size:12px; line-height:14px; text-align:right;color:#E2A3A3}

					.required { color:#FF8000}
					
					.formloading{ display:none;font-size:30px; text-align:center;}
					.formmessage, .errormessage{display:none; background: #FDFFC6; color:#000000; padding:40px 20px; margin:20px 0; font-size:14px; text-align:center;}
	
	
	
	@media only screen and (min-width: 480px) {
		
		
	}
	
	

	@media only screen and (min-width: 770px) {
		
		
		/**** page layout elements ***/
			.col-left{ width:74%; float:left;}
			.col-right{ width:25%; float:right; margin:115px 0 0 0;}
			
		/*** info bar ***/
			.bar-image{ display:block; }
			.bar-text{ float:right; width:55%; font-size:14px; color:#999999;}
			.bar-clear{ min-height:50px;}
			
			.callbar{ position:relative; z-index:250; width:50%; float:right; margin:0 0 -195px 0; text-align:right; }
			.callbar h3{ font-size:28px; padding:20px 20px 0 0;}
			
			
			
			
	}
	@media only screen and (min-width: 960px) {

		/*** info bar ***/			
			.bar-image{margin:-70px 0 0 0; }
			
			.col-right{margin:150px 0 0 0;}
			.callbar{ margin:0 0 -215px 0;}
				.callbar h3{ font-size:32px;}
			.bar-clear{ min-height:100px;}
			
				
		/*** Product grid ***/
			.product-holder{ float:left; width:32%; padding:6px;}
			.product-holder.largeimg{ width:45%;}
			.list5 .product-holder{ width:18%;}
			.product-holder	.productInfo h2{ font-size:14px; min-height: 40px;}
			

	}
	@media only screen and (min-width: 1020px) {

		/*** info bar ***/			
			.bar-text{  width:55%;}
			
	}
	@media only screen and (min-width:  1279px) {
			
			
		/*** info bar ***/	
			.bar-text{  width:60%;}
			.callbar{ width:70%;}
			
	}
	
	
			
		
		/*** Toolbar*/
		.toolbar {  margin: 10px 0; background: #f4f4f4; padding: 5px 10px 0px 10px;}
			.toolbar:after { content: '';  display: table; clear: both;}
			.pager-no-toolbar { margin-bottom: 10px;}

			.pager-no-toolbar ~ .pager-no-toolbar {  margin-top: 10px;}
			.toolbar, .pager {  color: #636363;  line-height: 30px;  font-size: 12px;}
			.toolbar label, .pager-no-toolbar label { font-weight: normal;  text-transform: uppercase;}

				.sorter {  float: left;  margin-bottom: 5px;}
				.sorter label {  float: left;  margin-right: 5px;}
				.sorter label:after {  content: ':';}

				.sorter > .sort-by { float: left;  margin-right: 5px;  height: 30px;}
				.sorter > .sort-by .sort-by-switcher {  width: 30px;  height: 30px;  display: inline-block;}
				.sorter > .sort-by .sort-by-switcher--asc {  background-position: 4px -542px;}
				.sorter > .sort-by .sort-by-switcher--asc:hover {  background-position: -46px -542px;}
				.sorter > .sort-by .sort-by-switcher--desc {  background-position: 4px -567px;}
				.sorter > .sort-by .sort-by-switcher--desc:hover {  background-position: -46px -567px;}

				.sorter > .view-mode {  float: right;}
				.sorter > .view-mode .grid, .sorter > .view-mode .list {  float: left;  width: 30px;  height: 30px;}
				.sorter > .view-mode .grid {  margin-right: 5px;  background-position: 8px -492px;}
				.sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover {  background-position: -42px -492px;}
				.sorter > .view-mode .list {  background-position: 11px -517px;}
				.sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover {  background-position: -39px -517px;}
				
				.pager {  float: right;  overflow: hidden;}
				.pager > .count-container {  float: left;}
				.pager .amount {  float: left;   white-space: nowrap;  margin: 0 15px 0 0;}
				.pager .limiter {  float: left;  height: 30px;  line-height: 30px;}
				.pager .limiter > label {  padding-right: 5px;}
				.pager .limiter > label:after {  content: ':';}
				.pager .amount, .pager .limiter, .pager .pages {  margin-bottom: 5px;}

				.pages {  float: right;  overflow: hidden;  margin-left: 15px;}
				.pages strong {  display: none;}
				
				.pages  ol{ list-style:none; padding:0; margin:0;}
				.pages li {  float: left;}
				
				.pages a, .pages .current {  display: inline-block;  border: 0;  font-size: 14px; text-decoration:none;
				  text-align: center;  text-transform: uppercase;  vertical-align: middle;  white-space: nowrap;
				  line-height: 30px;  width: 25px;  height: 30px;  padding: 0;  color: #3399cc;
				}

				.pages .current, .pages .current:hover {  color: #636363;  border: 1px solid #cccccc;  width: 30px;  background-color: #FFFFFF;  cursor: default;}
				.pages .next, .pages .previous {  font: 0/0 a;  text-shadow: none;  color: transparent;  background-color: transparent;  position: relative;}
				.pages .next:hover, .pages .previous:hover {  border: 1px solid #3399cc;}
				.pages .next:before {  content: '';   position: absolute;   width: 0; height: 0;  display: block;
						border-top: 4px solid transparent;  border-bottom: 4px solid transparent;  border-left: 4px solid #3399cc;  border-right: none;
						top: 50%;  margin-top: -3px;  left: 50%;  margin-left: -2px;}
				.pages .next:hover:before {
					  content: '';  position: absolute;  width: 0;  height: 0;display: block;  
					  border-top: 4px solid transparent;  border-bottom: 4px solid transparent;  border-left: 4px solid #246b8f;  border-right: none;}
				.pages .previous:before {
 				 		content: '';  position: absolute;  width: 0;  height: 0;  display: block;
					  border-top: 4px solid transparent; border-bottom: 4px solid transparent;  border-right: 4px solid #3399cc;  border-left: none;
					  top: 50%;  margin-top: -3px;  left: 50%;  margin-left: -2px;}
				.pages .previous:hover:before { content: '';  position: absolute;width: 0; height: 0; display: block;
					  border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #246b8f;  border-left: none;	}
	
	
				@media only screen and (max-width: 479px) {
				  .pager .amount--has-pages {    display: none;  }
				
				  .pages { float: left;  }
				
				  .limiter label { display: none;  }
				}
				@media only screen and (max-width: 770px) {
				  .col1-layout .sorter,
				  .col1-layout .pager {  width: 100%;  }
				  .col1-layout .pager {
					float: left;
					clear: both;
				  }
				  .col1-layout .pager .pages {
					float: left;
					margin-left: 0;
				  }
				  .col1-layout .pager .count-container {
					float: right;
				  }
				}
				@media only screen and (max-width: 979px) {
				  .col2-left-layout .sorter,
				  .col2-left-layout .pager,
				  .col2-right-layout .sorter,
				  .col2-right-layout .pager,
				  .col3-layout .sorter,
				  .col3-layout .pager {
					width: 100%;
				  }
				  .col2-left-layout .pager,
				  .col2-right-layout .pager,
				  .col3-layout .pager {
					float: left;
					clear: both;
				  }
				  .col2-left-layout .pager .pages,
				  .col2-right-layout .pager .pages,
				  .col3-layout .pager .pages {
					float: left;
					margin-left: 0;
				  }
				  .col2-left-layout .pager .count-container,
				  .col2-right-layout .pager .count-container,
				  .col3-layout .pager .count-container {
					float: right;
				  }
				}
				@media only screen and (max-width: 1279px) {
				  .toolbar .view-mode > label {
					display: none;
				  }
				}	
	
	
	
	
/* ============================================ *
 * Product Grid
 * ============================================ */
	.products-grid {position: relative; list-style:none;}
		.products-grid:after {  content: '';  display: table;  clear: both;}

		.products-grid > li { position: relative;margin-bottom: 20px; text-align: leftr;}
		.products-grid > li:after { content: ''; display: table; clear: both;}

		.products-grid .product-image {  width: 100%;  margin-bottom: 15px; }
		.products-grid .product-image img { width: 100%; height: auto;}
		.products-grid .product-image img:hidden { display: none;}

		
		/** Product Name */
		h2.product-name, h3.product-name, h4.product-name,h5.product-name, p.product-name {  margin:5px  0;  color: #000000;  font-weight: 400;  font-style: normal;  font-size: 18px;  line-height: 110%;}

		h2.product-name a,h3.product-name a,h4.product-name a,h5.product-name a,p.product-name a {  color: #636363;text-decoration: none;}
		h2.product-name a:hover,h3.product-name a:hover,h4.product-name a:hover,h5.product-name a:hover,p.product-name a:hover {  color: #3399cc;  text-decoration: none;}

		.products-grid .product-name { border-top:1px solid #D1D1D1; margin-bottom: 5px; padding:5px 0 0 0;}
		.products-list .product-name {text-transform: uppercase;  margin-bottom: 5px;}




.products-grid .product-name a,
.products-list .product-name a {
  font-weight: 500;
}



		.widget-new-products .products-grid .product-image {
  width: 75%;
  margin-bottom: 15px;
  margin-left: 10%;
}

		.products-grid .product-info {
  position: relative;
  padding-bottom: 95px;
}

.products-grid .actions {
  padding-top: 10px;
  position: absolute;
  bottom: 0px;
  min-height: 85px;
  width: 100%;
}

.products-grid .ratings .rating-box {
  margin: 0 auto;
}

.products-grid .ratings .amount {
  display: none;
}

	.products-grid .price-box {  color: #AE0000;  font-size: 18px;  margin: 0 0 5px;}

.products-grid .add-to-links {
  margin-bottom: 0;
}

/* Config: Two columns + flexible gutter */
.products-grid > li {
  float: left;
  width: 47.72727%;
  margin-right: 4.54545%;
}

.products-grid > li:nth-child(odd) {
  clear: left;
}

.products-grid > li:nth-child(even) {
  margin-right: 0;
}

.products-grid .product-image {
  margin-bottom: 5px;
}
.products-grid .product-image:before, .products-grid .product-image:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.products-grid .product-image:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.products-grid .product-image:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.products-grid .product-image.loading {
  position: relative;
}
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
  display: block;
}

@media only screen and (min-width: 480px) {
  /* Config: Three columns + flexible gutter */
  .products-grid {
    /* Undo two-column config */
    /* Set three-column config */
  }
  .products-grid > li:nth-child(odd) {
    clear: none;
  }
  .products-grid > li:nth-child(even) {
    margin-right: 3.7037%;
  }
  .products-grid > li {
    width: 30.8642%;
    margin-right: 3.7037%;
  }
  .products-grid > li:nth-child(3n+1) {
    clear: left;
  }
  .products-grid > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 960px) {
  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-4-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-4-col > li:nth-child(even),
  .products-grid--max-4-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-4-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li {
    width: 23.33333%;
    margin-right: 2.22222%;
  }

  .products-grid--max-4-col > li:nth-child(4n+1) {
    clear: left;
  }

  .products-grid--max-4-col > li:nth-child(4n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-5-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-5-col > li:nth-child(even),
  .products-grid--max-5-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-5-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li {
    width: 18.22222%;
    margin-right: 2.22222%;
  }

  .products-grid--max-5-col > li:nth-child(5n+1) {
    clear: left;
  }

  .products-grid--max-5-col > li:nth-child(5n) {
    margin-right: 0;
  }

  /* Config: Columns + flexible gutter */
  /* Undo three-column config */
  .products-grid--max-6-col > li:nth-child(odd) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(3n+1) {
    clear: none;
  }

  .products-grid--max-6-col > li:nth-child(even),
  .products-grid--max-6-col > li:nth-child(3n) {
    margin-right: 2.22222%;
  }

  /* Set column config */
  .products-grid--max-6-col > li {
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li {
    width: 14.81481%;
    margin-right: 2.22222%;
  }

  .products-grid--max-6-col > li:nth-child(6n+1) {
    clear: left;
  }

  .products-grid--max-6-col > li:nth-child(6n) {
    margin-right: 0;
  }
}
	
	
	
	
			
	/** footer **/
	#footer{ background:#383838; margin:20px 0 0 0;}
		.footer-holder{ padding:20px; max-width:1200px; margin:auto;}
		.footer-padding{ padding:0 20px;}
		#footer .socialbar{ padding:0 0 15px 0; margin:0;}
		#footer h3{ color:#ffffff; font-size:20px; font-weight:300;}
		
		#footer .col{ float:left; width:33%; font-size:14px; color:#999999;}
		#footer .logobar{}
		#footer .disclaimerbar{ background:#191919; color:#999999; font-size:12px; line-height:14px; padding:0 0 50px 0;}		
			
			.links{ list-style:none; margin:0; padding:0;}
			.links li{ background:url(../images/bullet-arrow-yellow.png) 0 2px no-repeat; padding:0 0 0 15px; margin:0 0 5px 0; text-transform:uppercase;}
			.links li a{ text-decoration:none; color:#cccccc;}
			.links li a:hover{ color:#F7373A;}
			
			
@media only screen and ( min-width:481px){
	
	
	/*** Header elements **/
		#header-left{ float:left; width:230px; padding:8px 0 0 10px;}
			#logo{ width:220px; padding:5px 0; margin:0;}
		#header-right{ display: block;}
	
	/** catalog thumbnails boxes ***/
		.col_35 .catalogHolder{ float:left; width:50%;}
		
   		
	
	
	
}
/** tablet portrat **/
@media only screen and ( min-width:768px){
	
	
		h1{font-size:24px;}
		
		
	/*** Header elements **/
		#topbar{ display:block;}
		
		#logo{ width:275px; padding:10px 0;}
		
		.call-now{ display: block;}
		.search_input{ width:215px}
		
		#mobilemenu{ display:none;}
		#main-nav{ display:block; }
		
		#homeslider{ margin:185px 0 0 0;}
		
	
	/** catalog thumbnails boxes ***/
		.col_50,.col_35,.col_15{ float:left;}
		.col_35{ width:35%;}
    	.col_50{width:50%;}
   		.col_15{width:15%;}
			.col_15 .catalogHolder{ width:100%;}
			.col_35 .catalogHolder{ float: none; width:100%;}
			.catalogHolder.holder50{ float:left; width:50%; }
			.catText{ font-size:16px;}
			
			
			
			
			
}

/** tablet landscape **/
@media only screen and ( min-width:950px){
	
		h1{font-size:30px;}
		
		
	/*** Header elements **/
		.socialbar li.social-text{ font-size:14px;}
		.socialbar li a{ padding:8px 0; min-width:40px;}
		ul.top-menu li a{padding:0 15px;font-size:14px;}
		ul.cart-menu li{ font-size:14px;}
	
		
	
		#header-left{ width:340px;padding:8px 0 0 20px;}
			#logo{ width:336px;padding:5px 0;}
		
		.call-now{font-size:22px;}
		.search_input{ width:275px}
		
	
	
	
	
}

@media only screen and ( min-width:1025px){ 
	
		h1{font-size:48px;}
		
	/** menu elements **/
		.menu ul li a { padding:4px 20px;font-size:18px;}

		
	
	
	/** full width image boxes **/	
		#homeslider{ margin:200px 0 0 0;}
		
		
		/*.callbacks_tabs{ margin:-100px auto 5px auto;}
		.slidenav_tabs{ margin:-120px auto 5px auto;}*/
		
		.captionbox .blackbox{ width:33%; font-size:16px; line-height:20px; margin:30px 0 0 0;}
	
		
}