/* =RESET
------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}

/* =CLEAR
------------------------------------- */
.clearfix:after,
.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,
.container {display:inline-block;}
* html .clearfix,
* html .container {height:1%;}
.clearfix,
.container {display:block;}

.clear {clear:both;}

/* =CLEAR TITLES (for expanding BG)
------------------------------------- */
.titleBG:after,
.titleBG2:after,
.titleBG3:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.titleBG,
.titleBG2,
.titleBG3 {display:inline-block;}
* html .titleBG,
* html .titleBG2,
* html .titleBG3 {height:1%;}
.titleBG,
.titleBG2,
.titleBG3 {display:block;}

/* =TYPOGRAPHY
------------------------------------- */

body {font-size:12px;color:#222;background:#feffff;font-family: Arial, Helvetica, sans-serif;line-height:1;text-align:center;}
h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;color:#2e2a2e;}
h1 {font-size:21px;line-height:1;margin-left: 244px;margin-bottom:0.5em;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;line-height:16px;margin-bottom:0.75em;}
h3 {font-size:12px;line-height:1;margin-bottom:1em;}
h4 {font-size:12px;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:12px;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:12px;font-weight:bold;}

h3.titleBG {margin-bottom:2em;}
h3.titleBG span {font-size:14px;line-height:16px;}

.titleBG span { float: left; color: #45464a; font-weight: bold; padding: 2px 20px 6px 4px; background: #fff102 url(../images/BG_title.gif) right top no-repeat; }
.titleBG2 span { float: left; color: #45464a; font-weight: bold; padding: 2px 20px 6px 4px; background: #fff102 url(../images/BG_title2.gif) right top no-repeat; }
.titleBG3 span { float: left; color: #45464a; font-weight: bold; padding: 2px 20px 6px 4px; background: #fff102 url(../images/BG_title3.gif) right top no-repeat; }

p { font-size:12px; line-height:16px; margin-bottom:1em;}
.content p { color: #717378; line-height: 18px; margin-bottom: 2em; margin-left: 5px; }
p.intro { color: #717378; font-size: 16px; line-height: 21px; }
p.smallText { font-size: 11px; line-height: 13px; margin-bottom: 4px; }

a {text-decoration:underline;}
a, a:visited {color:#45464a;}
a:focus, a:hover {color:#45464a;}

strong {font-weight:bold;}
em {font-style:italic;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

#contentWrap li{ color: #717378; }

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;font-family:Arial, Helvetica, sans-serif;}
th {color:#45464a;font-size:12px;font-weight:bold;line-height:16px;border-bottom:3px solid #f6f6f6;padding:4px 10px 8px 5px;}
td {border-bottom:1px solid #f6f6f6;padding:8px 10px 8px 5px;line-height:16px;}

input.text,
input.searchInput,
textarea,
select {color: #8c8c8c;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

/* =LAYOUT
------------------------------------- */
.container {margin:0 auto; text-align:left;}

#branding,
#functionsWrap,
#sidebarWrap,
#contentWrap,
#productNav,
#homeFeature,
#homePromo,
#featureBox,
#featureBox2,
.homeCol,
#detailWrap,
.detailItemColL,
.detailItemColR,
.content,
.contentSup,
.listingSup,
.listingCopy,
.datedListing h3,
.datedListing p,
#footerContent,
#footerContact { float: left; display: inline; }

.container,
#pageTop,
#header,
.headerPhoto,
#navWrap,
#nav,
#breadcrumbsWrap { width: 980px; }

#branding,
#sidebarWrap { width: 244px; }

#functionsWrap,
#contentWrap,
.hScrollContainer,
.productWrap,
.productWrapTop,
.productWrapBot { width: 736px; }

.content { width: 550px; }
.contentSup { width: 186px; }

#footer { width: 100%; }
#homeFeature { width: 654px; }
#footerContent { width: 735px; }
#footerContact { width: 245px; }

/* =GENERAL
------------------------------------- */

/* Position text offscreen that is replaced by images */
.hide,
.tabL span,
.tabR span { position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; overflow: hidden; margin: 0; padding: 0; }

/* Clear List Style */
#functions,
#nav,
#breadcrumbs,
#productFocusItems,
#downloadsItem,
.linkList,
#productThumbWrap ul,
#sideNav,
.hScrollContent,
#productNavMenu,
#downloadsNav,
.listing,
.linkBoxNav,
#footerLinks { margin: 0; padding: 0; list-style-type: none; }

/* Remove font-size gaps from BG and image only divs */
.productWrapTop,
.productWrapBot,
#detailWrapBot,
.detailImg,
.detailImgTop,
.detailImgBot,
.detailItemTop,
.detailItemBot { font-size: 0; }

/* More and Back Links with small arrows */
a.more, a.back, a.more2, a.back2 { color: #6c6e73; font-size: 11px; font-weight: bold; line-height: 23px; text-decoration: none; }

a.more, a.more2 span { background: url(../images/arrow_2R.gif) right 5px no-repeat; padding: 0 8px 0 0; }
a.back, a.back2 span { background: url(../images/arrow_2L.gif) left 5px no-repeat; padding: 0 0 0 8px; }
a.more2, a.back2 { padding: 2px 20px 6px 8px; background: #fff102 url(../images/BG_title.gif) right top no-repeat; }

a.more:hover, a.back:hover, a.more2:hover, a.back2:hover { color: #45464a; }

/* More and Back Links with arrow buttons */
a.btn_more, a.btn_more2, a.btn_back, a.btn_back{ color: #45464a; font-size: 12px; font-weight: bold; text-decoration: none; }
a.btn_more:hover, a.btn_more2:hover, a.btn_back:hover { text-decoration: underline; }

a.btn_more, a.btn_more2, a.btn_back {
	background-position: left center;
	background-repeat: no-repeat;
	padding: 5px 0 5px 25px;
	line-height: 22px;
}
a.btn_more { background-image: url(../images/btn_more.gif); }
a.btn_more2 { background-image: url(../images/btn_more2.gif); }
a.btn_back { background-image: url(../images/btn_back.gif); }


/* Input Backgrounds */
.inputBG { display: block; height: 26px; background: url(../images/BG_inputR.gif) right top no-repeat; }
.inputBG span { display: block; height: 26px; background: url(../images/BG_inputL.gif) left top no-repeat; }
.inputBG span input.text { display: block; border: none; background: none; margin: 0; padding: 4px; outline: 0; }

/* Input Widths */
.field-span1 .inputBG { width: 72px; }
.field-span1 input.text { width: 64px; }
.field-span2 .inputBG { width: 175px; }
.field-span2 input.text { width: 167px; }
.field-span3 .inputBG { width: 280px; }
.field-span3 input.text { width: 272px; }

/* Textarea */
textarea { border: 1px solid #cdcdcd; }

/* Dropdowna */
select { border: 1px solid #cdcdcd; }

/* Input Buttons */
.input_btn { clear: both; margin: 6px 0 0 0; padding: 0; }

/* =Branding
------------------------------------- */
#branding { height: 71px; overflow: hidden; }
#branding img {	margin: 11px 0 11px 8px; }

/* =Functions
------------------------------------- */
#functionsWrap { height: 71px; overflow: hidden; }
#functions { float: right; height: 40px; margin-top: 11px; position: relative; }
#functions li {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	border-right: 1px solid #dedede;
}
#functions li.last {
	margin: 0;
	padding: 0;
	border-right: none;
}
#functions li a {
	float: left;
	color: #847f86;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 0;
}
#functions li a:hover { color: #000; }

#functions li a#btn_searchFunction { padding: 5px 26px 5px 0; background: url(../images/btn_search_arrow.gif) right center no-repeat; }
#functions li a#btn_searchFunction.active { background: url(../images/btn_search_arrow_down.gif) right center no-repeat; } /* Swap BG image when search box is active */

/* Search Box */
#searchBox { /* Size and position fixed - relative to #functions */
    width: 208px;
    height: 36px;
    background: url(../images/BG_searchBox.gif);
	position: absolute;
	right: 0;
	top: 22px;
}
#searchForm fieldset { padding: 7px 3px 3px; }
#searchBox .searchInput {
    float: left;
    padding: 0;
    margin: 6px 4px 0 6px;
    border: 0;
    width: 166px;
    background: none;
	outline: 0; /* Remove focus border */
}
#searchBox .btn_searchBox {
    float: right;
}


/* =Home Page Styles
------------------------------------- */
#pageTop h1 {
	color: #bebebe;
	font-size: 11px;
	line-height: 18px;
	height: 20px; /* Cut off any text that is longer than one line */
	overflow: hidden;
	text-align: right;
	margin: 0;
}

/* =Header Photo
------------------------------------- */
#header {
	height: 283px;
	overflow: hidden;
	background: #f2f3f5 url(../images/BG_header.png) right bottom no-repeat;
	position: relative;
}
.home #header {
	height: 389px;
	background: #f2f3f5 url(../images/BG_home_header.png) right bottom no-repeat;
}
.headerPhoto {
	height: 100%;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.home-header-photo { background-image: url(../images/home_header_photo.jpg); }

/* =Post It Note
------------------------------------- */
#postIt {
	width: 207px;
	height: 133px;
	background: url(../images/BG_post-it.png) left bottom no-repeat;
	position: absolute;
	left: 520px;
	top: 150px; /* Use top instead of bottom 0 for a 1px bug in IE6 */
}
.home #postIt { left: 325px; top: 256px; }
#postItInner { padding: 15px; }

/* =Header Home Feature
------------------------------------- */
#headerFeature {
	width: 325px;
	height: 322px;
	position: absolute;
	right: 5px;
	top: 62px;
}

/* =Header Title
------------------------------------- */
#headerTitle {
	position: absolute;
	right: 25px;
	bottom: 39px;
}

/* =Nav
------------------------------------- */
#nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-bottom: 5px solid #d8d8d8;
	top: 0px;
	left: 0px;
	width: 980px;
	height: 52px;
	overflow: hidden;
	text-align: center;
}
.home #nav {border-bottom: 5px solid #1f1b21;}
/*<group=level 1>*/
#nav li {
	display: block;
	float: left;
	height: 52px;
	line-height: 52px;		
}
#nav li a {
	border: 0;
	display: block;
	height: 52px;
	color: #e1e1e1;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
#nav li a:hover {
	border: 0;
	display: block;
	color: #fff200;
}
/*</group>*/

/*<group=level 1 ids>*/
#nav_home a,
#nav_products a,
#nav_professionals a,
#nav_whatsNew a,
#nav_findUs a { width: 163px; }

#nav_downloads a { width: 165px; }

.nav { /* Load main nav image for all links */
	width: 100%;
	height: 100%;
	background: none;
	background: url(../images/BG_nav.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
/* Position main nav image for each link */
#nav_products .nav { background-position: -163px 0; }
#nav_professionals .nav { background-position: -326px 0; }
#nav_whatsNew .nav { background-position: -489px 0; }
#nav_findUs .nav { background-position: -652px 0; }
#nav_downloads .nav { background-position: -815px 0; }

/* Position main nav image for each link for hover and active state */
#nav_home a:hover .nav,
#nav_home.active .nav { background-position: 0 -52px; }
#nav_products a:hover .nav,
#nav_products.active .nav { background-position: -163px -52px; }
#nav_professionals a:hover .nav,
#nav_professionals.active .nav { background-position: -326px -52px; }
#nav_whatsNew a:hover .nav,
#nav_whatsNew.active .nav { background-position: -489px -52px; }
#nav_findUs a:hover .nav,
#nav_findUs.active .nav { background-position: -652px -52px; }
#nav_downloads a:hover .nav,
#nav_downloads.active .nav { background-position: -815px -52px; }
/*</group>*/

/*<group=level 2>*/
#nav li ul { /* Hide sub nav(s) by default */
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 968px;
	height: 52px;
	margin: 0 6px 0;
	overflow: hidden;
	background: url(../images/BG_subNav.png) left bottom no-repeat;
	border-top: 5px solid #d8d6d9;
	list-style-type: none;
}
/* Show sub nav on hover 
#nav li:hover ul { 
	visibility: visible;
	z-index: 100;
}*/
#nav li.active ul { /* Show sub nav of active parent li */
	visibility: visible;
	z-index: 100;
}
/*</group>*/

/*<group=level 2 ids>*/
#nav li ul a { 	width: auto; color: #272329; }
#nav li ul a:hover { color: #4e4e4e; }

/* Default settings for each sub nav */
li ul a span {
	width: 100%;
	height: 100%;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* =SubNav
------------------------------------- */
/* --- Products --- */
li#nav_products ul a span { background: url(../images/BG_subNav_products.png) left bottom no-repeat; }

ul li#products_overview a { width: 114px; }
ul li#products_overview a span { background-position: 0 0; }
ul li#products_overview a:hover span { background-position: 0 -52px; }

ul li#products_house-garden a { width: 183px; }
ul li#products_house-garden a span { background-position: -114px 0; }
ul li#products_house-garden a:hover span { background-position: -114px -52px; }

ul li#products_product-finder a { width: 145px; }
ul li#products_product-finder a span { background-position: -297px 0; }
ul li#products_product-finder a:hover span { background-position: -297px -52px; }

/* --- Professionals --- */
li#nav_professionals ul a span { background: url(../images/BG_subNav_professionals.png) left bottom no-repeat; }

ul li#professionals_overview a { width: 114px; }
ul li#professionals_overview a span { background-position: 0 0; }
ul li#professionals_overview a:hover span { background-position: 0 -52px; }

ul li#professionals_product-finder a { width: 145px; }
ul li#professionals_product-finder a span { background-position: -114px 0; }
ul li#professionals_product-finder a:hover span { background-position: -114px -52px; }


/* =Home Content
------------------------------------- */
#homeFeature,
#homePromo {
	height: 267px;
	margin-top: 35px;
	overflow: hidden;
}
#homeFeature { background: url(../images/BG_homeFeature.gif) 0 0 no-repeat; }
#homePromo { width: 326px; position: relative; }
#featureBox,
#featureBox2 {
	width: 317px;
	height: 253px;
}
#featureBox { margin: 7px 6px 7px 7px; }
#featureBox2 { margin: 7px 7px 7px 0; }

#featureBox .titleBG,
#featureBox2 .titleBG {
	float: left;
	width: 211px;
	height: 41px;
	overflow: hidden;
	margin: 0 0 0 4px;
}
#featureBox .titleBG span,
#featureBox2 .titleBG span {
	font-size: 17px;
	font-weight: normal;
	line-height: 19px;
	margin-top: 6px;
}
.featureBtns {
	float: right;
}
.featureBoxCopy {
	clear: both;
	width: 317px;
	height: 210px;
	overflow: hidden;
	background: url(../images/BG_featureBox.gif) 0 0 no-repeat;
}

