@charset "UTF-8";
body{background:#80807d url(../images/temp---bg.jpg) no-repeat center top;font:15px/1.5 'Droid Sans', 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; color:#33383e;}a:focus{outline:0}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:15px; font-weight:normal; text-transform:uppercase;}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{}
/*e7e7e7*/
.nomargin{
	margin:0;
}
.site-wrap{
	background:#eeeeee;
	padding:12px 4px 12px 4px;
	margin-top:12px;
	clear:both;
	border-top:1px solid #70706e;
	border-bottom:1px solid #70706e;
	
}
.page-heading-nav{
	background:#2c2829;
	border-bottom:1px solid #f3f3f3;
}
h3.countrywide-logo{
	float:left;
	background:url(../images/countrywide-logo.png) no-repeat left top;
	width:251px;
	height:50px;
	margin:10px 0 10px 10px;
}
h3.countrywide-logo a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:251px;
	height:50px;
}
.page-heading-nav ul{
	float:left;
	margin:28px 0 0 16px;
}
.page-heading-nav ul li{
	display:inline-block;
	text-transform:uppercase;
	font-size:11px;
	float:left;
}
.page-heading-nav ul li a{
	text-decoration:none;
	color:#f1f1f1;
	display:inline-block;
	float:left;
}
.page-heading-nav ul li a:active{
	margin-top:1px;
	top:1px;

}
.page-heading-nav ul li.current a,
.page-heading-nav ul li.current-menu-item a,
.page-heading-nav ul li.current-page-ancestor a{
	color:#edb44d;
}

.page-heading-nav ul.primary-nav li{
	padding:0 1.2em 0 1.2em;
	font-weight:bold;
}
.page-heading-nav ul.support-nav{
	font-family:calibri;
}
.page-heading-nav ul.support-nav li{
	background:url(../images/menu-b-bullet.png) no-repeat right center;
	padding:0 .7em 0 .8em;
}
.page-heading-nav ul.support-nav li:last-child{
	background:none;
}
.page-heading-nav ul.support-nav a{
		color:#878586;
}

.page-sub-nav{
	background:#fff;
	text-transform:uppercase;
	font-size:11px;
	margin-top:12px;
	border-bottom:1px solid #d0cfd0;
}
.page-sub-nav .nav-area{
	float:left;
	margin:17px 0 0 12px;
	width:600px;
	color:#868686;
}
.page-sub-nav a,
.page-sub-nav strong
{
	text-decoration:none;
	color:#868686;
	padding:4px 4px 4px 4px;
	margin:12px 0 14px 4px;
	font-weight:normal;
}
.page-sub-nav a.current{
	color:#282425;
	background:#e5e5e5;

}
div.sales-team{
	float:right;
	margin:12px 17px 12px 17px;
	padding:4px 8px 4px 8px;
	color:#868686;
}


div.page-nav{
	margin-top:12px;
}

div.sidebar{
}


div.key-nav{
		background:#c7973f;
		float:left;
		width:389px;
		height:152px;
}
div.key-nav h1{
	color:#fff;
	font-weight:lighter;
	text-transform:uppercase;
	margin:20px 0 0 26px;
	padding:0;
	line-height:1em;
	font-size:22.5px;
}
div.key-nav a{
	text-decoration:none;
}
div.key-nav ul{
	padding:0;
	margin:8px 0 0 30px;
}
div.key-nav ul li{
	list-style:none;
}
div.key-nav ul li a{
	font-size:14px;
	color:#3b332b;
	font-family:Calibri;
}
div.key-nav ul li.current a, 
div.key-nav ul li.current_page_item a{
	color:#fff;
}
div.key-nav ul li a:before{
	content:"›";
}

div.key-nav ul li.current a:before,
div.key-nav ul li.current_page_item a:before{content:"»";}


div.header-image{
	background:#cdcecf;
	height:152px;
	float:left;
	width:549px;
	margin-left:2px;
	background:url(../images/country-01.jpg) no-repeat left top;
}

