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



body a:link { color: #00457C; text-decoration: none; }
body a:visited { color: #00457C; text-decoration: none;}
body a:hover { color: #666666; text-decoration: underline; }

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

#globalnav { background-image:url(media/globalnavback.jpg); height:22px; z-index:1000;}
#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;  }
#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; 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; }



#header { height:133px; position: relative; padding-top:1px; z-index:101;}
#headerlinks { position:absolute; left:805px; top:16px; width:200px; color:#FFFFFF; }
#headerlinks  a { font-size:11px; color:#FFFFFF; }
#logo { position:absolute; left:-10px; top:0; z-index:100; }
	
#nav { position:relative; margin-left:83px;  top:65px; background-image:url(media/redtoolbar.png); width:939px; height:71px; z-index:99; }
#nav ul { list-style-type:none; margin:0; padding:0;   position:absolute; left:162px; top:26px;  text-transform:uppercase; font-weight:bold;  }
#nav ul li { float:left; margin:0;  position:relative; }
#nav ul li  a { padding-left:5px; padding-right:5px;  font-family:TradeGothicItalic,Arial, Helvetica, sans-serif; font-style: italic;  font-size:17px; color:#FFF;  }
#nav ul li  a:hover { text-decoration:none; color:#000000;} 
#nav #social { background-image:url(media/autosocialnavdivider.jpg); background-repeat:no-repeat; left:625px; top:14px; height:39px; position:absolute; padding-left:20px; }
#nav #social img { margin-top:8px; }
#nav #social img:hover { margin-top:8px; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
#nav #findretailer { background-image:url(media/autofindretailer.png); cursor:pointer; width:148px; height:28px; position:absolute; top:14px; right:18px;  font-family:TradeGothic,Arial, Helvetica, sans-serif;   font-size:19px; color:#FFF; text-transform:uppercase; padding-top:11px; padding-left:35px; }
#nav #findretailer.on { background-image:url(media/autofindretailerclick.png); }  
#findretailerbox { width:728px; height:209px; display:none; background-image:url(media/findretailerbox.jpg); position:absolute; top:53px; right:28px; } 
#findretailerbox table { margin-left:20px;  } 
#findretailerbox td { color: #FFFFFF;  font-family: 'TradeGothic',Arial,sans-serif;   font-size: 14pt; }
#findretailerbox select, #findretailerbox input { background-color: #FFFFFF; border: medium none; color: #000000; font-size: 7.5pt; padding: 3px 5px 3px 10px; vertical-align: middle; width: 190px; }
#findretailerbox #submit { background-image:url(media/cust_b_red_sm.png); color:#FFF; width:175px; cursor:pointer; height:47px; line-height:47px;  font-family: 'TradeGothic',Arial,sans-serif;   font-size: 14pt; text-align:center; text-transform:uppercase; } 
#findretailerbox #submit:hover { filter: alpha(opacity=50); opacity: 0.5; }


#content { 
	position: relative;
}





#footer {
	width:1000px;
	background-image:url(media/footer.png);
	background-repeat:repeat-x;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:20px;
	padding-top:20px;
	line-height:20px;
}

#footer p { 
	font-size:11px;
	color:#000000;
	margin-bottom:15px; }

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

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

