/*
-----------------------------------------
BT Tradespace - ie6.css
-----------------------------------------
 
 
/* CSS section order
--------------------------

	Basic page structure
	Basic typography
	Header
	Layout Areas
	Content areas
	Forms

*/




/*--------------------------------
	Basic page structure
---------------------------------- */

div#header,
div#content,
div#footer {
	/* position: relative;  switched off for the click panel positioning on lens page */
	z-index: 1;
}
div#header {
	z-index: 2;
	padding-bottom:0.6em;
}
ul#sessionDetails {
	z-index: 1;
	padding: 0 20px;

}
ul#skipLinks {
	position: absolute;
	left: -20000px !important;
}



/*--------------------------------
	Basic typography
---------------------------------- */

h2 {
	width: 100%;
}




/*--------------------------------
	Header
---------------------------------- */

div#header {
	height: 2em;
}
div#globalSearch {
	display: inline;
	width: 10%;
}
div#globalSearch div.button,
div#globalSearch div.button * {
	zoom: 1;
	right:-35px;
	top:0;
}
ul#primaryNav {
	width: 60%;
	margin-left: -10px;
}
div#companyLogo {
	height: 4em;
	margin-right: -1px;
}


/*  Session details
------------------------ */
body.noJS ul#sessionDetails {
	background-color: #666666;
	zoom: 1;
	position: relative;
	width: 100%;
	padding: 0 20px;
	margin: 0 -20px;
}
div#globalSearch {
	padding: 0;
}

	

/*  Site title:  The BT Tradespace text does not look good when JS is unavailable,
      So we show the plain HTML text for the fallback version
------------------------ */
body.noJS div#siteTitle a {
	margin-top: -0.1em;
	width: 110px;
	text-indent: 0;
	background-position: -2000px;
}




/*--------------------------------
	Layout areas
---------------------------------- */


/*  Layout area widths
------------------------ */
body.noJS *.layoutAreaHalf { width: 46%; }
body.noJS *.layoutAreaThird { width: 32%; }
body.noJS *.layoutAreaTwoThirds { width: 65%; }
body.noJS *.layoutAreaQuarter { width: 22%; }
body.noJS *.layoutAreaThreeQuarters { width: 73%; }
body.noJS *.layoutAreaPrimaryColumn { width: 75%; }
body.noJS *.layoutAreaSecondaryColumn { width: 21%; }
body.noJS *.layoutAreaPrimaryColumn *.layoutAreaPrimaryColumn { width: 75%; }
body.noJS *.layoutAreaPrimaryColumn *.layoutAreaSecondaryColumn { width: 24%; }

body.hasJS *.layoutAreaHalf { width: 49%; }
body.hasJS *.layoutAreaThird { width: 32%; }
body.hasJS *.layoutAreaTwoThirds { width: 65%; }
body.hasJS *.layoutAreaQuarter { width: 24%; }
body.hasJS *.layoutAreaThreeQuarters { width: 73%; }
body.hasJS *.layoutAreaPrimaryColumn { width: 75%; }
body.hasJS *.layoutAreaSecondaryColumn { width: 21%; }
body.hasJS *.layoutAreaPrimaryColumn *.layoutAreaPrimaryColumn { width: 75% !important; }
body.hasJS *.layoutAreaPrimaryColumn *.layoutAreaSecondaryColumn { width: 24% !important; }

body.hasMPU *.layoutAreaPrimaryColumn { width: 68% !important; }
body.hasMPU *.layoutAreaSecondaryColumn { width: 30% !important; }

body.hasJS *.layoutAreaPrimaryColumn *.layoutAreaBesideNavigation  {width: 74%; }
body.hasJS *.layoutAreaPrimaryColumn *.layoutAreaSideNavigation { width: 22%; }




/*  Layout area with curvy background
------------------------ */
*.layoutAreaBackgroundCurves {
	height: 550px;
}

