body { background: url(../images/site-bg.jpg) center fixed #000; color:#fff; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;}

p { font-size:1.2em; line-height:1.4em; padding-bottom:8px;}
a { color:#aaa;}
a:hover { text-decoration:none; color:#fff;}
a img { border:none;}

	h1, h2, h3, h4 { color:#fff; padding:0; font-weight:normal; padding-bottom:6px; }
	h1 { font-size:1.8em; }
	h2 { font-size:1.7em; }
	h3 { font-size:1.5em;  }
	h4 { font-size:1.3em; }

.floatleft { float:left;}
.floatright { float:right;}

.clr { clear:both;} 

#Wrapper { width:990px; margin:0 auto; text-align:left;}
#Header { height:80px; padding-top:30px;}
#MainContent { clear:both; background:url(../images/Main_Content_bg.png) no-repeat bottom; position:relative;}

#SubContent { margin-top:8px; clear:both; overflow: hidden; width: 100%;}

#Left, #Right { float:left; width:495px;}

/* =Accordian */

.accordion {
	width: 485px; margin: 0px auto; z-index:2;}
	
.accordianHeader {background:url(../images/Sub_Content_Heading_bg.png) no-repeat;}
.accordion h3 {margin:2px 0 0 0; font-size:1.5em; letter-spacing:-1px; font-weight:bold; height:27px; cursor: pointer; position: relative; background:url(../images/Sub_Content_Heading_bg.png) no-repeat; color:#FFF; padding-top:2px;
}
.accordion h3:hover {}
.accordion h3.active {background:url(../images/Sub_Content_Heading_bg_active.png) no-repeat top;}
.subContent {background:url(../images/Sub_Content_Wrapper_bg.png) no-repeat bottom; margin-bottom: 10px; padding: 5px 10px 10px; height:100px; position:relative; font-size:1.2em; line-height:1.4em; z-index:1}

/* =Tabs */

.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding-top:10px; height:33px; display:block; text-indent:10px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background:url(../images/subheadings/selected.jpg) bottom left no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs { overflow:hidden;}

.Tabs { height:445px; z-index:1; overflow:hidden;}

ul.tabNavigation {list-style: none; margin-left:8px; padding: 0px;}
ul.tabNavigation li {display: inline; float:left; margin:0; border-right:1px solid #666;}
ul.tabNavigation li a {padding-top:10px; height:33px; display:block; text-indent:10px;}
ul.tabNavigation li.NoRightBorder { border-right:none;}
ul.tabNavigation li.ui-tabs-selected { background:url(../images/subheadings/selected.jpg) bottom left no-repeat;}				
ul.tabNavigation li a:hover {background:url(../images/subheadings/selected.jpg) bottom left no-repeat;}
ul.tabNavigation li a:focus {outline: 0;}

/* Extra Content*/
#InlineContent { clear:both;}
.SpecsBox { width:400px;}
.Available { float:left; padding-top:2px; margin-left:15px;}
.ModalInner h2 { padding-bottom:8px;}
.Modal_img_full { margin-left:-10px;}

#ProductSpecs, #FlowAccessories, #FlowFamily, #ProductInfo { display:none;}

/* =Accordian box resizes*/
.flowfamily { height:135px;}
.DEflowfamily, .FRflowfamily, .DKflowfamily { height:160px;}
.DEProdInfo, .DEUber, .DEReg, .Sublarge { height:130px;}

.moreLink { position:absolute; bottom:15px; right:15px;}
.pointer { cursor:pointer;}

ul#ProductInfoPage { padding-left:30px; list-style-position:outside; margin:7px 0px;}
ul#ProductInfoPage li { list-style:disc; font-size:1.2em; line-height:1.4em; }

/* =Footer*/
/*#footer { text-align:left; background:url(../images/footer-bg.jpg) top repeat-x; height:100px; clear:both;}*/
#footer { text-align:left; height:100px; clear:both;}
#FooterContent { width:970px; margin:0px auto; padding-top:50px; position:relative;}
.ShareThis { width: 170px; float:left;}
.FooterIcons { float:left; margin-top:-5px; display:inline;}
.Copyright { float:left; padding-top:10px; width:460px; text-align:right;}

/* =Country Selector */	
	body#Country, body#Country #footer { background-image:none;}
	body#Country #footer { margin-top:-20px;}
	.CSelect { position:absolute; top:53px; right:12px; width:165px; display:inline; text-align:right; z-index:5;}
	#CountrySelector {position: relative;}
	#CountrySelector a { text-decoration:none;}
	.FooterFlag { float:right; cursor:pointer;}
	.SelectLink { display:block; width: 120px; line-height:23px; text-align:center; float:right;}
	
	#CountryWrapper { width:100%; display:block; overflow:hidden; clear:both; }
	.CselectImage { margin:40px 45px 0px 45px; clear:both;}
	#CountrySelectorList {background: #555; width: 130px; position: absolute; bottom: 0px; left:25px; z-index: 20; display: none; padding:2px; text-align:left; border:1px solid #3b3b3b;}
	#CountrySelectorList ul { margin:0; padding:0;}
	#CountrySelectorList li { list-style:none; margin:0;  padding:0;}
	#CountrySelectorList .Flag { float:left; margin:0 6px 0 2px; display:inline;}
	#CountrySelectorList a { color:#fff; display:block; width:130px; line-height:24px;}
	#CountrySelectorList a:hover { background:#999; color:666;}

	.Countrybutton {width:455px; height:70px; float:left; margin:16px 20px; margin-top:0px; display:inline;}
	.Countrybutton a { display:block; width:455px; height:70px; background:url(../images/countryselect/bg-default.png) top no-repeat;}
	.Countrybutton a:hover {background:url(../images/countryselect/bg-hover.png) top no-repeat;}