/* AMTICO CSS  */

/* Amticostore additional CSS */

a
{
    margin:0;
    padding:0;
    color:#666666;
    text-decoration:none;
    cursor:pointer;
}

a:hover 
{
    color:#6d5050;
}

 
#telno
{
    float:left;
    margin-left:20px;
	padding: 2px;
	margin-top: 3px;
}



.SearchTextBox
{
	margin-top: 0px;
}


input.headerarrowright
{
	background:url(../images/arrow_right.gif) no-repeat top left;
	padding-right:10px;
	width:7px;
	height:8px;
	border:none;
	cursor:pointer;
	*margin-top:0px;			/*only want this for IE, hence the asterisk */
	*margin-bottom:4px;			/*only want this for IE, hence the asterisk */
}

div#sitemap 
{
	/*margin-right:30px;*/
	float:left;
	padding-top:40px;
	padding-left:15px;
}

div#myamticomenu 
{
    width:146px;
    /*height:148px; Increased height to make room for the Amtico Specialist logo - 31/07/09 GH*/
    /*height: 273px; */
    height: 243px;
	float:left;
	/*margin-right:30px;*/
	background-color:Lime;
	background: #ffffff url(../images0809/myamticostorelong.gif) no-repeat;
	float:left;
	padding-top:40px;
	padding-left:15px;
}

div#myamticomenu a:hover
{
	color: #ffffff;
}

div#products
{
	float: left;
	text-align: left;
	width:100%;
}

div#products ul 
{
	float:left;
	list-style: none inside;
}

div#products ul li
{
	float: left;
	width: 158px;
	margin-bottom: 52px;
	margin-right: 15px;
}

div#products p, div#products h3
{
	margin-top: 5px;
	margin-left: 5px;
	width:143px;
}

/* end Amticostore additional CSS */

div.requestsample 
{
    width:170px;
    background-image:url(../images/requestsample.jpg); 
    background-position:top;
    background-repeat:no-repeat;
}

/* main width settings */
#sitecontainer, div#footer, div.fullwidth, div.contentcontainer  
{
	width:925px;
}

div#logincontainer 
{
    width:538px;
    margin-left:193px;
}

div.innercontentcontainer 
{
    margin-top:5px;
    margin-left:30px;
    width:734px;
    min-height: 275px;
    float:left;
    position:relative;
    background-image:url(../images0809/backgroundswirl.jpg);
    background-repeat:no-repeat;
}

div.marginleft 
{
    margin-left:30px;
}

div.marginleft29 
{
    margin-left:29px;
}

div.marginright 
{
    margin-right:30px;
}

/* site */

div#sitecontainer 
{
	padding-top:35px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
}

/* menu */
div#logo
{
	float:left;
	display: block;
	width:300px;
	height:70px;
	margin:0;
	padding:0;

}

div#Controls
{
	Width: 625px;
}

div#menucontainer 
{
	width:925px;
	height: 75px;
	display: block;
}

div#UpperControls
{
background-image: url("../images0809/Menubackground.jpg");
	margin-left: 320px;
	display: block;
	width: 600px; /* 623*/
	height: 28px;
}

div#LowerControls
{

	margin-left: 320px;
	display: block;
	width: 600px;/* 623*/
	height: 30px;
}




/* Box Model Hack to correct Box Model implementations */
div#menu
{
	margin-top:2px;/*mozilla - orig 16px*/
	_margin-top:0px;/*ie - orig 14px*/
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	display: block;
	/*border:solid 1px green;*/
}

div#menu ul 
{
	margin:0;
	padding:0;
	/*white-space:nowrap;*/
}

div#menu ul li
{
	margin:0;
	list-style: none;
	padding:0 0 0 0;	
	float: left;
	
}

/* Legacy code
div#menu ul li img 
{
	border-left: solid 1px #666666;
	padding-left:11px;
	padding-right:11px;
}
*/

div#menu a
{
	font-family: Trebuchet MS;
	font-size: 13px;
	line-height: 28px;
	/*margin-top: 4px;*/
	text-align: center;
	color: #666666;
	display: block;
	width: 100px;
	height: 30px;
	background-image: url('../Images0809/ButtonBackground.gif');
}

div#menu a:hover
{
	color: #ffffff;
	/*background-image: url('../Images0809/ButtonBackgroundGlow.gif');*/
}

#basket
{
    float:left;
	/*padding: 2px;*/
	margin-left: -1px;
	margin-top: -1px;
	*margin-top: 0px;		/*only want this for IE, hence the asterisk */
	/*margin-right: 8px;*/
	display: block;
	height:25px;
	width: 100px;
}

div#brandselection 
{
    float:left;
    height:25px;
    margin-left:1px;
    width: 100px;
    /*border: 1px solid #00ff00;*/
}

div#region
{
	float: left;
	text-align:left;
	width: 200px;
	height:25px;	
	/*margin-left:12px; */
	/*padding:0 2px 0 2px; */
	/*border: 1px solid #00ff00;*/
}

