/* Basic Global Styles */
html, body 	{height:100%;}

BODY 		{
	font-size:12px;
	line-height:1.4;
	/*position:relative;*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	margin:0 auto;
	width:975px;
	background-color:#6F2626;
	background-image:url(/images/body-bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

A 		{color:#990000; text-decoration:none}
A:hover 	{text-decoration:underline;}
A IMG 		{border:none;}
H2 		{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#983C2D; font-weight:normal; margin-bottom:10px;}
H3 		{font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; color:#983C2D; font-weight:normal; margin-bottom:0;}
DIV.clear 	{clear:both;}
DIV.spacer 	{height:10px; clear:both;}
PRE.dump 	{background-color:#E7EDF8; border:1px solid; border-color:#999999; font-size:11px; margin:5px 0; padding:5px; color:#444; overflow:auto;}

BODY {}
DIV#outerContainer 		{}
DIV#container 			{width:975px; margin:auto; position:relative; background-color:#FFF4E6;}
DIV#innerContainer 		{width:870px; margin:10px auto 10px auto;}

DIV#header 			{width:975px; height:170px; position:relative; background-image:url('/images/header.jpg'); background-repeat:no-repeat; background-position:top;}
DIV#headerLogo 			{position:absolute; top:25px; left:575px; width:375px; height:85px;}
DIV#headerLogo,
DIV#headerLogo h1,
DIV#headerLogo h1 a 		{display:block; width:375px; height:85px; margin:0; padding:0;}
DIV#headerLogo h1 a 		{text-indent:-3000px; overflow:hidden;}
DIV#headerBanner 		{}

#main-nav,
#brand-nav,
#cat-nav 			{font-family:Georgia, "Times New Roman", Times, serif;}

#main-nav 	ul,
#brand-nav 	ul,
#cat-nav 	ul 		{margin:0; padding:0;}

#main-nav 	ul li,
#brand-nav 	ul li,
#cat-nav 	ul li 		{margin:0; padding:0; list-style:none; float:left;}

#main-nav 	ul li a,
#brand-nav 	ul li a,
#cat-nav 	ul li a 	{display:block; color:#FFFFFF; display:block;}

#main-nav 	ul li a 	{padding: 5px 10px 0 7px; font-size:15px; font-style:italic; color:#D89B77;}
#main-nav 	ul li a:hover 	{color:#FFFFFF; text-decoration:none;}
#brand-nav 	ul li a 	{padding:11px 6px 0 4px;font-size:12px; color:#FFE9B2;}
#brand-nav 	ul li a:hover  	{color:#FFFFFF;}
#cat-nav 	ul li a 	{padding:5px 4px 0 4px; font-size:12px; color:#FFE9B2;margin-top:5px;}
#cat-nav 	ul li a:hover  	{color:#FFFFFF;}

#main-nav 			{position:absolute; top: 10px; left:  0  ; height:30px; width:600px; text-transform:lowercase;}
#brand-nav 			{position:absolute; top: 90px; left:  0  ; height:48px;}
#cat-nav 			{position:absolute; top:127px; left:  0  ; height:46px;}

#main-nav 	ul 		{position:relative; left: 10px;}
#brand-nav 	ul 		{position:relative; left: 10px;}
#cat-nav 	ul 		{position:relative; left: 10px;}

#homepageBrands 		{padding:10px 0;}
#homepageBrands ul 		{margin:0; padding:0;}
#homepageBrands ul li 		{margin:2px 12px; padding:0; list-style:none; float:left; position:relative;}
#homepageBrands ul li a 	{float:left; display:block; position:relative; padding:0 8px; text-align:center; font-weight:bold; font-size:10px; color:#999999;}
#homepageBrands ul li a:hover 	{color:#990000; text-decoration:none;}
#homepageBrands ul li a img 	{margin-bottom:3px;}
html > body #homepageBrands li 	{ margin:2px 14px; }

#quickSearch 			{position:absolute; top: 68px; left: 65px;}
#quickSearchInput 		{font-family:Georgia, "Times New Roman", Times, serif; color:#E3A4A4; font-weight:normal; font-size:14px; padding:2px 4px; width:150px;}
#quickSearchInput.searchActive 	{color:#333333;}

DIV#contentInner 			{position:relative;}

div#myAccount 				{position:absolute; top:5px; right:5px; text-align:right; font-weight:bold; font-size:10px; color:#FFFFFF; z-index:20;}
div#myAccount img 			{float:left; margin-right:5px;}
div#myAccount a 			{color:#E9C7C7; text-decoration:none;}
div#myAccount a:hover 			{color:#FFFFFF;text-decoration:underline;}

DIV#topBar 				{height:60px; color:#E9C7C7; background-image:url(/images/topBar-bg.jpg); margin:8px 0 8px 0; background-position:center; background-repeat:repeat-x; position:relative;}
DIV#topBar DIV#topBar-search 		{position:absolute; top:20px; left:10px;}
DIV#topBar DIV#topBar-search input.text {width:125px;}
DIV#topBar DIV#topBar-search input.submit {font-size:13px;}
DIV#topBar DIV#topBar-howToBuy 		{position:absolute; top:20px; left:275px;}
DIV#topBar DIV#topBar-findStore 	{position:absolute; top:20px; left:380px;}
DIV#topBar DIV#topBar-orderByPhone 	{position:absolute; top:0; left:565px;}
DIV#topBar DIV#gbMap 			{position:absolute; top:-25px; right:20px; z-index:5;}

DIV#lowerBanner 			{height:92px; margin:5px 0; clear:both; position:relative; text-align:center; margin-top:25px;}
DIV#lowerBanner DIV#lowerBanner-search 	{width:250px; position:absolute; right:0; top:40px;}

DIV#footer 	{margin:10px 0; padding:5px 0; text-align:center; color:#333; font-size:12px; clear:both;}

INPUT.text 	{border:1px solid; border-color:#9C4333; color:#999999;}
INPUT 		{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px;}
INPUT.submit,
INPUT.button 	{
	background-color:#9C4333;
	border:1px solid;
	border-color:#933126;
	cursor:pointer;
	color:#FFFFFF;
}

FORM 		{display:inline;}

DIV.error 	{border:1px solid; border-color:#FF6666; background-color:#FFE8E8; margin:5px 0; padding:5px;}

TABLE#downloadTable 		{}
TABLE#downloadTable TR TD,
TABLE#downloadTable TR TH 	{border-bottom:1px solid; border-color:#CCCCCC; padding:3px 0;}
TABLE#downloadTable TR.over TD,
TABLE#downloadTable TR.over TH 	{background-color:#DAE2EF;}

H3.searchHeader 		{font-size:18px; padding-top:20px !important; clear:left; font-weight:bold !important; font-size:14px; margin-bottom:5px;}

table#basket 			{border-collapse:collapse;}
table#basket thead th 		{border-bottom:2px solid; border-color:#CCCCCC;}
table#basket tbody td 		{border-bottom:2px solid; border-color:#DDDDDD;}
table#basket input.qty 		{
	font-size:11px;
	text-align:center;
	width:25px;
	font-weight:bold;
	color:#990000;
}
table#basket span.productCode 	{color:#999;}
table#basket th,
table#basket td 		{padding:2px 5px; vertical-align:top;}
table#basket td 		{color:#666666;}
table#basket td .itemName,
table#basket td .itemName a 	{color:#333333;}

#printBasket 			{float:right; position:relative; top:-45px; font-size:14px;}

input.small 			{font-size:11px !important;}
.submit 			{cursor:pointer;}

.smallPrint 			{font-size:11px; color:#666666;}

label 				{cursor:pointer;}
.error 				{color:#FF0000;}

.box 				{
	border:3px solid;
	border-color:#FFD2D2;
	padding:5px;
	margin:0;
}
.box h3 			{margin-top:0; margin-bottom:2px;}
.box p 				{margin-top:0; margin-bottom:10px;}

.accountCustomerBox 		{width:395px; float:left; margin-bottom:10px; margin-right:10px;}

form table th 			{font-size:11px;}

input.text 			{font-weight:bold; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; padding:2px; width:175px;}
input.password 			{}

ul.message-stack 			{margin:10px 0; padding:0; position:relative; z-index:50;}
ul.message-stack li 			{margin:0 auto 3px auto; padding:3px 6px; list-style:none; color:#333333; border:1px solid; font-weight:bold; font-size:11px; -moz-border-radius:4px;}
ul.message-stack li.message-error 	{border-color:#FF0000; background-color:#FFDFDF;}
ul.message-stack li.message-info 	{border-color:#1CB700; background-color:#E2FFDD;}

.requiredIndicator 			{color:#FF0000; font-size:12px; font-weight:normal;}

div.hr1 	{height:18px; background-image:url(/images/hr1.gif);}
div.hr2 	{height:10px; background-image:url(/images/hr2.gif);}

.subCategories 			{clear:both; margin-top:20px; font-family:Georgia, "Times New Roman", Times, serif;}
.subCategories UL 		{list-style:none; margin:0 0 8px 12px; padding:4px 0;}
.subCategories UL LI 		{padding:0; margin:0 auto 25px auto; list-style:none; display:block; position:relative; width:165px; height:155px; float:left; text-align:center}
.subCategories UL LI H3 	{font-size:13px; text-align:center; line-height:1.3;}
.subCategories UL LI A 		{color:#990000; font-size:11px;}
.subCategories UL LI A .brand 	{color:#999999;}
.subCategories UL LI A:hover 	{color:#990000;text-decoration:none;}

.subCategories UL LI div.img 	{margin:5px auto; position:absolute; bottom:0; width:100%; text-align:center;}

#brandInfo 			{padding-bottom:5px;}
#brandInfo h3 			{margin-bottom:0 !important;}
#brandInfo p 			{margin-top:2px !important;}

.newsArticleTitle 		{margin-bottom:0; padding-bottom:0; line-height:1.2;}
.newsArticleDate 		{text-align:right; border-top:1px solid; border-color:#CCCCCC; margin-bottom:10px;}

.newsListRow 			{position:relative; margin-bottom:20px;}
.newsListTitle 			{font-weight:bold; margin-bottom:0 !important; padding-bottom:0 !important; margin-top:10px !important; line-height:1.3; font-size:15px; border-bottom:1px solid; border-color:#CCCCCC;}
.newsListDate 			{text-align:right; margin-bottom:10px; position:absolute; top:6px; right:0;}

.newsDate 			{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999;}

ul.newsHeadlines 				{position:relative;}
ul.newsHeadlines li 				{list-style:square; position:relative; padding-right:150px;}
ul.newsHeadlines li span.newsHeadlinesDate 	{display:block; font-size:9px; position:absolute; top:0; right:0;}
ul.newsHeadlines li a 				{}
ul.newsHeadlines li a:hover 			{text-decoration:underline !important; color:#333333 !important;}

#contactForm 			{margin:0 0 20px 40px; float:right; padding:5px 15px; border:2px solid; border-color:#C7C7C7; background-color:#FBF3DC; -moz-border-radius:5px; background-image:url(/images/contactForm-bg.jpg); background-position:bottom; background-repeat:repeat-x; width:356px;}
#contactForm h4 		{margin:0; font-size:22px; color:#993300; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#contactForm input[type=text],
#contactForm textarea,
#contactForm select 		{border:1px solid; border-color:#CCCCCC; padding:2px 3px; color:#666666; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; width:230px;}
#contactForm td.formLabel 	{padding:5px 8px 0 0; text-align:right;}
#contactForm .formRequired,
#contactForm .formError 	{color:#A63939; font-size:10px;}

ul.buttons 			{margin:0; padding:0;}
ul.buttons li 			{margin:0; padding:0; list-style:none; float:left; list-style-image:none !important;}
ul.buttons li a 		{background-position:top; text-indent:-3000px; overflow:hidden; display:block;}
ul.buttons li a:hover 		{background-position:bottom;}

#offerSwitch1 			{ width:870px; height:315px; }
#offerSwitch1 div 		{ width:350px; height:315px; position:absolute; top:0; left:0; }

.formError 			{ font-size:10px; color:#C00; font-weight:bold; padding-left:15px; background:url(../images/error-icon.png) no-repeat 5px 5px; }



#accordion,
#accordion h3                           { font-size:10px; }
#accordion h3.ui-state-active           { margin:0; }
#accordion .ui-accordion-content        { margin-bottom:5px; }



#configurator { }
#configurator select,
#configurator option 			{ font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding:2px; color:#333; }
#contentInner #configurator h3 		{ color:#FFF4E6; border-bottom:1px solid #A17676; margin:1em; }
#configurator td 			{ vertical-align:top; }

.showerOptions             {width:45%;}
.ceilingOptions             {width:45%;}

#configurator .optionTable 		{ border-collapse:collapse;}
#configurator .optionTable caption 	{ text-align:left; font-weight:bold; color:#fff; margin-bottom:2px; font-size:13px; }
#configurator .optionTable th 		{ padding:5px; background-color:#CA9489;}
#configurator .optionTable td 		{ padding: 3px  5px; text-align:center; }
#configurator .optionTable thead th 	{ text-align:center; }
#configurator .optionTable tbody th 	{ text-align:right;}
#configurator .optionTable 		{ border-top:1px solid; border-left:1px solid; }
#configurator .optionTable th,
#configurator .optionTable td 		{ border-bottom:1px solid; border-right:1px solid; }
#configurator .optionTable,
#configurator .optionTable th,
#configurator .optionTable td 		{ border-color:#6F2626; }
#configurator .optionTable td 		{ border:none; }

.panelSelectWrapper h3 			{
margin:5px auto 10px auto !important;
font-size:16px !important; }
.panelSelectWrapper 			{ padding:5px 10px; color:#FFF; line-height:1.3; }
.panelSelectWrapper a {color:#FFF4E6 !important;font-weight:bold;text-decoration:underline;}

#colourSelectorWrapper 			{ float:right; width:560px; height:388px; background:transparent url("/images/shower-panel-colours.png") top left no-repeat; }
#colourSelector 			{ margin-left:10px; }
#colourSelector ul 			{ margin:0; padding:0; }
#colourSelector ul li 			{ margin:0 5px 5px 0; padding:5px; line-height:normal; width:80px; height:90px; color:#fff; }
.colourSelectorGroup 			{ float:left; width:200px; margin-left:10px; }
.colourSelectorGroup h4 		{ margin:0 auto 5px auto; color:#fff !important; }
#colourSelector .colourOption 		{ overflow:hidden; float:left; text-align:center; cursor:pointer; font-size:10px; line-height:1.1; }
#colourSelector .colourOption img 	{ }
#colourSelector .colourOption p 	{ margin:0; padding:0; font-weight:bold; line-height:1.1; }
#colourSelector .colourOption:hover,
#colourSelector .selected 		{ color:#000000; }
#colourSelector .colourOption:hover 	{ background:url(/images/shower-panels-highlight.png); }
#colourSelector .selected,
#colourSelector .selected:hover 	{ background:url(/images/shower-panels-select.png); }
#colourSelector th 			{ color:#fff; }
#colourSelector td 			{ width:50%; }

#steps1-2                               { width:250px; float:left; margin-right:10px; color:#fff;}
#qtyWrapper 				{ padding:5px 10px; line-height:1.3; height:150px; background:transparent url("/images/shower-panel-qty.png") top left no-repeat; }
#adviceWrapper 				{ margin-bottom:10px;padding:5px 10px;line-height:1.3;height:150px; background:transparent url("/images/shower-panel-qty.png") top left no-repeat; }
#qtyWrapper label 			{ font-weight:bold; font-size:14px; }

#optionsWrapper 			{ width:850px; height:460px; background:transparent url("/images/shower-panel-options.png") top left no-repeat; overflow:auto; }
#optionsWrapper table 			{ margin:5px 20px 0 20px; }

#showerData 				{ height:450px;background:transparent url("/images/shower-panels-main4.png") top right no-repeat;}
#ceilingData 				{ height:450px;background:transparent url("/images/ceiling-panels2.png") top right no-repeat;}
#showerDataContent                      {float:left; width:45%;}
#showerData h2, #ceilingData h2         { margin:10px auto 5px auto; line-height:1; }
#showerData p, #ceilingData p 		{ margin-top:0; }
#showerPanelsTable 			{ float:right; margin-top:20px; }

#configuratorResults 			{ margin:10px auto; }
#configuratorResults table 		{ float:left; border-collapse:collapse; }
#configuratorResults table th 		{
	padding: 4px 10px  4px 20px;
        color:#fff;
	background-color:#99432C;
}
#configuratorResults table td 		{ padding: 4px  6px  4px  6px; text-align:center; }
#configuratorResults table thead th 	{ text-align:center; }
#configuratorResults table tbody td 	{ }
#configuratorResults table tfoot td 	{ font-weight:bold; }
#configuratorResults table .description { text-align:left; font-weight:bold; }
#configuratorResults table tbody .priceCell { text-align:right; }
#configuratorResults table 		{ border-top:1px solid; border-left:1px solid; }
#configuratorResults table th,
#configuratorResults table td 		{ border-bottom:1px solid; border-right:1px solid; }
#configuratorResults table,
#configuratorResults table th,
#configuratorResults table td 		{
	border-color:#99432C;
}

#configuratorResults .total 		{ text-align:right; font-weight:bold; }
#configuratorResults .productCode 	{ color:#999; font-size:80%; }
#configuratorResults .submit 		{ position:absolute; bottom:20px; right:0; }


#orderNow {display:block;width:200px;height:36px;
background:#FFF4E6 url("/images/request-callback.gif") 0 0 no-repeat;
text-indent:-999em;
margin:0 auto;
outline:none;
}
#orderNow:hover {background:#FFF4E6 url("/images/request-callback-over.gif") 0 0 no-repeat;}

#contentWrapper {padding-bottom:25px;}
#footer #twitterFooterLink,
#footer #facebookFooterLink {background-color:transparent !important;behavior:url("/css/iepngfix.htc");}