/*
title:		Yarwood
created:	12.10.2009
modified:	28.10.2009
*/

/* ================[ testing ]================ */

/* ================[ reset ]================ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

img { border: none; }

/* ================[ general ]================ */

.clearme { clear: both; height: 0; font-size: 0em; }

body, html { height: 100%; }

body {
	font-size: 62.5%; /* 1em is 10px */
	font-family: Arial, sans-serif;
	background-color: #ebebe8;
	color: #2e3817;
}

a { color: #8aad0e; text-decoration: none; }
a:hover { text-decoration: underline; }

div#subNav h2 {
	background: #eaebe8;	
	padding: 15px 0 10px 15px;
	width: 158px;
	font-size: 1.8em;
}

h1, h2 {
	font-size: 1.8em;
	margin-bottom: 14px;
}

.marginT10  {margin-top:10px;}

/* ================[ layout ]================ */

div#container {
	width: 960px;
	margin: 0 auto;
	background: #FFF;
	
	min-height:100%;
	/* IE 6/7 height */
 	height:auto !important;
  	height:100%;
}

/* ================[ header ]================ */

div#header {
	height: 94px;
	width: 960px;
	position: relative;
}

span#logo { margin: 26px 0 0 3px; float: left; }
span#logo, span#logo a { height: 54px; width: 172px; }
span#logo span { margin-left: -5000px; }
span#logo a {
	display: block;
	overflow: hidden;
}

ul#userNav {
	float: right;
	margin-top: 14px;
	list-style: none;
}

ul#userNav a#register, ul#userNav a#login, ul#userNav a#yarwoodHeader_login {
	color: #FFF;
	font-size: 0.9em;
	display: inline-block;
	height: 17px;
	padding: 3px 25px 0 10px;
	width: 70px;
}

ul#userNav a:hover { text-decoration: none; }

div#addtoBasketRow {margin:10px 0px 0px 0px;}
div#addtoBasketRow a#imgBtnAddToBasket { background: url(../images/colourways/default/highlighter.gif) top right no-repeat; }
div#addtoBasketRow:hover a#imgBtnAddToBasket:hover { background-position: right -20px; }

div#addtoBasketRow a#imgBtnAddToBasket { background: url(../images/colourways/default/highlighter.gif) top right no-repeat; }
div#addtoBasketRow:hover a#imgBtnAddToBasket:hover { background-position: right -20px; }

ul#userNav a#register { background: url(../images/registerArrow.gif) 92px 7px no-repeat; }

span#userID, span#yarwoodHeader_userID{
    color: #abafa2;
    width: 400px;
    display: block;
    text-align: right;
    position: absolute; top: 16px; left: 445px;
    font-size: 1.1em;
}

/* ================[ top navigation ]================ */

div#topNav {
	padding: 8px 0 1px 0;
	width: 960px;
	background: #ebebe8 url(../images/navwrapBG.gif) top left repeat-x;
}
	
ul#mainNav, ul#quickNav, ul#leftNav {
	font-size: 1.4em;
	list-style: none;
	font-weight: bold;
	float: left;
	width: 960px;
}

ul#quickNav { 
	float: right;
	width: auto;
} 

ul#mainNav li, ul#quickNav li, ul#leftNav li { float: left; }

ul#mainNav a, ul#quickNav a, ul#leftNav a {
	color: #788066;
	display: block;
	height: 30px;
	padding: 6px 11px 0 11px;
	margin-right: 5px; display: inline;
	float: left;
}
ul#mainNav a.lastNav, ul#quickNav a.lastNav, ul#leftNav a.lastNav { margin-right: 0; }

ul#mainNav a:hover, ul#mainNav a.selected, ul#mainNav a.selected:hover,
ul#quickNav a:hover, ul#quickNav a.selected, ul#quickNav a.selected:hover,
ul#leftNav a:hover, ul#leftNav a.selected, ul#leftNav a.selected:hover{
	color: #FFF;
	text-decoration: none;
	background: #2d3717 url(../images/navBG.gif) bottom center no-repeat;
}

ul#mainNav a:hover, ul#quickNav a:hover, ul#leftNav a:hover {
	background: #2d3717;
	background: #2d3717 url(../images/navBG-solid.gif) bottom center no-repeat;
}

/* ================[ sub navigation ]================ */

div#subNav {
	width: 173px;	
}

div#subNav h2 {
	background: #eaebe8;	
	padding: 15px 0 10px 15px;
	width: 158px;
	font-size: 1.8em;
	margin-bottom: 0;
	color: #2e3817;
}

div#subNav ul {
	list-style: none;	
}

div#subNav ul a {
	color: #d5d7d1;
	background: #969b8b;
	display: block;
	width: 158px;
	font-size: 1.2em;
	padding: 8px 0 5px 15px;
	border-bottom: 1px solid #FFF;
}

div#subNav ul a:hover {
	text-decoration: none;	
	background: #2e3817;
}

div#subNav ul a.subSelected { background: #2e3817; } 

div#subNav ul a#searchNav {
	background: #2e3817 url(../images/productSearch.gif) 10px 8px no-repeat;
	padding-left: 35px;
	width: 138px;
}

div#subNav ul li ul {
	padding: 10px 0;
}

div#subNav ul li ul a {
	color: #2e3817;
	background: #FFF url(../images/subNavBG.gif) 15px 11px no-repeat;
	display: block;
	width: 151px;
	font-size: 1em;
	padding: 2px 0 2px 22px;
}

div#subNav ul li ul a:hover, div#subNav ul li ul a.subSelected {
	background: #eaebe7 url(../images/subNavBG.gif) 15px 11px no-repeat;		
}

ul#innerNav {
    width: 250px;
    list-style: none;
    font-size: 0.9em;
    padding: 25px 0 20px 0;
    float: left;
    background: #edf3f4 url(../images/drip2BG.gif) 15px 0 no-repeat;
}

ul#innerNav a {
    width: 238px;
    display: block;
    padding: 2px 0 2px 12px;
}

ul#innerNav a:hover, ul#innerNav a.innerSelected {
    text-decoration: none;
    background: #FFF;
}

/* ================[ homepage ]================ */

div#homeIntro {
	width: 960px;
	height: 420px;
	border-bottom: 1px solid #ebebe8;
	margin-bottom: 10px;
	
}

div#homeIntroData {
    padding: 4px 10px;
}

div#homeIntroData img {
    float: left;
    margin-right: 10px; display: inline;
}

div#homeIntroData span {
    color: #999;
    padding-top: 4px;
    display: block;
}

div#homeIntro ul {
    list-style: none;
}

div#homeIntro li {
    float: left;
}

div.dotted {background:url('../images/dottedLine.gif') no-repeat; width:960px; height:6px; }

div#homeIntro a {
    display: block;
    width: 144px;
    height: 91px;
    padding: 10px 0 0 15px;
    font-size: 1.4em;
    color: #FFF;
    border-right:1px solid #FFF;
}
div#homeIntro a:hover { text-decoration: none; }

div#homeSearch {
	width: 340px;
	float: left;
	margin: 0 0 0 15px; display: inline;
	padding-top: 17px;
	margin-bottom: 10px;
	
	position: relative;
}

img#magnify { position: absolute; top: 17px; left: 105px; } 