/*  Secondary column
------------------------ */
*.layoutAreaSecondaryColumn {
	width: 21.5%;   
}
*.layoutAreaSecondaryColumn *.contentAreaPanel { padding-right: 0;}

.layoutAreaSecondaryColumn .contentArea {
	margin-left:5px !important;
	margin-right:0 !important;
	
}


/*  Attentional panel layout area
------------------------ */
*.layoutAreaAttentionPanel *.contentArea {
	margin: 40px 170px;
}
*.layoutAreaAttentionPanel *.contentArea *.contentArea {
	margin: 0 10px 0 0;
}

/* Welcome page layout area
------------------------ */
*.layoutAreaThird *.contentAreaLinkPanel {
	padding: 10px 10px 25px 10px;
}


/* Spacing for indented layout area
------------------------ */
.layoutAreaIndented .contentArea {
	margin-left: 10px;
}
.layoutAreaIndented .contentArea .contentArea {
	margin-left: 0;
}



/*--------------------------------
	Content areas
---------------------------------- */

*.contentArea {
	zoom: 1;
	margin-right: 10px;
}


/*  Content area padding
------------------------ */
*.layoutAreaPrimaryColumn *.contentArea { padding-top: 37px; padding-left: 10px; padding-right: 10px; margin-right:0 !important;}
*.layoutAreaPrimaryColumn *.contentArea *.contentArea { padding-top: 0;  padding-left: 0; padding-right: 0; }
*.layoutAreaPrimaryColumn *.contentArea *.contentAreaPanel { padding-top: 10px;}
*.layoutAreaPrimaryColumn *.layoutAreaPrimaryColumn *.contentArea { margin-right: 20px; }
*.layoutAreaPrimaryColumn *.layoutAreaPrimaryColumn *.contentArea *.contentArea { margin-right: 10px; }
*.layoutAreaPrimaryColumn *.layoutAreaSecondaryColumn *.contentArea  { margin-right: 0; }

*.contentAreaTestimonial div.testimonialsFooter abbr,
*.lastTestimonial div.testimonialsFooter abbr {
	clear:both;
	display:block;
}

/*  Profile hero panels
------------------------ */
*.contentAreaProfile {
	min-height: 148px;
	height: auto !important;
	height: 148px;
}


/*  Alert panels
------------------------ */
*.contentAreaSuccessMsg,
*.contentAreaErrorMsg {
	padding-left: 10px !important;
	padding-right: 10px !important;
}





/* Tabs
----------------------------------- */
ul.tabs {
	display: inline;
}
ul.tabs li, ul.tabs li a, ul.tabs li strong, ul.tabs li.outsideOfTabs {
	display: inline;
	float: left;
}


/* Message view
----------------------------------- */
.messageNotRead input#selectMessage, .messageRead input#selectMessage, input.inputImage {
	width: auto !important;
}
span.messageIcon {
	display: inline-block !important;
	margin-left: 1em !important;
}


/* EBP profile page
----------------------------------- */
div.contentAreaProfileEBP {
	margin-left: 10px;
}





/*--------------------------------
	Forms
---------------------------------- */

*.contentArea input { }
*.contentArea input.IE_inputRadio {
	width: 15px;
	height: 15px;
	margin: 0 10px 0 0;
	float: left;
}
*.contentArea input.IE_inputCheckbox {top: 0.2em !important; float:left; margin-right:10px; }
*.contentArea input.IE_inputText { width: 97%; display:block;}
*.contentArea input.IE_inputPassword { width: 97%; }
*.contentArea input.IE_inputImage { }
*.contentArea input.IE_inputSubmit { }
*.contentArea textarea { height: 5em; width: 97%; }
*.contentAreaPasswordStrength p { background-image: none; }





/*---------------------------------
	Alignment issues for select
 ---------------------------------- */
