/*
	Theme Name: Exhibit
	Description: Exhibit Skin
	Author: Shaun Lee
	Author URI: http://www.leeterwal.com

	This theme was designed and built by Lee ter Wal

*/




/* LTW styles */

body, ul, ol, li, h1, h2, h3, p {
	padding: 0;
	margin: 0;
}

html { 
	overflow-y: scroll; 
	height: 100%;/* for footer */
}

img {
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #797979;
	background: #FFFFFF url(img/banner_bg_repeat.gif) repeat-x top;
	height: 100%; /* for footer */
}

hr {
	position: relative;
	display: block;
	height: 0;
	max-height: 0;
	 margin: 4px 0;
	padding: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
	border-top: 1px solid #ccc;
	clear: both;
}

#containerBG {
	min-height: 100%;/* for footer */
	position: relative;/* for footer */
}

#container {
	width: 950px;
	margin: 0 auto;
	padding-bottom: 90px;/* for footer */
}

#banner {
	background: url(img/banner_bg.jpg) no-repeat top;
	height: 127px;
	width: 950px;
}

/* General text styles */
p {
	margin: 0 0 12px 0;
	line-height: 15px;
}

.clearFloat {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: left;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
}

h2 {
	color: #867753;
	font-family: "Trebuchet MS", sans-serif;  
	font-weight: normal;
	margin: 0 0 5px 0;
	height: 28px;
	padding: 12px 0 0 50px;
	font-size: 18px;
}

h3 {
	color: #797979;
	font-weight: normal;
	font-size: 12px;
}

h4 {
	color: #dbb346;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	margin: 8px 0 8px 0px;
}

a:link, a:active, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.list {
	padding: 0;
	margin: 0;
}

.list li {
	list-style-type: disc;
	margin-left: 15px;
	padding-bottom: 5px;
}


/* Search styles */
#search {
	color: #996633;
	width: 160px;
	float: right;
	margin: 8px 0 0 30px;
}

#search p {
	float: left;
	margin: 3px 3px 0 0;
	padding: 0;
}

.headerInput {
	height: 15px;
	width: 90px;
	border: #5f4916 solid 1px;
	background-color: #000;
	float: left;
	color: #996633;
	padding-left: 3px;
}

.searchBut {
	width: 21px;
	height: 19px;
	background: url(img/search_but.gif) no-repeat bottom;
	float: left;
	border: none;
}

.searchBut:hover {
	background-position: top;
	cursor: pointer;
	display: block;
}

.searchHR {
	border-top: 1px solid #ccc;
	width: 300px;
	padding: 8px 0 5px 0;
}

/* About nav styles */
#aboutNav {
	width: 200px;
	height: 24px;
	background: url(img/aboutNav_bg.jpg) no-repeat top;
	float: right;
	padding: 10px 5px 0 9px;
}

#aboutNav a:link, #aboutNav a:active, #aboutNav a:visited, #aboutNav a:hover {
	color: #fff1d0;
	text-decoration: none;
	padding-left: 7px;
}

.aboutBar {
	border-right: #996633 solid 1px;
	padding-right: 7px;
}


/* Nav styles */
#nav {
	font-size: 13px;
	width: 520px;
	height: 60px;
	float: left;
	margin: 32px 0 0 250px;
	list-style-type: none;
	display: inline;
}

#nav li {
	color: #000;
	display: inline;
	float: left;
	margin: 5px 0 0 0;	
	height: 60px;
}

/* Nav link styles */
#nav li a:link, #nav li a:active, #nav li a:visited {
	text-decoration: none;
	color: #fff1d0;
	padding: 14px 12px 0 10px;
	display: block;
	height: 42px;
	float: left;
}

/* Hover styles */
#nav li a.big:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_big.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
} 

#nav li a.medium:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_medium.gif) no-repeat center top;
	padding: 8px 12px 0 10px;
	float: left;	
} 

