/*
Description:	CSS 2013
Author:			Visualcode Limited
Date: 			January 2013
Version:		1.0
*/

@import url('css/cookie.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/*---------------------------Global Start -----------------------------*/

body {font:13px/20px "Open Sans", helvetica, arial, san-serif; margin:0px; padding:0px; color:#333; background:#142644; text-align:center;}

input, 
button, 
select, 
textarea {font:13px/20px "Open Sans", helvetica, arial, san-serif;}

a:link {color:#1F3A65; text-decoration: none;}
a:visited {color:#1F3A65; text-decoration: none;}
a:active {color:#FFC20E; text-decoration: none;}
a:hover {color:#FFC20E;text-decoration: none;}
a img{border:none;}

h1, h2, h3, h4{line-height:normal; font-weight: 600;}
h1 {font-size: 25px; margin-top:0px; padding-top:0px; color:#1F3A65; font-weight:700; letter-spacing:-0.5px;}
h2 {font-size:22px; margin-top:0px; color:#1F3A65;}
h3 {font-size:18px; color:1F3A65;}
h4 {font-size:15px;font-weight:400; margin-top:0px;}

hr {border: none; height: 1px; margin: 10px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#1F3A65 dotted 1px;}

p{ margin:10px 0;}
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */
pre {display: inline; white-space: pre-wrap; word-wrap: break-word;}

.instruction{display:block; padding:5px 10px; margin:0px 0px 10px 0px; font-size:12px; background:#FFFFcc; border:#FFFF66 dotted 1px;}
.thumbend{margin-right:0 !important;}
	
/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%;}	
table td{padding:5px; border-bottom:#EAF4F6 solid 1px; vertical-align:top;}	
table tr.alt td, table tr.loop1 td{background:#ECECEC;}
table td.five{padding:5px;}
table thead td{background:#1F3A65; border-top:0px; border-bottom:#FFF solid 1px; color:#FFF; padding-left:5px; }
table thead td.none{border-right:none;}	

/* General Form Formating */
input,button,select,textarea {}
form {margin:0;padding:0;margin-top:5px;padding-top:5px;}
form p {margin:0;padding:2px 0 2px 0 ;}
form div{display:block;clear:left;}
form .inputContainer{float:left;margin-bottom:5px;width:auto;clear:none;}
form .inputContainer div{margin-bottom:5px;clear:left;}	
.inputContainer .subForm div.inputContainer{width:200px;float:left;clear:none;}
form label {float: left;margin:0; padding:1px 1px 0 1px; width: 10em; text-align: left; color:#333;}
form input,form select,form textarea{margin-bottom:5px; padding:3px; border:#CCC solid 1px; background:#FFF; color:#333;}
form select{margin-bottom:5px; padding:0; border:#CCC solid 1px; max-width:200px;}
form input.standard {width:200px;}
form textarea {width:400px;font-size:12px;}	

form input.button { padding:5px 10px !important; color:#1F3A65; text-shadow:0px 1px 1px rgba(255,255,255,0.75); font-size:12px; font-weight:700; background:#FFC20E url(/images/white_grad_25.png) repeat-x; border:#FFC20E solid 1px; overflow:visible; /* IE button hack for width */ cursor:pointer; text-transform:uppercase; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
form input.button:hover{background:#1F3A65 url(/images/white_grad_25.png) repeat-x; border:#1F3A65 solid 1px; color:#FFF; text-shadow:0px 1px 1px rgba(0,0,0,0.7); text-decoration:none; }
span.error {font-size:10px; display:block; clear:left; width:auto; font-weight:600;color:#7DAF3B;}

.clear{clear:both; text-align:center; padding-top:0px;}

a.button, .clear a{display:inline-block; padding:3px 10px !important; border:0; color:#1F3A65; text-shadow:0px 1px 1px rgba(255,255,255,0.75); font-size:11px; font-weight:700; background:#FFC20E url(/images/white_grad_25.png) repeat-x; border:#FFC20E solid 1px; transition: all 0.2s ease-in-out; text-transform:uppercase; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
a:hover.button, .clear a:hover{color:#FFF; background:#1F3A65 url(/images/white_grad_25.png) repeat-x; border:#1F3A65 solid 1px; color:#FFF; text-shadow:0px 1px 1px rgba(0,0,0,0.7); }

#container{padding:0px; margin:0px auto; border:none; position:relative; text-align:center; width:100%; background:#FFF; overflow:hidden;}
	
#socialmedia_block{position:absolute; right:20px; top:0px; z-index:9999;}	
#socialmedia_block div{width:22px; height:22px; overflow:hidden; float:left; margin-left:5px; margin-top:5px;}
#socialmedia_block div a{text-indent:-999px;}
	
/* ______________________ Header ______________________ */

#header{margin-bottom:0px;  width:100%; background:#FFF; height:425px; border-bottom:#FFC20E solid 5px; background-position:center top; background-repeat:no-repeat; }
#headCont{ width:980px; padding:0px; margin:0px auto; text-align:center; position:relative; height:180px;}
.Crop_Height{height:160px !important;}

/* ______________________ Logo ______________________ */

#Logo {margin:0px auto; padding:0px; text-align:left; width:180px; float:left; margin-left:20px; padding-top:10px; height:120px;}
#Logo a{background:url(/images/logo.png) no-repeat; width:180px; height:112px; display:block;}
.Dark #Logo a{background:url(/images/logo_white.png) no-repeat;}

.strapLine{height:80px; padding-top:20px; width:620px; float:left; text-align:right; margin-left:40px; color:#1F3A65; position:relative;}

.strapLine .block{float:left; text-align:left; width:200px; line-height:15px; text-shadow:0px 1px 1px rgba(255,255,255,0.8);}
.strapLine .loop1{border:#1F3A65 dotted 1px; border-top:0px; border-bottom:0px; padding:0px 5px; margin:0px 4px;}
.strapLine .block h4{font-weight:700; font-size:15px; margin:0px; margin-left:10px;}
.strapLine .block span.phone{font-weight:700; font-size:15px; margin-left:10px;}
.strapLine .block span.phone label{font-weight:600; font-size:11px;}
.strapLine .block span.email{display:block; font-size:11px; font-weight:600; margin-left:10px;}

.strapLine .mainLogoSupplier{position:absolute; top:40px; right:-100px;}

.Dark .strapLine .block{text-shadow:0px 1px 1px rgba(31,58,101,0.85); color:#FFF;}
.Dark .strapLine .block h4{color:#FFF;}
.Dark .strapLine .block a{color:#FFC20E;}
.Dark .strapLine .block a:hover{color:#FFF;}
.Dark .strapLine .loop1{border:#FFC20E dotted 1px; border-top:0px; border-bottom:0px;}

/* ______________________ Navigation ______________________ */

#Nav{margin:0px auto; text-align:left; float:left; margin-left:30px; width:730px; position:relative;}
#Nav ul{clear:none; margin:0px; padding:0px 0px 0px 0px; text-align:center; list-style:none; position:relative;}
#Nav ul li{ float:left; display:block; position:relative; width:75px; margin-right:5px; margin-bottom:0px; height:30px;}
#Nav ul li.long{width:120px;}
#Nav ul li.end{ margin-right:0px; }

#Nav ul li a{ display:block; padding:5px 0px 0px 0px; color: #1F3A65; height:25px; font-weight:600; text-decoration: none; background:rgba(255,255,255,0.35); position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:0px 1px 1px rgba(255,255,255,0.85);}
#Nav ul li a b{letter-spacing:1px; font-weight:600; font-size:14px; line-height:14px;}
#Nav ul li a:hover{transition: all 0.2s ease-in-out; background: #1F3A65 url(/images/white_grad_25.png) repeat-x; color:#FFF; text-shadow:none; }
#Nav ul li a.on{background:#FFC20E url(/images/white_grad_25.png) repeat-x;}
#Nav ul li a.on:hover{color: #1F3A65;}
#Nav ul li:hover ul{display:block; }

#Nav ul li a span.drop{display:none; position:absolute; bottom:0px; left:30px; border-bottom:#FFF solid 5px; border-left:transparent solid 5px; border-right:transparent solid 5px; border-top:none; height:0px; width:0px; }
#Nav ul li a:hover span.drop{display:block;}
#Nav ul li a:hover.on span.drop{border-bottom:#1F3A65 solid 5px;}

#Nav ul ul{ position:absolute; z-index:1001; background:rgba(31,58,101,0.85); width:220px; display:none; top:30px; left:0px; border:none; padding:0px; text-align:left; height:auto; padding-bottom:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#Nav ul ul li { background:transparent; border:none; width:220px; padding:0; display:block; float:none;text-align:left; height:auto; margin:0px 0px; }

#Nav ul li ul li a { text-shadow:none; height:auto; padding:2px 10px 2px 20px; color:#FFF; background: url(images/bullet_white_nav.png) no-repeat 5px 7px !important; border:none !important; display:block; text-align:left; font-weight:bold; font-size:11px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#Nav ul li ul li a:hover {color:#FFF; background:#FFC20E url(images/bullet_white_nav.png) no-repeat 5px 7px !important; }

/* Dark THEME*/

.Dark #Nav ul li a{color:#FFF; text-shadow:none; background:rgba(31,58,101,0.45);}
.Dark #Nav ul li a:hover{background: #1F3A65 url(/images/white_grad_25.png) repeat-x;}
.Dark #Nav ul li a.on{background:#FFC20E url(/images/white_grad_25.png) repeat-x; color: #1F3A65;text-shadow:0px 1px 1px rgba(255,255,255,0.85);}
/* ______________________ facebook ______________________ */

#facebook{ position:absolute; top:115px; right:20px; width:25px; height:38px; overflow:hidden; z-index:10;}
#facebook a{display:block; height:38px; width:25px; text-indent:-9999px; background:url(/images/facebook_tab.png) no-repeat 0px -13px; transition: all 0.2s ease-in-out;}
#facebook a:hover{background:url(/images/facebook_tab.png) no-repeat 0px 0px;}

.facebookArea img{display:block;margin:auto;max-width:100%;}

/* ______________________ Crumb ______________________ */

.crumbContainer{background:#F2F2F2; margin:0px; border-top:#FFF solid 5px; border-bottom:#ECECEC solid 1px; margin-bottom:20px;}

#breadcrumb{padding:7px 0px; border-top:#ECECEC solid 1px;  height:20px;}
#breadcrumb #home{width:940px; margin:0px auto; text-align:left; font-style:italic; color:#666; font-family:georgia, times, serif;}


/* ______________________ Background Gallery ______________________ */

#bannerarea{height:350px; text-align:center; position:relative; margin-top:20px;}
#bannerinner{margin:0px auto; width:940px;  position:relative;}


#bannerarea .search{position:absolute; top:30px; right:20px; background: rgba(255,255,255,0.75); z-index:500; width:260px; padding:10px 20px 20px 20px; border-radius:5px; text-align:left; text-shadow: 0px 1px 1px rgba(255,255,255,0.75);}
#bannerarea .search h3{font-size:23px; color:#1F3A65; margin:0px; padding:0px;}
#bannerarea .search p{font-size:13px;}
#bannerarea .search form{margin:0px; padding:0px;}
#bannerarea .search form label{font-weight:700; display:block; float:none; padding-bottom:5px; text-shadow: 0px 1px 1px rgba(255,255,255,0.85); width:260px;}
#bannerarea .search form select{width:260px; max-width:300px !important; font-size:13px; padding:5px; margin-bottom:10px; color:#1F3A65; font-weight:600;}
#bannerarea .search form input.keyword{width:248px; padding:5px;}

#bannerarea .bannerItem h2{display:none;}

/* ______________________ Layout of Content Areas ______________________ */


#wrapper {margin:0px auto; padding:10px 0px 0px 0px; width:980px; text-align:left; position:relative;}

#content_980{clear:both; padding:20px; margin:0px;}

#mainContent{width:700px; float:right; padding:0px; margin-right:20px; padding-bottom:20px; border-top:#CCC dotted 1px; padding-top:20px; background:url(/images/main_title_detail.png) no-repeat right 7px;}	
#mainContent ul, .facebookArea ul{list-style:none; margin:15px 0px; padding:0px; padding-left:20px;}
#mainContent ul li, .facebookArea ul li{background:url(/images/bullet.png) no-repeat 0px 5px; padding-left:20px;}
	
#leftnav{float:left; width:220px; margin-left:20px; padding-bottom:32px;}	
#leftnav .section h3{font-size:13px; text-transform:uppercase; padding:5px 0px; margin:0px; color:#1F3A65; font-weight:700; border-bottom:#1F3A65 solid 3px; border-top:#CCC dotted 1px; background:url(/images/nav_title_detail.png) no-repeat right 7px; position:relative;}

#leftnav .section h3 a.escape{position:absolute; z-index:10; right:5px; top:35px; background:#FFF; display:block; width:20px; height:20px; text-align:center; line-height:20px; font-size:10px; font-weight:700; color:#FFC20E; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#leftnav .section h3 a:hover.escape{background:#ECECEC; color:#333;}
	
#leftnav .section ul{list-style:none; margin:0px 0px 20px 0px; padding:0px;}
#leftnav .section ul li{ margin:0px; padding:0px; display:block;}
#leftnav .section ul li a{display:block; padding:3px 0px 3px 20px; background:url(/images/bullet.png) no-repeat 5px 8px; border-bottom:#ECECEC solid 1px; color:#1F3A65;  font-weight:600; text-decoration:none; font-size:12px;}

#leftnav .section ul li a:hover{background:#F2F2F2 url(/images/bullet_on.png) no-repeat 5px 8px; text-decoration:none;}
	
#leftnav .section ul li a.on{background:#FFC20E url(/images/bullet_white.png) no-repeat 5px 8px; color:#FFF; text-decoration:none;}
#leftnav .section ul li ul{margin-bottom:0px;}

#leftnav .section ul li ul li a{padding:3px 0px 3px 20px;background:url(/images/bullet.png) no-repeat 0px 7px; margin-left:20px;}
#leftnav .section ul li ul li a:hover{background:#ECECEC url(/images/bullet_on.png) no-repeat 0px 7px;}
#leftnav .section ul li ul li a.on {background:#1F3A65 url(/images/bullet_white.png) no-repeat 0px 7px; color:#FFF:}
	
#wrapperBottom {clear:both;height:325px;padding-bottom:0px;}

#leftnav .section form{}
#leftnav .section form .searchfield, #leftnav .section form .submit{float:left; font-size:13px; line-height:20px; clear:none;}
#leftnav .section form .searchfield input, #leftnav .section form .submit input{margin:0px; padding:5px;}
#leftnav .section form .searchfield input{width:166px;}
#leftnav .section form .submit input.button{padding:5px; width:40px; border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; cursor:pointer;}

#rightCol{float:right; width:220px; margin-right:20px; border-top:#CCC dotted 1px; padding-top:80px; background:url(/images/nav_title_detail.png) no-repeat right 7px;}


/* Key Suppliers */

.key_suppliers{padding-top:20px; border-bottom:#FFC20E solid 3px; background:#ECECEC url(/images/detail.png) repeat-x; padding-bottom:10px;}
.key_suppliers .inner{width:980px; margin:0px auto;}
.key_suppliers .inner .block{width:300px; float:left; margin-left:20px; text-align:left; }
.key_suppliers .inner .block .img{float:left; width:150px; padding:5px 5px 5px 5px; margin-bottom:0px; background:#FFF; border-radius:0px 0px 5px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.key_suppliers .inner .block .action{width:120px; float:left; margin-left:20px; }
.key_suppliers .inner .block .action h3{margin:0px; padding-top:5px; font-weight:700; font-size:15px; color:#1F3A65; text-shadow: 0px 1px 1px rgba(255,255,255,0.8);}
.key_suppliers .inner .block a.button{font-size:10px; padding:2px 3px; line-height:15px;}

/* ______________________ Footer Navigation ______________________ */

#footContainer {clear:both; }

#foot_navigation_container{width:100%; background:#1F3A65;}
#foot_navigation{ clear:both; padding:0px; width:980px; margin:0px auto; text-align:left; color:#FFF;}
#foot_navigation h3{ margin:0px; padding:0px; padding-top:20px; font-size:15px; padding-bottom:10px; font-weight:700; border-bottom:#FFF dotted 1px; color:#FFF; margin-bottom:10px; text-transform:uppercase; }
#foot_navigation .footerColumn{ width:220px; float:left; margin-left:20px; line-height:25px; font-size:12px;}

#foot_navigation .footerColumn ul{ list-style:none; margin:0px; padding:0px; margin-bottom:10px;}
#foot_navigation .footerColumn ul li a{padding:2px; padding-left:20px; background:url(/images/bullet_white.png) no-repeat 0px 10px; font-weight:600; display:block;}
#foot_navigation .footerColumn ul li a:hover{background:url(/images/bullet_on.png) no-repeat 0px 10px;}


#foot_navigation .footerColumn a{color:#FFF; padding-left:0px; text-shadow:none;}
#foot_navigation .footerColumn a:hover{color:#FFC20E;}

#foot_navigation .branches{width:460px; padding-bottom:20px;}
#foot_navigation .branches h4{font-weight:700; margin:0px; font-size:13px; color:#FFF; padding-top:5px;}
#foot_navigation .branches small a{font-weight:700; color:#FFC20E;}
#foot_navigation .branches small a:hover{color:#FFF;}
#foot_navigation .branches .tel{margin-bottom:5px;}
/* ______________________ Footer ______________________ */



#footer {color: #FFF; margin:0 auto; width:980px; text-align:center; margin-bottom:20px; padding-top:20px; font-size:10px; line-height:15px; position:relative;}

#footer a.anch{position:absolute; display:block; width:40px; height:20px; border-radius:5px; background:#142644; left:470px; top:-10px;}
#footer a:hover.anch{background:#1F3A65;}
#footer a.anch span{display:block; position:absolute; top:5px; left:15px;  height:0px; width:0px; border-top:0px; border-left:transparent solid 5px; border-right:transparent solid 5px; border-bottom:#FFF solid 5px;}
	
#address{ text-align:right; float:right; margin-right:20px; width:470px; }	
#address a{color:#FFF;}
#address a:hover{color:#FFC20E;}
#copyright{float:left; width:470px; text-align:left; margin-left:20px;}
	
/* Gallery */

.thumbs { margin-top:0px; float:left; }
.thumbs a { float:left; margin:0px 20px 20px 0px; }

/* ______________________ Home Page ______________________ */

.home_action_bar{background:#ECECEC; padding:20px 0px;}
.home_action_bar .action_inner{width:980px; margin:0px auto; text-align:left;}
.home_action_bar .action_inner .section{float:left; width:300px; margin-left:20px; height:220px; position:relative; }
.home_action_bar .action_inner .section span.line{width:0px; height:220px; border-left:#666 dotted 1px; display:block; position:absolute; top:0px; left:-9px;}
.action_inner .section h3{font-weight:700;  text-shadow: 1px 1px 1px rgba(255,255,255,0.75)}
.action_inner .section form div{display:block; width:300px; margin-bottom:5px;}
.action_inner .section label{width:75px; font-weight:600; font-size:11px;}
.action_inner .section select{width:220px;}

.action_inner .section .block{height:50px; overflow:hidden;}
.action_inner .section .loop1{background:#FFF;}
.action_inner .section .block .img{width:75px; float:left; height:50px; vertical-align:middle; position:relative;}
.action_inner .section .block .img a{height:50px; width:75px; display:block; background-repeat: no-repeat; background-position:center center;}
.action_inner .section .block .action{float:left; width:200px; padding:5px 10px;}
.action_inner .section .block .action h4{font-weight:700; margin:0px; padding:0px; font-size:13px;}

/* ______________________ NEW Machinery ______________________ */

#suppliers{}
#suppliers .supplier{padding-bottom:20px; margin-bottom:20px; border-bottom:#CCC dotted 1px;}
#suppliers .supplier_logo{float:right; width:150px; margin-left:20px; text-align:center;}
#suppliers .supplier_logo img{margin-bottom:10px;}
#suppliers .supplier_details{float:left; width:530px;}
#suppliers .supplier_details h2{margin:0px; font-size:17px; font-weight:700; }

.department{}
.department .supplier_logo{float:right; margin:0px 0px 20px 20px; text-align:center; width:300px; border:#CCC dotted 1px; padding-bottom:10px;}
.department .supplier_logo img{margin-bottom:10px;}

.department_category_intro{background:#ECECEC; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:20px; clear:both;}
.department_category_intro h3{margin:0px; padding:0px;}

.department .department_item{width:220px; height:220px; overflow:hidden; float:left; position:relative; margin-right:20px; margin-bottom:20px;}
.department .loop2{margin-right:0px;}
.department .department_image{position:relative;}
.department .department_details{position:absolute; top:0px; left:0px; z-index:10; border:#CCC solid 1px; height:218px; width:218px;}
.department .department_details h2{background:rgba(255,255,255,0.5); font-size:12px; font-weight:700; position:absolute; top:20px;left:0px; padding:5px 5px 5px 10px}

.department .department_details a.button{display:none; position:absolute; bottom:20px; right:20px;}
.department .department_details:hover a.button{display:block;}
/* ______________________ Map ______________________ */

.maplist_toggle { float:right; }
.property_map{width:700px; height:500px;}

.property_map .mapwindow{display:block; width:300px;}
.property_map .mapwindow .title{font-weight:700; color:#1F3A65; display:block; font-size:15px; margin-bottom:5px;}
.property_map .mapwindow .image{float:left; margin-right:5px;}
.property_map .mapwindow .price{font-weight:600; display:block;}
.property_map .mapwindow .summary{}
.property_map .mapwindow .summary p{margin:0px; padding:0px; padding-bottom:5px; }
.property_map .mapwindow a.button{font-size:11px; font-weight:700;}

/* ______________________ Contact ______________________ */	

#contact #left{float:left;}
#contact #left label{width:100px;}
#contact #left input, #contact #left textarea{max-width:340px; width:340px;}

#contact #right{float:right; padding:0px 0px; width:240px; border-left:#CCC dotted 1px; }
#contact #right .office_details{background:#ECECEC; padding:10px;}
#contact #right .loop1{background:#FFF;}
#contact #right .office_details{font-size:11px; line-height:15px;}
#contact #right .office_details .office_address h3{margin:0px; padding:0px; font-size:15px;}
#contact #right .office_details .office_address{padding-bottom:10px;}
#contact #right .office_details .tel{padding-bottom:10px;}

#branches .office_row{background:#ECECEC; margin-bottom:20px;}
#branches .office_address{padding:10px; float:left; width:270px; padding-right:9px; }
#branches .office_row .office_details, #branches .office_row .comms{padding-bottom:10px;}
#branches .office_row .office_map{float:left; height:300px; width:410px; border-left:#FFF dotted 1px; background:#FFF;}
#branches .office_row .office_map .mapcanvas{ height:300px; width:410px;}


/*--------------------------- News and Facebook -----------------------------*/

/*News*/

.newsItems{border-top:#CCC dotted 1px; padding-top:20px;  background:url(/images/main_title_detail.png) no-repeat right 7px; margin:0px 20px;}

.offer{background:#ECECEC; margin-left:35px; padding:10px 20px; margin-bottom:20px; position:relative; border-radius:0px;}
.offer .first_img{float:left; margin-right:10px;}
.offer .shortDesc{/*float:left;*/}
.offer h3 { margin-top:0px; }

/*News Article*/

.new_article_container{padding-bottom:40px;}
.new_article_container .left, .new_article_container .right{margin-left:20px; float:left; border-top:#CCC dotted 1px; padding-top:20px;  background:url(/images/main_title_detail.png) no-repeat right 7px;}
.new_article_container .left{width:300px;}

.new_article_container .left .date{background:#ECECEC; padding:10px;}
.new_article_container .left .date label{font-style:italic; }
.new_article_container .left .date span{font-weight:bold;}

.new_article_container .right{width:620px; overflow:hidden; background:url(/images/nav_title_detail.png) no-repeat right 7px; padding-top:25px;}


/*--------------------------- Social Media -----------------------------*/


.datetab {background: url("/images/date-tab.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  color: #FFFFFF; font-weight: 700; line-height:15px; padding-top:7px; position: absolute; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); text-transform: uppercase; top: 20px; left: -35px; width: 44px; height: 83px; z-index: 10;}

.facebookSpan .offer{min-height:100px;}

.facebookSpan .offer .image{width:545px; overflow:hidden; text-align:center;}
.facebookSpan .offer .image img{max-width:545px;}
.facebookSpan .offer .caption{text-align:center; font-style:italic;}

.facebookArea{margin-left:20px; float:left; width:620px; border-top:#CCC dotted 1px; padding-top:20px;  background:url(/images/main_title_detail.png) no-repeat right 7px;}

.facebookArea h1, .twitterArea h1{margin-bottom:0px;}
.facebookArea .title, .twitterArea .title{margin-bottom:20px;}
.facebookArea .title small, .twitterArea .title small{display:block; padding-left:35px; height:35px; background:url(/images/icon_facebook.png) no-repeat 0px 3px; line-height:18px;} 
.facebookArea .title small a, .twitterArea .title small a{color:#3B5998; }
.facebookArea .title small a:hover, .twitterArea .title small a:hover{text-decoration:underline;}

.twitterArea{width:300px; float:left; margin-left:20px;  border-top:#CCC dotted 1px; padding-top:20px;  background:url(/images/nav_title_detail.png) no-repeat right 7px;}
.twitterArea .title small{background:url(/images/icon_twitter.png) no-repeat 0px 3px;}

	
/* Meet the Directors */

.director_profle{border-bottom:#CCC dotted 1px; padding-bottom:20px; margin-bottom:20px;}

.director_profle .title{border-bottom:#CCC dotted 1px; margin-bottom:10px; padding-bottom:10px;}
.director_profle .title h2{margin:0px; background:url(/images/nav_title_detail.png) no-repeat right 10px;}
.director_profle .title i{font-family: georgia, time, serif; color:#666; font-size:15px;}

.director_profle .image, .director_profle .desc, .director_profle .coms{float:left;}
.director_profle .image{width:84px; margin-right:10px; border-right:#CCC dotted 1px; }

.director_profle .coms {width:605px; border-bottom:#FFC20E solid 3px;}

.director_profle .coms .tel, .director_profle .coms .email{float:left; font-size:15px; margin-bottom:10px;}
.director_profle .coms .tel label, .director_profle .coms .email label{font-family: georgia, time, serif; color:#666; font-size:13px; font-style:italic;}
.director_profle .coms .tel{padding-right:20px; border-right:#CCC dotted 1px; margin-right:20px;}
.director_profle .coms .email a{font-weight:600; font-size:13px;}

/* ______________________ Testimonials ______________________ */

.testimonial{ margin-bottom:10px; padding-bottom:10px;}
.testimonial .quote_open,
.testimonial .quote_close{font-size:23px; line-height:12px; color:#333; font-weight:700;}

.testimonial .quote{background:#ECECEC; padding:20px; position:relative; color:#333; line-height:23px; text-shadow:0px 1px 1px rgba(255,255,255,0.85); font-weight:600;}
.testimonial .arrow{border-left:#ECECEC solid 11px; border-bottom:transparent solid 11px; border-right:none; border-top:none; position:absolute; bottom:-11px; left:40px; display:block; height:0px; width:0px; z-index:1500; }

.testimonial .loop1{background:#DEDEDE;}
.testimonial .loop1 .arrow{border-left:#DEDEDE solid 11px;}


.testimonial small{display:block;  padding-top:10px;}
.testimonial small b{color:#1F3A65; text-transform:uppercase;}

/*--------------------------- Products -----------------------------*/

/* Sort List */

.sortList{border:0; padding:7px 10px; text-align:right; font-size:11px; font-weight:700;	margin:5px 0; clear:both; background:#ECECEC; color:#333; margin-bottom:20px; height:25px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sortList a.current{color:#FFF; background:#FFC20E; padding:2px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.sortleft { float:left; }
.sortright { float:right; }
.sortList form { margin:0px; padding:0px; }


/* Property List*/

.prodList{margin:0px; padding:0px;}
.prodList .prodListItem{background:#FFF; margin-bottom:10px; padding:0px;}


.prodList .prodListItem .img{width:220px; float:left; overflow:hidden; height:175px; background:#FFF;}
.prodList .prodListItem .img a{display:block; border:#CCC dotted 1px; padding:4px; height:165px; width:210px;}
.prodList .prodListItem .img a:hover{border-color:#1F3A65;}
.prodList .prodListItem .description{width:460px; float:left; padding-left:20px; min-height:175px;}
.prodList .loop1 .description{background:#F1F1F1;}
.prodList .prodListItem .description .left{width:300px; float:left;}
.prodList .prodListItem .description .left span{width:100px; float:left; display:block;}
.prodList .prodListItem .description .right{width:120px;padding-left:9px; padding-right:10px; border-left:#CCC dotted 1px; float:left; margin-left:20px; text-align:right;}
.prodList .prodListItem .description .right .price{display:block; font-size:21px; margin-bottom:10px;}
.prodList .prodListItem .description .right .price small{font-size:10px;}
.prodList .prodListItem .description h2{font-weight:700; margin:0px; margin-bottom:5px;}

/* Product Description*/

#productItem{margin-left:20px; margin-right:20px;}
#productItem .left_column{float:left; width:300px;}
#productItem .right_column{margin-left:20px; float:left; width:620px;}

#productItem .left_column h1{font-size:21px; font-weight:700; padding:0px 0px 10px 0px; margin:0px;}
#productItem .left_column h3, #product-related h2{font-size:13px; text-transform:uppercase; padding:5px 0px; margin:0px; color:#1F3A65; font-weight:700; border-bottom:#1F3A65 solid 3px; border-top:#CCC dotted 1px; background:url(/images/nav_title_detail.png) no-repeat right 7px;}
 
#productItem .left_column .price{font-size:21px; padding:10px 0px; text-align:right; background:#FFF; color:#1F3A65; position:relative;}
#productItem .left_column .price small{font-size:10px;}
#productItem .left_column .soldbanner{background:#FFC20E; padding:7px 10px; float:left; display:inline-block; font-size:12px; line-height:12px; color:#FFF; margin-right:10px; margin-top:-2px;}


#productItem .left_column #product-summary{margin:10px 0px; background:#ECECEC; }
#productItem .left_column #product-summary .line{ border:none; clear:left; font-size:11px;}
#productItem .left_column #product-summary .line span{display:block; width:90px; padding-left:10px;  float:left;}
#productItem .left_column #product-summary .line b{display:block;  width:190px; background:#FFF; min-height:25px; padding-left:10px; float:left;}

#productItem .left_column #product-points ul{list-style:none; margin:10px 0px; padding:0px;}
#productItem .left_column #product-points ul li{padding:0px 0px 5px 20px; background:url(/images/bullet.png) no-repeat 0px 5px;  margin-bottom:5px; font-weight:600; border-bottom:#ECECEC solid 1px;}

#productItem .left_column #product-contact{padding:10px 0px; }
#productItem .left_column #product-contact .image{float:left; width:90px;}
#productItem .left_column #product-contact  .details{float:left; width:200px; margin-left:10px; font-size:11px;}
#productItem .left_column #product-contact  .details .line{clear:left; padding:5px 0px;}
#productItem .left_column #product-contact  .details .line label, #productItem .left_column #product-contact  .details .line b{float:left; display:block;}
#productItem .left_column #product-contact  .details .line label{width:50px;}
#productItem .left_column #product-contact  .details .line b{width:150px; font-size:13px; color:#1F3A65;}
#productItem .left_column #product-contact  .details a.button{margin-top:10px;}

/*Go back*/

.goback{padding-bottom:10px; text-align:right; border-bottom:#CCC dotted 1px; height:30px; margin-bottom:10px;}

/* Image Viewer */
#productItem .right_column #images{height:500px; overflow:hidden; margin-bottom:0px; width:620px }
#productItem .right_column .flexslider ul.slides{margin:0px !important; padding:0px !important; margin-bottom:0px !important;}
#productItem .right_column .flexslider ul.slides li.slide{margin-left:0px !important; padding:0px !important; background:none !important;}
#productItem .right_column .flex-direction-nav{margin:0px !important;}

/* Related */

#product-related{clear:both; margin-bottom:20px; padding-top:1px;}
#product-related h2{margin:10px 0px;}
#product-related .related{width:170px; padding:5px 5px; margin-right:10px; margin-bottom:10px; background:#ECECEC; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#product-related .related:hover{background:#DEDEDE;}
#product-related .loop4{margin-right:0px;}

#product-related .related b{display:block; padding:2px 5px; display:block; width:160px; height:20px; overflow:hidden; text-align:center; text-shadow:0px 1px 1px rgba(255,255,255,0.75);}


/*--------------------------- Home & Garden -----------------------------*/

.home_garden{margin:0px 20px;}
.home_garden .related {background:#FFF !important;}
.home_garden .related b{display:block; background:#ECECEC; padding:5px 0px; border-radius:0px 0px 5px 5px; border-top:#FFC20E solid 2px; margin-top:5px;}
.home_garden .related a:hover b{color:#393939; border-top:#393939 solid 2px;}

/*--------------------------- Fancybox Special Gallery -----------------------------*/	

#fb_wrapper { width:800px; height:685px; margin:auto; }
#fb_title { position:absolute; top:0px; width:780px; /*background-image: url("/images/fancybox/fancy_title_over.png"); color:#FFF;*/ padding:10px; text-align:left; }
#fb_title .likeButton { padding-right:10px; }

a#fb_previous,
a#fb_next { position:absolute; top:50px; width:35%; height:640px; display:block; }
a#fb_previous { left: 0px; }
a#fb_next { right:0px; }

a#fb_previous:hover span,
a#fb_next:hover span { display:block; }

a#fb_previous span, 
a#fb_next span { display:none; width:30px; height:30px; position:absolute; top:50%; text-indent:-9999px; background-image: url("/images/fancybox/fancybox.png"); }
a#fb_previous span { background-position: -40px -30px; left:0px; }
a#fb_next span { background-position: -40px -60px; right:0px; }


label._vcs__contacts_mailinglist { width:340px !important; float:right; margin-bottom:10px; }
#input_vcs__contacts_mailinglist_1 input { width:auto !important; margin-left:70px; margin-top:5px; }