@charset "UTF-8";
/* CSS Document INSTARMAC CSS */
body { margin:0; padding:0; display:block; position:relative; height:1%; background-image:url(../../baseimages/headerbggred.jpg); background-repeat:no-repeat; background-position:top center;}
.files li { margin-bottom:15px;}
#bottomhalf { width:750px; height:auto; margin:0 auto; margin-top:25px;}
#footerwrap { height:auto; background-image:url(../../baseimages/footerbggrad.gif); background-position: bottom center; background-repeat:no-repeat;}
.clear { clear:both;}
/* MAIN STRUCTURE */
#container { width:1172px; margin:0 auto; background-image:url(../../baseimages/footerbggrad.gif); background-position:bottom; background-repeat:no-repeat;}
#bggraid { width:100%; height:348px; background-image:url(../../baseimages/headerbggred.jpg); margin-bottom:-348px;}
#wrapper { width:750px; margin:0 auto; display:block; position:relative;}
#header { width:100%; height:100px; display:block; position:relative;}
#main-navigation{ width:100%; height:28px; margin-bottom:3px; z-index:1; display:block; position:relative;}
#display-image { width:100%; height:217px; margin-bottom:-33px; float:left; display:block; position:relative; background-image:url(../../baseimages/headerimagebg.jpg); background-repeat:repeat-x;}
#main { width:100%; float:left; min-height:200px; display:block; position:relative;}
#left-col { width:495px; height:100%; float:left; display:block; position:relative; }
#single-col { width:600px; height:100%; float:left; display:block; position:relative; }
#right-col { width:230px; float:right; position:relative; display:block; position:relative; }
#footer { width:100%; height:auto; background-image:url(../../baseimages/footerbg.jpg); background-repeat:repeat-x;  display:block; position:relative; }
#bgfootergrad { width:1172px; height:30px;  margin:0 auto; background-image:url(../../baseimages/footerbggrad.gif); position:relative; top:110px;}
/* BASIC TYPOGRAPHY */
h2, .h2 { color:#FE6C00; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:100; margin-bottom:10px; display:block; }
p, .p { font-family: Helvetica, Arial, Verdana; color:#555 ; font-size:11px; line-height:14px; text-align:justify;}
h1 { margin:0; padding:4px; margin-top:-3px; padding-top:7px; padding-bottom:5px; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:11px; color:#FFF;
text-decoration:none; width:176px; font-weight:100; background-image:url(../../baseimages/sub-heading-bg.gif); color:#FFF}
ul { padding:0; vertical-align:middle;}
/* ------ updated for faq------ */
/* replaced existng */
ul li { list-style:none; font-family: Helvetica, Arial, Verdana; color: #555; font-size:11px; line-height:14px; padding-left:15px; background-image:url(../../baseimages/LIBG.jpg); background-repeat:no-repeat;}
/* new */
ol { padding-left:17px;font-size:12px; margin-left:5px;}
ol li { line-height:24px;}
li a { color:#FE6C00; text-decoration:none;}
h3 {font-size:13px;}
.answer {padding:20px 0 20px 0}

a.toTop {display:block; float:right;color:#777777;}
/*------ end of updates for faq ------ */
.contentbulletpionts li { line-height:17px;}
p a { color:#FF9900; text-decoration:none;}
.vacancie { display:block; color:#F24F00; font-family:Helvetica,Arial,Verdana; font-size:12px; text-decoration:none; background-color:#f2f2f2; width:100%; padding:3px; margin-top:10px;}
#archivebtn { color:#F24F00; font-family: Helvetica, Arial, Verdana; text-decoration:none; float:right; font-size:12px; position:relative; top:5px;}
li .yellow { font-size:12px;}
/* MISC */
.divider { width:100%; height:2px; border-bottom: 1px dotted #ccc; margin-top:15px;}
.left { float:left; }
.right { float:right;}
#end { border:none;}
#form-wrap input { font-size:10px; }
#form-wrap fieldset { border:none;}
/* HEADER */
#logo { margin-top:40px;}
/* SEARCH */
#seacrharea { width:210px; height:40px; background-image:url(../../baseimages/searchbg.jpg); position:relative; left:545px; top:-35px;}
#seacrharea ul { margin:0; padding:0; position:relative; top:-4px; left:47px;}
#seacrharea li { display:inline; background-image:none;}
#searchbox { width:130px; height:14px; border:1px solid #999; margin-right: 2px; position:relative; bottom:1.5px; }
#searchgo { height:18px; width:21px; position:relative; border:1px solid #f24f00; background-image:url(../../baseimages/sub-heading-bg.gif); color:#FFF; font-size:10px; }
	/* revised search box */
	#searcharea { width:226px; height:40px; background-image:url("/baseimages/searchBg.png"); display:block; position:relative; left:529px; top:-54px;}
	#searcharea #search {display:block; position:absolute; width:auto; margin:0; padding:0; top:10px; right:12px;}
	#searcharea #search #searchfield {width:134px; height:14px; border:1px solid #999; margin-right:2px; position:relative;}
	#searcharea #search #searchbutton {height:inherit; width:inherit; padding:0 2px!important; line-height:14px; position:relative; border:1px solid #f24f00; background-image:url("/baseimages/sub-heading-bg.gif"); color:#FFF; font-size:10px;}
	#searcharea #search #searchbutton:hover {cursor:pointer;}
	/* follow us header links */
	#joinUs {display:block; position:absolute; top:0px; right:0px; z-index:99999; height:29px; width:204px; background-color:#f4f4f4; overflow:hidden;}
	#joinUs span {display:block; position:relative; float:left; color:#fff; line-height:29px; height:29px; width:65px; background:transparent url("/baseimages/joinUs.png") 0px 0px no-repeat; text-indent:10px;}
	#joinUs ul {display:block; position:relative; float:right; list-style:none; margin:0; padding:0; text-indent:0; background-color:none; height:29px;}
	#joinUs li {display:block; position:relative; float:left; list-style:none; margin:0; padding:0; text-indent:0; background:none;}
	#joinUs li a {border:0px solid #990000; display:block; position:relative; margin:0 8px 0 0; padding:0 0 0 17px; line-height:29px; height:29px; background:transparent url("/baseimages/joinUs.png") 1000px 1000px no-repeat; float:left; color:#333; text-decoration:none; font:Arial, Helvetica, sans-serif 10px #333;}
	#joinUs li a:hover {text-decoration:underline;}
	#joinUs li a.twitter {background-position:-71px 0px;}
	#joinUs li a.facebook {background-position:-128px 0px;}
/* FOOTER */
#footer-bar { width:100%; height:30px; background-color:#f2f2f2; border-bottom:#939393 1px solid; float:left; } 
#footer-bar ul { margin:0; padding:0; position:relative; top:7px; right:10px; float:right;}
#footer-bar li {  display:inline; font-family:Helvetica, Arial, Verdana; font-size:11px; color:#939393;  background-image:none;  }
#footer-bar li a { color:#939393; padding-right:15px;}
#footer-bar li a:hover { color: #666666}
#footer-bar { display:inline;}
#footer address {width:100%; text-align:center; font-family: Helvetica, Arial, Verdana; color: #555; font-size:10px; line-height:14px;
font-style:normal; margin-top:10px; margin-bottom:10px; float:left; position:relative; left:inherit;}
#footer a { text-decoration:none; color:#f24f00;}
/**************************************************************************************************************
                                    vvvvvvv  NAVIGATION CSS  vvvvvvv
**************************************************************************************************************/
/* HOME NAVIGATION */
#main-navigation ul { margin:0; padding:0; position:relative;  display:block;}
#main-navigation li { display:block; float:left; position:relative; padding:5px 28px 5px 26px; background: #333333 url(/baseimages/main_navigation_bg.gif) top right no-repeat;}
#main-navigation a { font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:12px; color:#FFF; text-decoration:none;}
#main-navigation ul li:hover a { color: #FFF;}
#main-navigation ul li ul {position:absolute; z-index:1000; height:1%; top:2.4em; left:-1px; display:none; margin:0; padding:0; white-space:normal;}
#main-navigation ul li ul li {float:none; color:#f96013; ba line-height:1.2em; background-color:#fff; clear:both; background-image:none; margin:0; padding:1px;}
#main-navigation ul li ul li a {display:block; line-height:1.3em; background-color:#f96013; color:#fff; width:150px; margin-top:-1px; padding:2px;}
#main-navigation ul li ul li a:hover {color:#000; background-color:#f96013; text-decoration:none;}
#main-navigation ul li ul li a.on {cursor:default; text-decoration:none;}
#main-navigation ul li:hover ul {display:block;}
#main-navigation.after {display:block; overflow:hidden; width:1px; height:1.8em; line-height:1.8em}
#main-navigation ul li.first { padding:5px 30px 5px 30px;}
/* DEPARTMENT MAIN NAVIGATION */
#main-navigation2 ul { margin:0; padding:0; position:relative; top:-6px;  display:block;}
#main-navigation2 li { display:block; float:left; position:relative; padding:5px 15px 5px 14px; background: #333333 url(/baseimages/main_navigation_bg.gif) top right no-repeat;}
#main-navigation2 a { font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:12px; color:#FFF; text-decoration:none;}
#main-navigation2 li:hover a { color:#fff}
#main-navigation2 li ul {position:absolute; z-index:1000; height:1%; top:3.2em; left:0; display:none; margin:0; padding:0; white-space:normal;}
#main-navigation2 li ul li {float:none; line-height:1.2em; clear:both; background:none; margin:0; padding:0;}
#main-navigation2 li ul li a {display:block; line-height:1.3em; color:#fff; background-color: #FF6600; width:150px; border:1px solid #333; margin-top:-1px;}
#main-navigation2 li ul li a:hover {color:#000; background-color:#fff; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; text-decoration:none;}
#main-navigation2 li ul li a.on {cursor:default; text-decoration:none;}
#main-navigation2 li:hover ul {display:block;}
#main-navigation2.after {display:block; overflow:hidden; width:1px; height:1.8em; line-height:1.8em}
#main-navigation2 li.first { padding:5px 23px 5px 22px;}
/* PRODUCT NAVIGATION */
#main-navigation3 ul { margin:0; padding:0; position:relative; left:28px; top:-1px;  display:block;}
#main-navigation3 li { display:block; min-width:100px; float:left; position:relative; margin-left:-28px; padding:4px 15px 4px 14px; background: url(../../baseimages/newnavbg.gif) top right no-repeat; text-align:center;}
#main-navigation3 li:hover { background-image:url(../../baseimages/nav3hov.gif); background-position:top right; }
#main-navigation3 a { font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:11px; color:#FFF; text-decoration:none; padding-left:10px; padding-right:20px;}
#main-navigation3 li ul {position:absolute; z-index:1000; height:1%; top:3em; left:0; display:none; margin:0; padding:0; white-space:normal;}
#main-navigation3 li ul li {float:none; line-height:1.2em; clear:both; background:none; margin:0; padding:0;}
#main-navigation3 li ul li a {display:block; line-height:1.3em; background-color:#fff; color:#000; width:150px; border:1px solid #333; margin-top:-1px;}
#main-navigation3 li ul li a:hover {color:#000; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; text-decoration:none;}
#main-navigation3 li ul li a.on {cursor:default; text-decoration:none;}
#main-navigation3 li:hover ul {display:block;}
#main-navigation3.after {display:block; overflow:hidden; width:1px; height:1.8em; line-height:1.8em}
#main-navigation3 li.first { padding:5px 23px 5px 22px; background-image:}
#main-navigation3 #active { background-image:url(../../baseimages/newnavbghover.gif); }
/**************************************************************************************************************
                                    ^^^^^^^  NAVIGATION CSS  ^^^^^^^
**************************************************************************************************************/
/* NEWS AREA ( Wide version of news column ) */

.arealink img { float:left; margin-right:5px; margin-bottom:5px; border:none;} 
.arealink h3 { font-family: Helvetica, Arial, Verdana; font-size:12px; color:#FF6600; font-weight:100; margin-bottom:5px; margin-top:0px;}
.arealink span { font-family: Helvetica, Arial, Verdana; color:#555 ; font-size:10px; text-align:left; text-decoration:none; }
.arealink p { padding:0; margin:0;}
/* NEWS AREA ( Slim version of news column ) */
#SlimNewsColumn { width:190px; float:right; position:relative; display:block; position:relative; }
#SlimNewsColumn .arealink { min-height:0px;}
#SlimNewsColumn a:hover { background-color: #e2e2e2;}












/* OUR BRANDS */
 


.ourbrands { float:left;}
#ourbrands .arealink { width:155px; height:200px; float:left; padding:10px; margin-right:15px;}
#ourbrands img { margin-bottom:9px;}
#ourbrands #last { margin-right:0; border:none;}
#ourbrands a:hover { background-color: #e2e2e2;}
#ourbrands .small-link { color:#F24F00;}




/* PRODUCT INFORMATION */
#productinfo a { font-family: Helvetica, Arial, Verdana; color: #555; font-size:11px;  text-decoration:none; line-height:15px; position:relative; top:4px;   }
#productinfo img { margin-bottom:10px;}
#productinfo { width:195px; float:left;}
#productinfo ul { position:relative; left:28px; margin:0; padding:0;} 
#productinfo li { background-image:none; border-bottom: #CCCCCC dashed 1px; padding:0; width:130px; height:25px; margin-bottom:10px}
#productinfo li img { float:left; }
/* CONTACT INFORMATION */
.contactinfo ul { margin-bottom:10px; background-color:#000066; }
.contactinfo li { background-image:none; border-bottom:#CCCCCC 1px dashed; height:25px; margin-bottom:10px; padding:0; width:100%;}
.contactinfo li img { float:left; position:relative; top:-5px;}
.contactinfo li a { font-family: Helvetica, Arial, Verdana; color:#555; font-size:11px;  text-decoration:none; }
/* PRODUCT DISCRIPTION  */
#productdescription { width:290px; padding-right:5px; float:left;}


/* APPLICATION FORM CSS */
#applicationform label { min-width:55px; margin-bottom:10px;}
#applicationform input { margin-bottom:10px; width:220px;}
#filename { position:relative; left:100px;}
#appsubmit { position:relative; }
fieldset { color:#555; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#choosefile { position:relative; left:555px; background-image:url(../../baseimages/sub-heading-bg.gif); color:#FFF; border:#fff 1px solid; margin-bottom:5px; padding:1px;}


#selectedfile { position:relative; left:100px; border:#555  1px solid; width:232px; margin-bottom:5px; }
#notes { font-family: Helvetica, Arial, Verdana; color:#555 ; font-size:11px; position:relative; top:-1px;}
#notestextbox { position:relative; left:45px; border:#555  1px solid; width:300px;}
input #appsubmit { background-image:url(../../baseimages/sub-heading-bg.gif); padding:1px; color:#FFF; border:#fff  1px solid; position:relative; top:5px; left:356px; margin-bottom:10px; }
/* NEWS ARCHIVE CSS */
#newsarchive { width:100%;}
#newsarchive ul { background-color:#e5e5e5; padding-top:5px; padding-bottom:5px; color:#CCFF33;}
#newsarchive li { display:inline; background-image:none; color:#FE6C00; width:300px }
#newsarchive select { width:330px; border:#ccc 1px solid;  height:15px; position:relative; top:0px; font-size:9px; }
#newsarchive li a { color:#FE6C00; }
#newsarchive span { width:200px}
.one li { display:inline; background-image:none;}
.one li .first { width:200px;}
#newsarchive form { margin-top:-5px; margin-bottom:15px;}
#newsarchive fieldset { border:none; background-color:#f2f2f2; padding-top:6px; height:15px;}
#newsarchive label { text-align: left; float:left; display:block; padding-right: 15px; font-size:10px;min-width:70px; color:#f24f00; position:relative; top:3px; }
#newsarchive .newsitemselect { float:left; display: block; width:300px; margin-right:10px; border:1px solid #E5E6E8; font-size:10px; }
#newsarchive .viewall{ text-align: left;  display:block; padding-right: 15px; font-size:9px; min-width:70px; background-color:#f2f2f2; border:none; color:#f24f00; position:relative; top:2px; text-decoration:none; }
/* PRODUCT SEARCH / SEARCH RESULTS */
#productsearchselect { background-color:#666666;}
#brand { width:150px; margin-right:10px;}
#producttype { width:150px; margin-right:10px;}
#keywords { width:150px; margin-right:10px;}
#submitsearch { background-image:url(../../baseimages/sub-heading-bg.gif); color:#FFF; border-color:#FFF; padding:1px; position:relative; top:10px; margin-bottom:10px; }





/* FORM GENERAL*/
input, select, option, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000; }
input, select, textarea { border:1px solid #666;}
/* CONTACT FORM*/
label {text-align: left;float:left;display:block;padding-right: 15px;font-size:10px; font-family: Helvetica, Arial, Verdana; color:#555 ; }
#fnature{float:left; display: block; width: 303px; margin-left:48px; }
#nameinput{ margin-left:85px; width:300px; }
#mailinput{ margin-left:47px; width:300px; }
#fmessage{ margin-left:70px; width:300px; border-bottom-width:thin;}
#subbtn { background-image:url(../../baseimages/sub-heading-bg.gif); color:#FFF; border-color:#FFF; margin-left:414px; padding:3px ; border:0px solid #FFFFFF;}
#contact label { float:right; }
#contactdetails li { display:inline; background-image:none;  }
#contactdetails  img { position:relative; top:4px; right:2px;} 
/* FEATURE ITEM */
#col-2 { width:400px; float:left;}


#feature-col { text-align: centre;  width:330px; float:right; position:relative; top:21px;}
#feature_item { width:310px; height:133px; padding:10px; margin-top:7px;background-color:#F6F6F6;  text-align: justify; text-decoration:none; display:block; float:left}
#feature_item img { width:130px; height:130px; background-color:#000099; float:right; border:none; margin-left:10px;}
#feature_item h3 { font-family:Arial, Helvetica, sans-serif; font-weight:100; font-size:14px; color:#FF6600; margin:0; margin-bottom: 5px;}
#feature_item  p { margin-top:8px; margin-bottom:8px;}
#feature_item:hover { background-color:#e2e2e2;}
#discription { width: 165px; height:100px; float:left; font-family: Helvetica, Arial, Verdana; color:#555 ; font-size:11px; line-height:14px; text-align:justify; }
#feature_item  .left { margin-bottom:5px;}
#feature_item a { color:#FF6600; text-decoration:none; float:left; margin-top:5px;}
/* PRODUCT SEARCH */
.search-form-label { min-width:50px;}
#Brand2 { width:310px;}
#type2 { width:310px;}
#keywords2 { width:307px;}
#search2 { background-image:url(../../baseimages/sub-heading-bg.gif); color:#FFF; border-color:#FFF; margin-left:328px; margin-top:10px; padding:3px ; border:0px solid #FFFFFF;}



#pr .h2 { padding:0px; margin-bottom:0px;}
#pr .display { padding:5px;}
.pages { float:right; padding:0; margin:0; margin-bottom:10px; margin-top:10px; position:relative; right:3px;}
.pages a { color:#666666; text-decoration:none;}
.pages a:hover { color: #FF6600; text-decoration: underline;}

/**************************************************************************************************************
                                    ^^^^^^^  PRODUCT CAT CSS  ^^^^^^^
**************************************************************************************************************/
#searchresults { margin-top:10px;}
#productCategory-col { width:540px; height:100%; float:left; display:block; position:relative; }
.display { background-color: #F6F6F6; width:97%;  float:left; display:block; position:relative;  text-decoration:none; float:left; padding:10px; margin-right:5px; margin-bottom:5px;  }
.display img { border:none; float:left; margin-right:10px;}
.display .left { margin-bottom:10px;} 
.display .right { margin-left:10px;}
.display:hover {  background-color: #eee; }
.display a { text-decoration: none; }

.bodytext h2 { margin-top:5px;}
#image0 { float:right; margin-left:15px; margin-bottom:15px;}
#image0 img { margin-bottom:5px;}
.bodytext a  { color:#FF6600;}


#right-col .display { padding:5px; width:220px; margin-top:10px; }
#right-col .display .h2 { font-size:12px; margin-bottom:-1px;}
#right-col .display .p { font-size:10px;}

#usefull { margin-top:10px;}
#usefull img { width:70px; 
 margin-right:10px;}
 
 
 #sitemap {}
 #sitemap li { margin-bottom:6px; border-bottom:1px #666 dotted;}
 #sitemap li a { color:#555; text-decoration:none;}
  #sitemap li a:hover { color:#FF6600;}
 .inlink { margin-left:10px; color: #CCCCCC}
 .subhead { background-image:url(../../baseimages/arrowup.jpg); font-weight:bold;}
 
 #privacy p { text-align:left;}
 #privacy strong { color:#FF6600;} 
.orange { color:#FF6600;} 


a .pdf {  padding:5px; padding-bottom:4px; display:block;  font-family: Helvetica, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:12px;}
#terms p { text-align:left;}

#news tt { color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; display: block; position: relative; left:270px; top:4px;}
#news h2 { margin-bottom:-15px;}
#news img { margin-top: -3px;}

.pdf { background-image:url(../../baseimages/downloadbtnbg.jpg); background-repeat:no-repeat;  padding:6px; padding-left:30px;  padding-bottom:5px;  font-family: Helvetica, Arial, Verdana; color:#FFFFFF; text-decoration:none; font-size:12px; line-height:20px;}

#contactdetails a { color:#FF6600;}
#contactdetails #address { width:30px; margin-right:-15px;}
#contactdetails #phone { margin-right:-3px;}

/*#file0 { background-image:none;}*/

.homebox { width:155px; float:left; margin-right:40px; margin-bottom:20px;}

/* use on image to v align text next to it */
.valign {vertical-align:middle;}





/**************************************************************************************************************
                                    ^^^^^^^  VIDEO LAYER CSS  ^^^^^^^
**************************************************************************************************************/

#videoContainer {display:block; position:fixed; top:0; left:0; z-index:1010; width:100%; height:100%; min-height:100%; margin:0; padding:0;   visibility: hidden;}

#background {display:block; position:relative; text-align:center; width:100%; height:100%; min-height:100%; background-color:#000;
 filter:alpha(opacity=70); /*Microsoft extended css profile (will not validate)*/
 -moz-opacity:0.7; /*Mozilla extended css profile (will not validate)*/
 opacity: 0.7; /* compliant */
 }
 
#videoContainer #videoBox {display:block; border:2px solid #000; background-color:#fff; padding:5px;width:450px; position:absolute; z-index:1010; top:50%; left:50%; margin:-200px 0 0 -225px;}

#videoBox a { color:#666666;text-decoration: none;}
#videoBox a:hover { color:#FF6600;text-decoration: none;}