@import url(headings.css);





/* important layout width lines: */



/* #container: 1090px LINE 72 */

/* #header: 1070px LINE 87 */

/* #main: 1070px LINE 139 */

/* #nav1: 200px LINE 155 */

/* #contents: 820px LINE 211*/

/* #columnOne: 320px LINE 313 */

/* #columnTwo: 485px 331*/

/* #footer: 1070px LINE 490 */

/* #bottom: 1090px LINE 527 */









/* UNIVERSAL STYLES */



a:link

{

	color:#FF0000;

	text-decoration: underline;

}





a:visited

{

color:#999;

text-decoration: underline;

}



a:hover

{

color:#ccc;

text-decoration: none;

}







body

{

	background-color: #68665c;

	padding: 0;

	text-align: left; /*centre divs in ie5*/

	font-family: Arial, Helvetica, Verdana, san-serif;

	line-height: 1.5em;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 0;

	background-position: center;

}



ul

{

padding: 0;

margin: 0;

list-style-type: none;

}



h1

{

font-weight: 100;

color: #B65764;

font-size: 1.6em;

}



a

{

text-decoration: none;

}



.clear

{

clear: both;

padding-top: 25px;

margin-top: 0;

}



.clearNoPad

{

clear: both;

padding: 0;

}









/* CONTAINER */









#container

{

	width: 1020px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-color: #eee;

	background-image: url(../assets/containerShadow_03.gif);

	background-repeat: repeat-y;

	background-position: left top;

}









/* HEADER SECTION */









#header