div#search
{
    float: right;
/*
    margin-right: 5px;  
    *margin-right: 6px;
*/

    width: 200px;
    height: 25px;
    padding: 0px;
}

div#search input
{
	
}

#search a
{
    float:left;
	display:block;
	width:55px;
	height:16px;
	cursor:pointer;
}

div#search img
{
	float: left;
	margin-top: 0px;
}

.headerBasketButton
{
	/* Brings the basket button into line with the 'Go' buttons.						*/
	/* The discrepancy arises because of the way the ASP button controls are handled,	*/
	/* compared with the way the usual images/<a> elements are dealt with.				*/
	margin-bottom: -3px;
	width: 100px;
	font-family: Trebuchet MS;
	font-size: 13px;
	line-height: 28px;
	/*margin-top: 4px;*/
	text-align: center;
	color: #666666;
	display: block;
	width: 100px;
	height: 30px;
	background-image: url('../Images0809/MyBasket.gif');
}

.headerBasketButton:hover
{
	color: #ffffff;
}

div#menu ul li img.menuleft 
{
	border-left:0;
	/*padding-left:20px;/*mozilla*/
	/*_padding-left:16px;*/ /*ie*/
}

/* spacer div settings */

div.contentrowspacer 
{
	margin-top:25px;
}

/* begin header */

div#header 
{
    width:925px;
    height:279px
}

div#headertext
{
    float:left;
    margin-left:45px;
    margin-top:35px;
    width:300px;
}

/* end header */

div.margintop10
{
    margin-top:10px;
}

div.margintop25
{
    margin-top:25px;
}

div.paddingtop25 
{
    padding-top:25px;/*mozilla*/
    _padding-top:15px;/*ie*/
    clear:both;
}

div.margintop30
{
    margin-top:30px;
}

/* #### CONTENT DIVS #### */

.floatleft 
{
    float:left;
}

.floatright 
{
    float:right;
}

.clearboth 
{
    clear:both;
}

/* spacing from top nav */
div.contentcontainer
{
	padding-top:22px;
	clear:both;
}

div.fullwidth 
{
	/*border:solid 1px blue;*/
	clear:both;
}

div.multicolumn, div.multicolumnleft, div.multicolumnleftnomargin, div.contactitem  div.dottedbody
{
	float:left;
	width:154px;
}


div.multicolumn 
{
	margin-left:30px;
}

div.multicolumnleft
{
	margin-left:0px;
}
/*Page Layout, decorative headers etc */

