body { margin: 0px; line-height: 15px; font-family:Arial, Helvetica, sans-serif;   font-family:Arial, Helvetica, sans-serif; background-image:url(media/back.gif);  }



body a:link { color: #00457C;  }
body a:visited { color: #00457C; }
body a:hover { color: #666666; }

@font-face { font-family: 'HelveticaNeueH77'; src: url('fonts/helveticaneue-h77-webfont.eot'); src: url('fonts/helveticaneue-h77-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/helveticaneue-h77-webfont.woff') format('woff'),  url('fonts/helveticaneue-h77-webfont.ttf') format('truetype'),  url('fonts/helveticaneue-h77-webfont.svg#HelveticaNeueH77') format('svg'); font-weight: normal; font-style: normal; }


@font-face {
    font-family: 'TradeGothic';
    src: url('fonts/tradegothicltstd-bdcn20-webfont.eot');
    src: url('fonts/tradegothicltstd-bdcn20-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'),
         url('fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'),
         url('fonts/tradegothicltstd-bdcn20-webfont.svg#TradeGothicLTStdBdCnNo.20') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicItalic';
    src: url('fonts/tradegothicltstd-bdcn20obl-webfont.eot');
    src: url('fonts/tradegothicltstd-bdcn20obl-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/tradegothicltstd-bdcn20obl-webfont.woff') format('woff'),
         url('fonts/tradegothicltstd-bdcn20obl-webfont.ttf') format('truetype'),
         url('fonts/tradegothicltstd-bdcn20obl-webfont.svg#TradeGothicLTStdBdCnNo.20Ob') format('svg');
    font-weight: bold;
    font-style: italic;
}


form { margin:0px; padding:0px; }

input[type="text"],input[type="password"],textarea,select { border:1px #CCCCCC solid; padding:4px; }

img { border:none; }


/* layout */

#container {
	width: 950px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
}

#globalnavcontainer {   background-image:url(media/globalnavback.jpg); }
#globalnav { height:22px; z-index:1000; width:950px; margin-left:auto; margin-right:auto;}
#globalnav ul { list-style-type:none; margin:0; padding:0;   position:absolute;   text-transform:uppercase; font-weight:bold; line-height:22px; z-index:1000; margin-left:auto; margin-right:auto; }
#globalnav ul li { float:left; margin:0;  position:relative; }
#globalnav ul li a { display:block; color:#747474; height:22px; border-right:#4b4b4b solid 1px; text-decoration:none;  }
#globalnav ul li.text a:hover { text-decoration:none; background-color:#0068a7; color:#FFFFFF;  }
#globalnav ul li.selected a { background-color:#ac2800; color:#FFF; }
#globalnav ul li.text a { padding-left:14px; padding-right:14px; font-family: 'TradeGothicItalic',Arial,sans-serif; font-style: italic; letter-spacing:0.08em; font-size:15px; }

#globalnav #globalnavfindapplicator { color:#747474; background-image:url(media/globalfindapplicator.jpg); font-family:HelveticaNeueH77,Arial, Helvetica, sans-serif; font-size:15px;  padding-left:20px; padding-right:14px; background-repeat:no-repeat; background-position:5px 3px; font-weight:normal; z-index:1001; } 
#globalnav #applicators { position:absolute; background-image:url(media/globalapplicatorsback.jpg); background-position:bottom; background-repeat:repeat-x; z-index:1002; display:none;font-family: HelveticaNeueH77; Arial, Helvetica, sans-serif; color:#969ea5; margin-left:-20px; left:0; top:22px; background-color:#2c2c2c; width:168px; padding-left:14px; padding-top:15px; padding-bottom:15px; text-transform:uppercase; font-size:15px;  font-weight:normal; }
#globalnav #applicators a:link, #nav #applicators a:visited { font-family:HelveticaNeueH77,Arial, Helvetica, sans-serif; font-size:15px; background-image:none;  border-right:none; color:#FFF !important; display:block; padding-left:20px; text-decoration:none; height:18px; margin-bottom:3px; } 
#globalnav #applicators a:hover { background-image:url(media/navapplicatorsback.jpg); background-repeat:no-repeat; }


#contentcontainer { border-radius:10px; box-shadow: 0 0 10px #888888; margin-top:18px; padding:11px; width:880px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; } 


#header { height:115px; position: relative; padding-top:1px; z-index:101; background-image:url(media/headerback.jpg); background-repeat:no-repeat;}
#header #logo { margin-top:10px; }
#header #search { right:20px; top:15px; position:absolute; }
#header #search h2 { right:0; top:14px; font-size:15px; font-weight:bold; margin-bottom:5px; text-align:right; color:#666; letter-spacing:-0.08em; }
#header #search p { font-size:11px; margin-top:0; }
	
#nav { position:relative;  height:21px; margin-top:10px; }
#nav ul { list-style-type:none; margin:0; padding:0;   position:absolute;  }
#nav ul li { float:left; margin:0;  position:relative; }
#nav ul li  a { padding-left:10px; padding-right:10px;  height:23px; display:block;  font-family:Arial, Helvetica, sans-serif;  font-size:14px; line-height:23px; font-weight:bold; color:#FFF; text-decoration:none; background-image:url(media/navback.jpg); border-radius:4px; border:1px solid #466c96; margin-right:3px;   }
#nav ul li  a:hover { text-decoration:none;  background-image:url(media/navbackover.jpg);} 

#nav ul li.last { margin-right:0; margin-left:10px; }
#nav ul li.last a { background-image:url(media/navbackfind.jpg); border:1px #c23841 solid; } 
#nav ul li.last a:hover { background-image:url(media/navbackfindover.jpg); border:1px #eb666d solid; } 

/* dropdown */
#nav ul li ul { display:none; left:0; top:21px;}
/* #nav ul li:hover ul { display:block; } */
#nav ul li ul li { background-color:#000; width:150px; }
#nav ul li ul li a { float:none; border-right:none; padding-left:10px; padding-right:10px; line-height:30px; text-transform:none; display:block; }
#nav ul li ul li a:hover { background-color:#475064; color:#FFFFFF; }

#content { 
}





#footer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:5px;
	padding-top:8px;
}

#footer p { 
	font-size:10px;
	color:#6D6D6D;
	margin-bottom:2px;
	margin-top:0;
	margin-left:30px;
 }

