/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {}
body.site { background:#0073aa url('/cms/outertemplates/images/bodyTopBg.jpg') top center repeat-x;} 

/* Page building styles */
div#wrap { width:980px; float: left; position:relative; background:#FFF; overflow: hidden; }
div#header { width:100%; z-index:2; height: 100px;}
	div#logo 
	{
	    float:left; 
	    background: url('/cms/outertemplates/images/logo.jpg') top left no-repeat;
	    width: 217px;
	    height: 76px;
	    margin: 10px 0 0 0;
	}
	div#fixedLinks {}
	div#fixedLinks ul {list-style-type: none; padding-left: 10px; margin: 15px 0 0 0;}
	div#fixedLinks li { display:inline;}
	div#fixedLinks li a { color: #fff; font-weight: bold; padding: 6px 25px 13px 25px; display:block; float: left; }
	
	/* Text resizing styles */
	#widgets {float:right;}
	#widgets li {display:inline;}
		.smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 1.2em; }
		.largeText { font-size:1.6em; }
		
div#headerBar {width: 980px; height: 50px; }
div#middleWrap { width:980px; margin:0 auto; overflow:hidden; background: #0073aa url('/cms/outertemplates/images/headerBar.jpg') top center no-repeat; clear: both;}
div#leftCol { width: 211px; float:left; border-right: 1px solid #fff; margin: 0 0 -1500px 0; padding: 0 0 1500px 0;}
div#centerWrap {width:548px; float:left; margin: 0 3px -1500px 3px; padding: 0 0 1500px 0; border: 1px solid #fff; border-width: 0 1px;}
div#centerWrapWide {width:764px; position: relative; float:left; margin: 0 0 0 3px; border: 1px solid #fff; border-width: 0 0 0 1px;}
div#centerWrapWide div#rightCol {position: absolute; right: 0;}
div#content { padding:10px 10px 1500px 10px; margin: 0 0 -1500px 0; overflow: hidden; position: relative;}
    .mainContent{width:528px; background: #fff url('/cms/outertemplates/images/gradientBg.jpg') top center repeat-x;}
    .worldContentBg{ width:528px;background: #fff url('/cms/outertemplates/images/contentBackground.jpg') top no-repeat;}
    .productContent {width: 754px; background: #fff; padding-right: 0 !important; padding-top: 0 !important;}
    .productContent  .dub3Content {padding-top: 10px !important;}
div#rightCol { width: 210px; overflow:hidden; position: relative; float:left; border-left: 1px solid #fff;border-right: 1px solid #fff; margin: 0 0 -1500px 0; padding: 0 0 1500px 0;}

#centerWrap object {display: block;}
#centerWrapWide object {display: block; width: 549px; border-right: 1px solid #fff;}
#centerWrap embed {display: block;}
#centerWrapWide embed {display: block; border-right: 1px solid #fff;}

div#content.noleftcol { width: 726px; margin-left:0; }
div#content.norightcol { width: 726px; margin-right:0; }

div#divbreadcrumb { clear:both; overflow:hidden;}
div#divbreadcrumb p { float:left; margin:5px; }
div#divbreadcrumb ul { float:left; margin: 5px; }
div#divbreadcrumb li { display:inline; padding-left:8px; background:url(/cms/outertemplates/images/default/breadcrumb.gif) left no-repeat; }

div#contentFooter 
{
    display: block; 
    height: 20px; 
    width: 100%; 
    background: #0073aa url('/cms/outertemplates/images/contentFooter.jpg') 211px 0 repeat-y;
    clear: both;
}

div#footer 
{
    font-size:0.9em;
    line-height: 30px;
    height: 30px;
    overflow:hidden;
    color:#fff;
    position: relative;
    z-index: 50;
    clear: both;
    border-top:1px solid #58BFCF;    
}
div#footer p { text-indent: 10px; color:#fff; margin: 0;}
div#footer a { color:#fff; }

div#news 
{
    width: 178px; 
    margin: 0 auto 5px auto; 
    font-size: 14px;
}

div#news ul { margin: 0 0; padding: 0; list-style-type: none; }
div#news ul li { border-bottom: 1px solid #ddd; padding: 5px 5px 10px 5px; margin: 0px 0; color: #ddd; font-weight: bold;}
div#news ul li a {color: #ddd;}
div#news ul li span.date { clear: both; font-style: italic; display: block; font-weight: normal;}
div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */


/* Header Search */
#searchBox {position: absolute; top: 35px; left: 590px;}
#searchBox input.searchButton 
{
    height: 20px; 
    width: 20px; 
    background: url('/cms/outertemplates/images/mainSearch.jpg') 50% 50% no-repeat; 
    float: left;
    overflow: hidden;
    position: relative;
    top: -2px;
    cursor: pointer;
    padding: 20px 0 0 0;
    border: none;
}

#searchBox div.searchBackground 
{
    background: #fff url('/cms/outertemplates/images/searchBackground.jpg') top center;
    height: 17px; 
    width: 104px;
    float: left;
}
#searchBox input.searchBox {float: left; width: 100px; padding: 0 2px; background: transparent; border: 0;}
#searchBox span.searchLabel {float: left; font-size: 0.8em; margin: 1px 5px 0 0; color: #aa1000; font-weight: bold;}


#leftCol h2, #rightCol h2 
{
    text-transform: uppercase; 
    color: #fff;
    height: 44px;
    line-height: 44px;
    margin: 0;
    padding: 6px 0 0 0;
    font-size: 13px;
    text-align:center;
}

#leftCol h2 { background: url(/cms/outertemplates/images/arrow.gif) 5px 23px no-repeat; text-indent: 20px;}

h2.centerHeading {color: #076fac; position: absolute; top: 75px; left:255px; }

#newProduct2 
{
    height: 140px;
    width: 210px;
    font-size: 14px;
}
#newProduct2 ul {margin:4px 0 0 20px;}
#newProduct2 li {margin-bottom: 3px;}
	

div.newProduct 
{
    height: 125px;
    width: 170px;
    padding: 5px 20px;    
}

div.eupen {background: url('/cms/outertemplates/images/newProduct.jpg') top center no-repeat;}
div.tetra {background: url('/cms/outertemplates/images/tetra.jpg') top center no-repeat; margin-left: 1px;}

div.newProduct h3
{
    color: #ddd;
    margin: 0;
    font-size: 12px;
}

div.newProduct p {font-style:italic;font-size: 12px;}

div.newProduct a { text-indent: -999em; display:block; width: 160px; height: 70px; }
div.newProduct a.inline { text-indent: 0; display:inline; width: auto; height: auto; color:#002470; }

.quoteBox 
{
    width: 118px; 
    padding: 10px 10px 0 50px;
    background: #df7503 url('/cms/outertemplates/images/quoteBox.jpg') top center no-repeat;
    margin: 0 auto;
    clear: both;
}

.quoteBox p{margin: 0; color: #ddd; font-weight: bold;}

.quoteBoxFooter 
{
    width: 178px; 
    height: 19px; 
    background: url('/cms/outertemplates/images/quoteBoxFooter.jpg') top center no-repeat;
    margin: 0 auto 10px auto;
}

.blueBar {background: #002470; color: #fff; height: 22px; width: 100%; border-top: 3px solid #58bfcf; clear: both;}
.blueBar h4 {line-height: 22px; text-align: center; font-size: 0.75em; text-transform: uppercase;}
div.regBox 
{
    background: url('/cms/outertemplates/images/reg.jpg') top center no-repeat; 
    padding: 90px 0 0 0; 
    width: 156px;
    margin: 15px auto;
}

div.regBox p
{
    color: #fff;
    font-weight: bold;
    text-align: center;
}

div.regBox2 
{
    background: url('/cms/outertemplates/images/reg2.jpg') top center no-repeat; 
    padding: 100px 0 0 0; 
    width: 156px;
    margin: 15px auto;
}

div.quoteAssist 
{
    background: url('/cms/outertemplates/images/quoteAssist.jpg') left 50% no-repeat;
    width: 85px;
    height: 40px;
    padding: 0 0 0 40px;
    position: absolute;
    right: 15px;
    top: 40px;
}

div.quoteAssist p {font-size: 0.7em; color: #002470; font-weight: bold;}

div.quoteAssist p a {color: #002470;}

span.orange a {color: #DF7603 !important;}

a.addToBtn 
{
    float: right; 
    height: 41px; 
    width: 145px; 
    background: url('/cms/outertemplates/images/addToBtn.jpg') top left no-repeat;
    color: #fff;
    margin: 10px 0;
    padding: 0 65px 0 0;
    font-size: 0.8em;
    text-indent: -999em;
}

/* Added by Ross - imported from old site */
.categoryList {
	width: 100%;
}

.categoryList td.sorry {
	border: 1px solid #092573;
	padding: 2px;
	text-align: center;
}

.categoryList td.name {
	width: 15%;
	text-align: center;
	font-size: 0.7em;
	border: 1px solid #092573;
	padding: 2px;
}

.categoryList td.desc {
	width: 50%;
	font-size: 0.7em;
	border: 1px solid #092573;
	padding: 2px;
}

.categoryList td.freq {
	width: 20%;
	text-align: center;
	font-size: 0.7em;
	border: 1px solid #092573;
	padding: 2px;
}

.categoryList td.gain {
	width: 15%;
	text-align: center;
	font-size: 0.7em;
	border: 1px solid #092573;
	padding: 2px;
}

.back {
	font-weight: bold;
	margin: 0;
}

div.pager {
	padding: 4px;
}

div.pager ul {
	float: right;
}

#content div.pager ul {
	margin: 0;
	padding-right: 18px;
}

div.pager ul li {
	display: inline;
	padding: 0 2px;
}

div.pager span {
	float: left;
	padding-top: 2px;
	font-size: 0.8em;
}

.small {font-size: 90%;}

div#accessories table tr td input {display: block; margin: 1px auto;}

/* Added by Ross for Search page */

.tab {
    color: #0073AA; 
    font-size: 0.8em; 
    padding: 3px 5px;
    background: #fff;
    margin: 3px 0 6px 7px;
}
.selected {color: #0073AA; border-color: #BF2200; font-weight: bold;}

div.searchWrapper{margin-top: 2px; padding: 5px;}
div.searchWrapper h1,h2,h3{margin-bottom: 0;}

h3.searchResultTitle a{color: #fff;}
p.searchResultUrl {display: none;}
div.searchBox1 {background-color: #E17F13; margin-bottom: 0; padding: 2px 5px;}
div.searchBox2 {background-color: #fff; padding: 10px;}
div.searchBox3 {background-color: #fff; padding: 2px 10px;}
div.searchBox3{margin-top: -0.8em; text-align: right; font-style: italic;}

div.result {margin: 10px auto; border: 2px solid transparent;}
div.result:hover {margin: 10px auto; border: 2px solid #BF2200;}
p.searchResultRank {font-size: 0.7em;}

.rightColBorders 
{
    width: 5px; 
    height: 169px; 
    background: url('/cms/outertemplates/images/borders.gif') top center no-repeat;
    position: absolute;
    z-index: 0;
    top: 50px;
    right: 211px;
}

/*h1.searchHeading {padding: 15px; background: #fff; margin: 5px 5px 13px 5px; border: 2px solid #E17F13;}*/

/* Basket Page */
table.productOrder{width:100%;}
table.productOrder th {color:#44A;}
table.productOrder td, table.productOrder th {border:1px solid #88A; padding:2px;font-size:0.8em;}
table.productOrder .basketDescription {text-align:left;}
table.productOrder .basketQuantity {text-align:center;}
table.productOrder td.basketRemove a {width:16px; height:16px; text-indent:-999em; display:block; overflow:hidden; background:url(/cms/outertemplates/images/remove.png) left no-repeat; margin:0 auto;}

p.badges { margin-bottom: 0;}