div#homeWelcome h1, div#homeSearch h2, div#homeNews h2 {
	color: #2e3817;
	font-size: 1.2em;
	border-bottom: 1px solid #c0c3ba;
	margin-bottom: 12px;
	padding-bottom: 4px;
}

div#content p#searchInfo {
	margin: 0 10px 14px 10px;
	border-bottom: 1px solid #eaebe7;
	padding-bottom: 4px;
}

div#searchaproduct {
	margin: 0 0 12px 10px;	
}

div#homeSearch input#fldProductNumber { 
	width: 180px;
	padding: 2px;
	border: 1px solid #eaebe8;
	float: left;
	margin-right: 5px; display: inline;
	margin-top: 5px;
}

div#homeSearch input#btnSubmit { margin-top: 5px; }

input#btnGo { margin-top: 5px; }

div#altSearch {
	padding: 15px 15px 5px 15px;
	clear: both;
	background: #eaebe8;
}

div#content div#altSearch p#compSearch {
	margin-bottom: 10px;
	width: 200px;
	float: left;
}

div#content div#altSearch span { display: block; width: 100px; padding-bottom: 10px; }

div#altSearch a {
	float: left;
	margin-top: 3px;
}

div#altSearch img.searchPic {
	float: right;
	width: 100px;
	height: 66px;
	display: inline;
}

div#welcomeLatest {
	border: 10px solid #eaebe8;
	width: 555px;
	float: right;
	margin: 15px 15px 10px 0; display: inline;
	background: #FFF url(../images/divide.gif) 280px 0 repeat-y;
	
}

div#homeWelcome {
	padding: 10px;
	width: 260px;
	float: left;
	margin-right: 10px; display: inline;
}

div#homeNews {
	padding: 10px 10px 0 10px;
	width: 245px;
	float: right;
}

div#homeNews div.mainCaseStudy {
	width: 232px;
	clear: both;
	margin-bottom: 14px;
}

div#homeNews div.mainCaseStudy a{
float:right;
}

div#homeNews div.mainCaseStudy a.photoLink{
float:left;
}

div.homeCaseStudy a.photoLink { 
	float: left;
	margin-right: 4px; display: inline;
}

div.homeCaseStudy a { color: #2e3817; }

div.homeCaseStudy h4 { font-weight: bold; }

div#content div.homeCaseStudy p { margin-bottom: 4px; }

/* ================[ content ]================ */

div#content {
	width: 960px;
	clear: both;
	font-size: 1.2em;
	border-bottom: 10px solid #ebebe8;
}

div#content p { margin-bottom: 10px; }

a.highlighter,
a.highlighter-default, a.highlighter-cutting, a.highlighter-technical, a.highlighter-upholstery,
a.highlighter-aviation, a.highlighter-automotive, a.highlighter-marine, a.highlighter-fabric {
	color: #FFF;
	font-size: 0.9em;
	display: inline-block;
	height: 17px;
	padding: 3px 25px 0 10px;
}

a.highlighter:hover,
a.highlighter-default:hover, a.highlighter-cutting:hover, a.highlighter-technical:hover, a.highlighter-upholstery:hover,
a.highlighter-aviation:hover, a.highlighter-automotive:hover, a.highlighter-marine:hover, a.highlighter-fabric:hover {
	text-decoration: none;
	background-position: right -20px;
}

span.lowlight { color: #969b8b; }

a.pdfLink {
    background: url(../images/pdf.gif) 0 0 no-repeat;
    padding: 4px 0 10px 30px;
}

div.dripBG { background: url(../images/dripBG.gif) 56px 0 no-repeat; }

/* ================[ main content ]================ */

div#mainContent {
	width: 762px;
	padding: 10px 10px 10px 0;
	float: right;
	position:relative;
}

div#mainContent img#LeatherProduction
{
    width: 762px;
}

div#mainContent.indentContent { padding-left: 7px; width: 755px; }

div#breadcrumb {
	color: #999;
	font-size: 0.9em;
	margin-bottom: 10px;
}

div#breadcrumb a { text-decoration: underline; }
div#breadcrumb a:hover { color: #2e3817; }

div#switchGallery {
	width: 762px;
	height: 293px;
	border-bottom: 1px solid #ebebe8;
	margin-bottom: 10px;
}

div#sectorIntro {
	width: 380px;	
	float: left;
	padding-left: 10px;
}

div#sectionPlug {
	width: 350px;
	float: right;
	position: relative;
}

div#sectionPlug a { position: absolute; top: 190px; left: 145px; }

div#productDetail {
	width: 402px;
	padding: 10px;
	background: #eaebe8;
	float: left;
}
div#productDetail img { border: 1px solid #FFF; }

div#rangeColours {
	float: right;
	width: 310px;
	padding: 10px;
	background: #eaebe8;
	color: #8c917f;

  	height:181px;
}

div#rangeColours2 {
	float: left;
	width: 310px;
	padding: 10px;
	background: #eaebe8;
	color: #8c917f;

  	height:181px;
}

div#content p#colourInfo {
	width: 230px;
	float: left;
	margin-bottom: 10px;
}

div#content p#colourTotal {
	width: 70px;
	float: right;
	text-align: right;
	margin-bottom: 10px;
}

div#colourList {
	background: #FFF;	
	width: 294px;
	clear: both;
	padding: 8px 8px 0 8px;
	height: 147px;
	
	overflow: auto;
}

div#colourList a {
	float: left;
	margin: 0 8px 8px 0; display: inline;
}

div#productBreakdown {
    clear: both;
    width: 752px;
    padding: 16px 0 0 10px;
}

div#productName h1 {
    margin-bottom: 8px;
    float: left;
}

div#productName {
    border-bottom: 1px solid #e4e6e0;
}

div#pageTools {
    width: 42px;
    float: right;
    padding-top: 10px;
}

a.printPage, a.emailPage {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -5000px;
    background: url(../images/toolsPrint.gif) top left no-repeat;
    float: left;
}

a.emailPage {
    background: url(../images/toolsEmail.gif) bottom left no-repeat;
    margin-left: 5px; display: inline;
}

div#productData {
    width: 410px;
    float: left;
}

div#availability {
    padding: 12px 0 8px 0;
    border-bottom: 1px solid #e4e6e0;
    color: #969b8b;
    margin-bottom: 12px;
}

div#availability span {
    position: relative; top: -4px;
    padding-right: 8px;
    margin-right: 5px;
    border-right: 1px solid #969b8b;
}

div#availability img {
    margin-right: 4px;
}

div#productDesc {
    border-bottom: 1px solid #e4e6e0;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

div#productOrder {
    background-color: #f3f4f2;
    padding: 25px 15px 15px 15px;
    color: #969b8b;
}

div#productOrder h2, div#productSample h3 {
    font-weight: bold;
    color: #2d3717;
    margin-bottom: 10px;
    font-size: 1em;
}

div#productSample {
    width: 317px;
    float: right;
    margin-top: 37px;
    background: #f0f1ef;
    padding: 5px 5px 0 5px;
    color: #969b8b;
}

div#sampleInner {
    position:relative;
    padding: 10px;
    border: 1px dashed #c0c1bf;
    margin-bottom: 10px;
}

div#tcardInfo,
div#feelerInfo  {position:absolute;display:none;left:50px;top:0px;width:200px;padding:10px;background:#eee;border:1px solid #ccc;}