#nav li a.mediume:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_medium_e.gif) no-repeat center top;
	padding: 8px 12px 0 10px;
	float: left;	
} 

#nav li a.small:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_small.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
} 

#nav li a.displays:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_displays.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
}

#nav li a.hire:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_hire.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
} 

/* Selected styles */
#nav a.selectedBig:link, #nav a.selectedBig:active, #nav a.selectedBig:visited, #nav a.selectedBig:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_big.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;	
}

#nav a.selectedMedium:link, #nav a.selectedMedium:active, #nav a.selectedMedium:visited, #nav a.selectedMedium:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_medium.gif) no-repeat center top;
	padding: 8px 12px 0 10px;
	float: left;	
}

#nav a.selectedMediume:link, #nav a.selectedMediume:active, #nav a.selectedMediume:visited, #nav a.selectedMediume:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_medium_e.gif) no-repeat center top;
	padding: 8px 12px 0 10px;
	float: left;	
}

#nav a.selectedSmall:link, #nav a.selectedSmall:active, #nav a.selectedSmall:visited, #nav a.selectedSmall:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_small.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
}

#nav a.selectedDisplays:link, #nav a.selectedDisplays:active, #nav a.selectedDisplays:visited, #nav a.selectedDisplays:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_displays.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
}

#nav a.selectedHire:link, #nav a.selectedHire:active, #nav a.selectedHire:visited, #nav a.selectedHire:hover {
	display: block;	
	text-decoration: none;
	color: #000;
	background: url(img/nav_shad_hire.gif) no-repeat center top;
	padding: 8px 12px 0 10px;	
	float: left;
}

/* Homepage styles */
#homeHold #colLeft {
	width: 355px;
	float: left;
	margin-right: 45px;
}

#homeHold #colMid {
	width: 220px;
	float: left;
	margin-right: 30px;
}

#homeHold #colRight {
	width: 300px;
	float: left;
}

#homeHold #colLeft .intro p {
	font-family: "Trebuchet MS", sans-serif;  
	font-size: 20px; 
	color: #000000;
	line-height: 22px;
}

/* Teaser styles */
.trade {
	background: url(img/trade_bg.jpg) no-repeat bottom;	
}
.news {
	background: url(img/news_bg.jpg) no-repeat bottom;	
}
.case {
	background: url(img/case_bg.jpg) no-repeat bottom;
}
.tip {
	background: url(img/tip_bg.jpg) no-repeat bottom;
	padding-top: 13px;
}
.hot {
	background: url(img/hot_bg.jpg) no-repeat bottom;
	padding-top: 13px;
}
.clients {
	background: url(img/clients_bg.jpg) no-repeat bottom;
	padding: 5px 0 0 10px;
}

#homeHold #colMid ul {
	margin: 0 0 5px 0;
	padding: 0;
}

#homeHold #colMid ul li {
	list-style-type: none;
	margin-bottom: 2px;
}

.yellow {
	border-bottom: solid 1px #e4c98b;
	padding: 0 0 7px 0;
	margin-bottom: 9px;	
}

.casePic {
	float: left;
	margin: 0 15px 10px 0;
	padding: 0;
}

/* Portbale Displays Homepage */

/* Product home page */

.cLeft {
	width: 670px;
	float: left;
}

.cRight {
	width: 260px;
	float: left;
	list-style-type: none;
	font-size: 12px;
}

#portable {
	background-color: #f9f9f9;
	float: left;
	width: 100%;
	padding: 5px 0 8px 0;
}

#portable a {
	float: left;
	text-decoration: none;
	text-align: center;
}

#portable img {
	padding-bottom: 5px;
}

.title {
	font-family: "Trebuchet MS", sans-serif;  
	font-size: 14px;
	color: #000;
	background-color: #f9f9f9;
	width: 120px;
	padding: 3px 0 3px 10px;
	margin: 0; 
}

/* Portbale Displays Landing page*/
.textCentre {
	text-align: center;
}

