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

/* RESET */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0; padding:0; }
ul,li { list-style-type: none; }
img { display: block; border: none; }

/* HTML TAGS */
html	{
	background: #0d2d5f url(../images/big-bgnd.png) repeat-x;
	height: 100%;
}

body 	{
	font: 62.5%/1.25 Helvetica, Arial, sans-serif; 
	min-width: 997px;
	text-align: center;
	padding-bottom: 20px;
	
	/* background-color: #036; */
}

p { font-size: 1.2em; }

h2.PageTitle {
	margin: 20px 2px 5px 10px;
	clear: both;
	
	color: #036; 
	font-size: 1.8em;
	font-weight: bold;
}

fieldset { border: none; }
label {
	float: left; 
	margin: 0.5em;
	display: block;   
	clear: both;

	color: #036; 
	font-size: 1.2em;
	font-weight: bold; 
}
input, textarea, .select { margin: 0.5em; }
.MandatoryField { color: #ff0000; font-size: 1.4em; font-weight: bold; }

a:Link, a:Visited { color: #666; }
a:Hover, a:Active { color: #036; }

/* LAYOUT */
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 997px;
	text-align: left;
	clear: both;
	}
#header {
	height: 130px;
	margin: 0 auto;
	background: url(../images/header-bgnd.png) no-repeat;
}
#logo {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	width: 160px;
	height: 107px;
	background: url(../images/business-incentives-group-logo.png) no-repeat;
}
#logo a {
	display: block;
	width: 160px;
	height: 107px;
	text-decoration: none;
}
#header #sales {
	float: right;
	width: 415px;
	height: 89px;
	margin-top: 20px;
	background: url(../images/header-sales.png) no-repeat;
	overflow: hidden;
}
#header #sales p { text-indent: -2000px; }
#header #sales a {
	display: block;
	width: 415px;
	height: 89px;
}
#content {
	float: left;
	margin-top: 20px;

}
#flashwrapper {
	width: 556px;
	height: 229px;
	padding-top: 5px;
	padding-left: 5px;
	background: url(../images/flash-bgnd.png) no-repeat;
	margin-bottom: 20px;
}
#sidebar {
	float: right;
	width: 203px;
}
#category_sidebar {
	float: left;
	width: 203px;
	margin-right: 18px;

}
#footer {
	clear: both;
	float: left;
	width: 997px;
	height: 30px;
	margin-top: 20px;
	padding-bottom: 20px;
	background: url(../images/footer-bgnd2.png) no-repeat;
	text-align: center;
	line-height: 30px;
}
#footer #copyright { 
	float: left;
	
	color: #545454;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 20px;
	
}
#footer ul {
	float: right;
	margin-right: 20px;
}
#footer ul li {
	float: left;
}
#footer ul li a {
	color: #545454;
	font-size: 1.1em;
}		

/* Navigation */
#navigation {
	clear: both;
	height: 41px;
	background: url(../images/nav_bgnd.png) no-repeat;
}
#navigation ul {
	
}
#navigation ul li {
	float: left;
}
#navigation ul li a {
	display: block;
	height: 41px;
	padding: 0 15px;
	color: #545454;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	line-height: 41px;
	background: url(../images/nav_divider.png) right no-repeat;
}

/* Panels */
.panel { margin-top: 20px; }

.PanelTop  {
	background: url(../images/panel-top-right.png) right no-repeat;

}
.PanelTop h2 {
	background: url(../images/panel-top-left.png) left no-repeat;
	height: 39px;
	padding: 0 10px;
	
	color: #545454; 
	font-size: 1.4em;
	font-weight: bold;
	line-height: 39px;
}
.PanelBottom { 
	background: url(../images/side-panel-bottom.png) center bottom no-repeat;
	padding: 10px;
	padding-bottom: 20px;

}
#sidebar .PanelBottom p { line-height: 1.5; margin-bottom: 0.5em;}

/* Catalogue */
#Catalogue, #ProductDetails, #QuoteBasket, #Information, #RequestCatalogue, #ContactUs {
	clear: both;
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 20px;
	border-bottom: 4px solid #c7c9cb;
	float: left;
}
#Catalogue, #ProductDetails { width: 556px; }
#QuoteBasket, #Information, #RequestCatalogue, #ContactUs { width: 765px; }


#Catalogue p.ProductCount {
	margin: 20px 10px 10px 10px;
	padding: 0;
	color: #666; 
	font-weight: bold;
 }