div#tcardRow, div#feelerRow {
    background: #dcded9;
    text-align: center;
    width: 95px;
    color: #2d3717;
    padding: 10px;
    float: left;
    height: 95px;
}

div#addtoBasketRow, div#viewBasketRow {
    width: 317px;
    padding: 1px;
    margin-bottom: 5px;
}

h2.fullLine { border-bottom:1px solid #d6d7d2; padding-bottom:5px;}

div#tcardRow { margin: 0 15px 10px 25px; display: inline; }
div#tcardRow img, div#feelerRow img { margin-bottom: 5px; }

div#leatherOverview { padding: 15px 0 0 0; }

div.aboutCol {
    width: 245px;
	height:325px;
    float: left;
    margin-left: 8px; display: inline;
    color: #7f7f7f;
    margin-bottom: 20px;
	position:relative;
   
}

div.aboutCol a.highlighter {position:absolute; bottom:0px; left:0px;}

div.indentText {margin:0px 0px 0px 10px;}
img.floatedImg {float:right;}
img.marginBtm {margin:0px 0px 10px 0px;}
div.aboutCol p { font-size: 0.9em; }
div.aboutCol h2 { font-size: 1.6em; }
div.aboutCol img { margin-bottom: 10px; }

div#servicesIntro { padding-left: 10px; }

div#testingContent {
    width: 490px;
    float: right;
}

div#testingInfo {
    padding-top: 5px;
    border-bottom: 1px solid #cacdc5;
    margin-bottom: 12px;
}

div#testingInfo h2 {
    margin-bottom: 5px;
    float: left;
}

div#testingInfo span.TestMethod {
    float: right;
    padding-top: 10px;
    _padding-top: 5px;
}

div#testingOverview {
    width: 380px;
    padding-left: 10px;
    float: left;
}

div#testingOptions {
    width: 350px;
    float: right;
}

div#testingOptions-breakdown {
    width: 320px;
    background: #edf3f4 url(../images/drip2BG.gif) 15px 0 no-repeat;
    padding: 25px 15px 20px 15px;
}

div#testingOptions-breakdown select {
    width: 320px;
}

div#viewTestsRow {
    width: 320px;
    text-align: right;
    padding-top: 10px;
}

div#textCol {
    width: 390px;
    float: left;
}

div#imageCol {
    width: 353px;
    float: right;
}
div#imageCol img { margin-bottom: 10px; }

div#caseStudyMain {
    float: right;
    width: 642px;
    padding: 10px 10px 10px 0;
}

div#caseStudyGallery {
    width: 642px;
	height: 293px;
	border-bottom: 1px solid #ebebe8;
	margin-bottom: 10px;
}

div#caseStudyMain h1, span.caseHighlight { color: #97be0d; }

div#caseStudyInfo {
    width: 380px;
    padding-left: 10px;
    float: left;
}

div#caseStudyDetails {
    width: 240px;
    float: right;
}

div#teamGallery, div#newsGallery {
    border-bottom: 1px solid #cacdc5;
    margin-bottom: 15px;
    width: 755px;
    float: left;
}

div#teamGallery img, div#newsGallery img {
    margin-bottom: 12px;
}

div#teamGallery span, div#newsGallery span {
    color: #ababab;
    padding: 0 0 12px 12px;
    display: block;
    font-size: 0.9em;
}

div.teamBreakdown {
    width: 180px;
    float: left;
    color: #7f7f7f;
    font-size: 0.9em;
    margin-right: 10px; display: inline;
}
div.teamBreakdownLast {
    margin-right: 0;
}

body div.teamBreakdown h2 {
    color: #97be0d;
    margin-bottom: 2px;
}

div.teamBreakdown span.position {
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    
}

span.position{padding-bottom:10px; display:block;}
div#teamMemberDetail h1 {
    color: #97be0d;
    margin-bottom: 2px;
}

div#teamMemberDetail span.position {
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    color: #969b8b;
}

div.newsCol {
    width: 245px;
    float: left;
    margin-right: 8px; display: inline;
    color: #7f7f7f;
    margin-bottom: 100px;
}
div.newsColLast { margin-right: 0; }

div.newsCol p { font-size: 0.9em; }
body div.newsCol h2 { font-size: 1.6em; color: #97be0d; }
div.newsCol img { margin-bottom: 10px; }

div#newsArticle span {
    display: block;
    color: #969b8b;
    padding-bottom: 5px;
    font-weight: bold;
}

body div#newsArticle h1 {
    color: #97be0d;
    margin-bottom: 5px;
}

ul#glossaryNav {
    list-style: none;
    font-size: 1.5em;
	list-style: none;
	font-weight: bold;
	background: #ebebe8;
	float: left;
	text-transform: lowercase;
	padding: 3px 3px 0 12px;
	width: 734px;
	
	margin-bottom: 20px;
}

ul#glossaryNav li { float: left; }

ul#glossaryNav a {
	color: #FFF;
	display: block;
	height: 33px;
	padding: 3px 8px 0 9px;
	margin-right: 1px; display: inline;
	float: left;
}

ul#glossaryNav a.selected,ul#glossaryNav a:hover {
	background: #2d3717 url(../images/navBG-solid.gif) bottom center no-repeat;
	text-decoration: none;
}

ul#glossaryNav a.glossarySelected {
	text-decoration: none;
	background: #2d3717 url(../images/navBG.gif) bottom center no-repeat;
}

table#glossaryData {
    color: #2e3817;
    width: 100%;
}

table#glossaryData td {
    padding: 8px;
}

table#glossaryData td.glossTerm {
    font-weight: bold;
    width: 80px;
}

table#glossaryData td.glossaryZebra {
    background: #f9f9f8;
}

div#footerPage h4 {
    color: #97be0d;
    margin-bottom: 10px;
}

/* ================[ sub content ]================ */

div#subContent {
	width: 173px;
	float: left;
	padding: 10px 5px 10px 10px;
	background: #FFF;
}

div#sideQuote {
	margin: 20px 10px;
	font-size: 1.2em;
	color: #6c735c;
	text-transform: uppercase;
	line-height: 1.2em;
}

div#sideQuote p { margin-bottom: 0; }

div#sideQuote span {
	display: block;
	color: #cacdc3;
	font-size: 0.8em;
	text-transform: none;
	font-style: italic;
	padding-top: 5px;
}

div#caseStudyList {
    background: #eaebe8;
    width: 258px;
    padding: 15px 10px 1px 10px;
    
    float:left;
    margin:10px 5px 10px 10px;
}

div.mainCaseStudy {
	width: 244px;
	clear: both;
	margin-bottom: 9px;
	background: #FFF;
	padding: 7px;
}

div.mainCaseStudy a.photoLink { 
	float: left;
	margin-right: 6px; display: inline;
}

div.mainCaseStudy a { font-size: 0.8em; }

div.mainCaseStudy h4 { font-weight: bold; }

div#content div.mainCaseStudy p { margin-bottom: 4px; font-size: 0.9em; }

/* ================[ login ]================ */

div#loginContent {
    width: 750px;
    float: right;
    padding: 15px 15px 100px 0; 
}

div#loginContent h1 {
    border-bottom: 1px solid #d5d7d1; 
    padding-bottom: 6px;
}