h4{
		font-size:15px;
		margin-bottom:8px;
}
.sidebar h3,
h2.entry-title {
	text-transform:uppercase;
	font-weight:lighter;
	font-size:17px;
	margin:32px 0 0 26px;
}
h2.entry-title{
	margin-left:0;
}
.sidebar ul{
	list-style:none;
	margin:20px 0 0 28px;
	font-size:13px;
}
.sidebar p{
	margin-top:12px;
	margin-left:28px;
}
ul.catalogue{
	list-style:none;
	margin:20px 0 0 0;
	font-size:13px;
}
.sidebar ul li,
ul.catalogue li{
	margin:0 0 .8em 0;
	padding:0 0 0 20px;
	background:url(../images/sidebar-bullet.png) no-repeat left 5px;
}
.widget-area ul.xoxo{
	list-style:none;
	margin:20px 0 0 0;
	background:none;
}
.widget-area ul.xoxo li{
}
.widget-area ul.xoxo li.widget-container{
	background:none;
	margin-left:0;
	padding-left:0;
}

/* thmbnail grid 
   -------------------- */
ul.photo-grid{
	margin:20px 0 0 26px;
	padding:0;
}
ul.photo-grid li{
	margin-right:16px;
	padding:0;
	background:none;
	float:left;
	list-style:none;
	font-size:12px;
	font-family:calibri;
	text-align:center;
}
ul.photo-grid a.image-wrap {
	border:1px solid #dfdfdf;
	background:#ffffff;
	display:block;
}
ul.photo-grid a.image-wrap img{
	background:#dfdfdf;
	width:161px;
	height:114px;
	display:block;
	margin:4px;
}

/* NGG PHOTO GALLERY
   ---------------------- */