select#howDidYouHearOfUs{
	margin-left:-7px;
}
select#landscapingQuestions1{
	margin-left:-3px;
}
select#landscapingQuestions0{
	margin-left:-5px;
}

ul#secondaryNav li,
ul#secondaryNav li a,
ul#secondaryNav li strong { zoom: 1; }

input#search{
	float:left !important;
}


/*  Buttons
------------------------ */
body.hasJS div.button {
	overflow: hidden;
}
body.hasJS div.button div.inputFile {
	width: 300px;
	left: auto;
	right: 0;
}

div.buttonSearch,
div.buttonSmall {
	height: 18px !important;
	overflow: hidden;
}
div.buttonDisabled {
	filter: alpha(opacity=50) !important;
}
div.buttonDisabled * {
	filter: alpha(opacity=100) !important;
}


/*  Contact us module on EBP
------------------------ */
div#contactUs div#emailUs a {
	width: 70px;
}


/*  Business Registration, for labels with checkboxes
------------------------ */
div.contentAreaCheckboxBelow label{
	margin-left:20px;
}

/* Business Registration, labels with checkbox display duplicate characters
------------------------*/
form#registrationForm .layoutAreaTwoThirds label{
	float:none;
}

/* swatchlist when javascript is turned off
------------------------ */
body.noJS ul.swatchList li label {
	position:absolute;
}


/* to prevent error messages in forms from overlapping the icon
------------------------ */
body.hasJS *.contentAreaInfoPanel p {
	padding-left:15px;
	padding-top:3px;
}

/* to prevent larger error messages in forms from overlapping the icon
------------------------ */
body.hasJS .contentAreaErrorPanel p.textLarge {
	padding-left:30px;
}

body.hasJS .contentAreaErrorPanel p.textLarge {
	padding-left:30px;
}

body.hasJS .layoutAreaAttentionPanel .contentAreaErrorPanel p.textLarge {
	padding-left:0;
}

/*  Get Satisfaction module on EBP
------------------------ */
div#gsfn_search_widget div {
	zoom: 1;
}




/*  Testimonial pages
------------------------ */
.progressBar span.bar {
	overflow: visible;
	top: 1px;
	left: 1px;
	background-position: left -11px;
	height: 14px;
}
*.contentAreaRichText textarea {
	height: 350px;
}


/* JavaScript gallery styles
------------------------ */
body.hasJS div.galleria_container {
	height: 340px;
}
body.hasJS ul.imageGallery li div span {
	width:400px;
}


/* Temporary test panel
------------------------ */
div.JS_testPanel {
	display: none;
}




/*--------------------------------
	Homepage
---------------------------------- */

div#lensParent  {
	height: 720px;
}

div.JS_linkArrow {
	display: none !important;
}



/*  Image panel layout
------------------------ */

*.contentAreaOverlay {
	margin: 0;
	float: left !important;
	padding:10px 15px!important;
}
div.JS_lensPanel {
	float: left;
	zoom: 1;
}
*.contentAreaImagePanel *.layoutAreaBottom {
	display:inline-block !important;
}

*.layoutAreaOverlay *.contentAreaPanel {
	margin-right: 0 !important;
}

div#lensPanelSearch {
	width: 400px;
}
div#lensPanelSearch input#searchTS {
	float: left !important;
	width: 300px !important;
}

*.contentAreaImagePanel {padding: 0!important;}

/**.layoutAreaOverlay {*/
/*	display: none!important;*/
/*}


div.JS_lensPanel {
	float: left;
	zoom: 1;
}
*.contentAreaImagePanel {
	float: left;
	zoom: 1;
	background:green;
	padding:0;
}
*.layoutAreaBottom {
	zoom: 1;
	float: left;
	display:inline;
}

*.contentAreaImagePanel *.layoutAreaBottom{
	display:inline-block !important;
	width:198px !important;
}

*.contentAreaImagePanel *.imagePanel {
	margin-top:-12px !important;
}




*/