div#loginBlock {
    width: 370px;
    float: left;
}

div#loginBlock-inner {
    width: 340px;
    padding: 25px 15px 20px 15px;
    background: #eaebe7 url(/images/dripLogin.gif) 20px 0 no-repeat;
    height: 150px;
}
div#loginBlock-inner h4 {
    font-weight: bold;
    border-bottom: 1px solid #b1b5a8;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

div.loginRow {
    clear: both;
    margin-bottom: 10px;
}

div.loginRow label {
    float: left;
    width: 80px;
}

div.loginRow input {
    width: 205px;
}

div#loginSubmitRow {
    width: 287px;
    text-align: right;
}

div#registerBlock {
    width: 370px;
    float: right;
}

div#registerBlock-inner {
    width: 340px;
    padding: 17px 15px 20px 15px;
    background: #eaebe7 url(/images/dripLogin.gif) 20px 0 no-repeat;
    height: 158px;
}
div#registerBlock-inner h4 {
    font-weight: bold;
    border-bottom: 1px solid #b1b5a8;
    margin-bottom: 20px;
    background: url(/images/registerStar.gif) 0 4px no-repeat;
    padding: 8px 0 5px 25px;
}


/* ================[ Contact ]================ */

.contactError   {position:absolute;}
#worldMap       {position:relative;background:transparent url(../images/world-map.gif) no-repeat top left;width:729px;height:292px;}
#worldMap img   {position:absolute;cursor:pointer;}

div#contactMapBlock {
    width: 350px;
    float: left;
}


div#contactMapBlock-inner h4 {
    font-weight: bold;
    border-bottom: 1px solid #b1b5a8;
    margin-bottom: 20px;
    background: url(/images/registerStar.gif) 0 4px no-repeat;
    padding: 8px 0 5px 25px;
}


div#contactMapBlock {
    width: 390px;
    float: left;
	margin:0px 0px 0px 10px;
}

div#contactMapBlock-inner {
    width: 375px;
    padding: 25px 15px 20px 15px;
    background: #eaebe7 url(/images/dripLogin.gif) 20px 0 no-repeat;

}

div#contactBlock-inner h4 {
    font-weight: bold;
    border-bottom: 1px solid #b1b5a8;
    margin-bottom: 20px;
    background: url(/images/icons/emailIcon.gif) 0px 4px no-repeat;
    padding: 8px 0 5px 35px;
}


div.addressBlock h4 {
    font-weight: bold;
    border-bottom: 1px solid #b1b5a8;
    margin-bottom: 20px;
    background: url(/images/icons/addressIcon.gif) 0 4px no-repeat;
    padding: 8px 0 5px 25px;
}

div.telephoneBlock h4 {
    font-weight: bold;
    border-bottom: 1px solid #b1b5a8;
    margin-bottom: 20px;
    background: url(/images/icons/phoneIcon.gif) 0 4px no-repeat;
    padding: 8px 0 5px 25px;
}

div.addressBlock {width:170px; height:144px; background-color:#f4f5f3; float:left; margin:10px 0px 0px 10px; padding:10px;} 
div.telephoneBlock {width:170px;  height:144px; background-color:#f4f5f3; float:left; margin:10px 0px 0px 10px; padding:10px;} 

div.contactRow {
    clear: both;
    margin-bottom: 20px;
}

div.contactRow label {
    float: left;
    width: 80px;
}

div.contactRow input {
    width: 230px;
}


select#enquiry, select#ddlInternationalEnquiry  {width:230px;}
textarea#comment, textarea#txtInternationalComment {width:230px; height:60px;}
.relative {position:relative;}
span#googleLink {position:absolute; right:20px; top:40px;}
span#googleLink a {text-decoration:underline;}

div#contactBlock {
    width: 345px;
    float: left;
}

div#contactBlock-inner {
    width: 317px;
    padding: 25px 15px 20px 15px;
    background: #eaebe7 url(/images/dripLogin.gif) 20px 0 no-repeat;
	height:400px;

}


div#contactSubmitRow {
    width: 310px;
    text-align: right;
}



/* ================[ search ]================ */

div#searchContainer {
   padding-top: 10px;
   float: right;
}

div#searchRow {
    background: #eaebe8;
    padding: 8px 10px;
    margin-bottom: 20px;
    width: 735px;
}

div#searchRow label {
    margin-right: 10px;
}

input#fldSearchterm { width: 200px; }

input#btnFindProduct { float: right; _margin-top: -20px; }

div#searchVars {
    background: #eaebe8;
    padding: 8px 10px;
    margin-bottom: 20px;
    width: 735px;
}

div#searchVars h4 {
    font-weight: bold;
    margin-bottom: 5px;
    clear: both;
}

div#searchSubmit {
    text-align: right;
    background: #b1b5a9;
    padding: 4px;
    clear: both;
    margin-top: 10px;
}

a#btnRegisterDetails { float: right;  background: url(../images/colourways/default/highlighter.gif) top right no-repeat; }

a#btnResetToDefaults { float: left; background: url(../images/colourways/default/highlighter.gif) top right no-repeat; }

div.varColColour, div.varColMaterial {
    float: left;
    width: 188px;
    border-right: 1px solid #c4c7be;
    
    min-height:245px;
	/* IE 6/7 height */
 	height:auto !important;
  	height:245px;
  	
  	margin-bottom: 10px;
  	margin-right: 10px; display: inline;
}

div#colourListSearch {
    background: #FFF;
    width: 170px;
    padding: 5px 0 0 5px;
}


div#colourListSearch .colourButton  {width:40px; height:40px; margin:4px; border:3px solid #ffffff !important; }
div#colourListSearch .highlight {border:3px solid #969b8b !important; }
div#colourListSearch img {cursor:pointer;}

div#colourListSearch img {
    float: left;
    margin: 0 4px 4px 0;
}

body.js div#colourListSearch input[type=checkbox],
body.js div#colourListSearch label
{
	visibility:hidden;
	display:none;
}

div#colourListSearch-bottom { width: 175px; height: 12px; background: url(../images/colourBottom.gif) top left no-repeat; margin-bottom: 10px; }

span#selectedColour {
    display: block;
    background: #FFF;
    color: #818774;
    width: 165px;
    padding: 5px;
}

div.varColMaterial {
    width: 145px;
}

div.varColMaterial label {
    font-size: 0.85em;
}

div.varColMaterial input, div.techCont input {
    float: left;
    margin-right: 6px; display: inline;
    _margin-right: 0;
}

div#leatherCont, div#vinylCont {
    padding: 2px;
    width: 65px;
    float: left;
    margin-right: 2px;
    margin-bottom: 10px;
}

div.appCont {
    padding: 4px;
    margin-bottom: 4px;
    width: 130px;
}

div.appCont input { margin-right: 4px; _margin-right: 0; }

div#substance {
    border-top: 1px solid #c4c7be;
    border-bottom: 1px solid #c4c7be;
    margin: 10px 0;
    padding: 10px 0;
    width: 137px;
}

div#substanceRow {
    padding: 4px;
}

div#substance select {
    width: 75px;
    font-size: 0.85em;
}

div.techRow select {
    width: 100px;
    font-size: 0.85em;
}