.tabL,
.tabR { float: left; width: 43px; height: 43px; }
.tabL { background: url(../images/btn_tabL.gif) 0 0 no-repeat; }
.tabR { background: url(../images/btn_tabR.gif) 0 0 no-repeat; }

/* --- Home Promo Items --- */
#homePromItem { width: 317px; height: 129px; background: url(../images/BG_homePromo.gif) 0 0 no-repeat; position: absolute; top: 0; right: 0; }
#homePromItem2 { width: 317px; height: 129px; background: url(../images/BG_homePromo.gif) 0 0 no-repeat; position: absolute; top: 138px; right: 0; }

#homePromItem img,
#homePromItem2 img { margin: 4px; }

/* --- Home Featured Items --- */
#productFocusWrap {
	width: 289px;
	height: 182px;
	margin: 14px;
	overflow: hidden;
}
#productFocusItems li {
	display: inline;
	float: left;
	width: 289px;
	height: 182px;
	margin: 0;
	padding: 0;
	background: url(../images/BG_productFocus.gif) 0 0 no-repeat;
}
#productFocusItems img {
	float: left;
	margin: 4px 12px 4px 4px;
}
#productFocusItems p.title {
	height: 45px;
	margin: 10px 0 4px 0;
	overflow: hidden;
	font-weight: bold;
	line-height: 15px;
}
#productFocusItems p.excerpt {
	height: 90px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 11px;
	line-height: 15px;
}
#productFocusItems a.btn_more {}