/*--------------------------------
	Back office tools
---------------------------------- */
body.noJS div#backOffice,
body.noJS div#backOffice li a {
	background: #000000 !important;
}
body.noJS div#backOffice li a:hover {
	text-decoration: underline;
}
body.noJS *.contentAreaShaded {
	background: #222222 !important;
}


/*--------------------------------
	Lightbox
---------------------------------- */


body.hasJS *.contentArea *.layoutAreaLightboxActive {
	position: relative;
}




/*--------------------------------
	Widths
---------------------------------- */
*.contentArea *.widthLarge,
*.contentArea *.widthMedium,
*.contentArea *.widthSmall,
*.contentArea *.widthTiny,
*.contentArea *.widthFull,
*.contentArea .widthXSmall {
	display: inline;
}

*.contentArea *.widthLarge {
	width: 260px !important;
}
*.contentArea *.widthMedium {
	width: 190px !important;
}
*.contentArea *.widthSmall {
	width: 100px !important;
}
*.contentArea *.widthTiny {
	width: 40px !important;
}
*.contentArea *.widthFull {
	width: 95% !important;
}
.contentArea .widthXSmall {
	width: 50px !important;
}



/*--------------------------------
	Spacing
---------------------------------- */
*.spacingLeftOne,
*.spacingLeftTwo,
*.spacingLeftHalf,
*.spacingLeftThird,
*.spacingLeftTwoThirds,
*.spacingLeftQuarter,
*.spacingLeftThreeQuarters,
*.spacingLeftEighth,
*.spacingLeftTiny,
*.spacingLeftSevenEights,
*.spacingLeftLarge,
*.spacingRightOne,
*.spacingRightTwo,
*.spacingRightHalf,
*.spacingRightThird,
*.spacingRightTwoThirds,
*.spacingRightQuarter,
*.spacingRightThreeQuarters,
*.spacingRightEighth,
*.spacingRightTiny,
*.spacingRightSevenEights,
*.spacingRightLarge,
*.spacingRightTwo {
	display: inline !important;
	zoom: 1;
}
*.spacingLeftImageMedium{
	padding-left: 110px !important;
}


/* Images
------------------------ */
*.imagePanel {
	zoom: 1;
}



/* Important notice
------------------------ */
.importantNotice {
	height: 32px;
}



/* List of rows
------------------------ */
*.contentArea *.listRows li *.contentArea {
	margin-bottom: 0;
}

/* Communities list
------------------------ */
div#communitiesList {
	position: static;
}

/* Inline * footer lists
------------------------ */
*.listInline,
uk#legalLinks {
	overflow: hidden;
}
*.listInline li,
ul#legalLinks li {
	margin-left: -1px;
}



.contentArea .listRows li {
	border-top: 1px solid #e9e9e9;
	clear: both;
	font-size: 1em;
	margin-bottom: 0;
	padding: 1em 10px;
}


/* Inline list separated
------------------------ */
*.listRows *.spacingLeftImageSmall *.layoutAreaTwoThirds *.listInline li {
	padding-top:0;
	padding-bottom:0;
}


/* Spacing for rows with images
------------------------ */
*.listRows *.spacingLeftImageSmall *.imagePanel,
*.listRows *.spacingLeftImageMedium *.imagePanel,
*.listRows *.spacingLeftImageLarge *.imagePanel {
	zoom: 1;
	margin-top: 1em;
}


/* Spacing for rows with a small image
------------------------ */
*.spacingLeftImageSmall {
	height: 60px;
}
*.layoutAreaIndent *.spacingLeftImageSmall,
*.listRows *.spacingLeftImageSmall {
	height: 50px;
}


/* Spacing for rows with a medium image
------------------------ */
*.spacingLeftImageMedium {
	height: 100px;
}
*.layoutAreaIndent *.spacingLeftImageMedium,
*.listRows *.spacingLeftImageMedium {
	height: 90px;
}