div#techCol {
    width: 220px;
    float: left;
}

div.techCont {
    padding: 4px;
    width: 220px;
    margin-bottom: 4px;
}

div#techSelects {
    border-top: 1px solid #c4c7be;
    margin: 10px 0;
    padding: 10px 0;
}

div.techCont label, div.techRow label {
    font-size: 0.85em;
}

div.techRow {
    width: 220px;
    padding: 4px;
    margin-bottom: 4px;
}

span#resultCount {
    font-weight: bold;
    color: #FFF;
    font-size: 1.2em;
    width: 618px;
    display: block;
    float: left;
    text-align: center;
}

div#resultNav {
    padding-bottom: 5px;
    border-bottom: 1px solid #eaebe7;
    
    color: #b1b5a9;
    margin-bottom: 20px;
}

span#currentPage { float: left; font-size: 0.9em; }

div.pagePag {
    float: right;
    color: #000;
    font-size: 0.9em;
}

div.colourStepper {
    color: #000;
}

div.colourStepper a#btnGoToStage2 {
    float: right;
}

div.colourStepper a#btnGoToStage3 {
    float: right;
}

div.colourStepper a#btnGoToStage4 {
    float: right;
}

div.resultProduct {
    width: 732px;
    margin-bottom: 10px;
    padding: 10px;
}
div.zebra { background: #f4f5f3; }

div.resultProduct h4 {
    font-weight: bold;
    float: left;
    margin-right: 10px; display: inline;
}

div.resultProduct span.prodColour {
    display: block;
    font-size: 0.9em;
    clear: both;
}

div.resultProduct img.resultSwatch {
    float: left;
    margin-right: 10px; display: inline;
}

div.resultProduct div.resultBreakdown {
    width: 440px;
    float: left;
    margin-right: 10px; display: inline;
}

div#content div.resultProduct div.resultBreakdown p {
    border-right: 1px solid #d5d7d1;
    color: #969b8b;
    padding-right: 10px;
    padding-top: 8px;
    
    min-height:50px;
	/* IE 6/7 height */
 	height:auto !important;
  	height:50px;
  	
  	margin-bottom: 0;
  	font-size: 0.9em;
}

div.resultProduct a { margin-top: 50px; float: left; }

/* ================[ FAQs ]================ */

dl#faqList { width: 753px; }

dl#faqList dt { padding: 6px; }
dl#faqList dd { padding: 6px 6px 1px 6px; color: #969b8b; }

dl#faqList dt.faqZebra, dl#faqList dd.faqZebra {
   background: #f9f9f8;
}

dl#faqList dt span {
    font-weight: bold;
    font-size: 1.2em;
    color: #969b8b;
    display: block;
    float: left;
    width: 25px;
}

dl#faqList dt.currentFAQ {
    background: #969b8b url(../images/faqSelected.gif) bottom center no-repeat;
    color: #FFF;
    padding-bottom: 14px;
}
dl#faqList dt.currentFAQ span { color: #FFF; }

dd.currentAnswer {
    border-bottom: 8px solid #969b8b;
    margin-bottom: 8px;
}

/* ================[ My Account ]================ */

div.historySection {
    width: 750px;
    padding-bottom: 10px;
    background: url(../images/myaccount/dottedBG.gif) bottom left repeat-x;
    clear: both;
    margin-bottom: 10px;
    
    position: relative;
}

span.history-date {
    font-weight: bold;
    display: block;
    width: 140px;
    float: left;
    padding-left: 8px;
}

span.history-total {
    font-weight: bold;
    color: #969b8b;
}

div.historyData {
    border-top: 1px solid #eaebe7;
    border-bottom: 1px solid #eaebe7;
    padding: 5px 0;
    margin-top: 10px;
    clear: both;
}

div.historySection table {
    width: 100%;
}

div.historySection td {
    padding: 6px;
}

tr.htZebra { background: #f4f5f3; }

td.htImage { width: 65px; }
td.htTitle { width: 80px; font-weight: bold; }
td.htColour { width: 100px; }
td.htType { width: 100px; }
td.htPrice { width: 60px; color: #969b8b; font-weight: bold; }
td.htSize { width: 50px; color: #969b8b; font-weight: bold; }
td.htTotal { width: 60px; font-weight: bold; }
td.htAdd { text-align: right; }

a.add {
   background: url(../images/myaccount/add.gif) 0 -20px no-repeat; 
   width:75px;
    color: #FFF;
	font-size: 0.9em;
	display: inline-block;
	height: 18px;
	padding: 2px 10px 0 30px;
}
a.add:hover { background: url(../images/myaccount/add.gif) 0 0 no-repeat; text-decoration: none; } 

a.addFullOrder {
    float: right;
    margin-top: 10px;
    background: url(../images/myaccount/add.gif) 0 0 no-repeat;
}

h4.hideYear {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.4em;
}

ul#historyYears {
    width: 753px;
    background: #cacdc5;
    list-style: none;
    border-top: 1px solid #babeb3;
    margin-bottom: 10px;
    float: left;
    padding-top: 5px;
}

ul#historyYears li {
    display: inline;
    float: left;
    padding-left: 5px;
}

ul#historyYears a {
    display: block;
    background: #FFF url(../images/myaccount/dateBG.gif) bottom center no-repeat;
    color: #969b8b;
    padding: 6px 10px 12px 10px;
    font-weight: bold;
}

ul#historyYears a:hover {
    text-decoration: none;
    background: #2d3717 url(../images/myaccount/dateBG.gif) bottom center no-repeat;
    color: #FFF;
}
ul#historyYears a.current {
    text-decoration: none;
    background: #2d3717 url(../images/myaccount/dateBG-selected.gif) bottom center no-repeat;
    color: #FFF;
}

a.showhidelink {
    font-size: 0.8em;
    position: absolute; top: 0; right: 0;
}

div.annualTotal {
    background: #eaebe8;
    padding: 8px;
    font-weight: bold;
    color: #969b8b;
}

div.annualTotal span { display: block; float: left; color: #2E3817; width: 140px; }

/* ================[ footer ]================ */

ul#footer {
	border-bottom: 1px solid #ebebe8;
	list-style: none;
	padding: 10px 12px;
	clear: both;
}

ul#footer li {
	display: inline;
	padding-right: 20px;
}

ul#footer a {
	color: #8a8f7d;
}

/* ================[ section colourways ]================ */

