body  {font: 80% 'Trebuchet MS';background: #010101 url(../../images/bg.jpg) repeat-y center;margin: 0; padding: 0;text-align: center;}

.bodyStructure #container { width: 980px;margin: 0 auto;text-align: left;} 

.bodyStructure #header {background: #000; padding:0; margin:0 0 8px 0;height:124px} 
.bodyStructure #innerPageMenuContainer {background: #000; padding:0 8px 0 0; margin:0 0 8px 0;height:42px; float:right; display:block; width:972px} 

.bodyStructure #homeHeader {background: #000; padding:0; margin:0 0 8px 0;height:316px; border:8px #000 solid; width:964px} 

.homeSliderBg {background:url(../../images/homeSliderBg.png) no-repeat; height:131px;}


.productContainer {margin:5.3em 0 0 0; padding:0; color:#fff}
.productContainer h1 {display: block; border-bottom:1px #fff solid; padding:0; font-size:20px; text-transform:uppercase; font-weight:normal}
.productContainer h1 a{ float:right; padding:4px; text-transform:uppercase; font:normal 11px verdana; background:#FFFF00; color:#000}

.productContainer h2 {display:block; padding:0; font-size:18px; font-weight:normal}
.productContainer h2 a{ float:right; padding:4px; text-transform:uppercase; font:normal 11px verdana; background:#FFFF00; color:#000}


.bodyStructure #sidebar1 {float: left;width: 170px;background: #E01E25;padding: 15px 10px 15px 20px; margin-top:26px}

.bodyStructure #mainContent {margin:5.3em 0 0 240px; padding: 0 0; color:#fff;} 
.bodyStructure #mainContent h1{display: block; border-bottom:1px #fff solid; margin:0 0; padding:0; font-size:20px; text-transform:uppercase; font-weight:normal}

h2 {display:block; padding:0; font-size:18px; font-weight:normal}
h2 img{margin:5px 10px 10px 0; border:2px #fff solid}
h2 span {font-size:14px; color:#FFFF00}

h3 {margin-bottom:0; padding:0}
h3 a{color:#fff;text-decoration:none; border-bottom:1px #fff solid}
h3 a:hover{color:#fff; text-decoration:none; border-bottom:1px #ffff00 solid}
h3 p {font-size:12px; font-weight:normal}
h3 span {color:#FFFF00; margin-left:10px}

.bodyStructure #footer { padding: 0 8px; margin:20px 0; border-top:1px #393939 solid; color:#838383} 
.bodyStructure #footer p {margin: 0; padding: 10px 0; font-size:12px}
.bodyStructure #footer a {color:#fff; text-decoration:none}
.bodyStructure #footer a:hover {color:#fff; text-decoration:underline}
.fltrt {float: right;margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}


/* 3 column home page ___________________________________________________*/
.columnLeft {height:150px; width:311px;margin-left:8px;}
.columnMiddle {float:right;height:150px; width:311px;margin:0 15px;}
.columnRight {float:right;height:150px; width:311px; margin-right:8px}

h1.column {color:#fff; margin:0; padding:0; font:normal 20px 'Trebuchet MS'; text-transform:uppercase}

p.column { color:#BABABA; font:normal 12px 'Trebuchet MS'; line-height:15px; padding:0; margin:0}
img.column {padding:0; margin:0 8px 0 0; border:8px #000 solid}


/* list styles __________________________________________________________*/

ul.listItems {list-style:none; padding:0; margin:0; font-size:11px;background:#000; }
ul.listItems li{padding:3px 12px; margin:0; border-bottom:1px #1a1a1a solid; color:#fff}
ul.listItems li .date{padding:0; margin:0; color:#B3B0B0}
ul.listItems li a{color:#fff; text-decoration:none;; font-size:13px}
ul.listItems li a:hover{color:#fff; text-decoration:none; border-bottom:1px #fff solid}





/* home page slider _____________________________________________________*/
.scrollable {position:relative;overflow:hidden;width: 880px;height:120px;margin:0 10px;padding:0;}
.scrollable .items {width:20000em;position:absolute;clear:both; margin-top:-5px}
.scrollable img {float:left;margin:20px 5px 20px 2px;padding:2px;border:none;cursor:pointer;height:75px;}
.scrollable img.hover, .scrollable img:hover {cursor:pointer;}
.scrollable .active {z-index:9999;position:relative;}



/* home page menu container _____________________________________________*/
.menuContainer {width:230px; height:300px; top:148px; left:166px; position:absolute;}



.scrollable {float:left;}

a.browse {display:block;width:30px;height:110px;float:left;margin:0 10px;cursor:pointer;font-size:1px;}

/* right */
a.right { background:url(../../images/next.png) no-repeat; clear:right; margin-right: 0px;}
/*a.right:hover{ background-position:-30px -30px; }
a.right:active{ background-position:-60px -30px; } 
*/

/* left */
a.left{background:url(../../images/back.png) no-repeat;  margin-left: 0px; } 
/*a.left:hover{ background-position:-30px 0; }
a.left:active{ background-position:-60px 0; }
*/
/* up and down */
a.up, a.down{ background:url(../../images/vert_large.png) no-repeat; float: none;margin: 10px 50px;}

/* up */
a.up:hover{ background-position:-30px 0; }
a.up:active{ background-position:-60px 0; }

/* down */
a.down{ background-position: 0 -30px; }
a.down:hover{ background-position:-30px -30px; }
a.down:active{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	





/* the overlayed element */
.simple_overlay {display:none;z-index:10000;background-color:#333;width:675px;min-height:200px;border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {background-image:url(../../images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}

/* the large image. we use a gray border around it */
#img {border:1px solid #666;}

/* "next image" and "prev image" links */
.next, .prev {position:absolute;top:40%;border:1px solid #666;cursor:pointer;display:block;padding:10px 20px;color:#fff;font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {left:0;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}

.next {right:0;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;}

.next:hover, .prev:hover {text-decoration:underline;background-color:#000;}

/* when there is no next or previous link available this class is added */
.disabled {visibility:hidden;}

/* the "information box" */
.info {position:absolute;bottom:0;left:0;padding:10px 15px;color:#fff;font-size:11px;border-top:1px solid #666;}

.info strong {display:block}

/* progress indicator (animated gif). should be initially hidden */
.progress {position:absolute;top:45%;left:50%;display:none;}

/* everybody should know about RGBA colors. */
.next, .prev, .info {background:#333 !important;background:rgba(0, 0, 0, 0.6) url(../../images/h80.png) repeat-x;}
/*** override styling in external stylesheets ***/



/* remove margins from the image */
.items img {margin:0;}

/* make A tags our floating scrollable items */
.items a {display:block;float:left;margin:20px 15px;} 


/* tooltip styling */
#tooltip {display:none;background:url(../../images/black_arrow.png) no-repeat;font-size:18px;height:80px;width:160px;padding:10px 25px 25px 25px;color:#fff; text-align:center}



/* scrollable should not disable gallery navigation */
#gallery .disabled {visibility:visible !important;}

#gallery .inactive {visibility:hidden !important;}




















/* product catalogue button menu __________________________________________*/
div#switcher {position: absolute;left: 922px;top:76px;z-index: 9998;background:#E01E25;color:#fff;text-align:center;/*float:left;*/}
div#switcher.show {/*border: 5px solid #000;*/}
div#switcher a {color: #fff;text-decoration: none;}
div#switcher a:hover, div#switcher td.alt a:hover {color: #fff;}
div#switcher td.alt a {color: #9d9189;}
div#switcher h6 {display: block;margin: 0px;font:bold 18px 'Arial Narrow';cursor: pointer;padding:8px 13px;}
body div#switcher h6.hide, body div#switcher h6.hover {}
div#links {float: right;position:absolute;left: -764px;top:64px;width: 964px;background-color: #E01E25;border: 0px solid #E01E25;display: none;color:#fff;}
div#links.show {display: block;}
div#links div {width: 370px;}
div#links div.alt, div#links div#second {background-color: #711200;border-top: 1px solid #036E21;border-bottom: 1px solid #036E21;}

/* product LI (content) _________________________________________________________*/
#content ul {float: left;display: block;width: 944px;margin: 0;padding: 10px;list-style: none;font: 80% 'Trebuchet MS'}
#content li {float: left;width: 236px;position: relative;text-align:left}
#content a {color: #fff;text-decoration: none;padding: 4px;display: block;position: relative;z-index: 2; font-size:14px}
#content a:hover {color: #FFF200;text-decoration: none; background:#000}
/*a img {border: 0;float: left;margin: 0 10px;}*/
/*a strong {display: block;font-size: 14px;color: #000;}*/
.clear {clear: left;}







/* Easy Slider for home page ___________________________________________*/
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{width:964px;height:316px;overflow:hidden;}	
#slider li img{border:none}	
/* numeric controls */	
ol#controls{margin:-2em 0;padding:0; visibility:hidden}
ol#controls li{margin:0 10px 0 0;float:right;list-style:none;}
ol#controls li a{background:#7B7C7E;color:#fff;padding:0 2px;text-decoration:none;}
ol#controls li.current a{background:#000;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2 li{width:735px;overflow:hidden;}	
#slider2 li img{border:none}	
span#prevBtn{}
span#nextBtn{}

a {color:#fff; text-decoration:none}	



/*Tab Panel for home page _______________________________________________*/
.TabbedPanels {margin: 0 0 0 0;padding: 0px;float: left;clear: none;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup {margin:0 0 0 0;padding:0 0 0 0;border-bottom: 1px solid #1A1A1A;display:block;width:100%;	
						float:right; font:normal 20px 'Trebuchet MS'; text-transform:uppercase; color:#fff}
.TabbedPanelsTab {position: relative;float: right;text-align:center;padding: 0px 10px;margin: 0px 0px -2px 0px;font:normal 11px verdana;list-style: none;
					-moz-user-select: none;-khtml-user-select: none;cursor: pointer;color:#8C8C8C;height: 27px; line-height: 27px;background:#1A1A1A;}
.TabbedPanelsTabHover {background:#000;color:#fff;}
.TabbedPanelsTabSelected {border-bottom: 1px #000 solid;background:#000;color:#fff;}
.TabbedPanelsTab a {color: black;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both;}
.TabbedPanelsContent {padding: 0;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTabGroup {float: left;background-color: #EEE;position: relative;border-top: solid 1px #B5B8D6;border-right: solid 1px #B5B8D6;border-left: 	
										solid 1px #B5B8D6;}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;border-top: none;border-left: none;border-right: none;}
.VTabbedPanels .TabbedPanelsTab:hover { background:#fff}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;width: 30em;height: 20em;}



.latestEvent {border:1px #fff normal; display:block; padding:10px; color:#fff; background:#000; height:100px}
.latestEvent img{border:1px #fff normal; padding:2px; margin:0 10px 0 0; }
.latestEvent h1{font:normal 1.4em 'Trebuchet MS'; margin:0}










/* product page ________________________________________________________________ */
#triggers { width:735px;}
#triggers label{ text-transform:uppercase; font-size:11px; cursor:pointer}

#triggers img{ border:none}
#triggers .block {width:200px; height:300px; margin-right:66px; float:left}
#triggers .last{width:200px; height:300px; margin-right:0; float:right}

.simple_overlay {display:none;z-index:10000;background-color:#131313;width:675px;min-height:200px;border:1px solid #666;
				-moz-box-shadow:0 0 90px 5px #000;
				-webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(../../images/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}




#img {border:none}
.next, .prev {position:absolute;top:40%;border:1px solid #666;cursor:pointer;display:block;padding:5px 10px;color:#fff;font-size:11px;}
.prev {left:0;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}
.next {right:0;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;}
.next:hover, .prev:hover {text-decoration:underline;background-color:#000;}

/* when there is no next or previous link available this class is added */
.disabled {visibility:hidden;}
.info {position:absolute;bottom:0;left:0;padding:10px;color:#fff;font-size:11px;border-top:1px solid #666;}
.info strong {display:block;}
.progress {position:absolute;top:45%;left:50%;display:none;}
.next, .prev, .info {background:#333 !important;background:rgba(0, 0, 0, 0.6) url(../../images/h80.png) repeat-x;}






/* product image ______________________________________________________*/

.productImage {background:#000; width:200px}
.productImage img{ padding:2px; outline:1px #fff solid; border:1px red solid}



/* home page left menu ________________________________________________*/

ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;width:200px;}
ul.vert-one li{margin:0;padding:0 0 0 0;border-top:1px solid #000;}
ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#000;padding:15px 0 15px 20px;text-transform:uppercase;
				filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
ul.vert-one li a:hover{background:#fff; color:#000}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#fff; color:#000}



/* inquiry page table ____________________________________________________*/

.table {border-bottom:1px #434343 solid}
.table strong{ font-weight:bold}
.table span{ color:#FFFF00}
.table span.code{color:#FFFF00; font-weight:bold}




/*forms ___________________________________________________________________*/
.textfield {background:#fff; border:1px #000 solid; font-size:14px; padding:6px; font-family:'Trebuchet MS'}
.textfield:hover, .textfield.hover, .textfield:focus {background:#fff; border:1px #FFFF00 solid; font-size:14px; padding:6px}
.button {background:#E01E26; border:1px #E01E26 solid; padding:8px 10px; color:#fff; cursor:pointer}
.button:hover, .button.hover {background:#FFFF00; border:1px #FFFF00 solid;color:#E01E26; cursor:pointer}
.inquiryButtonContainer {margin:16px 0 0 181px}

.buttonSmall {background:#E01E26; border:1px #E01E26 solid; padding:0px 2px; color:#fff; cursor:pointer; font-size:11px}
.buttonSmall:hover, .buttonSmall.hover {background:#FFFF00; border:1px #FFFF00 solid;color:#E01E26; cursor:pointer}





/* top product category menu_________________________________________________*/

#nav {margin-left:0px; margin-top:-50px; float:right; width:980px}

#nav {height: 41px; float:right; padding-left:20px; width:980px}

#menu {position:relative;z-index:1000; background:#E01E26 ; float:right;margin: 0px;font:bold 18px 'Arial Narrow';cursor: pointer;color:#fff; margin-right:8px}
#menu table.ie6 {border-collapse:collapse; margin:0; padding:0;}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; display:block; padding:10px 15px 0 15px;}
#menu ul li a {display:block;float:left;padding:0;text-decoration:none;color:#fff;height:32px;line-height:32px;font:normal 18px'Arial Narrow';}

#menu ul li div.holder {position:absolute; left:-9999px; width:966px;background:#E01E26; margin-right:-20px}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {color:#910; white-space:nowrap; position:relative;}
#menu ul li a:hover b {color:#910;}
#menu ul li a.sub:hover {color:#910;white-space:nowrap; position:relative;}
#menu ul li a.sub:hover b {color:#910;}

#menu ul li:hover > a {color:#000; position:relative;}
#menu ul li:hover a.sub {color:#910; background-position:right bottom; white-space:nowrap; position:relative;}
#menu ul li:hover a.sub > b {color:#910; background-position:left bottom;}

#menu ul :hover div.holder {position:absolute; top:41px; left:4px; margin: 0; padding: 0;}

#menu ul li.right a:hover div.holder {left:auto; right:0px; top:35px;}
#menu ul li.right:hover div.holder {left:auto; right:0px; top:35px;}



ul.productCatalogueMenu{}
ul.productCatalogueMenu li{float: left; width: 13em; border:1px #fff solid;display: block; font:normal 14px 'Trebuchet MS'}
ul.productCatalogueMenu li a{display: block;text-decoration: none;font:normal 14px 'Trebuchet MS'}
ul.productCatalogueMenu li a:hover{color: #FFF; background-color: #000;}









/* error _______________________________________________*/
.ErrorMsg {background:Red url(../../images/icon_alert.png)  10px 10px no-repeat;  padding:10px 40px; color:#fff; margin-bottom:20px}
/* Success Message */
.SuccessMsg {background:#ffff00 url(../../images/icon_congrats.png) 10px 10px no-repeat ; padding:10px 40px; color:#000; margin-bottom:20px}

a.inActive {
		padding: 2px 4px;
		background-color:#F5F4EA;
		text-decoration:none;
		color:#ACA899;
		font-family:Verdana;
		font-size:10px;
		margin: 0 0 0 0;
		}
a.active:hover {
		color:#ACA899;
		text-decoration:none;
		background-color: #F5F4EA;
		}		
		
a.edit {
		padding: 2px 4px;
		background-color:#6F6F6F;
		text-decoration:none;
		color:#fff;
		font-family:Verdana;
		font-size:10px;
		margin: 0 0 0 ;
		}

a.edit:hover {
		color:#fff;
		text-decoration:none;
		background-color: #F68A41;
		}		


a.delete {
		padding: 2px 4px;
		background-color:red;
		text-decoration:none;
		color:#fff;
		font-family:Verdana;
		font-size:10px;
		margin: 0 0 0 ;
		}

a.delete:hover {
		color:#fff;
		text-decoration:none;
		background-color: #ff0000;
		}