@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; background:#fff; font-family: 'Roboto', sans-serif; color:#333333; text-align:left; font-size:14px;
background:url('images/background.jpg') repeat-x top center #ededed;
	background-attachment:fixed;}
div.wsFooter {display:none;}
.divFooterAgencyInfo {display:none;}
.topbg{ padding:0px; background:#EEEEEE; background-image:url(image/top-bg.jpg);}
.top{ float:right; width:90%; margin-top:54px;}
.logo{ float:left; width:100%; padding:5px 0px 5px 0px;}
.topbod{ float:left; padding:0px !important; }
.topbor{ float:left; width:100%;}
.phone{ float:left; width:100%; font-family: 'Roboto', sans-serif; color:#8c8c8c; font-size:14px; font-weight:300; padding:12px 0px;}
.menu{ float:left; width:100%;}
.menu ul{ list-style:none; margin:0px; padding:0px;}
.menu ul li{ float:left;}
.gc-icon gc-icon-download{ display:none !important;}

.menu ul li a{ text-decoration:none; padding:15px 15px 16px 15px; color:#EDEDED; font-weight:500; font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:14px; float:left;}
.menu ul li a:hover,
.menu ul li:hover a { color:#EDEDED; background:#333333;}

.menu ul li ul { border:none; margin:0px; padding:0px; list-style:none; width:280px; background:#44AAEE; position:absolute;  display:none;}
.menu ul li ul a:hover{ background:#333333; color:#EDEDED;}
.menu ul li:hover ul { display:block; background:#333333;}
.menu ul ul li { width:100%; float:left; }
.menu ul li ul li a { float:left; text-decoration:none; font-size:13px; text-transform:uppercase; color:#44AAEE; text-transform:capitalize; padding:8px 20px;  font-family: 'Raleway', sans-serif; font-weight:600;}
.menu ul li ul li a:hover{ color:#fff; background:#333333;}
.menubg{ padding:0px; background:url(image/menubg.jpg) repeat-x;}
.menubg:hover{ background:#666666;}

li.btmlink a {font-family: 'Roboto', sans-serif; font-size:14px; color:#eeeeee;}


ul.topLink4 { text-align:center; margin-top:10px; padding:0px; clear:both; list-style:none;}

ul.topLink4 li {margin-top:10px; padding:10px  10px 10px  15px; list-style:none; text-align:center; clear:both; float:inherit; display: inline-block;}



.bng{ padding:0px; background:url(image/bng.png) no-repeat; height:270px; margin-top:-50px; position:relative;}
.bngim{ float:left; width:30%; padding-top:105px; padding-bottom:50px;}
.news-title{ float:left; width:70%; text-transform:uppercase; color:#EEEEEE; font-size:22px; font-weight:300; font-family: "Raleway",sans-serif; padding:35px 0px 10px 10px;}
.news-title span{ width:100%; font-weight:500; float:left;}
  .news{ float:left; width:70%; font-family: 'Roboto', sans-serif; padding-left:10px; font-size:13px; color:#FFFFFF; font-weight:400;}
  .news span{ float:left; width:100%; padding:5px 0px;}
.welcome{ float:left; width:100%; text-align:center; color:#111111; font-size:20px; padding:20px 0 0 0; font-family: 'Roboto', sans-serif;}
.content-title{ float:left; text-transform:capitalize; width:100%; text-align:center; color:#2b2b2b; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:400;}
.content-des{ float:left; width:100%; text-align:center; color:#353535; font-size:13px; padding:10px 0px; line-height:22px; font-family: 'Roboto', sans-serif; font-weight:400;}
.probg{ padding:0px; background:#111111;}
.pro-title{ float:left; width:100%; text-align:center; color:#00BEDD; font-size:30px; text-transform:uppercase; padding:30px 0px 0px 0px; font-family: 'Roboto', sans-serif; font-weight:500;}
.pro-des{ float:left; width:100%; text-align:center; color:#999999; font-family: 'Roboto', sans-serif; font-weight:300; font-size:13px;}
.pro-box{ float:left; width:100%; background:#FFFFFF; border-radius:5px; margin:40px 0px; text-align:center;}
.pro-box img{ padding:5px; text-align:center; width:100%;}
.pro-name{ float:left; width:100%; text-align:center; color:#222222; font-family: 'Roboto', sans-serif; font-weight:600; font-size:16px; padding:5px 0px;}
.pro-code{ float:left; width:100%; text-align:center; color:#333333; font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;}
.pro-add{ float:left; width:100%; text-align:center;}
.pro-add img{ width:auto; padding-bottom:14px;}
.pro-social{ display:none;}
.pro-box:hover .pro-social{ float:left; width:100%; text-align:center; display:block;}
.pro-box:hover .pro-add{ display:none;}
.pro-box:hover{ background:#111111;}
.pro-box:hover img{ border-radius:5px; padding:0px;}
.pro-box:hover .pro-name{ color:#ffc71a;}
.pro-box:hover .pro-code{ color:#FFFFFF;}
.img-rel {width:150px}

.pro-social ul{ list-style:none; margin:0px; padding:0px; display:inline-block;}
.pro-social ul li{ float:left; margin:5px 3px;}
.pro-social ul li a{ float:left;}
.pro-social ul li a img{ width:auto;}




.pro-height{ height:350px; margin:10px 0px !important;}
.pro-box2{ float:left; width:100%; background:#FFFFFF; border-radius:5px; margin:40px 0px; border:1px solid #d6d6d6;}
.pro-box2 img{ padding:5px; width:100%;}
.pro-add img{ width:auto; padding-bottom:14px;}

.pro-box2:hover .pro-social{ float:left; width:100%; text-align:center; display:block;}
.pro-box2:hover .pro-add{ display:none;}
.pro-box2:hover{ background:#fff; border:0px;}
.pro-box2:hover img{ border-radius:5px; padding:0px; border:1px solid #d6d6d6;}

.box{ float:left; width:100%; border-radius:5px; border:1px solid #d6d6d6; margin-top:8px; height:200px; text-align:center;}
.box img{ padding:5px;}
.box .pro-name{ font-size:12px; font-weight:500; color:#222222; font-family: 'Roboto', sans-serif;}
.box .pro-code{ font-size:11px; padding-bottom:10px;}








.more{ float:left; width:100%; text-align:center;}
.more ul{ list-style:none; margin:0px; padding:0px; display:inline-block;}
.more ul li{ float:left; margin:15px;}
.more ul li a{ float:left;}

.foter-social{ float:left; width:100%; text-align:center; padding-top:85px;}
.foter-social ul{ list-style:none; float:left; margin:0px; padding:0px; display:inline-block;}
.foter-social ul li{ float:left; margin:15px;}
.foter-social ul li a{ float:left;}

.smal-baner{ padding:0px !important; width:100%;}
.smal-baner img{ width:100%;}
.heading{ float:left; font-family: 'Roboto', sans-serif; width:100%; font-size: 26px; color:#444444; text-transform:capitalize; padding:30px 0 5px 0px; font-weight:500;}
.home{ float:left; width:59%;}
.home ul{ list-style:none; margin:0px; padding:0px;}
.home ul li{ float:left; background:url(image/homeul.png) no-repeat right;}
.home ul li:last-child{ background:none;}
.home ul li a{ float:left; text-decoration:none; font-size: 13px; color:#111111;  padding:0px 5px;  font-family: 'Roboto', sans-serif; font-weight:300;}
.home ul li a:hover{ color:#da241b;}
.next1{ float:left; width:40%;}
.next1 ul{ list-style:none; margin:0px; padding:0px; float:right;}
.next1 ul li{ float:left;}
.next1 ul li a{ float:left; text-decoration:none; font-size:13px; color:#111111; padding:3px 2px; font-family: 'Roboto', sans-serif; font-weight:400;}
.next1 ul li a:hover{ color:#ffc13b;}
.cata{ float:left; width:100%; background:#DDDDDD; margin-top:30px; border-radius:5px; padding:5px 0px;}
.catag{ float:left; width:100%; text-align:center; font-weight:700; color:#FFF; font-size:26px; text-transform:uppercase; height:65px; padding-top:14px; font-family: 'Raleway', sans-serif;}
.pro{ float:left; width:100%; height:50px; background:url(image/main.png) no-repeat center; margin:20px 0px 0px 0px;}
.main-title a{ float:left; width:87%; color:#0a0a0a !important; padding-bottom:5px; font-family: 'Roboto', sans-serif; font-size:18px; border-bottom:1px solid #ccaf3a; margin:5px 20px; text-decoration:none; text-transform:capitalize; font-weight:500;}
 .main-title a:hover{ text-decoration:none;}
 .mainbg{ background-color:#1b1b1b; float:left; width:100%; height:40px; margin:1px 0px;}
 .left-menu{ float:left; width:100%; }
 .left-menu ul{ list-style:none; padding:0px; float:left; width:100%; margin:0px;}
 .left-menu ul li{ float:left; width:100%; }
 .left-menu ul li a{ float:left; width:100%; text-decoration:none; font-family: 'Roboto', sans-serif; font-size:15px; color:#111111 !important; padding:7px 0px 7px 20px; font-weight:500; text-transform:capitalize;}
 .left-menu ul li a:hover{ color:#fff !important; background:#0a0a0a;}
 .cartifact{ float:left; width:100%; padding:0px 0px 16px ; color:#3d3d3d; font-size:27px; font-weight:700; text-align:center; background:url(image/catagaribg.png) no-repeat bottom;}
.catagaribg{ background:#333333;}
 .whit{ background:#FFF; float:left; width:100%; margin:10px 0px 0px 1px;}
 .des{ float:left; width:100%; font-size:20px; font-weight:500; padding-top:0px; color:#111111; font-family: 'Roboto', sans-serif; text-transform:capitalize;}
 .right-title{ float:left; width:100%; font-size:20px; padding-top:10px; font-weight:500; padding-top:0px; color:#333333; font-family: 'Roboto', sans-serif; text-transform:capitalize;}
.art{ float:left; width:100%; padding:0px 0px; font-size:14px; color:#444444; font-family: 'Roboto', sans-serif; }
.right-des1{ float:left; width:90%; font-weight:500; line-height:25px; color:#222222; padding:0px 0px 7px 0px; font-size:12px; font-family: 'Roboto', sans-serif;}
.add{ float:left; margin:0px 3px 30px 0px;}
.fname{ width:46%; margin:10px 5px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px 10px;}
.code-des{ font-size: 12px; font-family: 'Roboto', sans-serif; float:left; width:100%; text-align:center; color: rgb( 83, 83, 83 );}
.qty{ float:left; width:13%; margin:5px 0px; color: #343434; font-size: 14px; font-weight: 500; font-family: 'Roboto', sans-serif;}
.qty1{ float:left; width:75%; margin:5px 0px;}
.qty1 select{ background:url(image/arow.png) no-repeat right; border:1px solid #d6d6d6; width:94%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #414141;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	padding-left:10px;
	border-radius: 0px;
    
    }
	.qty1 input{ border:1px solid #A4A4A4; font-size:12px !important; float:left; width:80px; height:28px;  background:none; margin-left:5px; color: #d6d6d6 !important; padding:0px !important; color: #414141 !important; border-radius: 0px; padding-left:10px !important;
	font-size:12px;
	font-family: 'Roboto', sans-serif;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#D31300; color:#FFF;}
.basket_art input:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 7px !important; border-radius: 5px; margin-left: 25px; background:#D31300; color:#FFF; text-align:center; margin-bottom:20px; width:140px !important;}
.btn-delete:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.for{ float:left; width:48%; margin-left:9px;}
.for input{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#727272 !important; padding:0px !important; padding-left:10px !important;}
.for select{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#727272 !important; padding:0px !important; padding-left:10px !important;}
.for1 textarea{ float:left; font-size:12px; width:100%; margin:10px 0px; background:none ; border:1px solid #BABABA; color:#727272; padding-left:10px; padding-top:10px;}
.for1{ float:left; width:96.5%; margin-left:9px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; padding-left:10px; padding-top:20px; color:#fb0203; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:500; text-transform:uppercase; margin-bottom:20px;}
.social{ float:right;}
.top-facebok{ float:left; width:35px; height:33px; background:url(image/facebok.png) no-repeat; color:#7c7c7c; font-size:14px; font-family: "Raleway",sans-serif; padding-left:37px; margin-top:6px;}
.top-facebok:hover{ background-position:0px -38px; text-decoration:none; color:#7c7c7c;}
.top-twiter{ float:left; width:35px; height:33px; background:url(image/twiter.png) no-repeat; color:#7c7c7c; font-size:14px; font-family: "Raleway",sans-serif; padding-left:37px; margin-top:7px;}
.top-twiter:hover{ background-position:0px -38px; text-decoration:none; color:#7c7c7c;}
.top-google{ float:left; width:35px; margin-top:7px; height:33px; background:url(image/google.png) no-repeat; color:#7c7c7c; font-size:14px; font-family: "Raleway",sans-serif;}
.top-google:hover{ background-position:0px -38px; text-decoration:none; color:#7c7c7c;}
.top-linked{ float:left; width:35px; height:33px; margin-top:7px; background:url(image/linked.png) no-repeat;}
.top-linked:hover{ background-position:0px -38px;}
  .fac{ color:#8b8b8b; font-size:14px; margin-top:10px;}
  .dis{ display:none;}
  .f-main{ float:left; width:25%;}
  .newbg{ float:left; width:100%; background:#009c00; padding-bottom:30px; margin-top:25px;}
  
   .smal-ba{ float:left; width:100%; margin:20px 0px;}
   .smal-ba img{ width:100%;}
  .news strong{ font-size:13px; font-weight:600; width:100%; float:left;}
  .foterbg{ padding:0px; background:#202020; padding-bottom:20px; background-image:url(image/footer-bg.jpg);}
  .adres{ float:left; width:67%; font-family: 'Roboto', sans-serif; font-size:14px; color:#eeeeee; padding:60px 0px 5px 20px; background:url(image/adres.png) no-repeat left; background-position:0px 63px;}
  .fphone{ float:left; width:100%; font-family: 'Roboto', sans-serif; font-size:14px; color:#eeeeee; background:url(image/fphone.png) no-repeat left; background-position:0px 5px; padding-left:20px;}
  .fmail{ float:left; width:100%; font-family: 'Roboto', sans-serif; font-size:14px; color:#eeeeee; background:url(image/fmail.png) no-repeat left; background-position:0px 10px; padding-left:20px; padding-top:5px;}
  
  
  .offer{ float:left; width:90%; font-family: 'Roboto', sans-serif; font-size:18px; color:#F26323; padding:60px 0px 5px 20px; background:url(image/flight.png) no-repeat left; background-position:0px 63px; text-align:center; min-height:70px;}
  .promo{ float:left; width:90%; font-family: 'Roboto', sans-serif; font-size:14px; color:#2D67B0; background:url(image/promo.png) no-repeat left; background-position:0px 5px; padding-left:30px; text-align: justify; padding-bottom:10px; min-height:70px;}
  .valid{ float:left; width:90%; font-family: 'Roboto', sans-serif; font-size:12px; color:#444444; background:url(image/valid.png) no-repeat left; background-position:0px 0px; padding-left:30px; text-align: justify; height:20px; display:block; border-bottom:thin #999999; min-height:70px;}
  
  
  .flogo{ float:left; width:100%; padding:60px 0px 40px 0px;}
  .flogo img{ width:100%;}
  .copy{ float:left; width:100%; text-align:center; padding:20px 0px; line-height:30px; font-size:13px; font-weight:300; font-family: 'Roboto', sans-serif; color:#FFFFFF; background:#222222; font-weight:200;}
  .search{ float:right; background:url(image/search.png) no-repeat; width:240px; height:44px; color:#575757; padding-left:10px; font-family: "Raleway",sans-serif; border:0px;}
  .basket-page{ text-align:center;}
  .art-no{ text-align:left; float:left; width:100%; border-bottom:1px solid #BABABA; color:#666; padding:3px 0px;}
  .span12{ float:left; margin-top:10px;}
  .pro-pro{ float:left; width:100%;}
.navbar-collapse{ padding:0px !important;}
.navbar-toggle{ background:#D31300 !important; border:1px solid #fff !important;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.bask{ border-top:1px solid #BABABA; float:left; width:100%; margin-top:10px; margin-left:15px; border-bottom:1px solid #BABABA; padding-bottom:10px;}
.socialbg{ padding:0px; background:#ffc13b;}
.folow{ color:#FFFFFF; font-size:30px; text-transform:uppercase; padding:22px 0px; float:left; width:20%; font-family: "Raleway",sans-serif;}
.f-fac{ float:left; background:url(image/f-fac.png) no-repeat; width:160px; height:87px;}
.f-fac:hover{ background-position:0px -100px;}
.f-twi{ float:left; background:url(image/f-twi.png) no-repeat; width:160px; height:87px;}
.f-twi:hover{ background-position:0px -100px;}
.f-lin{ float:left; background:url(image/f-lin.png) no-repeat; width:160px; height:87px;}
.f-lin:hover{ background-position:0px -100px;}
.f-gog{ float:left; background:url(image/f-gog.png) no-repeat; width:160px; height:87px;}
.f-gog:hover{ background-position:0px -100px;}
.f-pin{ float:left; background:url(image/f-pin.png) no-repeat; width:160px; height:87px;}
.f-pin:hover{ background-position:0px -100px;}
.our{ float:left; width:100%; background:url(image/our.png) no-repeat; background-size:100%; height:54px; font-size:21px; font-weight:500; color:#ededed; padding:15px 15px; font-family: 'Roboto', sans-serif; text-transform:uppercase; margin-top:-5px;}






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

/*Shopping cart*/

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


td.cobll, td.cobhl{
	background-color: #fff;
	color : #333;
}
 
td.cobhdr{
	background-color:#EDEDED;
	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;
}

.cartquant{
	width:36px !important;
}

/*Internal store naviagtion*/
a.ectlink:link { color: #222222; text-decoration: none; font-size:1.0em; }

a.ectlink:visited { color: #222222; text-decoration: none; font-size:1.0em;}

a.ectlink:active { color: #EE1100; text-decoration: none; font-size:1.0em;}

a.ectlink:hover { color: #111111; text-decoration: none; font-size:1.0em;}

/*Button and form field styles*/
input.submit,input.trackinggo,input.logintoaccount,input.createaccount,input.gcsubmit,input.login, input.newaffiliate, input.affiliatelogin, input.search,input.buybutton, input.sccheckout, input.checkoutbutton, input.vieworderstatus, input.viewlicense, input.trackpackage{
	background:#EDEDED;
	color:#fff;
	padding:4px 12px;
	border:0;
	border-radius:4px;
}

input.submit:hover,input.trackinggo:hover,input.logintoaccount:hover,input.createaccount:hover,input.gcsubmit:hover,input.login:hover, input.newaffiliate:hover, input.affiliatelogin:hover, input.search:hover,input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover{
	background:#ddd;
	color:#000;
	cursor:pointer;
}

div.checkoutbutton {display:none;}
/* The category page 
-------------------------------------*/
div.category{
	width:47%;
	float:left;
	line-height:1.6;
  	font-size:0.9em;
    padding:10px;
	border:1px solid #ccc;
	margin:0px 0px 16px 16px;
	height:110px; background-color:#fff;
}

div.category:hover{
	background-color:#ddd;
	border: 1px solid #999999;
}

div.catnavigation{
	padding:0px 0px 0px 1px;
	float:left;
	width:97%;
	font-size:1em;
	
	border-bottom: 0px solid #ccc;
	margin-bottom:2px;
}

.catnavwrapper{
	background:# !important;
	border: 0px solid #fff !important;
}

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

div.catimage{
	width:95px;
	float:left;
}

div.catdesc{
	padding:0px 0px 4px 4px;
	font-size:0.9em;
}

div.catname{
	padding-left:4px;
        font-size:1.2em;
}

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

div.categorymessage{ display:none;
	padding-top:0px;
	font-size: 1.1em;
}

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


/* The products page 
-------------------------------------*/

div.prodfilter{
	float:left;
	padding:2px;
	color: #333;
	margin-bottom:2px;
}

div.prodfilterbar{ background-color:#DDDDDD;
	float:left;
	width:99%;
  	border-bottom: 1px solid #B4B4B4;
  	border-top: 1px solid #B4B4B4;
  	margin-top:10px;
  	margin-bottom:10px;
  	padding-top:8px;
}

div.filtertext{
  	padding:8px;
}

select.prodfilter{
	padding:2px;
	margin:0px;
  	border: 1px solid #CCCCCC;
}

div.product{padding:5px;
	width:32%;
	float:left;
	height:300px;
	background-color:#FFFFFF; border-radius:5px; margin:5px 5px; text-align:center; border: 1px solid #999999; padding-left:10px;
}

div.prodnavigation{font-family:'Exo 2', Arial; color:#111111; 
	padding:10px 0px 10px 10px;
	float:left;
	width:100%;
	font-size:1.1em;
	background-color:#EFEFEF;
	border-bottom: 1px solid #ccc;
	margin-bottom:10px; display:none;
}

.prodratinglink{
	font-size:0.8em;
}

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

.proddiscounts, .discountsapply{
	color:#DA6A1E;
	padding:4px;
}

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

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

div.prodimage{   
	padding: 2px; vertical-align:middle;
	text-align:center;
	border:0px solid #DDDDDD; background-color:#FFFFFF; height:230px;
}

div.prodimage:hover{
	border: 1px solid #EDEDED;
}

img.prodimage{ max-height:200px; max-width:200px;
}

div.prodname{ float:left; width:100%; text-align:center; color:#222222; font-family: 'Roboto', sans-serif; font-weight:600; font-size:16px; padding:5px 0px;
}

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;
}

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

div.listprice{
	width:98%;
	float:left;
	font-size: 0.9em;
	padding:6px;
}

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

div.prodprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:98%;
	color:#666;
	margin-top:-20px;
}

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:38%;
}

.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 {float:left; width:100%; text-align:center; color:#333333; font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px;}

div.multioptiontext{
	width:180px;
}

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

.currpage {color:#2B85C0; font-weight:bold;}

/* The product detail page 
-------------------------------------*/
div.detailprodnavigation{
	width:101%;
}

div.detailimage{ background-color:#FFFFFF;
	width:60%;
	padding:10px;
	float:left;
	clear:both;
} 

div.detailcheckoutbutton{
	clear:both;
}

div.detailid {
	color:#333333;
	width:38%;
	font-size: 1em;
	float:left;
	margin-left:10px; padding:6px;
}

.detailname h1 {
	font-size: 1.3em; color:#333333;
	padding:6px;
	float:left;
	width:38%;
	margin-top:10px; margin-left:10px;
    margin-bottom:12px;
	border-bottom: 1px solid #ccc; z-index:1000000000;
}

span.detaildiscountsapply{
	width:46%;
  margin-left:2px;
}

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

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

div.detailinstock{
	float:left;
	width:38%;
}

div.detailreviewstars{
	float:left;
	width:38% !important;
  margin:5px;
}

div.detaildescription{
	font-size: 0.9em;
	padding-top:4px;
	line-height:1.8em;
	float:left;
	width:38%;
	margin-left:10px; padding:6px;
}

div.detailprice{
	font-size: 1.2em;
	font-weight:bold;
	float:left;
	width:38%;
	color:#333;
	margin-left:10px;
}

div.detaillistprice{
	font-size: 1em;
	font-weight:normal;
	float:left;
	width:100%;
	padding-top:6px;
	color:#DA6A1E;
}

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

div.detailoption{
	width:38%;
}

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

select.detailprodoption{
	font-size: 0.9em;
	width:38%;
	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:32%;
	float:left;
	clear:both;
}

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

.previousnext{
	padding-top:20px;
	padding-bottom:6px;
	float:left;
	width:99%;
	text-align:center;
	font-size:0.9em;
	border-top:1px solid #ccc;
  padding-left:10px;
}

div.emailfriend{
	padding-top: 10px;
	text-align:center;
	float:left;
	width:92%;
	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:left;
	width:120px;
    clear:left;
}

div.detailquantitytext{
	margin-top:17px;
	float:left;
	width:70px;
	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:120px;
	text-align:left;
	padding-bottom:20px;
	margin-top:12px;
  margin-left:10px;
}

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

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

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

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;
}






@media (max-width:1200px){

}
@media (max-width:1024px){
.logo img{ width:100%;}
.menu ul li a{ font-size:12px; padding:40px 6px;}
.bng{ background:#D31300; background-image:url(image/home-head-bg.png);}
.bngim img{ width:100%;}
.pad{ padding:0px !important;}
.img-rel {width:120px} 
div.product{ width:31%; }
}
@media only screen and (min-width:320px) and (max-width:767px){
.cata{ display:none;}
.main-title a{ float:left; width:87%; color:#0a0a0a !important; padding-bottom:5px; font-family: 'Roboto', sans-serif; font-size:16px; border-bottom:1px solid #ccaf3a; margin:5px 20px; text-decoration:none; text-transform:capitalize; font-weight:500;}
.bng{ margin-top:10px; height:auto; background:#D31300; background-image:url(image/home-head-bg.png);}
.menu{ width:100%; margin:0px; padding:0px;}
				.menu ul li{ float:left; width:100%; background:none; border-bottom:1px solid #FFF; padding: 4px 5px;}
				.menu ul li:last-child{ border:none;}
				.menu ul{ float:left; width:100%; background:#161616;}
				.menu ul ul li{ width:100%;}.menu ul li ul{ position:relative; width:100%;}
				.menu ul li a{ float:left; width:100%;  margin:0px; color:#fff; padding:10px 6px;}
				.menu ul li a:hover{ width:100%; border:none; background:#D31300; color:#FFF;}
				.social{ float:right; width:70%;}
				.modal{ width:100% !important; left:0px !important; margin-left:0px !important;}
				.search{ margin:20px 0px; text-align:left; width: 83% !important;}.top{ margin-top:20px; width:100%; margin-bottom:10px;}
				.qty{ width:20%;}
				.pro-height{ height:430px;}
				.larg img{ width:100%;}
				.for{ width:100%;}
				.for input{ width:100% !important;}
				input, textarea, .uneditable-input{ width:auto !important;}
				.logo img{ width:auto;}
				.logo{ text-align:center;}
				.topbod{ border:0px;}
				.topbor{ height:auto; border:0px;}
				.phone{ text-align:center;}
				.img-rel {width:120px} 
				div.product{ width:97%; height:auto; }
}