/* --- Home Download Items --- */
#downloadsWrap {}
#downloadsItem li {
	float: left;
	width: 317px;
	/*width: 317px;
	height: 106px;
	overflow: hidden;*/
	margin: 0;
	padding: 0;
	background: url(../images/BG_featureDownloads_divider.gif) left bottom repeat-x;
}
#downloadsItem a {
	display:block;
	width: 299px;
	height: 88px;
	margin: 9px;
	overflow: hidden;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
}
#downloadsItem span {
	float: left;
	width: 88px;
	height: 88px;
	margin: 0 16px 0 0;
	background: url(../images/BG_featureDownloadsImg.gif) 0 0 no-repeat;
}
#downloadsItem p {
	font-size: 11px;
}
#downloadsItem img { margin: 4px; }
#downloadsItem strong {
	display: block;
	height: 15px;
	margin: 15px 0 0 0;
	overflow: hidden;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
}
#downloadsItem a:hover {
	background-color: #ebebeb;
}



/* --- Home Info Box --- */
#homeInfoBox {
	width: 980px;
	margin-top: 18px;
	padding-bottom: 7px;
	background: #f5f6f7 url(../images/BG_980greyBoxBot.gif) left bottom no-repeat;
}
#homeInfoBoxTop {
	width: 980px;
	padding: 16px 0 9px;
	background: #f5f6f7 url(../images/BG_980greyBoxTop.gif) left top no-repeat;
}
.homeCol {
	width: 193px;
	margin: 0 26px;
	color: #77777d;
}
/* --- Home Column Links --- */
.home .linkList { float: left; }
.home .linkList li { display: inline; margin: 0; padding: 0; list-style-type: none; }
.home .linkList li a { float: left; width: 154px; margin-bottom: 4px; padding: 2px 14px 2px 17px; background: #f5f6f7 url(../images/arrow_large.gif) 4px 6px no-repeat; color: #77777d; line-height: 14px; text-decoration: none; }
.home .linkList li a:hover { background-color: #fff202; }

/* =Breadcrumbs
------------------------------------- */
#breadcrumbsWrap{ margin: 12px 0; }
#breadcrumbs{ margin: 0 8px; }
#breadcrumbs li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 16px;
	color: #77777d;
}
#breadcrumbs li a {
	margin: 0 6px 0 0;
	padding: 0 12px 0 0;
	background: url(../images/breadcrumb_divider.gif) right center no-repeat;
	color: #77777d;
}
#breadcrumbs li a:hover { text-decoration: none; }