#footer a:link { color: #65728E;   }
#footer a:visited { color: #65728E;  }
#footer a:hover { color: #747578; }

#footer img { float:left; margin-right:10px; }

/* page / component specific */

	/* home */
	#banner {  position:relative;  height:359px; margin-bottom:15px; margin-left:-5px; overflow:hidden; }
	.rotator { list-style:none; padding:0px; margin:0; position:relative;  }
	.rotator li { position:absolute;  display:none;}
	.rotator li.slideshowItemActive {
	z-index: 1;
	}
	
	

	
	#homecontent #column1 { float:left; width:660px; margin-right:13px; margin-left:10px; padding-left:1px; }
	#homecontent #column2 { float:left; width:195px; position:relative; }
	#homecontent #column2 .box { background-color:#ffffff; background-image:url(media/boxback.gif); background-position:bottom; background-repeat:repeat-x;  border:1px #c8c8bc solid; margin-top:10px; margin-bottom:5px; padding:7px; } 
	#homecontent #column2 .box h2 { font-size:15px; color:#00000; margin:5px 0 10px 0; font-weight:bold; }
	#homecontent #column2 .box a { color:#65728E; text-decoration:none; }
	#homecontent #column2 .box p.right { text-align:right; }
	#homecontent #column2 .box em { font-size:11px; font-style:italic; }
	
	/* columns */
	
	#column1a { width:195px; float:left;  margin-right:13px; } 
	#column2a { width:660px; float:left; width:660px;  }
	
	/* applications */
	
	#applicationsnavigation h2 {   color: #2A2B45; font-size: 18px; text-transform:uppercase; margin-top:5px; margin-left:5px; font-weight:bold; } 
	#applicationsnavigation ul { margin:0; padding:0; list-style-type:none; }
	#applicationsnavigation ul li {  background: url("media/btn-sidenav_off.gif") no-repeat scroll 0 0 transparent; color: #2A2B45; cursor: pointer; font-size: 11px; padding: 5px 0 10px 10px; text-transform: uppercase; }
	#applicationsnavigation ul li:hover {  background: url("media/btn-sidenav_on.gif"); background-repeat:no-repeat;}
	#applicationsnavigation ul li:hover a:link, #applicationsnavigation ul li:hover a:visited { color: #ffffff;  } 
	#applicationsnavigation ul li a:link, #applicationsnavigation ul li a:visited {  text-decoration:none;  color: #2A2B45; display:block; }
	#applicationsnavigation ul li ul { margin-top:10px; }
	#applicationsnavigation ul li ul li { background:none; padding:2px; }
	#applicationsnavigation ul li ul li:hover { background:none; }
	#applicationsnavigation ul li:hover ul li a:link, #applicationsnavigation ul li:hover  ul li a:visited { color: #2A2B45;  } 
	
	/* beige box */
	.beigebox, .beigebox2, #productpageinfo  {  background-color:#EBEBDF; border: 1px solid #C8C8BC; margin-bottom: 7px; padding: 4px 0 4px 3px;} 
	#productpageinfo h2 { font-size:12px; font-weight:bold; margin-left:5px; }
	.beigebox2 h2, #productpageinfo  h1 { background-color: #D9D9CD; color: #2A2B45; font-size: 12px; margin-top:2px; margin-bottom:10px; padding:6px; font-weight:bold; }
	
		#contactdetails { float:left; width:300px; }
	#contactform { float:left; width:500px; }
	
	/* colourswatchs */
	
	#colourswatches  { margin:0; padding:0; }
	#colourswatches li { float:left; list-style-type:none; margin:0 10px 10px 0; padding:0; position:relative; width:121px; height:121px; }
	#colourswatches li:nth-child(5n) { margin-right:0; } 
	#colourswatches li .swatchcontainer { width:100px; height:100px; border:1px #999999 solid; padding:10px; background-color:#f0f0f0; position:absolute; left:0; top:0; z-index:1; }
	#colourswatches li .swatchcontainer .swatch { height:100%; width:100%; }
	#colourswatches li .swatchcontainer p { position:absolute; bottom:0; left:10px; right:10px; font-size:10px; padding:1px 10px 1px 10px; color:#ffffff;  }
	
	