{

	width: 1000px;

	padding: 0;

	height: 120px;

	position: relative;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 10px;

	background-color: #fff;

	background-image: url(../assets/lineDiagonal_grey_03.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



#header img

{

	position: absolute;

	top: 27px;

	left: 12px;

	z-index: 2;

}



#header ul

{

	width: 800px;

	position:absolute;

	bottom: 10px;

	right: 0;

	z-index: 3;

}



#header ul li

{

display: block;

padding: 0 0.7em;

float: right;

}



#header ul li a:link

{

color: #666;

border-top: 1px solid #ccc;

text-decoration: none;

}



#header ul li a:visited

{

color: #666;

border-top: 1px solid #ccc;

text-decoration: none;

}



#header ul li a:hover

{

color: #B65764;

border-top: 4px solid #B65764;

}









/* MAIN SECTION */









#main

{

	width: 1000px;

	position: relative;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 10px;

}









/* NAVIGATION */	









#nav1

{

width: 200px;

float: left;

}



.prodRanges

{

border-top: 4px solid #B65764;

border-bottom: 1px solid #ccc;

}



#nav1 ul

{

padding: 15px;

}



#nav1 ul li a:link

{

text-decoration: none;

font-size: 0.8em;

color: #777;

background: url(../assets/arrow_01.gif) 0 50% no-repeat;

margin-left: 10px;

padding-left: 10px;

text-decoration: none;

}



#nav1 ul li a:visited

{

text-decoration: none;

font-size: 0.8em;

color: #999;

background: url(../assets/arrow_01.gif) 0 50% no-repeat;

margin-left: 10px;

padding-left: 10px;

text-decoration: none;

}



#nav1 ul li a:hover

{

color: #B65764;

background: url(../assets/arrow_02.gif) 0 50% no-repeat;

}



#nav1 ul li a.pdfIcon

{

display: block;

height: 32px;

line-height: 32px;

padding-left: 40px;

background: url(../assets/pdfIcon.gif) 0 50% no-repeat;

}



#nav1 ul li a:hover.pdfIcon

{

background: url(../assets/pdfIcon.gif) 0 50% no-repeat;

}









/* CONTENTS */	









#contents

{

	float: right;

	width: 725px;

	padding: 25px;

	position:relative;

	border-top-width: 0px;

	border-top-style: none;

	border-top-color: #FFFFFF;

	margin-right: 25px;

}



#contents p.italicP

{

font-family: georgia, Times, serif;

font-weight: 100;

color: #333;

font-style: italic;

font-size: 0.8em;

}



#contents p

{

	font-size: small;

	color: #555;

	line-height: 1.3em;

}



.foldPage

{

background: url(../assets/folded-page.gif) top right no-repeat;

padding: 20px;

border-left:1px solid #ccc;

border-bottom:1px solid #ccc;

}



#contents img

{

	padding: 0px;

	border: 0px none #FFFFFF;

	background-color: #FFFFFF;

}



#contents img.noBord

{

border: 0;

}









/* IMAGE THUMBS CSS */	









div.thumbnails

{

padding: 0;

margin: 0;

}



div.thumbnails a

{

margin: 25px 0 0 25px;

display: block;

border: 1px solid #ccc;

width: 120px;

float: left;

background: #eee;

}



div.thumbnails a:visited

{

background: #ddd;

}



* html div.thumbnails a

{



width: 120px;

}



div.thumbnails a h3

{

font-size: 0.8em;

text-align: center;

padding: 0.1em 0.2em 0.2em 0.2em;

margin: 0;

letter-spacing: 0;

line-height: 1.2em;

}



div.thumbnails a:hover

{

background-color: #fff;

}



.clearThumbs

{

clear: both;

}









/* PRODUCT PAGE 2 COLUMN */









#columnOne

{

	padding-bottom: 15px;

	width: 250px;

	float: left;

	padding-top: 0;

	padding-right: 0;

	padding-left: 15px;

	margin: 0;

}



#columnOne .img-wrapper img

{

background-color: #eee;

}



#columnOne p.clearNoPad a

{

font-size: 0.9em;

color: #999;

text-decoration: none;

}



#columnTwo

{

	width: 380px;

	float: right;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

	margin-top: 0;

	margin-right: 15px;

	margin-bottom: 0;

	margin-left: 15px;

}



#contentsFooter

{

	clear: both;

	border-top: 1px solid #ccc;

	padding: 0px;

	margin: 0px;

}



#contentsFooter h1,h3

{

color: #666;

margin-bottom: 0;

letter-spacing: 0.04em;

font-weight: 100;

}



#contentsFooter h1

{

margin-bottom: 10px;

}



#contentsFooter p.clear a

{

color: #555;

text-decoration:underline;

}



ul.prodFeat

{

clear: both;

background: url(../assets/lineDiagonal.gif) top left;

padding: 5px;

font-size: 0.8em;

line-height: 1.8em;

color: #555;

}



* html ul.prodFeat

{

background: url(../assets/whiteBackground.gif) top left;

}



ul.prodFeat li

{

padding: 0 5px;

background-color: #fff;

}



ul.prodFeat em

{

color: #B65764;

font-style: normal;

}



ul.prodOptions

{

clear: both;

margin: 0;

padding: 0;

}	



ul.prodOptions li

{

background: #eee;

float: left;

border: 1px solid #ccc;

width: 83px;

padding: 0;

margin: 20px 10px 0 5px;

}



* html ul.prodOptions li

{

width: auto;

}



ul.prodOptions li h4

{

padding: 0.1em 0.2em 0.2em 0.2em;

margin: 0;

font-size: 0.7em;

font-weight: 100;

text-align: center;

letter-spacing: 0;

background: #eee;

line-height: 1em;

color: #666;

}



#rangeFeat

{

font-size: 0.8em;

color: #444;

}



ul#rangeFeat li

{

background: url(../assets/arrow_02.gif) 0 0.5em no-repeat;

padding-left: 1em;

}









/* TABLE CSS */









table

{

	font-family: Arial, Verdana, san-serif;

	font-size: 0.8em;

	border-collapse: collapse;

	color: #9B9B9B;

}



td

{

padding: 0.2em 0.5em;

border: dotted #ccc;

border-width: 1px 0 0 1px;

}



th

{

padding: 0.2em 0.5em;

font-weight: normal;

line-height: 1.4em;

background-color: #eee;

border-bottom: 3px solid #fff;

}



th.txtCentre

{

text-align:center;

}



.tabColOne

{

border-left-width: 0;

}



#table 

{

padding: 2px;

border: 1px solid #ccc;

float:left;

margin: 0;

}









/* FOOTER SECTION */









#footer

{

	background: url(../assets/footerBorder.gif) top left repeat-x;

	padding: 0;

	background-color: #c4c4c4;

	clear: both;

	width: 1000px;

	position: relative;

	text-align: left;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 10px;

}



#footer p

{

margin: 0;

padding: 15px 15px 0 15px;

font-size: 0.8em;

color: #777;

}



#footer p a

{

	text-decoration: underline;

	color: #666666;

}



#footer p a:hover

{

	color: #666666;

}



#designed

{

	position: absolute;

	padding: 5px;

	top: 5px;

	right: 5px;

	z-index: 9;

}



#bottom

{

	height: 30px;

	width: 1000px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: 6px;

	position: relative;

	background-image: url(assets/bottom_curve_greytrans.png);

	background-repeat: no-repeat;

	background-position: left top;

	padding: 0px;

}









/* N E W   P R O D C H O O S E */









#prodChooseColOne

{

	width: 400px;

	float:left;

	position:relative;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 175px;

	padding-left: 0;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 5px;

}



#contents p.pageNumber

{

margin: 10px 0 10px 0;

height: 20px;

color:#999;

}



p.pageNumber a

{

color:#666666;

text-decoration: underline;

}



p.pageNumber a:visited

{

color:#666666;

}



p.pageNumber a:hover

{

color: #333333;

}



#prodChooseColTwo

{

	position: absolute;

	top: 61px;

	right: 54px;

	margin-right: -320px;

}



#prodChooseColTwo h3

{

font-size: 0.9em;

padding-bottom: 0.5em;

width: 300px;

}



#prodChooseColOne p.prodChooseHoverP

{

clear: both;

padding-top: 25px;

}









/* CONTACT */









#contactHeader p

{

line-height: 1.6em;

color:#666;

}



#contactColOne

{

margin-left: 15px;

width: 300px;

float:left;

}



#contactColTwo

{

	width: 400px;

	float: right;

}









/* COOKIE TRAIL */









#cookieTrail

{

	padding: 0;

	border-bottom: 1px solid #ccc;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 5px;

}



h1#descriptionTwo

{

height: 40px;

}



h3#description

{

margin-top: 10px;

font-size: 1.2em;

font-weight: 400;

}



#contents img.areaMap

{

margin-top: 100px;

border-width: 0;

}



#contactBox

{

padding: 15px;

margin: 25px 0 0 0;

}



#contents ul li.inline

{

	float:left;

	width: 150px;

	height: 50px;

}



#contents ul li.inline a.pdfIcon

{

font-size: 0.7em;

display: block;

height: 32px;

line-height: 32px;

padding-left: 40px;

background: url(../assets/pdfIcon.gif) 0 50% no-repeat;

}



#terms #contents ul, ol, li

{

margin-left: 0;

padding-left: 0;

}



#terms #contents ol#termsList

{

margin-left: 25px;

font-size: 0.8em;

line-height: 1.4em;

}