/* =Flash Wrapper
------------------------------------- */
.flashWrap { width: 980px; height: 650px; }

/* =SIDEBAR
------------------------------------- */
#sidebarWrap .titleBG { font-size: 14px; margin-bottom: 2em; }
#sidebarList { /* Page Curl */
	float: left; /* this float makes the div contain the floated links as floats are removed from the flow */
	width: 220px;
	padding: 0 0 90px 0;
	background: url(../images/BG_sidebarCurl.png) left bottom no-repeat;
}
#sideNav {
	width: 216px;
	margin: 0;
	padding: 12px 0 0 0;
	background-color: #f7f7f7;
}
#sideNav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#sideNav li a {
	float: left; /* floated elements are displayed block by default, this makes the whole link clickable */
	width: 186px;
	padding: 7px 8px 6px 22px;
	border-bottom: 1px solid #eaf2f4;
	color: #45464a;
	text-decoration: none;
	background: #f7f7f7 url(../images/subNav_bullet.gif) 10px 9px no-repeat;
}
#sideNav li a.active { background: #fff102 url(../images/subNav_bullet_on.gif) 10px 9px no-repeat; }
#sideNav li a:hover { background-color: #fff102; }

/* --- Sidebar Advanced Search --- */
#sidebarTitle {
	background-color: #fff102;
	margin-right: 4px;
	padding: 12px;
}
#sidebarTitle h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 0; }
.sidebarContent {
	background-color: #f7f7f7;
	margin-right: 4px; /* Using margin so BG colour does not overlap Page Curl image drop shadow */
	padding: 18px 8px 0 12px;
}
.sidebarContent p { margin: 0 4px 16px; }
.sidebarContent .field {
	padding-left: 9px;
	padding-bottom: 11px;
	margin-bottom: 11px;
	border-bottom: 1px solid #eaf1f4;
}
.sidebarContent select {
	width: 175px;
}