/* default */
body.default { background: #ebebe8 url(../images/colourways/default/bodyBG.gif) top left repeat-x; }
body.default div#header { background: #2e3817 url(../images/colourways/default/headerBG.gif) no-repeat; background-position: 177px 55px; }
body.default span#logo a { background: url(../images/colourways/default/logo.gif) top left no-repeat; }

body.default a.highlighter, a.highlighter-default { background: url(../images/colourways/default/highlighter.gif) top right no-repeat; }
body.default a.highlighter:hover { background-position: right -20px; }

#defaultHeader, .defaultColour, body.default h1, body.default h2, body.default h3 { color: #2e3817; }

body.default ul#innerNav a { color: #2e3817; }

/* cutting */
body.cutting { background: #ebebe8 url(../images/colourways/cutting/bodyBG.gif) top left repeat-x; }
body.cutting div#header { background: #1e0a42 url(../images/colourways/cutting/headerBG.gif) no-repeat; background-position: 177px 18px; }
body.cutting span#logo a { background: url(../images/colourways/cutting/logo.gif) top left no-repeat; }	
body.cutting span#logo, body.cutting span#logo a { height: 57px; }

body.cutting a.highlighter, a.highlighter-cutting { background: url(../images/colourways/cutting/highlighter.gif) top right no-repeat; }
body.cutting a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#cuttingNav a:hover, div#subNav ul li#cuttingNav a.subSelected { background: #1e0a42; } 
div#subNav ul li#cuttingNav ul li a:hover, div#subNav ul li#cuttingNav ul li a.subSelected  { background: #e8e6ec url(../images/subNavBG.gif) 15px 11px no-repeat; }

.cuttingColour, body.cutting h1, body.cutting h2, body.cutting h3 { color: #1e0a42; } 

body.cutting ul#innerNav a { color: #1e0a42; }

a#homeCutting { background: url(../images/colourways/cutting/homeNav.gif) top left no-repeat; }
div#homeIntro a#homeCutting:hover { color: #a9398a; }

/* technical */
body.technical { background: #ebebe8 url(../images/colourways/technical/bodyBG.gif) top left repeat-x; }
body.technical div#header { background: #005165 url(../images/colourways/technical/headerBG.gif) no-repeat; background-position: 177px -1px; }
body.technical span#logo a { background: url(../images/colourways/technical/logo.gif) top left no-repeat; }

body.technical a.highlighter, a.highlighter-technical { background: url(../images/colourways/technical/highlighter.gif) top right no-repeat; }
body.technical a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#technicalNav a:hover, div#subNav ul li#technicalNav a.subSelected { background: #005165; } 
div#subNav ul li#technicalNav ul li a:hover, div#subNav ul li#technicalNav ul li a.subSelected  { background: #e5edef url(../images/subNavBG.gif) 15px 11px no-repeat; }

.technicalColour, body.technical h1, body.technical h2, body.technical h3 { color: #005165; }

body.technical ul#innerNav a { color: #005165; }

/* upholstery */
body.upholstery { background: #ebebe8 url(../images/colourways/upholstery/bodyBG.gif) top left repeat-x; }
body.upholstery div#header { background: #410622 url(../images/colourways/upholstery/headerBG.gif) no-repeat; background-position: 177px 2px; }
body.upholstery span#logo a { background: url(../images/colourways/upholstery/logo.gif) top left no-repeat; }
body.upholstery span#logo, body.upholstery span#logo a { height: 57px; }

body.upholstery a.highlighter, a.highlighter-upholstery { background: url(../images/colourways/upholstery/highlighter.gif) top right no-repeat; }
body.upholstery a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#upholsteryNav a:hover, div#subNav ul li#upholsteryNav a.subSelected { background: #410622; } 
div#subNav ul li#upholsteryNav ul li a:hover, div#subNav ul li#upholsteryNav ul li a.subSelected  { background: #ece6e8 url(../images/subNavBG.gif) 15px 11px no-repeat; }

.upholsteryColour, body.upholstery h1, body.upholstery h2, body.upholstery h3 { color: #410622; } 

body.upholstery ul#innerNav a { color: #410622; }

div#homeIntro a#homeUpholstery { background: #410622 url(../images/colourways/upholstery/homeNav.gif) top left no-repeat; border-right: none; width: 145px; }
div#homeIntro a#homeUpholstery:hover { color: #c91d82; }

/* aviation */
body.aviation { background: #ebebe8 url(../images/colourways/aviation/bodyBG.gif) top left repeat-x; }
body.aviation div#header { background: #6f0b18 url(../images/colourways/aviation/headerBG.gif) no-repeat; background-position: 177px 2px; }
body.aviation span#logo a { background: url(../images/colourways/aviation/logo.gif) top left no-repeat; }

body.aviation a.highlighter, a.highlighter-aviation { background: url(../images/colourways/aviation/highlighter.gif) top right no-repeat; }
body.aviation a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#aviationNav a:hover, div#subNav ul li#aviationNav a.subSelected { background: #6f0b18; } 
div#subNav ul li#aviationNav ul li a:hover, div#subNav ul li#aviationNav ul li a.subSelected  { background: #f0e6e7 url(../images/subNavBG.gif) 15px 11px no-repeat; }

.aviationColour, body.aviation h1, body.aviation h2, body.aviation h3 { color: #6f0b18; }

body.aviation ul#innerNav a { color: #6f0b18; }

a#homeAviation { background: url(../images/colourways/aviation/homeNav.gif) top left no-repeat; }
div#homeIntro a#homeAviation:hover { color: #e2003d; }
	
/* automotive */
body.automotive { background: #ebebe8 url(../images/colourways/automotive/bodyBG.gif) top left repeat-x; }
body.automotive div#header { background: #420713 url(../images/colourways/automotive/headerBG.gif) no-repeat; background-position: 176px 24px; }
body.automotive span#logo a { background: url(../images/colourways/automotive/logo.gif) top left no-repeat; }

body.automotive a.highlighter, a.highlighter-automotive { background: url(../images/colourways/automotive/highlighter.gif) top right no-repeat; }
body.automotive a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#automotiveNav a:hover, div#subNav ul li#automotiveNav a.subSelected { background: #420713; } 
div#subNav ul li#automotiveNav ul li a:hover, div#subNav ul li#automotiveNav ul li a.subSelected  { background: #ece6e7 url(../images/subNavBG.gif) 15px 11px no-repeat; }

.automotiveColour, body.automotive h1, body.automotive h2, body.automotive h3 { color: #420713; }


body.automotive ul#innerNav a { color: #420713; }

a#homeAutomotive { background: url(../images/colourways/automotive/homeNav.gif) top left no-repeat; }
div#homeIntro a#homeAutomotive:hover { color: #f39900; }

/* marine */
body.marine { background: #ebebe8 url(../images/colourways/marine/bodyBG.gif) top left repeat-x; }
body.marine div#header { background: #00243c url(../images/colourways/marine/headerBG.gif) no-repeat; background-position: 177px 4px; }
body.marine span#logo a { background: url(../images/colourways/marine/logo.gif) top left no-repeat; }

body.marine a.highlighter, a.highlighter-marine { background: url(../images/colourways/marine/highlighter.gif) top right no-repeat; }
body.marine a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#marineNav a:hover, div#subNav ul li#marineNav a.subSelected { background: #00243c; } 
div#subNav ul li#marineNav ul li a:hover, div#subNav ul li#marineNav ul li a.subSelected  { background: #e5e9eb url(../images/subNavBG.gif) 15px 11px no-repeat; }

.marineColour, body.marine h1, body.marine h2, body.marine h3 { color: #00243c; }

body.marine ul#innerNav a { color: #00243c; }

a#homeMarine { background: url(../images/colourways/marine/homeNav.gif) top left no-repeat; }
div#homeIntro a#homeMarine:hover { color: #009cda; }

/* fabric */
body.fabric  { background: #ebebe8 url(../images/colourways/fabric/bodyBG.gif) top left repeat-x; }
body.fabric  div#header { background: #003427 url(../images/colourways/fabric/headerBG.gif) no-repeat; background-position: 177px 28px; }
body.fabric  span#logo a { background: url(../images/colourways/fabric/logo.gif) top left no-repeat; }	

body.fabric a.highlighter, a.highlighter-fabric { background: url(../images/colourways/fabric/highlighter.gif) top right no-repeat; }
body.fabric a.highlighter:hover { background-position: right -20px; }

div#subNav ul li#fabricNav a:hover, div#subNav ul li#fabricNav a.subSelected { background: #003427; } 
div#subNav ul li#fabricNav ul li a:hover, div#subNav ul li#fabricNav ul li a.subSelected  { background: #e5eae9 url(../images/subNavBG.gif) 15px 11px no-repeat; }

.fabricColour, body.fabric h1, body.fabric h2, body.fabric h3 { color: #003427; }

body.fabric ul#innerNav a { color: #003427; }



/* ================[ trade area section ]================ */

div#tradeAreaMenu {
	padding: 0 0 0 0;
	width: 100px;
}


a#homeFabric { background: url(../images/colourways/fabric/homeNav.gif) top left no-repeat; }
div#homeIntro a#homeFabric:hover { color: #009182; }


/* ================[ Member Area ]================ */

div.profile { background:url(../images/myaccount/profile.gif) 220px 5px no-repeat; }
div.myBasket { background:url(../images/myaccount/basket.gif) 205px 10px no-repeat; }
div.orderHistory { background:url(../images/myaccount/clock.gif) 210px 5px no-repeat; }
div.downloads { background:url(../images/myaccount/downloads.gif) 210px 10px no-repeat; }

h2.name {color:#7c9c10 !important; font-size:1.6em; padding:0px; margin:0px;}
span.companyName {display:block; margin:0px 0px 15px 0px;}

div.col {float:left; margin:0px 0px 0px 0px;}
div.memberBox {width:220px; background-color:#f4f5f3; padding:10px; margin:0px 10px 10px 0px; }
div.memberBox h4 {font-weight:bold;  border-bottom:1px solid #cccfc7; width:220px; padding:0px 0px 5px 0px;  }
div.memberBox span.name {font-weight:bold;  padding:10px 0px 0px 0px; display:block;}
div.memberBox span.company {font-weight:normal; padding:0px 0px 10px 0px; display:block;}
div.memberBox a.highlighter {margin:15px 0px 0px 0px;}

ul.dates {list-style:none; margin:10px 0px 0px 0px; width:200px;}
ul.dates li ul {margin:10px 0px 10px 0px;}
ul.dates li ul li {list-style:none; width:200px; background-color:#fff; padding:5px;  margin:0px 10px 5px 5px;}
ul.dates li ul li span.date {font-weight:bold;}
ul.dates li ul li span.price {display:block; color:#969b8b;}

div.info {background-color:#fff; padding:5px; margin:10px 0px 10px 0px; display:block;}
div.info b {display:block; margin:0px 0px 10px 0px; }

div.basketItems {background-color:#fff;  list-style:none; width:200px; padding:10px; margin:10px 0px 10px 0px; position:relative;}
div.basketItems span.removeItem a {background:url(../images/myaccount/deleteItem.gif) top right no-repeat; width:15px; height:15px; position:absolute; top:10px; right:10px; text-indent:-9999em;}


/* ================[ My Basket ]================ */

span.changes	{float:right; }
span.changes input {margin:5px 0px 0px 20px;}


div#valSumStage2 {position:absolute; right:185px; top:380px;}

table.basket							{ width:750px; margin:45px 0px 0px 0px;}
table.basket select  {width:130px;}
table.basket th						{color:#969B8B;text-align:left;padding:11px;}
td.htQuantity, td.htPrice				{color:#909685;}
table.basket td						{padding:20px 10px;}
table.basket td.htQuantity input		{width:40px;}
table.basket td.htTitle .description	{display:block;color:#969B8B;font-weight:normal;font-size:0.9em;}

td.htQuantity	{width:80px; float:left;}
td.htTotal		{width:110px;position:relative;}
td.htPrice		{width:150px;}
td.htType		{width:130px;}
td.htColour		{width:120px;}
td.htTitle		{width:125px;}


td.htTotal .remove	{float:right;}

div.estimate		{overflow:hidden;border:1px solid #EAEBE7;border-width:1px 0;padding:5px 0;margin:10px 0;width:755px;}
div.estimateContainer	{float:right;}
div.estimate .label	{display:block;float:left;width:320px;text-align:right;line-height:31px;background:#F4F5F3 url('/images/arrowRight.gif') no-repeat center right;padding:0 20px 0 10px;}
div.estimate .cost	{display:block;float:left;line-height:31px;font-weight:bold;width:80px;padding-left:10px;}

p.confirmationNote	{text-align:right;color:#969B8B;}
input.checkout		{float:right;}


div.discountDiv		{border-top:1px solid #EAEBE7;margin-top:17px;padding:16px 8px 30px;color:#969B8B;}
div.discountDiv .discountavailable	{background:transparent url(/images/star_2.gif) no-repeat top left;line-height:15px;padding-left:21px;display:block;}
div.discountDiv p					{padding-left:21px;}

div.discountDiv	.doMoreBox		{background:#F4F5F3;float:right;width:400px;font-size:0.9em;}
div.discountDiv	.doMoreBox p	{margin:15px 15px 15px 0;}
div.discountDiv	.doMoreBox p a	{color:#97BE0D;font-weight:bold;}

/* ================[ My Details ]================ */
h1.myDetails			{border-bottom:1px solid #EAEBE7;padding-bottom:7px;}
div.accountDetails		{width:492px;float:left;position:relative;}
div.accountDetails h2,div.measurementUnit h2,div.shippingAddresses h2,div.paymentDetails h2	{border-bottom:1px solid #EAEBE7;font-size:1.5em;margin-top:10px;padding-bottom:7px;}
div.accountDetails p.contact		{width:240px;float:left;line-height:14px;}
div.accountDetails p.contact span	{font-weight:bold;width:240px;float:left;}
div.accountDetails p.address		{width:240px;float:left;line-height:14px;padding-top:14px;}

div.measurementUnit					{width:250px;float:right;position:relative;}
div.measurementUnit p				{color:#969B8B;}
div.measurementUnit p.selected		{color:#000;font-weight:bold;}

div.shippingAddresses h2				{border-top:1px dotted #EAEBE7;padding-top:25px;}
div.shippingAddresses div.address		{width:245px; min-height:200px; height:auto !important; height:200px; background:#F4F5F3;float:left;margin-left:10px;position:relative;}
div.shippingAddresses div.address h4	{margin:12px;border-bottom:1px solid #CCCFC7;font-weight:bold;padding-bottom:7px;}
div.shippingAddresses div.address p	{margin:12px;color:#969B8B;}
div.shippingAddresses div.address p span	{color:#000;}
div.shippingAddresses div.address a.addAddress		{display:block;margin:70px 0 0 65px;}

.selectExistingAddress          {width:330px;}

div.paymentDetails				{margin-bottom:70px; clear:both;}
div.paymentDetails h2			{padding-top:25px;}
div.paymentDetails p			{line-height:30px;color:#969B8B;}
div.paymentDetails p a			{position:relative;bottom:-5px;}

div.accountDetails a.edit,div.measurementUnit a.edit,div.shippingAddresses div.address a.edit	{position:absolute;top:10px;right:10px; }


/* ================[ Shipping ]================ */
body.default h1.shipping			{color:#D8DBD0;margin-top:20px;}
body.default h1.shipping span		{color:#2E3817;}

div.existingAddresses		{background:#F4F5F3 url(/images/dripBG.gif) no-repeat 10px 0px;width:374px;float:left;padding-top:20px; }
div.existingAddresses div.selected	{background:#fff;}
div.existingAddresses div.address		{margin:10px;position:relative;padding-bottom:10px;}
div.existingAddresses div.address input	{position:absolute;top:10px;left:10px;}
div.existingAddresses div.address h4	{padding:10px 0 10px;margin:0 10px 0 40px;border-bottom:1px solid #CCCFC7;font-weight:bold;padding-bottom:7px;}
div.existingAddresses div.address p	{padding:5px 10px 0px 40px;color:#969B8B;margin:0px;}
div.existingAddresses div.address p span	{color:#000;}

div.newAddress							{float:left;width:350px;margin-left:10px;}
div.newAddress label					{display:block;padding-left:16px;position:relative;margin:12px 0;}
div.newAddress label.newShipping		{padding:0px 0px 0px 10px; }
div.newAddress label.newShipping input		{left:-10px; float:left; position:relative;}
div.newAddress label input,
div.newAddress label select			{position:absolute;left:140px;}
div.newAddress label input.newAddress	{position:static;}
div.newAddress label span				{font-weight:bold;}
div.newAddress label span.mandatory	{font-weight:normal;color:#d00;}

select#ddlCollectionDay {margin:0px 10px 0px 10px}

select#ddlCollectionYear {margin:0px 10px 0px 10px}

div.collection				{margin-top:10px;padding-top:10px;border-top:1px solid #EAEBE7;border-bottom:1px solid #EAEBE7;margin-bottom:10px;}
div.collection h4			{font-weight:bold;margin-bottom:10px;}
div.collection h4 input	{margin:0 10px 0 5px}
div.collection p			{padding-left:30px;line-height:20px;}
div.collection p.dottedBottom		{padding-bottom:10px;border-bottom:1px dotted #EAEBE7;}
div.collection label select		{margin-left:5px;}
div.collection label span			{display:block;width:60px;float:left;}
input.next							{float:right;margin-bottom:10px;}


/* ================[ Checkout ]================ */

body.default h1.checkout			{color:#D8DBD0;margin-top:20px;border-bottom:1px solid #EAEBE7;padding-bottom:7px;}
body.default h1.checkout span		{color:#2E3817; }

div.registerArea {padding:10px;}
div.registerArea input {margin:0px 10px 0px 0px;}
div.registerArea .confirmationRegister {padding:10px 0px; color:#969B8B;}

h2.yourDetails		{margin-top:20px;}
div.yourDetails		{background:#F4F5F3 url(/images/dripBG.gif) no-repeat 10px 0px;padding-top:20px; }
div.yourDetails div.moreDetails	{float:left;width:350px;padding:10px;}
div.yourDetails div.moreDetails h4	{border-bottom:1px solid #CCCFC7;font-weight:bold;padding-bottom:7px;}
div.yourDetails div.moreDetails label	{display:block;margin:12px 0;position:relative;}
div.yourDetails span.mandatory	{color:#d00;}
div.yourDetails div.moreDetails label input,
div.yourDetails div.moreDetails label select			{position:absolute;left:140px;}
div.yourDetails p				{padding:10px;}
input.placeOrder				{float:right;margin-bottom:10px;}


h2.shipping								{padding-top:20px;border-top:1px dotted #EAEBE7;}
div.shippingAddress p					{padding:5px 10px 0px 40px;color:#969B8B;margin:0px;}
div.shippingAddress p span				{color:#000;}
div.shippingAddress p.shippingTotal		{float:right;color:#969B8B;margin-right:30px;}
div.shippingAddress p.shippingTotal span	{color:#C0C3B9;margin-left:10px;}

p.shippingTotal		{float:right;margin-right:40px;}

/* ================[ form Row ]================ */

input.edit {position:absolute; top:10px; right:10px;}

div.formRow {clear:both; margin:0px 0px 10px 0px; width:300px;}
div.formRow label {float:left;}
div.formRow input {float:right; margin:0px 0px 10px 0px;}
div.formRow select {float:right; width:143px; margin:0px 0px 10px 0px;}
div.formRow .highlighter { float:right; margin:10px 0px 10px 0px;} 
span.mandatory {color:red;}

span#reqName {display:block; margin:0px 0px 0px 82px;}
span#RequiredFieldValidator1 {display:block; margin:0px 0px 0px 82px;}

div.formRowSmall { margin:0px 0px 0px 0px; width:150px; padding:5px; clear:both;}

/* ================[ 404 Page ]================ */

div.error404 { background:url('../images/404Rip.jpg') no-repeat; width:500px; height:147px; padding:30px 0px 0px 200px; margin:100px 0px 0px 0px;}
div.error404 h1.sorry {color:#d0d0bc; font-size:3em; font-weight:bold;}


/* ================[ Coming Soon Page ]================ */

div.comingSoon { width:700px; height:147px; padding:30px 0px 0px 20px; margin:20px 0px 0px 0px; text-align:center;}
div.comingSoon h1 {color:#d0d0bc; font-size:3em; font-weight:bold;}


/* ================[ sitemap ]================ */

ul.sitemap {margin:40px; float:left; clear:both; list-style-type:disc;}
ul.sitemap li {margin:5px 0px 5px 15px; padding:0px; font-weight:bold; list-style-type:disc;}
ul.sitemap ul {margin:0px 0px 0px 15px; }
ul.sitemap li ul li ul li {font-weight:normal;}

	
	ul.sitemap2 {float:left; margin:40px; list-style-type:disc;}
	ul.sitemap2 li {margin:5px 0px 5px 15px; padding:0px; font-weight:bold; list-style-type:disc;}
	ul.sitemap2 ul {margin:0px 0px 0px 15px; }
	
	ul.sitemap2 li ul li ul li {font-weight:normal;}
	ul.sitemap2 li ul li {font-weight:normal;}
	
	ul.sitemap3 {float:left; margin:40px; list-style-type:disc;}
	ul.sitemap3 li {margin:5px 0px 5px 15px; padding:0px; font-weight:bold; list-style-type:disc;}
	ul.sitemap3 ul {margin:0px 0px 0px 15px; }
	
	ul.sitemap3 li ul li ul li {font-weight:normal;}
	ul.sitemap3 li ul li {font-weight:normal;}
	
/* ================[ placeorder ]================ */
	
span.bold {font-weight: bold;}


div.spacer { padding-top:15px;}


.smallLoginBox          {height:70px;}
.smallLoginBox div      {width:250px;padding-top:3px;clear:left;}
.smallLoginBox label    {float:left;width:90px;display:block;}
.smallLoginBox input    {float:left;}
.smallLoginBox a        {margin-top:6px;}

#cuttingVideo           {float:right;width:450px;margin-left:10px;}

p#avaialabiltyContent   {padding-top:10px;}

.smallformrow           {overflow:hidden;margin-bottom:3px;}
.smallformrow *         {float:left;}
.smallformrow #btnGo    {margin-top:0px;}