#Catalogue ul {
	float: left;
	width: 129px;
	margin: 10px 4px;
	padding: 0;
	background-color: #036;
}
#Catalogue ul.eco { background-color: #0d8843; }
#Catalogue ul li.ShortDescription p, #Catalogue ul li.ProductRef p {
	margin: 0 2px;
	padding: 5px;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
}
#Catalogue ul li.ShortDescription p {
	height: 3.5em;
	color: #036;
}
#Catalogue ul li.ShortDescription p.eco { color: #0d8843; }
#Catalogue ul li.ProductRef p {
	color: #666;
}
#Catalogue ul li.ProductImage {
	margin: 2px 2px 0 2px;
	width: 125px;
	height: 125px;
	display: block;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}
#Catalogue ul li.Link  {
	display: block;
	height: 17px;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

/* Product Details */
#Catalogue .ProductImage img {
	width: 125px;
	height: 125px;
}

/* Product Details */
#ProductDetails { margin-bottom: 20px; }
#ProductDetails img {
	float: left;
	width: 200px;
	height: 200px;
	margin: 20px 0 5px 13px;
	padding: 5px;
	border: 1px solid #a7a9ac;
}


#ProductInfo {
	float: right;
	width: 300px;
	margin: 20px 13px 5px 0;
}
#ProductInfo p {
	clear: both;
	margin-bottom: 0.5em;
	line-height: 1.5;
}
#ProductInfo p.ProductRef {
	padding-bottom: 10px;
	color: #999;
}
#ProductInfo p.ProductRef strong {
	color: #036;
}
#ProductInfo p.Description {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #036;
}
#PriceChart {
	float: left;
	width: 100px;
	margin: 10px;
}
#PriceChart th, #PriceChart td { padding: 5px; text-align: center; }
#PriceChart th, #QuoteItems th  { 
	background-color: #036;
	font-size: 1.4em;
	color: #fff;
	font-weight: bold; 	
}
#PriceChart td  { 
	font-size: 1.2em;
	color: #000;	
}
#PriceChart td.QuantityValue  { background-color: #a7a9ac; }
#PriceChart td.PriceValue  { background-color: #eee; }
#QuoteForm {
	float: left;
	margin: 10px;
}
#QuoteForm label { width: 6em; }
#QuoteForm  input.Quantity { width: 50px; }
#QuoteForm  select option { 
	width: 100px; 
	overflow: hidden;
	}

/* Quote Basket */
#QuoteItems {
	width: 749px;
	margin: 10px 13px;
	border-bottom: 2px solid #a7a9ac;
	
}
#QuoteItems th, #QuoteItems td {
	padding: 2px 5px;
}
#QuoteItems td {
	color: #000;
	font-size: 1.2em; 
	padding-bottom: 5px;
	border-bottom: 1px dotted #a7a9ac;
}
#QuoteItems .ImgCol { width: 100px; }
#QuoteItems .QtyCol, #QuoteItems .ActionCol { width: 60px; text-align: center; }
#QuoteItems .ActionCol { font-weight: bold; }

#QuoteItems img {
	width: 80px;
	height: 80px;
}
#QuoteBasket .buttons {
	width: 749px;
	margin: 10px 13px;
	text-align: right;	
}
#QuoteBasket .buttons input {
	padding: 0.5em;
	color: #545454;
	font-weight: bold;
}

#QuoteBasket p, #RequestCatalogue p, #ContactUs p {
	margin: 20px 13px 5px 13px;
}
#QuoteBasket p.last, #RequestCatalogue p.last, #ContactUs p.last { border-bottom: 2px solid #a7a9ac; }

#SendQuoteEnqiryForm, #RequestCatalogueForm, #ContactForm {
	width: 500px;
	margin: 40px auto;
}

#SendQuoteEnqiryForm label, #RequestCatalogueForm label, #ContactForm label{
	width: 15em;
}


/* SIDE BAR */


#MiniQuoteBasket { margin-top: 20px; }


#MiniQuoteBasket p {
	color: #000; 
}
#MiniQuoteItems  {
	width: 100%;
	margin-top: 10px;
}
#MiniQuoteItems img {
	width: 25px;
	height: 25px;
	padding: 2px;
	border: 1px solid #a7a9ac;
}
#MiniQuoteItems th.MiniItemTitle { background-color: #a7a9ac; }
#MiniQuoteItems th.MiniQtyTitle { background-color: #036; color: #fff;  text-align: center; }
#MiniQuoteItems tr { border-bottom: 1px dotted #a7a9ac; }
#MiniQuoteItems td { text-align: center; padding-bottom: 5px; border-bottom: 1px dotted #a7a9ac; }
#MiniQuoteItems td.MiniImgCol { width: 30px; }

#MiniQuoteBasket ul { padding-bottom: 20px; }
#MiniQuoteBasket ul li { width: 90px; height: 15px; display: block; float: left; }
#MiniQuoteBasket ul li.Send a { width: 90px; height: 15px; display: block; background: url(../images/send_enquiry.gif) no-repeat; }
#MiniQuoteBasket ul li.Send a:hover { background: url(../images/send_enquiry_hi.gif) no-repeat; }
#MiniQuoteBasket ul li.View a { width: 90px; height: 15px; display: block; background: url(../images/view_quote.gif) no-repeat; }
#MiniQuoteBasket ul li.View a:hover { background: url(../images/view_quote_hi.gif) no-repeat; }