/* =Thumbnails Products
------------------------------------- */
#productThumbWrap li {
	float:left;
	display: inline;
	width:178px;
	height: 156px;
	overflow: hidden; /* Dimensions and overflow stop sprite BG appearing on page zoom */
	margin: 0px 6px 18px 0;	
	background: #f2f2f2 url(../images/BG_productBox.gif) 0 0 no-repeat;
}
#productThumbWrap li:hover { background: #ffea18 url(../images/BG_productBox.gif) 0 -156px no-repeat; }
#productThumbWrap li a {
	display: block;
	width:178px;
	height: 156px;
	text-decoration: none;
	position: relative;
}
#productThumbWrap li a span {
	display: block;
	width: 154px;
	height: 28px;
	overflow: hidden;
	color: #45464a;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
	position: absolute;
	top: 12px;
	left: 12px;
}
#productThumbWrap li a:hover, #productThumbWrap li a:hover span { font-size: 12px; font-weight: bold; }
#productThumbWrap li img { 
	display: block;
	width: 155px;
	height: 94px;
	overflow: hidden;
	position: absolute;
	bottom: 12px;
	left: 12px;
}

/* =Scroller Horizontal
------------------------------------- */
.hScrollContainer {
	height: 151px;
	margin-bottom: 16px;
}
.btn_hScrollL, .hScrollMid, .btn_hScrollR {
	height: 151px;
	float: left;
	display: inline;
}
.hScrollMid {
	width: 672px;
	overflow: hidden;
	position: relative;
}
.hScrollContent {
	/*width: 664px;*/
	height: 149px;
	padding: 0 0 0 8px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
	position: relative;
}
.hScrollContent li {
	float:left;
	display: inline;
	margin: 6px 8px 0 0;	
	background: #f2f2f2 url(../images/BG_hScrollItem.png) 0 0 no-repeat;
}
.hScrollContent li.active,
.hScrollContent li:hover { background: #ffea18 url(../images/BG_hScrollItem.png) 0 -137px no-repeat; }
.hScrollContent li a, .hScrollContent li a:visited {
	display: block;
	width:102px;
	height: 137px;
	text-decoration: none;
	position: relative;
}
.hScrollContent li a span {
	display: block;
	width: 80px;
	height: 28px;
	overflow: hidden;
	color: #45464a;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
	position: absolute;
	top: 12px;
	left: 12px;
}
.hScrollContent li a:hover, .hScrollContent li a:hover span { font-size: 12px; font-weight: bold; }
.hScrollContent li img { 
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: absolute;
	bottom: 11px;
	left: 11px;
}

/* =Detail Content
------------------------------------- */
.productWrap { background: url(../images/BG_box1Mid.gif) left top repeat-y; }
.productWrapTop { height: 7px; background: url(../images/BG_box1Top.gif) left top no-repeat; }
.productWrapBot { height: 7px; background: url(../images/BG_box1Bot.gif) left bottom no-repeat; }

/* Product Nav */
#productNav {
	width: 233px;
	margin: 0 6px 0 7px;
}
#productNav H1 {  font-size: 17px; margin: 0 0; padding: 8px 0 10px 10px; }
#productNav p { padding: 0 10px; color: #717378; font-size: 14px; line-height: 16px; font-style: normal; }