/* Spacing for rows with a large image
------------------------ */
*.spacingLeftImageLarge {
	height: 150px;
}
*.layoutAreaIndent *.spacingLeftImageLarge,
*.listRows *.spacingLeftImageLarge {
	height: 140px;
}

div.contentAreaSeparated img.spacingLeftNone {
	position: static;
}



span.IE_marginFix input {
	display: block;
}


/* Styling for profile pages when JS is off
------------------------ */
*.noJS *.contentAreaProfileEBP {
	background: #666666 !important;
}
*.noJS *.layoutAreaBgOverylay,
*.noJS *.contentAreaProfileConsumer {
	background-image: none !important;
}


/* Testimonial module on dashboard
-------------------------------*/
p.testimonialInfo a {
	zoom: 1;
}


/* Lens page footer
-------------------------------*/
div.contentArea div.lensKeywords {
	overflow: hidden;
}
div.contentArea div.lensKeywords ul {
	margin-left: -1px;
	margin-right: 15px;
}

/* Show hidden elements in IE6 only (inteded for the upload button in media editor)
  // Switched off, for the click panels on lens page
-------------------------------
body.hasJS *.JS_hidden {
	width: auto !important;
	overflow: visible;
	position: static !important;
	left: 0 !important;
}*/


/* Overrides a layout bug in IE7
------------------------ */
div#mediaManager textarea {
	position: static;
}

/* Fixes and overrides for product carousel styling
------------------------  */

*.carouselContainer h2 {width: auto;}

.contentAreaCarousel li .product {height: 230px;}

.contentAreaCarousel li .product .productImage {margin-right: 10px;}
*.contentAreaCarousel {
	height:237px;
}

*.carouselContainer .controls .prev,
*.carouselContainer .controls .next {
	filter: alpha(opacity=85);
	height: 237px;
}

*.carouselContainer .controls .next {right: -1px;}

*.carouselContainer .controls ol {
	background: url("../img/css/shadow-dark-alpha.png") repeat scroll 0 0 transparent;
	bottom: -1px;
}

body.hasJS .carouselContainer h2, body.hasJS .carouselContainer a.shopLink {
	bottom:-1px;	
}

}
*.carouselContainer .controls ol li a {
	display: inline;
	overflow: hidden;
	text-indent: 10px;
}


.searchFilter div.contentArea ul.list {
	height:80px; 	
}

div#lensParent div#totalMembers {	
	height: 130px;
	width: 225px;	
}

#shopMytradespace .layoutAreaBottom {
	position:absolute;
	width:195px !important;
}

#shopMytradespace .contentAreaPanel {
	height:200px !important;
	
}

.layoutAreaTwoBlocks {
	width:100% !important;	
}

.layoutAreaTwoBlocks .layoutAreaBottom {
	
	margin:0 !important;
	
}

.layoutAreaTwoBlocks .layoutArea {
	
	margin:0 !important;
	padding:0 !important;
}

.layoutAreaTwoBlocks #communitiesMytradespace,
.layoutAreaTwoBlocks #networkMytradespace,
.layoutAreaTwoBlocks #about-usMytradespace,
.layoutAreaTwoBlocks #testimonialsMytradespace,
.layoutAreaTwoBlocks #galleriesMytradespace,
.layoutAreaTwoBlocks #servicesMytradespace,
.layoutAreaTwoBlocks #newsMytradespace{
	margin-left:20px !important;
	width:40% !important;
}

#galleriesMytradespace, #communitiesMytradespace, #about-usMytradespace {
	margin-left:8em;
}

#servicesMytradespace .contentAreaOverlay,
#galleriesMytradespace .contentAreaOverlay {
	
	width:168px;
}

/* Featured Category
************************/
/*This is where the custom text for the featured category goes */
body.browse#pageId0 #center-7 .starter-amazon-com-HTMLWidget-2 {
	margin-top:95px;
}