@charset "utf-8";

/* CSS Document */
html,body {
    padding: 0px; margin: 0px;
	font-size:13px; color: #333; line-height:21px;	
	height:100%; min-height:100%;
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

a:link, a:visited {color: #333;	text-decoration: none;}
a:hover {text-decoration: underline; }

.clear{clear:both}
img {border:0;}
h1, h2, h3, h4, h5, h6, p{ padding:0px; margin:0px; }
h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
h6{ }
p { }
div, ul li{ margin:0px auto; padding:0px;}
#wrap{ width:100%; min-height:100%; height:100% }
.screen{ min-width:680px; max-width:1000px; position:relative; padding:0px 15px;}


.box_shadow{ border:1px solid #ddd; box-shadow:0px 0px 5px #ccc;}

/* Header */
.header{ position:relative; }
.header .logo{ padding:25px 0; text-align:center}
.header .logo a{ display:block; width:447px; margin:0px auto}
.header .logo img{ height:58px;}
.header .top_shortcut{ padding:10px 0px 0px 0px; position:absolute; right:15px; top:0px;}
.header .lang{ top:15px; right:70px; position:absolute;}
.header .lang a{font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.header .lang a:hover{ color:#146097 }
.header .lang_box{ margin-right:40px;}
.header .top_shortcut ul{ list-style:none; padding:0px; margin:0px;}
.header .top_shortcut ul li{ float:left; padding-left:10px; width:60px;}
.header .top_shortcut ul li a:hover{ text-decoration: none}
.header .top_shortcut ul li a.current{ text-decoration: underline}
.lang_box select{font-family: "微軟正黑體", "Microsoft JhengHei", "Segoe UI Semibold", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.top_linking{ position:absolute; right:15px; top:60px;}
.top_linking div{ float:right; margin-left:15px;}
#top_bag{ background:url(../images/bg_bag.png) no-repeat; width:24px; height:29px; color:#fff; text-align: center; padding-left:0px; position:absolute; right:0px; top:5px; line-height:36px; font-size:12px;}


/* Content Section */
.container{   float: left; width:100%; min-height:300px;}

.brand_logo_vandemoortele{ text-align: center; padding:15px 0px;}
.brand_logo{ text-align: center; padding:15px 0px;}

.index_vandemoortele{ margin:15px 0px 30px 0; min-height:250px;  background:#dec173}
.index_vandemoortele ul{ list-style:none; padding:0.5% 0.5%}
.index_vandemoortele ul li{ float:left; width:24%; margin:0.5%; position:relative;  }
.index_vandemoortele ul li img{  width:100%; }
.index_vandemoortele span{ position:absolute; left:5px; top:10px; z-index:10}
.big_vandemoortele{ padding:0.5% 1.5% 1% 1.5%; position:relative}
.big_vandemoortele img{ width:100%}
.big_vandemoortele span{ position:absolute; left:10px; top:15px; }

.index_laurent{ margin:30px 0px 30px 0; min-height:250px;  background:#9a8147}
.index_laurent ul{ list-style:none; padding:0.5% 0.5%}
.index_laurent ul li{ float:left; width:24%; margin:0.5%; position:relative;  }
.index_laurent ul li img{  width:100%; }
.index_laurent span{ position:absolute; right:0px; bottom:0px; z-index:10}
.big_laurent{ padding:0.5% 0.5% 1% 0.5%; position:relative}
.big_laurent img{}
.big_laurent span{ position:absolute; left:10px; top:15px; }

.lastest_new #pages{ display:none  }

.lastest_new{margin:30px 0px 60px 0; min-height:335px;  background:#f7f5f1; position:relative;  }
.lastest_new .right_photo{ background:url(../images/kid_eat.jpg) no-repeat; width:36%; height:335px; float:right}
.lastest_new ul{ list-style:none; padding:1%; margin:0px; float:left; width:62%;  position:relative;  min-height:335px;  }
.lastest_new ul li{ padding:8px 15px; border-bottom:1px dotted #ddd; line-height:19px;  }
.lastest_new ul li span{ width:15%; float:left;}
.lastest_new ul li p{ width:80%; float: right;}
.lastest_new ul li a{ display:block}
.lastest_new ul li a:hover{ color:#146097;}
.lastest_new .more{ text-align: center; position:absolute; bottom:15px; width:100%;}
.lastest_new .more a{ background:#fff; border:1px solid #ddd; color:#333; padding:4px 21px;}
.lastest_new .more a:hover{ background:#146097; color:#fff;}


.index_main{ margin:30px 0px 60px 0; min-height:250px; }
.index_main .intro{ float:left; width:56%; text-align:justify;}
.index_main .icon_right{ float: right; width:42%;}
.index_main .icon_right ul{ list-style:none; margin:0px; padding:0px;}
.index_main .icon_right ul li{ float:left; width:48%; margin-left:0%;}
.index_main .icon_right ul li + li{ margin-left:4%;}
.index_main .icon_right ul li img{ width:100%;}

/* Footer Section */
#footer{ background:#146097; font-size:12px; padding:0px; position: relative; height:86px; margin-top:-60px; clear:both; }
#footer .screen{ padding-top:10px; }
#footer a{ color:#fff;} 
#footer .copy{ width:100%; text-align: center; color:#fff;}
#footer .copy .copyright { padding-top:5px; }
#footer .designby{ width:30%; float: right; color:#fff; text-align: right}

.nevigation{ background:#f2f2f2; padding:15px 0px; display:none }
.nevigation .home{ background:url(../images/icon_home.png) no-repeat; background-position:0px 5px; display: block; padding-left:25px; }
.nevigation ul{ list-style: none; margin:0px; padding:0px; color:#d00324;}
.nevigation ul .sp{ padding:0px 15px; color:#666 }
.nevigation ul li{ float: left; line-height:24px;  }
.nevigation ul li a{ color:#666; text-decoration: none }
.nevigation ul li a:hover{ color:#d00324; text-decoration: underline }

.inner_main{ margin:30px 0px 60px 0; min-height:250px; text-align: justify; font-size:15px; line-height:23px;}
.inner_main .img{ max-width:100%;}
.inner_main p{ clear:both; margin-bottom:15px;}

.Album {background:#fafafa; border:1px solid #d7d7d7; border-radius: 0px;  position:relative; margin-bottom:30px;}
.Album .title { margin:2%; border-bottom:1px dotted #ccc; padding-bottom:15px; margin-bottom:0px;}
.Album ul{ list-style: none; padding:0% 1% 1% 1%;}
.Album ul li{ float: left; margin:1%; width:23%; text-align: center; background:#FFF }
.Album ul li img{ width:100%}
.Album ul li .enlargeicon{ position:absolute; text-align: center; top:43%; width:100%;}

.Album_tpl_B {background:#fafafa; border:1px solid #d7d7d7; border-radius: 0px;  position:relative; margin-bottom:30px;}
.Album_tpl_B .title { margin:2%; width:auto; height: auto; border-bottom:1px dotted #ccc; padding-bottom:15px; }
.Album_tpl_B .title span {  padding:3px 15px;background:#333; color:#FFF; }
.Album_tpl_B ul{ list-style: none; padding:0% 1% 1% 1%;}
.Album_tpl_B ul li{ float: none; margin:1%; clear:both; padding-bottom:10px; border-bottom:1px dotted #ccc; }
.Album_tpl_B ul li .photo_Area{ float: left; width:25%;}
.Album_tpl_B ul .photo_Area img{ width:100%; border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc;}

.Album_tpl_B ul .photo_Area img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.Album_tpl_B ul .photo_Area:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.Album_tpl_B ul li .Description{ width:72%; float:right; text-align: left;}

.Pdf_download {background:#fff;  border-radius: 0px;  position:relative; margin:50px 0 20px;}
.Pdf_download .title { margin:0%; border-bottom:1px dotted #ccc; margin-bottom:0px; border-left:3px solid #d00324; padding-left:10px; line-height:40px; text-transform:uppercase}
.Pdf_download ul{ list-style: none; padding:0% ;}
.Pdf_download ul li{ float: left; margin:0%; width:50%; margin-bottom:10px; }
.Pdf_download ul li a{ display:block; color:#333333; background:url(../images/pdf_download.png) no-repeat; background-position:0px 0%; padding:3px 3px 3px 35px; font-size:15px; text-align:left}
.Pdf_download ul li a:hover{ color:#d00324}

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(../images/cd-top-arrow.svg) no-repeat center center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
  background: #000 url(../images/cd-top-arrow.svg) no-repeat center center;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}


.Sub_menu_container{ width:20%; float: right; box-shadow: 0px 0px 3px #ccc; margin-top:30px }
.Sub_menu_container .title{ background:#000; color:#fff; font-size:19px; font-weight: normal; margin-bottom:0px; text-align: center; padding:13px 0px 13px 0; text-transform:uppercase; }
.sub_menu{}
.sub_menu ul{ list-style:none;  margin:0px; padding:0px;  }
.sub_menu ul li{ margin:0px; border-bottom:1px solid #d2d4d4; border-top:1px solid #fff;}
.sub_menu ul li a{ padding:10px; display:block; font-size:15px; text-decoration: none;
   background-color: rgba(242,243,246, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.sub_menu ul li a:hover, .sub_menu ul li a.current{ background:#d00324; color:#fff; }
.sub_menu ul li ul{ }
.sub_menu ul li ul li{ margin:0px; border-bottom:0px solid #d2d4d4; border-top:0px solid #fff;}
.sub_menu ul li ul li a{ background: url(../images/icon_arrow_r.png) no-repeat #fff;  padding:10px 10px 10px 28px; font-size:13px; background-position:10px 50%;}
.sub_menu ul li ul li a:hover, .sub_menu ul li ul li a.current{ background: url(../images/icon_arrow_r_white.png) no-repeat #d00324;  background-position:10px 50%;}

#Main_content_with_submenu{ width:77%; float: left;  }

.fade_effect{
	-webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}

/* Product */
.Product_category {background:#fff; position:relative; margin-bottom:30px;}
.Product_category ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-1.5%}
.Product_category ul li{ float: left; margin:0px 1.5% 15px 0%; width:31.8%; text-align: center; background:#FFF }
.Product_category ul li div{ border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc;}
.Product_category ul li img{
   width:100%; 
   opacity: 1;
   background-color: rgba(0,0,0, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; }   
.Product_category ul li:hover img{opacity: 0.7; }
.Product_category ul li a{ text-decoration:none}
.Product_category ul li p{ padding:10px 10px 0 10px}
.Product_category ul li:hover p{ color:#666 }

.product_gallery{ float:left; width:70%;}
.product_description{ float:right; width:28%;}

/* News */
.News {background:#fff; position:relative; margin-bottom:60px; min-height:300px;} 
.news_listing ul{ list-style: none; padding:0% 0% 0% 0%; margin-right:-1.5%}
.news_listing ul li{ float: left; margin:0px 1.5% 15px 0%; width:31.8%; text-align: center; background:#FFF; position:relative}
.News .date { position:absolute; left:5px; top:5px; width:90px; z-index:1; opacity: 0.9; text-align: center}
.News .date2 { position:absolute; left:5px; top:18px; width:90px; z-index:1; opacity: 0.9; text-align: center}

.News .Day  { background:#333; color:#fff; line-height:70px; font-size:38px; white-space:nowrap; margin:0px;}
.News .Month_Year  { background:#146097; color:#fff; line-height:25px; font-size:12px; white-space:nowrap;  margin:0px;}
.news_listing ul li .News_Contetent{ border: 5px solid #fff; box-shadow: 0px 0px 2px #ccc; min-height:295px;}
.news_listing ul li p{ padding:10px 10px 0 10px; margin:0px;}
.news_listing ul li:hover p{ color:#666 }
.news_listing ul li img{ width:100%;}
.news_listing ul li .prev{
   width:100%; 
   opacity: 1;
   background-color: rgba(0,0,0, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; }   
   
.news_listing ul li:hover .prev{opacity: 0.7; }
.news_listing ul li a{ text-decoration:none}
.news_detail{ border: 3px solid #fff; box-shadow: 0px 0px 2px #ccc; position:relative; min-height:250px; clear:both; }
.News_container{ background:#FFFFFF; min-height:300px; margin:5px 15px 15px 110px; padding:0px;}
.news_detail h2{ margin:10px 0 0 110px ; }

.pages_page{ float: right; clear:both}
#pages{ text-align: center; float:right; margin:10px 0 50px 0; height:50px;}
#pages ul{ list-style:none; float:left; margin:0px; padding:0px;}
#pages ul li{ float: left; width: auto; margin:0px;}

#pages a{ color:#333333; background:#ddd; padding:2px 8px; margin:0px 5px; border-radius:50%; line-height:15px;}
#pages a:hover{ background:#25953d}
#pages a.pgCurrent{ color:#fff; background:#146097 }
.btn_back{text-align: center; margin:30px 0;}
.btn_back a{ padding:5px 24px 5px 40px; background:url(../images/icon_back_white.png) no-repeat #fed90c; background-position:20px 50%; color:#FFF; font-size:19px; text-decoration:none; text-transform:uppercase; }
.btn_back a:hover{ background:url(../images/icon_back_white.png) no-repeat #003377; color:#FFF; background-position:12px 50%; }

.contactus{ text-align:center;}
.contactus .info{ float: none; font-size:15px;  background:#fcfcfc; padding:10px 0px;}
.contactus .info table{ margin:10px 0; padding:10px; float:left; width:40% }
.contactus .info table td{ padding:0px 15px 10px 0px; text-align: left;}
.contactus .info .title_contact{ width:15%; padding-right:15px; }
.contactus .info table a{ color:#d00324}
.contactus .info table a:hover{ color:#666}
.maparea{ float:right; width:55%; margin:0px 10px 0 0; }
.maparea img{ width:100%}
.maparea a{ text-align:right; padding:5px 0; color:#146097; float:right}

.maparea iframe{ width:100%; height:450px;}
.contact_form{ float: none; width:100%;}

.sitemap{}
.sitemap ul{ list-style: none; margin:0px; padding:0px;}
.sitemap ul li{ float:left; margin:0px; width:18%; margin:10px 2% 10px 0; }
.sitemap ul li ul{ padding:0px;}
.sitemap ul li ul li{ width:100%;  margin:10px 0% 10px 0; }
.sitemap ul li ul li ul li{ margin:5px 0% 5px 0;}

.sitemap ul li a{ font-size:19px; display: block; border-bottom:1px solid #ddd; padding:0px 0px 10px 0px;}
.sitemap ul li ul li a{ font-size:15px; display: block; border-bottom:0px solid #ddd; padding:0px 0px 0px 0px;}
.sitemap ul li ul li ul li  a{ font-size:13px; display: block; border-bottom:0px solid #ddd; padding:0px 0px 0px 0px;}

.intro_w{ margin-top:30px;}
#title {
    background-position: center center;
    background-size: cover !important;
    display: table;
    height: 200px;
    width: 100%; margin:15px 0}
#title h1 { text-align: center; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.4); padding-top:80px;}
.intro{ background: url(../images/banner_intro.jpg) no-repeat right bottom; min-height:328px;margin-bottom:15px;}	
.content_position{ margin-right:300px; }
.intro h2{ padding-top:10px;}	

.Branding{ margin:30px 0px; }
.Branding .photo{ float:right; margin-left:30px;   }
.Branding .logo{ position:absolute; left:-10px;}
#vv .logo{ position: relative; text-align:center}

.Branding .logo_b{}
.Branding p{ margin:20px 0 0 0;}
.Branding .content{ float:left; width:56%;}
.Branding .brand_more { margin:30px 0 0 0}
.Branding .brand_more a{ background:#fed90c; padding:6px 21px; }
.Branding .brand_more a:hover{ background:#003377; color:#FFF }

.Branding_b { margin:50px 0px 10px 0; }
.Branding_b .photo{ float: left; width:38%; text-align: center;   }
.Branding_b .logo{ }
.Branding_b p{ margin:0px 0 0 0;}
.Branding_b .content{ float: right; width:60%; border-top:2px solid #ddd; border-bottom:2px solid #ddd;}
.Branding_b h3{ text-align:center; padding:50px 0px 30px 0; font-size:33px;}

.Branding_b .brand_more { margin:30px 0 0 0}
.Branding_b .brand_more a{ background:#9a8147; padding:6px 21px; color:#FFF }
.Branding_b .brand_more a:hover{ background:#000000; color:#FFF }
.top_logo_un{ padding-top:50px;}
.brand_go{text-align: center; margin:10px 0 50px 0;}
.brand_go a{ padding:5px 24px 5px 40px; background:url(../images/icon_back_white.png) no-repeat #003377; background-position:20px 50%; color:#FFF; font-size:19px; text-decoration:none; text-transform:uppercase; }
.brand_go a:hover{ background:url(../images/icon_back_white.png) no-repeat #fed90c; color:#FFF; background-position:12px 50%; }

.product_category{ margin:5px 0 50px 0}
.product_category .logo{ text-align:center; margin:10px 0 0 0}
.product_category ul{ list-style:none; padding:0px;}
.product_category ul li{ float:left; width: 23%; border:1px solid #ddd; padding:1px; margin:0.8%; min-height: 380px;}
.product_category ul li .cover{ height:235px; position:relative; }
.photo_full{ width:100%;}
.product_category ul li span{position: absolute; left:5px; top:5px; }
.product_category ul li h3{ text-align:center; font-size:19px; padding:5px 0px;}

.product_category ul li+li+li+li+li{ clear: both}
.product_category ul li+li+li+li+li+li{ clear: none}

.product_category ul li+li+li+li+li+li+li+li+li{ clear: both}
.product_category ul li+li+li+li+li+li+li+li+li+li{ clear: none}

.product_category ul li ul{ padding:0px 10px 20px 10px;}
.product_category ul li ul li{ float:none; border:0px solid #ddd; text-align: left; width:auto; margin:0px; min-height: 15px; height:auto}
.product_category ul li ul li a{ display:block; text-align: left; font-size:17px; color:#0c6493; line-height:21px; background:url(../images/pt_arrow.png) no-repeat; background-position:0px 10px; padding-left:10px;}

.products_category{ margin:15px 0 50px 0; position:relative;}
.products_category h2{ margin:15px 0 0px 0}
.products_category .sub_category{ margin-bottom:30px;}
.products_category .sub_category ul{ list-style:none; margin:0px; padding:0px;}
.products_category .sub_category ul li{ float:left; font-size:19px;}
.products_category .sub_category ul .sp{ padding:0px 20px; color:#ddd}

.products_category .sub_category ul li a{ color:#9acce6; -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; opacity: 1;}
.products_category .sub_category ul li a:hover{ color:#0c6493;}
 .sub_category ul li a.current{ color:#0c6493; text-decoration:underline;}

.products { margin:0px; padding:0px 0px 50px 0; min-height:350px;}
.products ul { list-style: none; margin:0px 0px 0px -1%; padding:0px;}
.products ul li{ float: left; width:24%; margin:0px 0% 15px 1%;}

.products ul li + li + li + li + li{ clear: both}
.products ul li + li + li + li + li + li{clear: none}
.products ul li + li + li + li + li+ li + li + li + li{ clear: both}
.products ul li + li + li + li + li+ li + li + li + li + li{ clear: none}
.products ul li + li + li + li + li+ li + li + li + li + li + li + li + li{ clear: both}
.products ul li + li + li + li + li+ li + li + li + li + li + li + li + li+ li{ clear: none}

.products ul li p{ padding:5px 0px; text-align:center;}
.products ul li img{ width:100%;}
.products ul li:hover p{ color:#0c6493}

.back_to_product{ position: absolute; right:0px; top:0px;}


.main-image { margin:0; width:400px; text-align:center}
.main-image img{ max-height:295px; border:1px solid #ddd; padding:1px; max-width:100% }

.products_details{ position:relative}
.photo_location{ float:left; width:40%;}
.product_des{ float:right; width:55%; }
.product_des h3{ color:#233f7a; font-size:30px; max-width:420px;} 
.product_des h4{ color:#233f7a; font-size:21px;} 
.product_des h5{ background:#0e5386; color:#fff; padding:5px ; font-size:19px; margin-bottom:0px;  margin-top:25px;} 
.question_box{ background:#f7f7f7; padding:50px 30px 40px 30px; margin:1px 0px 30px 0px; text-align:center; font-size:15px;}


.product_des .code{ color:#333; font-size:19px;} 

.thumb{  width:100%; margin:30px 0}
ul.thumbnails{ list-style:none; margin:0px 0 0 -2.2%; padding:0px;}
ul.thumbnails li{ float:left; width:31%; padding:0px;  float:left; height:93px; padding:0px; margin:10px 0% 0px 2.2%}
ul.thumbnails li img{max-height:90px; width:100%; border:1px solid #f1f1f1; }
ul.thumbnails li a{display:block; }
ul.thumbnails li:hover img{border:1px solid #abdafd;}

.content_edit{ margin:15px 0px;}
.content_edit table{ width:100%; line-height:24px;}
.content_edit_b{ margin:15px 0px;}
.content_edit_b table{ width:100%; line-height:24px;}


.add_to_cart{ position:absolute; right:0px; top:0px;}
.add_to_cart a{ background:url(../images/add_to_bag.png) #313131 no-repeat; padding:9px 10px 9px 37px; background-position:8px 45%; color:#fff}
.add_to_cart a:hover{ background:url(../images/add_to_bag.png) #0e5386 no-repeat; background-position:8px 45%; }

.add_to_enquiries{ text-align:center; padding:10px 0px; margin-top:5px;}
.add_to_enquiries a{ background:url(../images/icon_email.png) #fed90c no-repeat; background-position:10px 53%; padding:7px 10px 7px 40px; font-size:14px;  }
.add_to_enquiries a:hover{ background:url(../images/icon_email_white.png) #333 no-repeat; background-position:10px 53%; color:#fff; }

.cart{ top:0px; width:50px; position: absolute; right:0px; margin:15px 0 0 0; }
.cart ul{ list-style:none; margin:0px; padding:0px;}
.click-nav ul li ul {
	position:absolute; background:#FFF;	left:-11;	right:0; z-index:999; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; box-shadow:0 0 3px #ccc; padding:10px; top:35px; width:215px; right:5px
}
.click-nav ul li ul li{ float: none; position:relative; border-bottom:1px dotted #ccc; padding:6px 0px 6px 0; font-size:12px;line-height:14px;}
.click-nav ul li ul li img{ width:50px; border:1px solid #ddd; margin-right:5px;}
.delete_quick{ float:right}
.delete_quick a{ background:url(../images/delete_icon.png) no-repeat; width:20px; height:23px; display:block;}
.click-nav ul li ul li table{ width:100%;}
.cart_icon{ position:absolute; top:0px;} 
.cart_name{ font-size:19px; color:#000; padding-left:5px;} 
.cart_quanity{ font-size:13px; background: url(../images/bg_bag_m.png) no-repeat center center; color:#FFF; padding:15px 11px 10px 12px; background-size:33px 40px; }
.cart_cost a{  display:block; padding:0px; cursor:pointer }
.cart_cost a:hover{ text-decoration: none}
.quotat_now{ float:right; margin:10px 0 0 0 }

.quotat_now a{ border-radius:2px; padding:6px 11px; text-align: center; background:#066790; color:#fff; }
.quotat_now a:hover{ background:#22943a; color:#fff; }

.click-nav .no-js ul {
	display:none;
}
.click-nav .no-js:hover ul {
	display:block;
}
.cart_update {  margin:10px 5px 0 0; float:left}
.cart_delete {  margin:10px 5px 0 0; float:left }
.cart_update a{ white-space:nowrap; background:#ffba00; background-position:5px 5px; text-transform:uppercase; padding:5px; border-radius:4px; color: #fff;line-height:19px; font-size:12px }
.cart_delete a{ white-space:nowrap; background:#333; background-position:5px 5px; text-transform:uppercase; padding:5px; border-radius:4px; color: #fff; line-height:19px;   font-size:12px }

.must_fill{ color:#F00; font-size:12px; }
.box_fill{ border:1px solid #ccc; width:98%; padding:1px; line-height:21px;}
.box_submit{ border:1px solid #ccc; background:#076495;padding:3px 20px; border-radius:4px; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-size:15px; color:#FFF }
.box_submit:hover{ border:1px solid #ccc; background:#333;}

.arrowlistmenu .container{ min-height: auto}

.arrowlistmenu ul{ margin:0px 0 0 10px; padding:0px;}
.arrowlistmenu ul li{  margin:0px 0 0 0px;}
.arrowlistmenu ul li a{ color:#06C}
.contextual-links-region{ position:static}

.shoppingcart p span{ color:#066790; font-weight:bold}
.shoppingcart .enqyiry{ color:#22943a; font-weight:bold }

.cart_qty{ width:20px; text-align:center}
.modle_no { font-size:13px; line-height:15px; color:#666}
img.checkout_product{ width:100%}
.small_pcs{ font-size:11px; padding-left:5px;}
.hea_t{ background:#146097; color:#fff;}


.video_post{ float:left; width:48%; margin:0 15px 15px 0}

.video_post iframe{ width:100%; height:320px;}
.video_post_left{ float:left; width:48%; margin:0 15px 15px 0}
.video_post_left iframe{ width:100%; height:320px;}