#productNavMenu li {
	width: 233px;
	margin: 0 0 1px 0;
	padding: 0;
}
#productNavMenu li a {
	display: block;
	width: 233px;
	line-height: 14px;
	padding: 0 0 6px 0;
	font-size: 11px;
	text-decoration: none;
	background: url(../images/productNavDivider.gif) left bottom no-repeat;
}
#productNavMenu li a span {
	display: block;
	padding: 6px 14px 0 17px;
	background: url(../images/arrow_small.gif) 9px 11px no-repeat;
}

/* Product Nav Hover */
#productNavMenu li a:hover,
#productNavMenu li.active a {
	font-size: 11px;
	font-weight: bold;
	background: #fff102 url(../images/productNavBot.gif) left bottom no-repeat;
}
#productNavMenu li a:hover span,
#productNavMenu li.active a span {
	background: url(../images/productNavTop.gif) left Top no-repeat;
}

/* Detail Wrap */
#detailWrap {
	width: 483px;
	margin: 0 7px 0 0;
	background: #f8f8f8 url(../images/BG_detailBoxMid.gif) left top repeat-y;
}
#detailWrapInner {
	padding: 14px;
	min-height: 282px;
	background: url(../images/BG_detailBoxTop.gif) left top no-repeat;
}
* html #detailWrapInner { height: 282px; } /* target IE for min height */
#detailWrapBot {
	width: 483px;
	height: 7px;
	background: url(../images/BG_detailBoxBot.gif) left bottom no-repeat;
}


/* Detail Item Box */
.detailImg,
.detailImgTop,
.detailImgBot,
.detailItem,
.detailItemTop,
.detailItemBot { width: 455px; }

.detailImg,
.detailItem { background: #fcfcfc url(../images/BG_detailItemBoxMid.gif) left top repeat-y; }

.detailImgTop { height: 4px; background: url(../images/BG_detailImgTop.gif) left top no-repeat; }
.detailItemTop { height: 5px; background: url(../images/BG_detailItemBoxTop.gif) left top no-repeat; }
.detailImgBot { height: 4px; background: url(../images/BG_detailImgBot.gif) left bottom no-repeat; }
.detailItemBot { height: 5px; background: url(../images/BG_detailItemBoxBot.gif) left bottom no-repeat; }
#detailImgPhoto {
	width: 447px;
	margin: 0 4px;
	overflow: hidden;
}
.detailImg img { margin: 0; padding: 0; border: 0; }

.detailImgBot_imgInfo {
	width: 455px;
	height: 47px;
	background: url(../images/BG_detailImgBot_imgInfo.gif) left top no-repeat;
}
.detailImgBot_imgInfo_text { width: 351px; height: 43px; overflow: hidden; float: left; display: inline; margin: 3px 10px 0 4px;}
.detailImgBot_imgInfo_text p { margin: 0; padding: 5px 0 0 10px; color: #717378;}
.detailImgBot_imgInfo_btns { width: 86px; height: 43px; overflow: hidden; float: left; display: inline; margin: 3px 4px 0 0; }

/* Detail Item Box Columns */
.detailItemInner { padding: 4px 14px; }
.detailItemColL, .detailItemColR { width: 185px; }
.detailItemColL { margin-right: 57px; }

.homeCol .field-span1,
.detailItemColR .field-span1 { float: left; display: inline; margin-right: 10px; }

/* Detail Item Box Content */
#downloadsNav li {
	width: 185px;
	margin-bottom: 2px;
}
#downloadsNav li a {
	display: block;
	width: 154px;
	padding: 2px 14px 2px 17px;
	background: #fcfcfc url(../images/arrow_large.gif) 4px 6px no-repeat;
	color: #45464a;
	line-height: 14px;
	text-decoration: none;
}
#downloadsNav li a:hover {
	background-color: #fff202;
}