#CategoryMenu { 
	margin-top: 20px; 
}
#CategoryMenu ul { 
}
#CategoryMenu a {
	display: block;
	width: 160px;
	padding: 2px 0;
	padding-left: 20px;
	border-bottom: 1px dotted #a7a9ac;
	
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#CategoryMenu a:link, #CategoryMenu a:visited { color: #666;}
#CategoryMenu a.eco:link, #CategoryMenu a.eco:visited { color: #0d8843;}
#CategoryMenu a:Hover {
	background: url(../images/menu_arrow.gif) no-repeat left center;
	color: #666;
}
#CategoryMenu a:Active, #CategoryMenu a.Current {
	background: url(../images/menu_arrow_hi.gif) no-repeat left center;
	color: #036;
}

.mini-callout {
	margin-top: 20px;
}
/* Information Pages */
#Information h3 {color: #036; font-size: 1.4em; font-weight: bold; }
#Information p, #Information h3 { margin: 20px 13px 5px 13px; } 
#Information ol { margin: 20px 13px 5px 39px; }
#Information li { padding: 5px; font-size: 1.2em; }
#Information li h3 { margin: 0;  font-size: 1.17em; }
#Information ol ol li { font-size: 1em; }
#Information ol, #Information ol li {
	list-style-type: decimal;
}
#Information ol ol, #Information ol ol li {
	list-style-type: lower-alpha;
}
#Information img {
	padding: 10px;
	margin: 0 auto;
}
#Information ul.BulletPoints {
	margin: 20px 2px 5px 40px;
	list-style-type: disc;
}
#Information ul.BulletPoints li {
	list-style-type: disc;
}
#Contact {
	float: left;
	margin: 20px 13px;
}
#PostalAddress {
	width: 350px;
	float: left;
}
#ContactDetails {
	width: 200px;
	float: left;
	margin-left: 100px;
}
#ContactDetails a, #footer a {
	font-weight: bold;
}
#PostalAddress address, #footer address {
	font-size: 1.2em;
	font-style: normal;
	margin: 2px 2px 5px 10px;
}
#PostalAddress address { margin: 2px 2px 5px 10px; }


/* Paging */
#PagingLinks {
	width: 515px;
	float: left;
	margin: 10px 13px;
	
	color: #036;
	font-size: 1.2em;
	font-weight: bold;
}
#PagingLinks a, #ReturnLinks a { text-decoration: none; }
#PreviousLink {
	float: left;
}
#NextLink {
	float: right;
}
#ReturnLinks {
	width: 750px; 
	clear: both;
	float: left;
	height: 40px;
	padding-left: 15px ;
	margin-top: 20px;
	background: url(../images/links-bgnd.png) no-repeat;
	
	color: #036;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 40px;

}
#ReturnLinks.short { width: 541px; }
#ReturnLinks span { padding-left: 20px; }
#ReturnLinks .ReturnLinksRight {
	float: right;
	height: 40px;
	width: 50px;
	background: url(../images/links-bgnd-right.png) no-repeat;
}
#search, #search form {
	height: 41px;
	margin: 0;
	padding: 0;
}
#search form {
	float: right;
	margin-right: 15px;
	line-height: 41px;
}
#search .SearchBox {
	width: 120px;
	padding: 2px;
	margin-right: 2px;
}
#search form input {
	font-size: 1.2em;
	margin: 5px 0 2px 0;
	padding: 0;

}
#search form span {
	font-size: 1.2em;
	color: #545454;
	font-weight: bold;
	margin-right: 10px;
}
#search .searchButton { vertical-align: top; padding-top: 4px;} 

#PageLinks {
	float: right;
	width: 370px;
	height: 26px;
	margin-top: 6px;
	margin-right: 92px;
	
	font-size: 1.2em;
	font-weight: bold;
	line-height: 26px;
}
#PageLinks a {
	padding: 0 5px;
}

#CloseWindowButton {
	clear: both;
	width: 600px;
	height: 41px;
	background: url(../images/nav_bgnd.png) center no-repeat;
}
#CloseWindowButton a {
	display: block;
	height: 41px;
	padding: 0 15px;
	color: #545454;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	line-height: 41px;
	text-align: center;
}

#NewsletterSignup { margin-top: 20px; }

#NewsletterSignup .InputBox {
	width: 165px;
	margin: 2px 6px;
}

#NewsletterSignup .button { 
	width: 172px;
	margin: 2px 6px;
	padding: 0.5em 0;
	color: #545454;
	font-weight: bold;
}