/* jquery ui */

.ui-widget-header { background-image:none !important; background-color:#CCC !important; border:none !important; }
.ui-state-default, .ui-widget-content .ui-state-default { color:#333333; }
.ui-tabs { margin-bottom:10px; }


.ui-tabs-nav li { padding-bottom:2px !important; }
.ui-tabs .ui-tabs-nav .step { display:block; text-align:center; font-size:11px; }


.ui-state-active { border:1px #00a8e5 solid !important;  }
.ui-state-active a, .ui-state-active a:link, .ui-state-active { color:#00a8e5 !important; } 
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#666666; } 
	

.ui-tabs-panel { min-height:250px; }
.ui-dialog-content { min-height:40px !important; }
	
/* buttons and forms */

.label { float:left; width:100px; padding:2px;  margin:0px; }
.field { float:left; padding:2px; margin:0px; }
.button { font-size:12px; font-weight:bold;display: block; position: relative; background:#333333; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; background-image: url(media/standard/shade.png); background-position:bottom; margin-right:5px; margin-bottom:5px; }
.button * { font-style: normal; background-image: url(media/standard/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.button i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.button span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.button span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.button span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.button a:link, .button a:visited { background-image:none; text-decoration:none; color: #FFFFFF; }	
.button:hover { background-color:#ff0000; }
.textareacounter { font-size:10px; color: #999999; margin-top:3px; }
		
/* pagination */
.pagination {  background-color:#FFFFFF; float:none; text-align:center;  height:30px; line-height:30px; }
.paginationnext { padding:3px; font-weight:bold;  }
.paginationprev { padding:3px; font-weight:bold; }
.paginationcurrent { padding:3px; font-weight:bold; color:#FF0000; text-decoration:underline; }
.paginationlink { padding:2px; }
.pagination a:link, .pagination a:visited { color:#666666; text-decoration:none; }
.pagination a:hover { color:#e6e6e6; text-decoration:none; }


/* contentarea */

#adminlink { background-color:#0066CB; margin-top:1px; position:relative; padding:5px; color:#FFFFFF; }
#adminlink img { float:left; margin-right:5px; }
#adminlink a:link, #adminlink a:visited { color: #FFFFFF; }
#adminlink a:hover { color: #f2f7fc; }
.editable { border:1px #FF0000 dotted; position:relative; margin-top:20px; min-height:20px; }
.editableoptions { position:absolute; top:-20px; }


/* datagrid */
.datagrid { width:100%;  }
.datagrid td {  }
.datagrid .searchform { font-size:10px; }
.datagrid .searchform input[type="button"] { font-size:10px; }
.datagrid .searchform input[type="text"] { font-size:10px; width:60%; }
.datagrid .searchform select .searchvalue { font-size:10px; width:60%; }
.datagrid .searchform select { font-size:10px; }
.datagrid .criteria p  { margin-top: 3px; margin-bottom:3px; }
.datagrid .criteria { position:absolute; top:30px; right:0px; height:100px; width:300px; overflow:auto; display:none; background-color:#f6f6f6; border:1px #cccccc solid;  }
.criteria select  { width:95px;}
.datagrid .addcriteria { background-color:#f6f6f6; text-align:left; padding-top:10px; margin-bottom:5px; padding-left:20px; }
.datagrid .criteriadisplay { font-weight:bold; color:#FF0000; }
.datagrid .deletecriteria { color:#999999; }
.datagrid .filelibrarypreview { display:none; position:relative; }
.datagrid td .label { width:auto; }
.datagrid td .labelerror { background-image:url(media/labelerror.png); background-position:left; padding-left:23px; background-repeat:no-repeat;  }
.datagrid tr#total { margin-top:-1px; }
.datagrid tr#total td  { font-weight:bold; border-top:1px #CCCCCC solid; border-bottom:none; }
.datagrid table { }
tr.highlight { background-color:#FFFF99; color:#990000; }
.datagrid td { padding-left:3px; padding-right:3px; border-bottom:1px #cccccc dotted; height:30px;}
#datagridlistview tr:hover { background-color:#f2f7fc; }
.columnheader { background-color: #f6f6f6; font-weight:bold; height:20px; }

/* currencies */

#currencies p { float:left; margin-top:-2px; margin-right:5px; }
#currencies a:hover { color:#FFFFFF; }

.currencyconversion { color: #666666; font-weight:normal; font-size:11px; }


/* misc */

.hidden { visibility:hidden; display:none; }  
.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.green { color: #009933; }
.red { color: #FF0000; }
#quickpoll .flashloader { position:absolute; margin-left:-10px; margin-top:-12px; width:25px; height:25px; left: 50%; top: 50%;  }
#formshipping .flashloader { margin-top:-20px; width:30px; }


.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:15px; margin-bottom:15px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.fielderror { border:1px #FF0000 solid !important; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }
.fieldname { font-weight:bold; }
.line { color: #fff; background-color: #fff; border: 1px solid #cccccc; border-style: none none solid; margin-top:10px; margin-bottom:10px; }
.clear { clear:both; }
.notice { padding:4px 4px 4px 25px; border:1px #dddddd dotted; background-image:url(media/up/about.png); background-repeat:no-repeat; background-position: 4px 4px; color:#0066FF; }

#debugcontainer { position:absolute; top:10px; right:20px; background-color:#e6e6e6; padding:10px; z-index:1000; max-width:800px; }
#debug p { margin-top:5px; margin-bottom:5px; }
#debug h3 { margin-top:5px; margin-bottom:5px; }