/* Detail Content */
.detailContent { padding: 14px; }

/* =General Content
------------------------------------- */
.contentSup span { /* BG for content images */
	display: block;
	margin-bottom: 30px;
	padding: 4px;
	background: url(../images/BG_content_image.gif) 0 0 no-repeat;
}

/* =Content Listings
------------------------------------- */
.listing { width: 736px; }
.listing li { border-bottom: 1px solid #f6f6f6; margin-bottom: 22px; padding-bottom: 10px; padding-right: 36px; }
.datedListing { width: 562px; }
.datedListing h3 { width: 462px; /* Float set at top */}

.listingSup { width: 162px; margin-right: 12px; }

.mediaTitle { float: left; }
.mediaDate { float: right; }
.mediaDate p { width: 100px; text-align: right; color: #45464a; font-size: 11px; font-weight: bold; line-height: 13px; }
.mediaDate p span { padding: 0 0 0 15px; background:url(../images/arrow_dark.gif) 4px 4px no-repeat; } /* Add arrow image to date */

.listingImg { width: 162px; height: 182px; margin-bottom: 16px; }
html>body .listingImg { height: auto; min-height: 182px; }
.listingImg span { display: block; width: 162px; height: 182px; background: url(../images/BG_content_image.gif) 0 0 no-repeat; }
.listingImg img { margin: 4px; }

.listingCopy { width: 526px; }

/* LinkBox Nav */
.linkBox { width: 162px; background: #fcfcfc url(../images/BG_linkBoxMid.gif) 0 0 repeat-y; }
.linkBoxTop { width: 162px; height: 6px; font-size: 0; background: url(../images/BG_linkBoxTop.gif) 0 0 no-repeat; }
.linkBoxBot { width: 162px; height: 6px; font-size: 0; background: url(../images/BG_linkBoxBot.gif) 0 0 no-repeat; }

.linkBoxNav { margin-bottom: 50px; }
.linkBoxNav li {
	width: 144px;
	margin: 0 9px 2px;
	padding: 0;
	background: none;
	border: none;
}
.linkBoxNav li a,
.linkBoxNav li a:visited {
	display: block;
	width: 127px;
	padding: 4px 0 4px 17px;
	background: #fcfcfc url(../images/arrow_large.gif) 4px 6px no-repeat;
	color: #45464a;
	line-height: 14px;
	text-decoration: none;
	background-color: #fcfcfc;
}
.linkBoxNav li a:hover {
	background-color: #fff202;
}

.linkBoxInner { margin: 0 9px; }
.linkBoxInner h3 { font-size: 17px; padding-top: 6px; }

/* =Content Download Listing
------------------------------------- */
.downloadsTable h4 {font-family: Arial, Helvetica, sans-serif;line-height:16px;font-weight:bold; background:url(../images/arrow_dark.gif) 4px 6px no-repeat; padding-left: 16px; margin:0;}

.downloadsTable a.titleBG { display: block; float: left; color: #2e2a2e; padding: 2px 20px 6px 4px; background: #fff102 url(../images/BG_title.gif) right top no-repeat; text-decoration: none; font-size: 12px; font-weight: normal; text-transform:uppercase; }
.downloadsTable a.titleBG span { none; padding: 0 0 0 16px; background:url(../images/arrow_dark.gif) 4px 6px no-repeat; text-decoration: none; }
.downloadsTable a.titleBG:hover span { text-decoration: underline; cursor: pointer; }
.downloadsTable td { vertical-align: top; } 

/* =FOOTER
------------------------------------- */

#footer {
	color: #969496;
	min-height: 200px;
	margin-top: 15px;
	background: #fcfdfd url(../images/BG_footer.gif) 0 0 repeat-x;
}
.footerTitle {
	color: #45464a;
	font-size: 16px;
	margin: 5px 0 22px 0;
	line-height: 49px;
}
#footerLinks.footer_span1 { width: 245px; }
#footerLinks.footer_span2 { width: 490px; }
#footerLinks.footer_span3 { width: 735px; }
/*
#footerLinks.footer_span1,
#footerLinks.footer_span2,
#footerLinks.footer_span3 { float: left; margin: 0 0 1.5em 0; }
*/

#footerLinks li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footerLinks li a {
	float: left;
    width: 203px;
    margin: 0 30px 0 0;
    padding: 2px 6px;
    color: #969496;
    font-size: 12px;
    text-decoration: none;
}
#footerLinks li a:hover {
	background-color: #fff202;
	color: #45464a;
}

#footer select { color: #969496; margin-bottom: 1em; }

.footerTerms { width: 326px; margin: 20px 0 20px 0; }
.footerTerms a {
 padding: 2px 2px;
 line-height: 1.7;
 color: #969496;
 font-size: 12px;
 text-decoration: none;
}
.footerTerms a:hover {
 background-color: #fff202;
 color: #45464a;
}

/* --- Contact Details --- */
p.phone { margin-bottom: 0; }

/* =FORM
------------------------------------- */
#formWrap {
	width: 698px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}