.PageHeader
{
	display: block;
	background-image:url('../Images0809/PageHeaderBackground.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 18px;
	text-align: left;
	text-indent: 20px;
	line-height: 28px;
	color: #666666;
}


.AccessoriesHeader
{
	display: block;
	background-image:url('../Images0809/AccessoriesHeaderBackground.png');
	_background-image:url('../Images0809/PageHeaderBackground.jpg'); /* for IE6 */
	background-repeat: no-repeat;
	width: 300px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 18px;
	text-align: left;
	text-indent: 20px;
	line-height: 28px;
	color: #666666;
}

.AccessoriesHeaderIE
{
	display: block;
	/*background-image:url('../Images0809/AccessoriesHeaderBackground.png');*/
	background-repeat: no-repeat;
	width: 300px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 18px;
	text-align: left;
	text-indent: 20px;
	line-height: 28px;
	color: #666666;
}


/* Homepage stuff */

/*Whereas the original homepage used the multicolumn class ...It was a bit too wide */

div.HomePageProductPanel
{
	float:left;
	width:125px;
	/*margin-left: 28px;*/
	/*margin-right: 28px;*/
	margin-right: 1em;
	/*padding: 1em;*/
}

a.HomepageBuyNow
{
	display: block;
	background-image:url('../Images0809/BuyNowGlossyBg.gif');
	background-repeat: no-repeat;
	width: 125px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 18px;
	line-height: 28px;
	text-align:center;
	color: #666666;
}

a.HomepageBuyNow:hover
{
	color: #ffffff;
}

.HomePageHeader
{
	display: block;
	background-image:url('../Images0809/HomePageHeaderGlossy.gif');
	background-repeat: no-repeat;
	width: 125px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 18px;
	text-align:center;
	line-height: 28px;
	color: #666666;
}

.HomePageMoreHeader
{
	display: block;
	background-image:url('../Images0809/HomePageMoreHeaderGlossy.gif');
	background-repeat: no-repeat;
	width: 160px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 18px;
	text-align:center;
	line-height: 28px;
	color: #666666;
}

/* --- End of Homepage Specific Stuff ---*/

/* --- FAQs Accordion Styling --- */

.accordionHeader
{
	display: block;
	width: 200px;
	height: 20px;
	margin-bottom: 3px;
	background-color: #c2cd23;
	padding-left: 3px;
}

.accordionHeaderSelected
{
	display: block;
	width: 200px;
	height: 20px;
	margin-bottom: 3px;
	background-color: #dae354;
	padding-left: 3px;
}

.accordionContent
{
	padding-left: 30px;
}

.innerAccordionHeader
{
	display: block;
	width: 490px;
	/*height: 15px;*/
	margin-bottom: 3px;
	background-color: #e7ee7e;
	padding: 3px;
}

.innerAccordionHeaderSelected
{
	display: block;
	width: 490px;
	/*height: 15px;*/
	margin-bottom: 3px;
	background-color: #eef2b5;
	padding: 3px;
}

.innerAccordionContent
{
	padding-bottom: 5px;
}


/* --- End of FAQs Accordion Styling --- */

a.BuyView
{
	display: block;
	margin: auto;
	background-image:url('../Images0809/BuyView.gif');
	background-repeat: no-repeat;
	width: 130px;
	height: 35px;
	font-family: trebuchet, verdana, Sans-Serif;
	font-size: 14px;
	text-align:center;
	line-height: 28px;
	color: #666666;
}

a.BuyView:hover
{
	color: #ffffff;
}

div.relatedleft
{
	width:161px;
	float:left;
	margin-right:30px;
}

div.relatedright
{
	width:174px;
	float:left;
	margin-left:30px;
}

div.relatedrightdownloadtimages
{
    margin-top:15px;
    float:left;
    width:130px;
    height:70px;
}

div.relatedrightdownloadtext 
{
    margin-top:15px;
    float:left;
    width:130px;
    height:24px;
}

div.relatedrightdownloadtext a.singleline
{
    line-height:24px;
}


/* 
where right content must link with detailcontainer.
use absctractcontainer as parent for detailcontainer
and relatedright merge.
 */
div.relatedrightmerge
{
	width:174px;
	float:right;
}

div.detailcontainer
{
	float:left;
	width:530px;
	/*border:1px solid red;*/
}

div.abstractcontainer
{
	width:721px;
	float:left;
	/*border:solid 1px red;*/
}

div.abstractitemcontainer, div.abstractitemcontainerleft
{
	float:left;
	width:345px;
}

div.abstractitemcontainerleft
{
	margin-right:30px;
}

div.abstractitemimage
{
	float:left;
	width:158px;
	height:132px;
}

div.abstractitemdescription
{
	float:right;
	width:159px;
	height:132px;
	/*border:solid 1px red;*/
}

div.resultsitem, div.resultsitemleft, div.resultsitemimage
{
	float:left;
	width:158px;
}

div.resultsitem
{
	margin-left:30px;
}

div.resultsitem p, div.resultsitemleft p, div.resultsitem h3, div.resultsitemleft h3
{
	margin-left:10px;
}

div.resultsitemleft
{
	margin-left:0px;
}

div.resultsitemimage
{
	height:142px;
	text-align:center;
	margin-bottom:10px;
}

div.searchresultsitem
{
    float:left;
	padding-left:30px;
	width:546px;
}

div.searchitemimage
{
	height:142px;
	width:158px;
	text-align:center;
}

div.contactitem
{
	position:relative;
	height:175px;
}

div.contactitem  div.dottedbody
{
	position:absolute;
	bottom:0px;
}

div.showroomtext 
{
    float:left;
    width:326px;
}

/* use if title is on same line as other element, i.e. paging*/
div.lefttitle 
{
	float:left;
	margin-top:3px; /*mozilla*/
	_margin-top:5px; /*ie*/
}

div.checkouttitle 
{
	margin:5px 0 10px 5px;
}

#baskettitle
{
	float:left;
	display:inline;
	width:740px;
	*width:735px;
}

/* gallery home page */
.gallery, .galleryleft 
{
    width:158px;
    float:left;
}

.gallery
{
    margin-left:30px; /*Use 30px if there are four ranges */
    /*margin-left:88px;  use 88px if there are only three */
}

.galleryleft 
{
    margin-left:0px; /* Use 0px if there are four ranges */
	/*margin-left:  44px;  use 44px if there are only three */
}

.gallery img.galleryimage, .galleryleft img.galleryimage
{
    padding-bottom:10px;
}

.inlineimage, img.inlineimage /* used on go images, need to rollback to fix existing problems */
{
    margin-bottom:-1px;
}

.inlineimage2 
{
    margin-bottom:-1px;
}

/* gallery item */

div.galleryinfocontainer 
{
    width:345px;
    margin-left:30px;
    float:left;
}

div.productionfotext 
{
    float:left;
    width:338px;
}

div.productthumbfirst 
{
}

div.productthumb 
{
   margin-top:25px;
}

img.galleryinfoimage 
{
    float:left;
}

img.productthumb 
{
    float:left;
    margin-top: -2px; 
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

/* product search */
img.searchhomeimg1 
{
    margin-left:30px;
    float:left;
}
img.searchhomeimg2 
{
    float:right;
}

/*pad arrow left and right*/
img.arrowpadding 
{
    padding-left:6px;
    padding-right:6px;
}

img.sampleimg /*request sample*/
{
    padding-top:10px;
    padding-bottom:10px;
}

/* #### END CONTENT DIVS #### */

/* footer */

div#footer
{
	clear:both;
	height:56px;
	padding-top:50px;
}

div#footerleft 
{
	float:left;
	margin-top:22px;
}

div#footerright 
{
	float:right;
	margin-top:13px;
}


div#footer ul 
{
	display:inline;
	margin:0;
	padding:0;
	white-space:nowrap;
}

div#footer ul li
{
	display:inline;
	padding:0 0 0 0;	
}

div#footer ul li img
{
	margin:0px 10px 0px 10px;
}


/* #### BEGIN FORM STYLES #### */

/* div.formcontainer set to same as div.detailcontainer */
div.formcontainer 
{
    float:left;
	width:530px;
}

div.formcontainerLarger
{
    float:left;
	width:540px;
}

div.formcolumn, div.formcolumnnomargin  {
    float: left;
    width:250px;
    margin-left:30px;
}

div.formcolumn, div.formcolumnnomarginLarger  {
    float: left;
    width:265px;
    margin-left:5px;
}

div.formcolumnwide
{
	float:left;
	width:530px;
}

div.formcolumnwide label,
div.formcolumnwide select
{
	float:right;
}

div.formcolumnnomargin 
{
	margin-left:0px;
}

div.formcolumnnomarginLarger
{
	margin-left:0px;
}

/* span all form columns*/
div.spanform {
    clear: both;
}

div.row
{
    height:35px;
    padding-bottom:13px;
}

div.radiorow
{
	height:100px;
	padding-bottom:13px;
}

div.radiorow div.formlabel,
div.radiorow div.forminput,
div.widerow div.formlabel,
div.widerow div.forminput
{
	width:245px;
}

div.widerow div.forminput input,
div.widerow div.forminput textarea,
div.widerow div.forminput select
{
	width:245px;
}

div.widerow div.sampletext
{
	float:left;
	width:245px;
	margin-left:100px;
}

div.widerow div.sampleaction
{
	float:left;
	width:50px;
	margin-left:20px;
}

div.spacer
{
	height:20px;
}

div.formcolumnwide div.widerow div.forminput input,
div.formcolumnwide div.widerow div.forminput textarea,
div.formcolumnwide div.widerow div.forminput select
{
	margin-left:40px;
}

div.formlabel 
{
	margin-top:4px; /* aligns label with inputs */
	float:left;
	width:96px;
}

div.formlabelnoinput 
{ 
	width:192px;
	margin-top:-1px;
}

div.forminput
{
	float:left;
    width:154px; 
}

div.forminput span
{
	float:left;
}

div.forminputnolabel
{
    float:left;
    width:154px; 
    padding-left:96px;
}

div.forminputnolabelnowidth
{
    padding-left:96px;
}

div.forminput input
{
    width:148px; 
}

div.forminput select
{
    width:160px; 
}


div.forminput span.radio input
{
	width:30px;
}

div.forminput input.date
{
    width:100px; 
    margin-right:5px;
}

div.forminput input.daymonth
{
    width:13px; 
    margin-left:5px;
}

div.forminput input.year
{
    width:25px; 
    margin-left:5px;
}

div.forminputnolabel label
{
    padding-left:13px;
}

div.formlargetextbox 
{
    float:left;
}

div.formlargetextbox textarea
{
    width:428px;
    height:75px;
}

/* submission buttons row */

div.formbuttons 
{
    text-align:right;
    display:block;
}

div.formbuttons input.arrow
{
    vertical-align:top;
    margin-top:4px;
    padding-left:5px;
}

div.buttonrow 
{
    clear:both;
    margin-top:10px;
}

div.supportingtext 
{
    float:left;
    margin-left:10px;
}

div.buttonitem 
{
    float:right;
    margin-left:25px;/*mozilla*/
    _margin-left:10px;/*ie*/
}

/* search matrix */
div#searchmatrix
{
    text-align:left;
}

input, select, label, checkbox 
{
    font-family: Verdana;
	font-size:10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.checkbox
{
    margin:0;
    margin-left:0;/*mozilla*/
    _margin-left:-5px;/*ie*/
    padding:0;
}

input#searchinput 
{
	/*padding:0;
	margin:0;*/
	_width:82px;
	width:83px;
	margin-left:6px;
	margin-right:6px;
}
/* #### END FORM STYLES #### */
body, div.formcontainer 
{	
    font-family: Verdana;
	font-size:10px;
	color:#666666;
    margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
}

body.main
{
	background-color:#ffffff;
	text-align: center;
}

body.warrenties
{
	text-align: left;
}

form
{
    margin:0;
    padding:0;
}

form.inline
{
    margin:0;
    padding:0;
    display:inline;
}

img
{
	border:0;
}

h1 
{
	border:0;
	margin:0;
	font-family: Tahoma;
	font-size:15px;
	color:#333333;
}

h2 
{
    border:0;
	margin:0;
	font-weight:bolder;
	font-family: Verdana;
	font-size:15px;
	color:#333333;
}

h3 
{
    border:0;
	margin:0;
	font-weight:bold;
	font-family: Verdana;
	font-size:10px;
	color:#666666;
}

/* goto paging */

div.gotopagingcontainer
{
	float:right;
	vertical-align:middle;
}

div.gotopagingcontainer img.arrowleft, div.gotopagingcontainer img.arrowright
{
}

div.gotopagingcontainer img.arrowleft
{
    padding-right:5px;
}

img.arrowright, div.gotopagingcontainer img.arrowright, .arrowright
{
    padding-left:5px;
}

div.gotopagingcontainer input
{
    padding:0;
    margin:0;
}

span.prevnext 
{
    padding-right:46px;
	_padding-right:44px;  
}

div.gotopagingcontainer input.goto
{
	_width:22px;
	width:23px;
	margin-left:6px;
	margin-right:6px;
}

div.gotopagingcontainer input.arrowright
{
    padding-left:6px;
}

/*
table.gotopaging 
{
	float:right;
}

table.gotopaging img
{
	padding-left:6px;
	padding-right:6px;
}

table.gotopaging tr td img.nopad
{
	padding:0px;
}

table.gotopaging tr td 
{
	
	vertical-align:middle;
	text-align:center;
}

table.gotopaging tr td.pagingspacer 
{
	padding-left:30px;
	_padding-left:28px;
}
*/

/* Horrible dotted line things */
hr.dotted 
{
	display:none;
}

div.dottedcontainer
{
	background: url(../images/dotted.gif);
	height:1px;
	/*border:solid 1px red;*/
}

div.dottedmenu 
{
   padding-top:10px;
   padding-bottom:10px;
   clear:both;
}

div.dottedtitle
{
	clear:both;
	padding-top:13px;
	padding-bottom:20px;
}

div.dottedtitlenobase
{
	clear:both;
	padding-top:13px;
}

div.dottedbody
{
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}

div.dottedresultsitem
{
	clear:both;
	padding-top:10px;
	padding-bottom:0px;
}

div.dottedbaseline /* standard one for inner content container */
{
	clear:both;
	padding-top:20px;
	padding-bottom:0px;
}

div.dottedbaseline2 /* goes under comparison tables */
{
	clear:both;
	padding-top:10px;
	padding-bottom:0px;
}

div.dottednone
{
	clear:both;
	padding-top:0px;
	padding-bottom:0px;
}

div.dottedlinespacing3 
{
   clear:both;
   padding-top:20px;
   padding-bottom:20px;
}

div.dottedform
{
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}

div.dottedform2
{
	clear:both;
	padding-top:7px;
	padding-bottom:15px;
}

div.dottedform3
{
	clear:both;
	padding-top:0px;
	padding-bottom:15px;
}

/* other lines */
hr.dashed 
{
	margin:10px 0px 15px 0px; /*mozilla*/
	_margin:2px 0px 7px 0px; /*ie*/
	padding:0 0 0 0;
	height:1px;
	border-bottom-style:none;
	border-top:dotted 1px #999999;
}

hr.greyline 
{
	margin:0 0 0 0; /*mozilla*/
	_margin-top:-8px; /*ie*/
	padding:0 0 0 0;
	height:1px;
	border-bottom-style:none;
	border-top:solid 1px #999999;
}


/* paragraph spacing styles */
p
{
	border:0;
	margin:0;
	padding-top:5px;
}

p.linespacing1
{
	padding-top:10px;
}

p.linespacing2
{
	padding-top:15px;
}

p.linespacing3
{
	padding-top:20px;
}

p.baselinespacing1 
{
	padding-bottom:10px;
}

p.baselinespacing2 
{
    padding-top:0px;
	padding-bottom:30px;
}

hr.linespacing3 
{
	margin-top:30px;/*mozilla*/
	_margin-top:20px;/*ie*/
}

/* paragraph formatting styles */
p.bold, span.bold
{
	font-weight:bold;	
}

p.italic, span.italic
{
	font-style:italic;	
}

/* generic list styles */
ul.vertwitharrow 
{
    list-style-type:none;
    margin:0;
    padding:0;
    padding-top:5px;
}
ul.vertwitharrow li
{
    padding-left:-100px;
    background: url(../images/arrow_dark.gif) 0 50% no-repeat;
    padding-left:10px;
    margin-top:5px;
}

/* centre images (very useful)*/
.wraptocenter {
    display: table-cell;
    /*text-align: center;*/
    vertical-align: middle;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
.wraptocenter span {
    display: inline-block;
    height: 100%;
}

/* tables */
/* begin comparison table */
table.comparison 
{
    clear:both;
    width:100%;
}

tr.rowdividetop td 
{
    padding-top:15px;
}

tr.rowdividebottom td 
{
    /*padding-bottom:15px;*/
}

table.comparison th 
{
    padding-left:10px;
}

table.comparison col.item 
{
    width:142px;
}
/*
table.comparison col.itemright 
{
    
}

table.comparison col.spacer 
{
    width:0px;
}
*/

table.comparison col.info 
{
    width:188px;/*mozilla*/
    _width:158px;/*ie - td.body padding*/
}

table.comparison tr.info td
{
    vertical-align:top;
}

table.comparison td.body
{
    padding-right:30px;
}
/* end comparison table */

/* begin request table */
table.request
{
    clear:both;
    width:100%;
}

table.request th.left
{
    border-style:none;
    padding-left:0px;
}

table.request th.leftcenter
{
    border-style:none;
    padding-left:15px;
}

/*table.request label 
{
    margin-left:-15px;
}*/

table.request th
{
  border-left:solid 1px #333333;
  padding-left:15px;
  padding-right:15px;
  white-space: nowrap;
}

table.request tr.rowheadertop td /* request brochure */
{
    padding-top:15px;
    padding-bottom:8px;
    height:1px;
    padding-left:0px;
}

table.request tr.rowheadertop2 td /* request sample */
{
    padding-top:0px;
    padding-bottom:8px;
    height:1px;
    padding-left:0px;
}

table.request tr.rowheaderbottom td
{
    padding-top:8px;
    height:1px;
    padding-left:0px;
}

table.request tr.rowdividemiddle td
{
    height:1px;
    padding-left:0px;
}

table.request tr.rowdivideend td
{
    height:1px;
    padding-bottom:15px;
    padding-left:0px;
}

table.request td
{
    text-align:left;
    vertical-align:middle;
    height:40px;
   /* padding-left:15px; */
}

table.request col.title 
{
    width:360px;/*mozilla*/
    _width:339px;/*ie*/
}

table.request col.title2 
{
    width:250px;/*mozilla*/
    _width:246px;/*ie*/
}

table.request col.select 
{
}

table.request col.download 
{
}

table.request col.sample 
{
    width:75px;
}

table.request col.product 
{
}

table.request col.remove 
{
}

table.request span.brochurecheck
{
	margin-left:15px;
}

/* end request table */

/* begin 3 col form datalist, see warranties */
table.threecoldatalist 
{
    width:100%;
}

table.threecoldatalist td
{
    width:33%;
    height:20px;
    vertical-align:middle;
}

table.threecoldatalist label
{
    margin-left:5px;
}
/* end 3 col form datalist, see warranties */

div.requestsample p.spacer 
{
    margin-top:30px;/*mozilla*/
    _margin-top:28px;/*ie*/
}

/* #### DATEPICKER STYLES #### */

/* ## CALENDAR STYLES ## */

.CSCCalendar TABLE
{
	color:#333333;
}

.CSCCalendar
{
	font-family: Verdana;
	border-left:solid 1px #d7d7d7;
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-bottom:solid 2px #d7d7d7;
	background-color:#FFFFFF;
	color: #4F6673;
}

.CSCCalendar TABLE
{
	margin-left:2px;
	border-left:solid 0px #d7d7d7;
	border-right:solid 0px #d7d7d7;
	border-bottom:solid 0px #d7d7d7;
	border-top:solid 0px #d7d7d7;
	color: #4F6673;
}


.CSCCalendarNoFilter
{
	border-left:solid 0px #d7d7d7;
	border-right:solid 0px #d7d7d7;
	border-bottom:solid 0px #d7d7d7;
	border-top:solid 0px #d7d7d7;

}
   

.CSCWeekRowsTable
{
	text-align:center;
	background: #FFFFFF;
	font-weight:normal;
}

.CSCHeaderRows
{
	text-align: left;
	background: #FFFFFF;
	vertical-align: middle;
	font-weight:bolder;
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	height:30px;
}


.CSCDayHeader
{
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	font-weight:bold;
	background-color:#DFEAC7;
}


.CSCToday
{
	font-family: Verdana;
	font-weight: bolder;
	cursor: pointer;
	cursor: hand;
	text-align:center;
}

.CSCDay
{
	text-align:center;
	cursor: pointer;
}

.CSCOtherMonthDays
{
   cursor: pointer;
   color:#C1CDD5;
}

.CSCSelectedDay, .CSCSelectedToday
{
   background-color: #EAF1DA;
   text-decoration: underline;
   cursor: pointer;
   text-align:center;
}

.CSCWeekNumberColumn
{
	background-color: #DFEAC7;
    text-align:center;
}

/* ## END PF CALENDAR STYLES ## */


/* ## CONTEXT MENU ## */

.PDPContextMenu
{
	font-family: Verdana;
	color: #4F6673;
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-bottom:solid 2px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	background: #FFFFFF;
}

.PDPContextMenu TABLE
{
	font-family: Verdana;
	color: #4F6673;
	background-color: white;
}

/* ## END CONTEXT MENU ## */

/* ## MONTH YEAR SELECTOR POPUP SETTINGS ## */

.MYPMonthYearPicker
{
	font-weight:bolder;
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-bottom:solid 2px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	background: #FFFFFF;
}


.MYPYearTable
{
	color: #4F6673;
	text-align: center;
}

.MYPYearCell, .MYPMonthCell
{
	padding:4px;
}

.MYPSelectedYearCell, .MYPSelectedMonthCell
{
	background-color: #EAF1DA;
	cursor: pointer;	
}

.MYPMonthCell, .MYPYearCell
{
   cursor: pointer;
}


.MYPMonthTable
{
	color: #4F6673;
	background: #f9f9f9;
	border-top:solid 1px #d7d7d7;
	border-right:solid 1px #d7d7d7;
	border-bottom:solid 2px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	text-align: center;
}

/* ## END MONTH YEAR SELECTOR POPUP SETTINGS ## */

/* #### END DTB CALENDAR STYLES #### */

/* iframe settings */
/* with opt-ins 
IFRAME.warranties
{
    height:1075px;
    _height:1125px;
    width:100%;
}
*/
/* without opt-ins */
IFRAME.warranties
{
    height:993px;
    _height:1030px;
    width:100%;
}

/* product list and paging style */
div#products ul li
{
	float: left;
	width: 148px;
	height: 300px;
	margin:0 15px 20px 0;
}

div#products li img.productthumbs
{
	width:148px;
	height:148px;
}

div#products p, div#products h3
{
	margin-top: 5px;
	margin-left: 5px;
	width:143px;
}

div.margintop10
{
    margin-top:10px;
}


#paging 
{
	float:right;
	margin-top:20px;
	width:300px;
}

#paging div.top,
#paging div.bottom
{
	float:right;
	width:270px;
	text-align:right;
	padding-right:30px;
}

#paging div.bottom
{
	margin-top:10px;
}

#paging div.bottom input.text
{
	width:40px;
}

/* header search submit buttons */
div.lefttitle 
{
	float:left;
	margin-top:3px; /*mozilla*/
	_margin-top:5px; /*ie 6*/
}

input.arrowright
{
	background:url(../images/arrow_right.gif) no-repeat top left;
	padding-right:10px;
	width:7px;
	height:8px;
	border:none;
	cursor:pointer;
	*margin-top:0px;
	*margin-bottom:4px;
}

input.go
{
	background:url(../images0809/go2.gif) no-repeat center left;
	width:35px; /*increased to 35 from 16 to create space - GH */
	height:30px;
	border:none;
	cursor:pointer;
}

input.search
{
	background:url(../images0809/SearchButton.gif) no-repeat center left;
	width:100px; /*increased to 35 from 16 to create space - GH */
	height:30px;
	border:none;
	cursor:pointer;
}

/* checkout pages shopping basket */
#checkoutsteps			{display:block; clear:both; float:left; width:100%; text-align:center;  color:#4d4d4d}
#checkoutsteps ul		{margin:0 auto; width:45em}
#checkoutsteps li			{display:list-item; float:left; padding:10px 0 5px 35px; margin:1em}
#checkoutsteps li	span	{margin-left:.5em}
#checkoutsteps li.now		{font-weight:bold}
#checkoutsteps li.step1	{background:url(../Images/icon-delivery.gif) no-repeat 0 .2em}
#checkoutsteps li.step2	{background:url(../Images/icon-payment.gif) no-repeat 0 .2em}
#checkoutsteps li.step3	{background:url(../Images/icon-receipt.gif) no-repeat 0 .2em}

#mainContent			{float:left; width:100%}
#mainColumn				{margin:0 5px 0 5px}
#mainContent2			{float:right; width:100%; margin-left:-16.5em}
#mainColumn2			{margin-left:200px; margin-right:.5em}
#subColumn				{float:left; _display:inline;  width:180px;_width:170px; margin:0 5px}
#mainContent3			{float:left; width:100%; margin-right:-24em}
#mainColumn3			{margin:0 24em .5em .5em}
#subColumn3				{float:right; _display:inline; width:23em;  margin:0 .5em}
	
form fieldset 		{clear:both; border:none; color:#333333; margin:0 0 1em 0; padding:1em; border:1px solid #F0EFEB}
form fieldset legend{border:none; color:#4D4D4D; font-size:100%; font-weight:bold;  padding:0 1em 1em 1em; margin-left:-7px}
form fieldset ul		{padding:0; margin:0}
form fieldset ul li	{list-style-type:none; clear:both; padding:1em 15px} 
form fieldset ul li p 	{margin:0 0 .2em 13.5em; _margin-left:14.5em; clear:both}
form fieldset li label, form fieldset li.multiple span{display:block; width:15.5em; float:left; text-align:right; margin:0 1em}
form fieldset li.multiple label,form fieldset li.multiple li{display:inline; width:auto; float:none; margin:0; padding:0}
form fieldset li.multiple ul			{display:inline; float:left; width:22.5em; padding:0; margin:0}
form fieldset li.multiple li.radio		{display:block; float:left; width:22.5em; margin:0}
form fieldset li.multiple li.radio label {float:left; text-align:left; margin-left:.5em; width:auto}
form fieldset li.multiple li.radio input {float:left; width:auto}
form fieldset ul li input	{width:20em; display:block; float:left}
form fieldset ul li textarea{width:20.4em; height:5em; display:block; float:left}
/*fieldset input 	{display:inline; width:4em; float:left; margin:0}*/

form fieldset dl				{display:inline; float:left}
form fieldset dl.withSideNote	{width:37.5em}
form fieldset dt				{float:left; width:13em; text-align:right; margin:0 1em;clear:left;}
form fieldset dd			{margin-bottom:1.5em; float:left; width:700px}
form fieldset dd.narrow			{float:none; width:auto}
/*body form fieldset dd p 	{margin-left:11em}*/

#mainContent div.box {float:left; text-decoration:none; width:885px;}
#mainContent div.border	{border:1px solid #EEECE8; padding:10px 5px 10px 20px;}
table#basket th {font-size:1.2em; font-weight:bold; border-bottom:2px solid #EEECE8;}
table#basket {margin-top:10px; border-collapse:collapse;}
table#basket th, table#basket td {padding:5px 0 0 10px;}
/*dl.basketTotal {clear:both; width:250px;}*/
dl.basketTotal {clear:both; display: block; height: 50px; width:250px;}
dl.basketTotal dt, dl.basketTotal dd {float:left; margin-bottom:3px; width:100px;}
table#basket th.first, table#basket td.first {padding-left:0;}
table#basket {width:870px;}
table#basket th.first, table#basket td.first {width:350px;}
table#basket td
{
	vertical-align:top;
}

/* This is the styling for the table of products in the Basket page */
#baskettable
{
    float:left;
	padding: 2px;
	margin-top: 3px;
	margin-right: 10px;
}

.sideNote
{
	padding-left:20px;
}

.sideNote div
{
	padding-left:20px;
	width:400px;
}

.errorMessage
{
    color:#000;
}

/* add goto basket and goto checkout buttons for product and accessory pages */
input.addtobasket 
{
	background:url(../images/addtocart.jpg) top left no-repeat;
	border:none;
	width:160px;
	height:32px;
	cursor:pointer;
}

input.orderNow
{
	/*background:url(../images/ordernow.jpg) top left no-repeat; Old CSS*/
	background:url(../images0809/ordernow.gif) top left no-repeat;
	border:none;
	width:104px;
	height:32px;
	cursor:pointer;
}

a.gotocheckout
{
	display:block;
	/*background:url(../images/gotocheckout.jpg) top left no-repeat; Old CSS*/
	background:url(../images0809/gotocheckout.gif) top left no-repeat;
	width:160px;
	height:32px;
	margin-top:5px;
	cursor:pointer;
}

input.proceedtocheckout
{
	clear:both;
	/*background:url(../images/proceedtocheckout.jpg) top left no-repeat; Old CSS*/
	background:url(../images0809/proceedtocheckout.gif) top left no-repeat;
	border:none;
	margin:none;
	width:160px;
	height:32px;
	cursor:pointer;
}

input.proceedtopayment
{
	clear:both;
	/*background:url(../images/proceedtopayment.jpg) top left no-repeat; Old CSS*/
	background:url(../images0809/proceedtopayment.gif) top left no-repeat;
	border:none;
	margin:none;
	width:160px;
	height:32px;
	cursor:pointer;
}

input.continueshopping
{
	/*background:url(../images/continueshopping.jpg) top left no-repeat; Old CSS*/
	background:url(../images0809/continueshopping.gif) top left no-repeat;
	display:inline;
	border:none;
	margin-bottom:5px;
	width:160px;
	height:32px;
	cursor:pointer;
}

input.placeorder
{
	clear:both;
	/*background:url(../images/placemyorder.jpg) top left no-repeat; Old CSS*/
	background:url(../images0809/placemyorder.gif) top left no-repeat;
	border:none;
	margin:none;
	width:160px;
	height:32px;
	cursor:pointer;
}

h3.itemtitle
{
	height:35px;
}

#datespan span
{
	float:none;
	width:auto;
	display:inline;
	margin:0;
}

img.productimg
{
	width:180px;
	height:180px;
}

input.qtebutton
{
	/*background:url(../images/updateqte.jpg) top left no-repeat;*/
	background:url(../images0809/updateqte.gif) top left no-repeat;
	border:none;
	margin:none;
	width:89px;
	height:32px;
	cursor:pointer;
}

input.removebutton
{
	/*background:url(../images/remove.jpg) top left no-repeat;*/
	background:url(../images0809/remove.gif) top left no-repeat;
	border:none;
	margin:none;
	width:70px;
	height:32px;
	cursor:pointer;
}

input.backbutton
{
	/*background:url(../images/back.jpg) top left no-repeat;*/
	background:url(../images0809/back.gif) top left no-repeat;
	border:none;
	margin:none;
	width:55px;
	height:32px;
	cursor:pointer;
}

div.installstep
{
	float:left;
	width:530px;
	clear:both;
	margin-bottom:10px;
}

div.installstep div.desc
{
	float:left;
	display:inline;
	width:400px;
}

div installstep div.image
{
	float:left;
	display:inline;
	width:130px;
}

div.installstep div.image img
{
	width:130px;
	height:130px;
}

img.accimgsmall
{
	width:70px;
	height:70px;
}

a.linkunderline
{
	text-decoration:underline;
}
	
div.absoluteleft
{
	display:none;
	position:absolute;
	/*top:290px;*/
	top:310px;
	left:0px;
	width:180px;
	height:180px;
}

img.imageopacity
{
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}