body { margin: 0px; line-height: 15px; font-family:Arial, Helvetica, sans-serif;   font-family:Arial, Helvetica, sans-serif; background:url(media/back.jpg)  repeat fixed 50% 0 transparent;  background-color:#a4a5a7;  }



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: 960px;
	position: relative;
	margin-left: auto;
 	margin-right: auto;
}

#globalnavcontainer {   background-image:url(media/globalnavback.jpg); }
#globalnav { background-image:url(media/globalnavback.jpg); 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; }
#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 { width:960px; margin-left:auto; margin-right:auto; } 


#header { height:198px; position: relative; padding-top:1px; z-index:101;}
#header #logo { margin-top:20px; }


#nav { position:relative; background-color:#FFF; height:54px; border-bottom:5px #333435 solid; border-top:1px #e1e1e2 solid; border-left:1px #e1e1e2 solid;   border-right:1px #e1e1e2 solid;}
#nav ul { list-style-type:none; margin:0; padding:0;   position:absolute; text-transform:uppercase;   }
#nav ul li { float:left; margin:0;  position:relative; }
#nav ul li  a { padding-left:11px; padding-right:11px; display:block; padding-top:15px; height:39px; font-family:Arial, Helvetica, sans-serif;  font-size:16px; text-transform:uppercase; color:#333435; text-decoration:none;  }
#nav ul li  a .small { font-size:10px; }
#nav ul li  a:hover { text-decoration:none; color:#ffffff; background-color:#333435; } 

#nav ul li.first a { font-size:18px; line-height:25px; color:#A9BE14; } 
#nav ul li.first a:hover { background-color:#afca17; color:#FFF; }

#nav ul li.last a { background-image:url(media/loginarrow.gif); background-repeat:no-repeat; background-position:70px 17px; padding-right:35px; }
#nav ul li.last a:hover { background-image:url(media/loginarrowover.gif);  }
#nav ul li.last.on a {  background-color:#333435; color:#FFFFFF; background-image:url(media/loginarrowover.gif); } 





#nav #login { display:none; padding:20px; width:266px; height:50px; border-left:1px solid #e1e1e2; border-right:1px solid #e1e1e2; border-bottom:1px solid #e1e1e2; position:absolute; left:0; top:60px; background-color:#FFFFFF; }

#nav #login input:hover { background-position:0 -24px; }
#nav #login #email { background-image:url(media/loginusername.png); border:none; padding:5px 2px 2px 25px; width:75px; height:17px; font-size:11px;   float:left; margin-right:5px;  } 
#nav #login #password { background-image:url(media/loginpassword.png);  border:none; padding:5px 2px 2px 25px; width:75px; height:17px; font-size:11px;  float:left; margin-right:5px; } 
#nav #login input[type="submit"] { background-image:url(media/loginsubmit.png); border:none;  float:left; height:21px; padding:0; font-size:11px; line-height:22px; width:50px; margin-top:2px; } 
#nav #login input[type="submit"]:hover  { background-position:0 -20px; } 
#nav #login img { margin-top:5px; }
#content { 
	position: relative;
}





#footer {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:25px;
	padding-top:25px;
	padding-bottom:30px;
	border-top:#333435 solid 5px;
}

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

#footer a:link { color: #595959; text-decoration:none;   }
#footer a:visited { color: #595959; text-decoration:none; }
#footer a:hover { color: #747578; }


/* page / component specific */

	/* home */
	#banner {  width:960px; height:369px; }
	.rotator { list-style:none; padding:0px; margin:0; position:relative;  }
	.rotator li { position:absolute;  display:none;}
	.rotator li.slideshowItemActive {
	z-index: 1;
	}
	
	
	#homecontent {  }
	#homecontent .column { height:450px; }
	#homecontent .column .first { margin-top:0; }
	#homecontent #column1 { width:400px; padding:30px; border:1px #edeeef solid; margin-right:21px; float:left; background-color:#FFFFFF; min-height:400px; }
	#homecontent #column2 { width:200px;  padding:30px 15px 30px 15px; border-left:1px #e1e1e2 solid; border-right:1px #e1e1e2 solid; margin-right:21px; float:left; }
	#homecontent #column3 { width:200px; padding:0 20px 30px 0px;  border-right:1px #e1e1e2 solid;  float:left; }
	#homecontent #column3 p, #homecontent #column3 label { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; }
	#homecontent #column3 label { display:block; margin-top:10px; margin-bottom:3px; }
	#homecontent #column3 #column3login {  border: 1px solid #C8C8C8;  margin: 10px 0; padding:10px; }
	#homecontent #column3 #postit { background-color:#ffffaa; padding:10px 10px 1px 10px; } 
	
	
	#homecontent #footerlogos { margin-left:10px; margin-top:30px; margin-bottom:30px; }
	#homecontent #footerlogos .img { float:left; margin-right:30px; border-right:1px #e1e1e2 solid; width:150px; padding-left:30px; padding-right:25px; padding-top:15px; padding-bottom:15px; }
	
	/* line */
	.line { margin-top:21px; margin-bottom:21px; background-image:url(media/separator.png); height:5px; }
	
	/* dealer zone */
	
	
	#column1a { width:730px; float:left; }
	#choose ul { margin:0; padding:0; } 
	#choose ul li {  list-style-type:none; margin:0; padding:0; }
	#choose ul li a { color:#000000; text-decoration:none; width: 330px; display:block; float:left; font-size: 15px;  font-weight: bold; line-height: 24px; background: url("media/category_bg.png") repeat-x scroll 0 100% #FFFFFF; border-color: #DCDCDC #DCDCDC #96A6B2; border-image: none; border-style: solid; border-width: 1px; margin: 0 10px 10px 0; padding: 10px; } 
	#choose ul li a:hover { color:#A9BE14 } 
	
	
/* 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; }
.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; }