/* page / component specific */

	/* home */
	#banner { position:absolute; top:67px; left:-50px; height:549px; overflow:hidden; width:1110px; z-index:100; }
	.rotator { list-style:none; padding:0px; margin:0; position:relative;  }
	.rotator li { position:absolute;  display:none;}
	.rotatorhelper { list-style:none; top:467px; left:347px; padding:0; margin:0; position:absolute; z-index:1000; width:760px;    }
	.rotatorhelper li { float:left;  margin-right:4px !important; border:5px #000 solid; padding:11px 19px 11px 19px; margin-left:-5px; font-family:TradeGothic, sans-serif; font-size:12px; text-transform:uppercase; background-image:url(media/bannerdotsback.png); color:#FFFFFF; }
	.rotatorhelper  li.rotatorhelperActive, .rotatorhelper li.selected { background-color:#bf2e1a; background-image:none; } 
	.rotatorhelper li a { color:#FFF !important; }
	.rotator li.slideshowItemActive {
	z-index: 1;
	}
	
	
	#homecontent {   margin-top:486px; padding-top:1px;}
	#homecontent h1 { font-size:13.5pt; background-image:url(media/homeh1back.png); background-position:right; height:27px; margin-top:0; }
	#homecontent h2 { font-size:13pt; margin-bottom:0 }
	#homecontent p { font-size:11px; line-height:14px; margin-top:3px; }
	
	#homecontent #column1 { float:left; width:656px; margin-right:33px;  }
	
	
	#homecontent #column2 { float:left; width:261px; margin-right:45px; height:225px; position:relative; }
	#homecontent #column2  #text { width:210px; }
	#homecontent #becomeanapplicator { background-image:url(media/becomeanapplicator.png); width:199px; height:65px;  padding-top:1px; cursor:pointer; }
	#homecontent #becomeanapplicator div {  font-family: 'TradeGothicItalic';  font-style: italic; color:#FFF; font-size:20px; margin-left:70px; margin-top:12px; line-height:22px; text-transform:uppercase; } 
	
	#homecontent .buttons { margin-top:10px; margin-bottom:10px; background-image:url(media/buttonbox.png); font-family: 'TradeGothicItalic',Arial,sans-serif;  font-style: italic;  font-size: 10.5pt; text-align: right; text-transform: uppercase; height:26px; line-height:26px; width:218px; padding-right:20px;}
	
	/* grey box */
	
	#greybox { margin-left:61px; margin-top: 55px; background-color:#333333; width:880px; padding-bottom:70px;  color:#FFFFFF !important; } 
	#greybox #greyboxheader { height:142px; padding-left:374px; position:relative; padding-top:20px;  } 
	#greybox #greyboxheader h1 { color:#FFFFFF; margin-bottom:10px; }
	#greybox h2 { color:#BF2E1A !important; }
	#greybox #greyboximage { position:absolute; left:0 !important; top:-65px !important; } 
	#greybox #greyboxcontent{ margin-left:73px;  color:#FFFFFF !important; margin-right:40px; } 
	#greybox a:link, #greybox a:visited { color:#999; text-decoration:underline; }
	
	/* applications */
	.applicationsthumbstext {  background-image:url(media/redbox.png); position:absolute; width:250px; height:47px; line-height:47px; text-align:center; background-repeat:no-repeat; font-family: TradeGothicItalic,Arial,Helvetica,sans-serif;  font-size: 17px; color:#FFFFFF; text-transform:uppercase; margin-left:55px; margin-top:-25px;  } 
	.applicationsthumbstext a { color:#FFFFFF !important; }

	#applicationsinfo { width:412px; height:246px; background-image:url(media/applicationsbox.png);  width:412px; height:246px; position:absolute; top:140px; left:0; } 
	#applicationsinfocontent { margin-left:55px; width:288px; padding-top:20px; }
	#applicationsinfocontent p,#applicationsinfocontent h1 { color:#FFFFFF; }
	
	/* products */
	
	#productintro { margin-left:61px; margin-top: 55px; background-color:#333333; width:800px; padding-bottom:70px; padding:30px; margin-bottom:20px; } 
	#productintro h2  { color:#BF2E1A !important; }
	#productintro h1  { color:#BF2E1A !important; font-size:25px; margin-top:0; }
	#productintro h3  { color:#BF2E1A !important; font-size:15px; }
	#productintro p, #productintro ul, #productintro ol, #productintro table { color:#FFF; }
	#productintro a:link, #productintro a:visited  { color:#999; }
	
	.productbox { width:316px; height:133px; margin-bottom:20px; float:left; margin-left:120px; margin-right:-20px; position:relative; }
	.productbox h2 { position:absolute; top:20px; left:20px; text-shadow: -3px 2px 3px #000000;  text-transform: uppercase; color:#FFFFFF; } 
	.productbox .productlogo { background-image:url(media/productsicon-container.png); width:199px; height:82px; position:absolute; left:122px; top:66px; }
	.productbox .productlogo img { position:absolute; left:50px; top:20px; }
	
	#productpageinfo h1 { color:#FFFFFF; }
	#productpageinfo table { border-left:1px #ddddddd solid; border-top:1px #ddddddd solid; }
	#productpageinfo table td { border-right:1px #ddddddd solid; border-bottom:1px #ddddddd solid; background-color:#666 }
	
	
	/* blank */
	#blank { margin-top:28px; margin-left:20px; }
	
	/* news */
	#greybox #news { padding-top:20px; }
	#greybox #news h1 { color:#FFFFFF; }
	
	/* gallery */
	#greybox #gallery { padding-top:20px; }
	#greybox #gallery h1 { color:#FFFFFF; }
	
	/* video */
	
	/* rhinonation */
	
	#rhinonationcol1 { float:left; width:410px; margin-right:30px; }
	#rhinonationcol2 { float:left; width:340px; background-color:#FFFFFF; padding:0 10px 10px 10px;  }
	
	#videolist { height:400px; overflow:auto; margin-top:10px; padding-right:10px; width:410px; }
	.video { border-bottom: 1px dotted #cccccc; padding-bottom:10px; margin-top:10px; padding-top:1px; }
	.video img { float:left; margin-right:10px; }
	.video h2 { margin-top:0; font-size:18px; margin-bottom:0; }
	.video p { margin-top:5px; }
	.video .buttonssmall { margin-top:3px; }
	
	
/* 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 { background-image:url(media/dotted-line.png); height:3px; }
.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; }