/* Intro texts */
.corporate .intro {
	font-family: "Trebuchet MS", sans-serif;  
	font-size: 42px; 	
	font-weight: bold;
	line-height: 40px;
	color: #FF6600;
}

.owner .intro {
	font-family: "Trebuchet MS", sans-serif;  
	font-size: 42px; 	
	font-weight: bold;
	line-height: 40px;
	color: #339933;
}

.agencies .intro {
	font-family: "Trebuchet MS", sans-serif;  
	font-size: 42px; 	
	font-weight: bold;
	line-height: 40px;
	color: #3399cc;
}

/* Audience Page structure */
#audHold #colLeft {
	width: 230px;
	float: left;
	margin-right: 15px;
}

#audHold #colMid {
	width: 380px;
	float: left;
	margin-right: 25px;
}

#audHold #colRight {
	width: 300px;
	float: left;
	color: #797979;
}

.smallGrey {
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #CCCCCC;
}

.smallName {
	font-size: 11px;
	margin: 0 0 20px 0;
}

.call {
	color: #000000;
	float: left;
	width: 160px;
}

.blacky {
	color: #000;
}

.push {
	padding-left: 81px;
}

.pushDown {
	margin-bottom: 10px;
}


/* Product page set up */

#prodHold #colLeft,
#prodHold #colLeft ul {
	width: 180px;
	float: left;
	list-style-type: none;
	font-size: 12px;
}

#prodHold #colMid {
	width: 190px;
	float: left;
	list-style-type: none;
	border-left: 1px solid #e5e5e5;
}

#prodHold #colRight {
	width: 545px;
	float: left;
	margin-left: 25px;
}

/* L2 Nav */
#prodHold #colLeft li {
	margin: 0;
}

#prodHold #colLeft a:link, #prodHold #colLeft a:active, #prodHold #colLeft a:visited {
	text-decoration: none;
	padding: 2px 4px;
	display: block;
	width: 172px;
	margin: 0;
}

#prodHold #colLeft a:hover {
	background: url(img/l2_bg.gif) no-repeat top;
	
}

#prodHold #colLeft a.l2Select:link, #prodHold #colLeft a.l2Select:active, #prodHold #colLeft a.l2Select:visited, #prodHold #colLeft a.l2Select:hover {
	background: url(img/l2_bg.gif) no-repeat top;
}

/* Shaun adds selected states */
.current-cat, .current_page_item {
	background: url(img/l2_bg.gif) no-repeat top;
}


/* L3 Nav */
#prodHold #colMid li {
	
}

#prodHold #colMid a:link, #prodHold #colMid a:active, #prodHold #colMid a:visited {
	text-decoration: none;
	padding: 3px 0 0 12px;
	display: block;
	height: 17px;
}

#prodHold #colMid a:hover {
	background-color: #e5e5e5;
}

/* Product column styles */
.divider {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 7px;
}

.stats {
	width: 190px;
	float: left;
	margin: 0px 10px;
}

.info {
	float: left;
	width: 193px;
	margin: 0;
	font-size: 11px;	
}

.info li {
	padding-left: 0;
	list-style-type: disc;
	margin-left: 15px;
}

.size {
	background: url(img/icon_ruler.gif) no-repeat left;
	padding: 3px 0 3px 32px;
}

.weight {
	background: url(img/icon_scales.gif) no-repeat left;
	padding: 3px 0 3px 32px;
}

.carry {
	background: url(img/icon_truck.gif) no-repeat left;
	padding: 3px 0 3px 32px;
}

.infoAcc {
	width: 170px;
	float: left;
	margin-left: 10px;
}

.accFloat {
	width: 350px;
	float: left;
	margin: 0 0 0 10px;
	padding-top: 0;
}
/* Services page styles */
#serviceHold #colMid {
	width: 420px;
	float: left;
	margin: 0 20px 0 30px;
}

#serviceHold #colRight {
	width: 300px;
	float: left;
}