.ngg-galleryoverview{
	margin:22px 0 0 22px;
	float:left;
	clear:both;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box{
	margin-right:10px;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box img{
	width:161px;
}



div.page-contents{
	padding:32px 0 32px 0;
}

p{
	font-size:15px;
	margin:0 0 1em 0;
	font-family:calibri;
	padding-right:2em;
}
p.leadin{
	font-size:16px;
	color:#000;
	font-family:'Droid Sans',sans-serif;
}
.splitcol h4{
	margin-top: 1.5em;
}
.splitcol{
	float:left;
	width:244px;
	font-size:13px;
	line-height:1.38em;
	margin:0 18px 0 0;
}
.splitcol p{
	font-size:14px;
	line-height:1.38em;
}
.scol1{}
.scol2{margin:0;}


/* site footer nav
  -------------------- */
.site-footer-nav{
	background:#fff;
	color:#8c8c8c;
	font-size:11px;
	margin-top:12px;
}

.site-footer-nav .copyright{
	font-size:12px;
	float:left;
	padding:12px 0 10px 20px;
}
.site-footer-nav .nav-items{
	text-transform:uppercase;
	float:right;
	padding:12px 20px 10px 0;
	font-size:10px;
}
.site-footer-nav ul.footer-nav li,
.site-end-nav ul li{
	display:inline;
}
.site-footer-nav ul.footer-nav li a{
	color:#8c8c8c;
	text-decoration:none;
	margin-left:10px;
	padding-left:10px;
}

.site-end-nav ul li a{
	color:#8c8c8c;
	text-decoration:none;
	margin-left:8px;
	padding-left:8px;
}

.site-end-nav{
	font-size:10px;
	color:#b3b3b3;
}
.webdesign-tag{
	float:left;
	padding:10px 0 10px 20px;
}
.webdesign-tag a{
	color:#b3b3b3;
	text-decoration:none;
}
.sub-nav{
	float:right;
	padding:10px 20px 10px;
	text-align:right;
}
.sub-nav ul li{
	display:inline;
}
.sub-nav ul li a{
	color:#b3b3b3;
	text-decoration:none;
}

/* Home page
------------------------- */
.home-featured{
	margin-top:12px;
	position:relative;
	height:302px;
}
.home-featured .cover-image{
	position:absolute;
	top:0;
	height:302px;
	z-index:1;
}
.home-featured .overlay{
	float:left;
	z-index:2;
	position:absolute;
	background:url(../images/cover-bg.png) repeat left top;
	color:#fff;
	top:100px;
	width:468px;
	padding:20px 20px 20px 30px;
}
.home-featured .description{
	margin-top:12px;
	line-height:1.48em;
	-moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; 
}
.home-featured .description p{
	font-size:15px !important;
}
.key-area {
	background:url(../images/cover-cell-bg-8bit.png) no-repeat right bottom;
	font-family:'Droid Sans', Verdana, Geneva, sans-serif;
	margin-top:20px;
	overflow:hidden;
}
.key-area .description{
	min-height:90px;
}
.key-area p{
	font-size:12.5px;
	line-height:1.3em;
	color:#27412f;
	margin:6px 0 12px 22px;
}
.key-area a{
	color:#612921;
	text-decoration:none;
}
.key-area a:hover{
	text-decoration:underline;
}
.key-area a.footer-link{
	background:url(../images/icon-arrow.jpg) no-repeat center right;
	display:block;
}

h2{
	margin:0;
	font-weight:normal;
	text-transform:uppercase;
	font-size:19px;
}
.key-area h3,
.footer-cell h3{
	margin:16px 0 0 22px;
	font-weight:normal;
	text-transform:uppercase;
	font-size:16px;
	color:#622b22;
}
.nav-options{
	float:left;
	width:715px;
}
.nav-options .manufacturing{
	margin-right:0;
}
.sup-area{
	margin-top:20px;
}
.sup-area p{
	padding:10px;
	font-size:15px;
	line-height:1.38em;
}

.home-featured .overlay h3{
	font-weight:normal;
}

.footer-cell{
	margin-top:20px;
	background:url(../images/cover-celld-bg-8bit.png) no-repeat right bottom;
}
.footer-cell .quick-contact-form{
	padding-left:20px;
}
.footer-cell .quick-contact-form form{
	margin:10px 0 0 10px;
}
.footer-cell input.text,
.footer-cell textarea{
	background:#e4e7e4;
	border:none;
	color:#5e5f5e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:106px;
	padding:5px 10px 4px 10px;
	margin-bottom:8px;
}
.footer-cell textarea{
	height:74px;
}
.footer-cell .form-grp{
	float:left;
	width:126px;
	margin-left:10px;
}

.contact-details{
	font-size:11px;
}
.contact-details .item{
	margin:4px 0 0 23px;
	float:left;
	clear:both;
}
.contact-details .item label{
	width:63px;
	float:left;
	clear:both;
}
.contact-details .item .detail{
	float:left;
}

.supgroup{

}
.supgroup .latest-news{
	border-top:4px solid #e4e7e4;
	margin-left:10px;
	padding-top:8px;
}
.supgroup .latest-news h4{
	color:#8c8c8c;
}



/* spec sheet tables
   ---------------------- */
   
.spec-sheet {
	font-size:13px;
}
.spec-sheet tr{
	border-bottom:1px solid #ccc;
}
.spec-sheet tr th,
.spec-sheet tr td{
	padding:8px 0 8px 0;
}
.spec-sheet tr th{
	text-transform:uppercase;
	text-align:right;
	width:130px;
	padding-right:12px;
}
.spec-sheet tr td{
	padding-right:12px;
}


/* product display
  -------------------------------- */
  
/* products-display
----------------------------- */
.product{
	width:182px;
	height:232px;
	margin-right:48px;
	float:left;
	position:relative;
	
}
.product .excerpt {
	float:left;
	clear:both;
}
.product .excerpt p{
	font-size:12px;
	line-height:1.1em;
	padding:0;
	margin:0;
}
.product .product-image{
	width:180px;
	height:157px;
	overflow:hidden;
	float:left;
	position:relative;
	margin-left:2px;
	margin-top:2px;
	z-index:8;
	background:#ededed;
	background:#fff;
}
.product .product-frame{
/*	background:url(images/product-frame.png) no-repeat left top;*/

	width:186px;
	height:160px;
	overflow:hidden;
	float:left;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
	display:block;
}
.product h4{
	margin-top:8px;
	float:left;
	clear:both;
	margin-bottom:4px;
	font-size:15px;
}
.product h3{
	color:#ffffff;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:12px 0 0 0;
	float:left;
	clear:both;
	padding:0 0 0 3px;
}

/* contact page details
----------------------------- */
.sidebar h3{
	clear:both;
}
.sidebar .contact-numbers{
	float:left;
	clear:both;
	margin-bottom:12px;
}
.sidebar .item{
	margin:8px 0 0 23px;
	float:left;
	clear:both;
}
.sidebar .item label{
	width:103px;
	float:left;
	clear:both;
}
.sidebar .item .detail{
	float:left;
}