/* *****************************************************************************************
* DATE             AUTHOR         CHANGE
* 2006-03-29       RAF            Created for Amtico at home
****************************************************************************************** */

/* AMTICO  */

/* 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;
    float:left;
}

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;
	width:145px;
	height:44px;
	margin:0;
	padding:0;
}

div#menucontainer 
{
	width:925px;
}

div#brandselection 
{
    float:left;
    margin-left:20px;
}

div#langsearch
{
	text-align:right;
	height:18px;	
}

div#language
{
    float:right;
    margin-right:10px;
}

div#search
{
    float:right;
}

div#search img
{
	/*border:solid 1px red;*/
}


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

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

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

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

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;
}

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:40px;
    height:24px;
}

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;
}

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:132;
	/*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*/
}

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

.gallery
{
    margin-left:30px;
}

.galleryleft 
{
    margin-left:0px;
}

.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:-4px;
}

.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:0 10 0 10;
}


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

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

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

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

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

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

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

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

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

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

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

div.forminput input
{
    width:148px; 
}

div.forminput input.date
{
    width:100px; 
    margin-right: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: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
{
	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/multibrand/dotted.gif);
	height:1px;
	/*border:solid 1px red;*/
}

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

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:10 0 15 0; /*mozilla*/
	_margin:2 0 7 0; /*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/multibrand/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 
{
}



/* 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%;
}