#formHeader {
	width: 698px;
	height: 56px;
	overflow: hidden;
	margin-bottom: 25px;
	background-color: #FFF102;
}
#formHeader-sample {
	width: 698px;
	height: 56px;
	overflow: hidden;
	margin-bottom: 25px;
	background-color: #0cbdca;
}
/* Form Title */
#formTitle { width: 574px; height: 56px; float: left; display: inline; margin-right: 10px; }
#formTitle h2 { width: 551px; height: 56px; line-height: 56px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; margin: 0 0 0 23px; position: relative; }
#formTitle h2 span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* Insert image replacement for Title.. add ID to to H2 tag in HTML */
#t_make-an-enquiry span { background: #fff102 url(../images/t_make-an-enquiry.gif) 0 0 no-repeat; }
#t_request-a-sample span { background: #0cbdca url(../images/t_request-a-sample.gif) 0 0 no-repeat; }

/* Close Button */
#formClose {
	width: 114px;
	height: 36px;
	float: left;
	display: inline;
	text-align: right;
	padding-top: 14px;
}
a.close{ background: url(../images/btn_close.gif) right center no-repeat; color: #181818; font-size: 12px; margin: 0 23px 0 0; padding: 7px 35px 7px 0; line-height: 30px; text-decoration: none; }
a.close:hover { text-decoration: underline; }

/* Form BG */
#form { width: 654px; margin: 0 22px; background: #f6f6f6 url(../images/BG_formMid.gif) 0 0 repeat-y; }
#formTop { width: 654px; height: 7px; font-size: 0; background: url(../images/BG_formTop.gif) 0 0 no-repeat; }
#formBot { width: 654px; height: 7px; font-size: 0; background: url(../images/BG_formBot.gif) 0 0 no-repeat; } 

p.formIntro { margin: 0 30px 16px; color: #838383; font-size: 14px; line-height: 17px; }

#formTable { width: 608px; margin: 11px 23px; }
#formTable td { padding: 0 12px 12px; border: none; color: #45464a; vertical-align: top; }
#formTable td table td { padding: 0 0 3px; }

#formTable label { display: block; margin: 0 0 4px 0; }

#formTable textarea { display: block; width: 270px; margin: 0; padding: 4px; }
#formTable select { width: 280px; height: 26px; padding: 4px;} 

#formTable input.button,
#formTable input.checkbox,
#formTable input.radio { width: auto; }

input.submit { width: 82px; height: 28px; float: right; }


#credits { padding: 25px 0 0 0;}
#credits a, #credits a:visited { color: #969496; }
#credits a:hover { text-decoration: none; }

.footerLogo { margin-top: 68px; text-align: right; } 

iframe { border: 0px solid #ffffff; }

.interactiveMapLink { padding-top: 20px; padding-left: 16px; } 

/* =REGISTER AS A PROFESSIONAL FORM
------------------------------------- */
#t_register-as-a-pro span { background: #fff102 url(../images/t_register-as-a-pro.gif) 0 0 no-repeat; }
.formHeadContent { width: 638px; margin: 0 30px 30px; }
.formHeadContent img { float: left; margin: 0; }
.formHeadContent p.formIntro { margin: 0 0 0 342px; }
.required { color: #8C8C8C; font-size: 11px; line-height: 13px; margin: 0 14px; text-align: right; }

/* =Professionals Page Updates
------------------------------------- */ 
.professionalsPage #postItInner { padding: 15px 12px;} 
.professionalsPage #headerTitle { position: absolute; right: 25px; top: 160px; } 
.professionalsPage #headerTitle p { width: 200px; margin: 0; color: #717378; font-size: 11px; line-height: 14px; }


.sidebarBtn {
 float: left;
 width: 216px;
 padding: 20px 0 20px 0;
}
 
.homeCol-span2 { width: 438px; }

ul.download-group { width: 736px; margin: 0 0 12px; padding: 0; list-style: none; overflow: hidden; }
ul.download-group li { margin: 0; padding: 0; display: inline; }
ul.download-group li a img { display: block; float: left; }