/* Case study page styles */
#caseHold #colLeft {
	width: 625px;
	float: left;
	margin: 0 25px 0 0;
}

#caseHold #colRight {
	width: 300px;
	float: left;
}

#caseHold .divider {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 7px;
	float: left;
}

.task {
	width: 290px;
	float: left;
	margin-right: 20px;
}

/* News page styles */
.blackBig {
	color: #000;
	font-size: 16px;
}


/* Contact styles */
#contactDiv {
	background: url(img/contact_bg.gif) no-repeat top right;
	width: 155px;
	height: 175px;
	position: absolute;  
	left: 0px;
	top: 0px;
	color: #7f754c;
	padding: 20px 0px 0px 15px;
	z-index: 2;
}

#contactDiv .big {
	font-size: 13px;
	line-height: 15px;
}

.city {
	float: left;
	width: 50px;
	font-size: 14px;
	color: #000000;
}

.floaty {
	float: left;
	width: 80px;
	font-size: 14px;
}

#contactDiv .space {
	margin-bottom: 5px;
}

/* Footer */
#footerBG {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 885px;
	height: 60px;
	background-color: #fff8e7;
	border-top: solid 1px #867753;
	z-index: 1;
}

#footer {
	font-size: 11px;
	color: #867753;
	width: 950px;
	margin: 0 auto;
	padding-top: 8px;
	text-align: right;
}

#footer a {
	color: #867753;
}

/* MM forms */
.mmf textarea {
	height: 58px;
}

/* WP-e Commerce */
.widgettitle {
	display: none;
	}

#colLeft.products-page {
  border-right: 1px solid #e5e5e5;
}

#colMid.products-page {
  width: 719px !important;
}

div.wpsc_category_details {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 17px;
}

div.grid_product_info div.product_text a {
  color: #dbb346;
  font-size: 14px !important;
}

div.product_grid_display div.product_grid_item {
  width: 236px;
  /* Override grid_view.css*/
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: center;
}

div.product_grid_display {
  width: 732px !important;
}

div.grid_product_info div.product_text {
  padding: 0 !important;
}

.products-page h1 {
  /*color: #ddb852;
  font-size: 14px;*/
  margin-bottom: 10px;
}

.wpsc_description h3,
.single_additional_description h3 {
  color: #000;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 5px;
}

.wpsc_description,
.single_additional_description {
  color: #666;
  float: left;
  font-size: 12px !important;
  margin-right: 30px;
  width: 210px;
}

.contact-details {
  float: left;
  width: 238px;
}

.wpsc_description ul,
.single_additional_description ul {
  margin-bottom: 10px;
}

.wpsc_description ul li,
.single_additional_description ul li {
  list-style-position: inside;
  margin-bottom: 5px;
}

.customisation {
  color: #dbb346;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
}

.contact-details p {
  color: #999;
  font-size: 14px;
  margin: 8px 0;
}

.contact-details p.freephone {
  color: #000;
  font-size: 18px;
}

.contact-details hr {
  background: #e5e5e5;
  border: none;
  height: 0;
  margin: 0;
  padding-top: 1px;
}

.contact-details .city {
  color: #000;
  width: 50px;
}

h2.prodtitles {
  display: none;
}

.galleries {
  float: left;
  width: 204px;
}

div.imagecol {
  padding-right: 0 !important;
  position: relative !important;
  width: 510px;
}

div.producttext {
  clear: both;
  padding: 10px 0 0;
}

div.staff_dets {
	float: left;
	width: 200px;
	margin: 0 0 0 20px;
}

/* New wp-ecommerce stuff by Katie */
div.productdisplay img {
  height: auto;
  width: 194px;
}

#products_page_container div.productdisplay .imagecol img {
  height: auto;
  width: 510px;
}

div.producttext {
  font-size: 10pt;
  margin-left: -520px;
  text-align: left !important;
  width: 719px !important;
}

div.wpsc_description {
    clear: none !important;
}