@charset "UTF-8";
/* CSS Document */

/*
Grey:		#E6E6E6
D Grey:		#333333
Orange:		#F7931E
Sky:		#ECF8FE
Cream:		#FFFDED 
*/

/* HTML & BODY ELEMENTS */
body, div, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, ul, ol, li { 
margin:0; padding:0; 
}

table { 
border-collapse:collapse; border-spacing:0; font-size:1em; 
}

html, body { height:100.1%  }

body { 
background:#fff url(../cssimages/global/b5.png) repeat-x 0 60px;
font-family: "HelveticaNeue-Light", HelveticaNeue, Arial, sans-serif;
font-size: 62.5%; 
position: relative; 
}

a { outline: none; color: #003f8c; }

a img { border: 0; outline: none; }

ul, ol, li { list-style-position:; }

em { font-style: italic; }

strong { font-weight: bold; }

h1, h2, h3, h4, h5 { font-weight:normal; }

p { font-size: 1.1em;}

/* FLOATS + HIDE */
hr { clear: both; height: 0; font-size: 1px; line-height: 0px; visibility: hidden; }
.clearfloat { clear:both;  height:0; font-size: 1px; line-height: 0px; }
.hide { display: none; }


/* STRUCTURE */
/* Home page only */
#topBar_home{
width:995px;
margin: 0 auto;
position: relative;
top:-100px;
z-index: 1;
}
#topBar_home ul{
height:40px;
width:990px;
padding:15px 0 5px 5px;
margin:0 auto;
list-style:none;
}

#topBar_home ul li {
display:inline;
float:left;
margin:0 10px 0 0;
}

#topBar_home li a{
display: block;
height: 30px;
background-image: url(../cssimages/global/sprite_menu.png);
background-repeat: no-repeat;
text-decoration:none;
}

/* Main pages */
#topBar{
width: 995px;
margin: 0 auto;
position: relative;
z-index: 1;
}

#topBar ul{
height:40px;
width:990px;
padding:15px 0 5px 5px;
margin:0 auto;
list-style:none;
}

#topBar ul li {
display:inline;
float:left;
margin:0 10px 0 0;
}

#topBar li a{
display: block;
height: 30px;
background-image: url(../cssimages/global/sprite_menu.png);
background-repeat: no-repeat;
text-decoration:none;
}

#search {
position: absolute;
width:200px;
height:40px;
top:19px;
left:795px;
}

#search .submit {color:#FFF; padding:2px 2px; background:#F7931E; width:30px; border:none; font-size:1.2em; margin:0 0 0 2px; }
#search input { border:#E6E6E6 3px solid; width:150px; padding:2px;  }

/* MENU */

/*Home */
#m-home{
background-position: 0 0;
width:57px;
}
#m-home:hover, #m-home:focus{
background-position: 0 -30px;
}
#home #m-home{
background-position: 0 -60px;
}

/*Products */
#m-products{
background-position: -57px 0;
width:96px;
}
#m-products:hover, #m-products:focus{
background-position: -57px -30px;
}
#products #m-products{
background-position: -57px -60px;
}

/*Downloads */
#m-downloads{
background-position: -153px 0;
width:115px;
}
#m-downloads:hover, #m-downloads:focus{
background-position: -153px -30px;
}
#downloads #m-downloads{
background-position: -153px -60px;
}

/*Gallery */
#m-gallery{
background-position: -268px 0;
width:86px;
}
#m-gallery:hover, #m-gallery:focus{
background-position: -268px -30px;
}
#gallery #m-gallery{
background-position: -268px -60px;
}

/*About */
#m-about{
background-position: -354px 0;
width:67px;
}
#m-about:hover, #m-about:focus{
background-position: -354px -30px;
}
#about #m-about{
background-position: -354px -60px;
}

/*News */
#m-news{
background-position: -421px 0;
width:58px;
}
#m-news:hover, #m-news:focus{
background-position: -421px -30px;
}
#news #m-news{
background-position: -421px -60px;
}

/*Contact */
#m-contact{
background-position: -479px 0;
width:83px;
}
#m-contact:hover, #m-contact:focus{
background-position: -479px -30px;
}
#contact #m-contact{
background-position: -479px -60px;
}




/* Everything below the 'topBar' */
#content{
position: relative;
}

#extras{
position:relative;
width:995px; 
margin: 0 auto; 
height:120px;
}

/* LABEL VARIATIONS */
#label_led, #label_contract-products, #label_downlights, #label_bathroom, #label_fire-rated, #label_exterior-lighting, #label_spotlights, #label_accessories, #label_floor-lights, #label_picture-lights, #label_interior-lights, #label_display-lights, #label_stairway-corridor,
#label_welcome, #label_products, #label_downloads, #label_contact, #label_message, #label_gallery, #label_about, #label_search {
position: absolute;
top:0px;
}

/* The left measurment is the 'width' - the wrapper 'width' (995) - '5px' */
#label_led {
width:514px;
height:119px;
left:478px;
}

#label_contract-products {
width:582px;
height:107px;
left:408px;
}

#label_downlights {
width:366px;
height:120px;
left:624px;
}

#label_bathroom {
width:320px;
height:107px;
left:670px;
}

#label_fire-rated {
width:337px;
height:107px;
left:653px;
}

#label_exterior-lighting {
width:558px;
height:119px;
left:432px;
}

#label_spotlights {
width:335px;
height:120px;
left:655px;
}

#label_floor-lights {
width:393px;
height:120px;
left:597px;
}

#label_picture-lights {
width:453px;
height:120px;
left:537px;
}

#label_interior-lights {
width:472px;
height:120px;
left:518px;
}

#label_display-lights {
width:458px;
height:120px;
left:532px;
}

#label_stairway-corridor {
width:635px;
height:120px;
left:356px;
}

#label_accessories {
width:391px;
height:107px;
left:599px;
}


/* other pages */
#label_welcome {
width:636px;
height:102px;
left:355px;
}

#label_products {
width:613px;
height:120px;
left:377px;
}

#label_downloads {
width:503px;
height:107px;
left:487px;
}

#label_contact {
width:565px;
height:107px;
left:425px;
}

#label_message {
width:468px;
height:120px;
left:522px;
}

#label_gallery {
width:597px;
height:102px;
left:398px;
}

#label_about {
width:508px;
height:120px;
left:482px;
}

#label_search {
width:493px;
height:107px;
left:497px;
}



/* BOX VARIATIONS */
.holder {
position:relative;
}

#box_downlights, #box_bathroom, #box_fire-rated, #box_exterior-lighting, #box_spotlights, 
#box_floor-lights, #box_picture-lights, #box_interior-lights, #box_display-lights, #box_stairway-corridor {
position: absolute;
top:0px;
z-index: 1000;
}

#box_downlights {
width:175px;
height:175px;
left:6px;
top:6px;
}



/* PAGE CONTENT */
#wrapper { 
position: relative;
width:995px; 
margin:30px auto 0 auto; 
padding-bottom:30px;
padding-top:10px;
}


/*LOGO*/
#logo { width:300px;  margin:0 auto 40px 5px;}


/*Bread Crumb */
#breadcrumbAlt{
margin:0 0 22px 0;
font-size: 1.1em;
}


#breadcrumb{
margin:0 0 0 0;
font-size: 1.1em;
}

#bLeft {
background: url(../cssimages/global/curve_left.png) no-repeat top left;
width:7px;
height:30px;
float:left;
}

#bRight {
background: url(../cssimages/global/curve_right.png) no-repeat top left;
width:7px;
height:30px;
float:left;
}

#bMiddle{
float:left;
width:auto;
height:30px;
background: #FFF;
}

#bMiddle h3 {
margin:8px 0 0 0;
color:#F7931E;
}

#bMiddle h3 a{
color:#333;
text-decoration: none;
}

#bMiddle h3 a:hover{
color:#6D6F71;
text-decoration: none;
}

#bMiddle span.slash{
color:#000;
}

#bMiddle span.second{
color:#A7A9AC;
}

#bMiddle span.last{
color:#D1D3D4;
}

#bMiddle a.first{
color:#6D6F71;
}

#bMiddle a:hover.first{
color:#A7A9AC;
}

#bMiddle a.second{
color:#A7A9AC;
}

#bMiddle a:hover.second{
color:#D1D3D4;
}





/*Pagination */
.pagWrapper {
	width:995px;
	margin:5px 0 25px 0;
}
.pagination{
position:absolute;
width:110px;
height:30px;
top:10px;
left:885px;
font-size: 1.1em;
}

.pagination h3 a{
color:#333;
text-decoration: none;
}

.pagination h3 a:hover{
color:#6D6F71;
text-decoration: none;
}

.pagination span.seperate{
color:#F7931E;
}


/*Pagination ALTERNATIVE */
.paginationAlt{
width:110px;
height:30px;
margin:0 0 0 0;
float:right;
}

.paginationAlt h3 a{
color:#333;
text-decoration: none;
font-size:12px;
}

.paginationAlt h3 a:hover{
color:#6D6F71;
text-decoration: none;
font-size:12px;
}

.paginationAlt span.seperate{
color:#F7931E;
font-size:13px;
}

.pLeft {
background: url(../cssimages/global/curve_left.png) no-repeat top left;
width:7px;
height:30px;
float:left;
}

.pRight {
background: url(../cssimages/global/curve_right.png) no-repeat top left;
width:7px;
height:30px;
float:left;
}

.pMiddle{
float:left;
width:auto;
height:30px;
background: #FFF;
}

.pMiddle h3 {
margin:8px 0 0 0;
}

/* HOMEPAGE SPY */
#spybox {
width:300px;
margin:0 0 10px 0;
float:left;
}

#spyboxTop {
width:300px;
height:4px;
background: url(../cssimages/global/spy/spy_top.png) top left no-repeat;
}

#spyboxBottom {
width:300px;
height:4px;
background: url(../cssimages/global/spy/spy_bottom.png) top left no-repeat;
margin:-2px 0 0 0;
}


#sidebar {
    color: #AFB0B1;
    background: #FFF;
    float:left;
    margin:0;
    padding:4px 10px 15px 10px;
    width:280px;
}

#sidebar h1 {
text-transform: uppercase;
font-size:1.5em;
font-weight:normal;
margin:0 0 15px 0;
color:#6D6F71;
}

#sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}


.tags {
	color:#FFF;
	margin:0.6em 0.5em 1.4em 0.5em;
}

.tags a,
.tags span {
	background-color:#E6E6E6;
	font-size: 1.0em;
	padding: 0.2em 0.5em 0.2em;
}

.tags a:link,
.tags a:visited {
	color:#6D6F71;
	text-decoration: none;	
}

.tags a:hover,
.tags a:active {
	background-color:#E6E6E6;
	color:#FFF;
	text-decoration: none;	
}

.more {
	margin:0.4em 0.5em 0 0.5em;
	color:#6D6F71;
}

.more a,
.more span {
	background-color:#E6E6E6;
	font-size: 1.0em;
	padding: 0.2em 0.5em 0.2em;
}

.more a:link,
.more a:visited {
	color:#F7931E;
	text-decoration: none;	
}

.more a:hover,
.more a:active {
	color:#333;
	text-decoration: none;	
}


#sidebar li {
    height:120px;
    overflow: hidden;
}

#sidebar li img {
    float:left;
    margin-right:8px;
}

#sidebar li .info {
    color:#3E4548;
    font-size:1em;
}


#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}


/* Quick homepage links */
#quickLinks {
float:left;
width:665px;
height:96px;
padding:8px 0 20px 10px;
margin:0 0 10px 0;
background:#FFF;
}

#quickLinks h1 {
text-transform: uppercase;
font-size:1.5em;
font-weight:normal;
margin:0 0 10px 0;
color:#6D6F71;
}


.linkBox {
float:left;
text-align:center;
margin:0 5px 5px 0;
text-transform: uppercase;
}

.linkBox a{
width:117px;
padding:5px;
height:13px;
font-size: 1.0em;
color:#3E4548; 
text-decoration: none;
background:#E6E6E6;
display: block;
}


.linkBox a:hover{
width:117px;
padding:5px;
height:13px;
color:#F7931E; 
text-decoration: none;
background:#F7F7F7;
}

/*For the LED Category Only*/
.linkBoxOrange {
float:left;
text-align:center;
margin:0 5px 5px 0;
text-transform: uppercase;
}

.linkBoxOrange a{
width:117px;
padding:5px;
height:13px;
font-size: 1.1em;
color:#fff;
font-weight:bold; 
text-decoration:none;
background:#F7931E;
display: block;
}

.linkBoxOrange a:hover{
width:117px;
padding:5px;
height:13px;
color:#F7931E; 
font-weight: bold: 
text-decoration: none;
background:#F7F7F7;
}
/*LED end*/

/*For the Statci Category Only*/
.linkBoxStatic {
float:left;
text-align:center;
margin:0 5px 5px 0;
text-transform: uppercase;
font-weight: bold;
}

.linkBoxStatic a{
width:117px;
padding:5px;
height:13px;
font-size: 1.0em;
color:#000; 
text-decoration: none;
background:#FFCA06;
display: block;
}


.linkBoxStatic a:hover{
width:117px;
padding:5px;
height:13px;
color:#F7931E; 
text-decoration: none;
background:#F7F7F7;
}
/*END*/

/*Large homepage features*/
#homeFeatures {
float:left;
width:675px;
margin:0 0 0 20px;
}

#homeLeft {
float:left;
width:330px;
margin:0 15px 0 0;
}

#homeRight {
float:left;
width:330px;
margin:0 0 0 0;
}


/* REUASABLE BOXES */
/* 175 pixels */
#box175 {
float:left;
width:175px;
margin:0 0 30px 0;
}

/*gallery only*/
#boxGallery175 {
float:left;
width:175px;
margin:0 4px 30px 0;
}
/*end*/

#box175Top {
width:175px;
height:5px;
background: url(../cssimages/box/top_175.png) top left no-repeat;
}

#box175Bottom {
width:175px;
height:5px;
background: url(../cssimages/box/bottom_175.png) top left no-repeat;
margin:0 0 0 0;
}

/* REUASABLE BOXES */
/* 120 pixels */
#box120 {
float:left;
width:120px;
margin:0 0 30px 0;
}

#box120Top {
width:120px;
height:5px;
background: url(../cssimages/box/top_120.png) top left no-repeat;
}

#box120Bottom {
width:120px;
height:5px;
background: url(../cssimages/box/bottom_120.png) top left no-repeat;
margin:0 0 0 0;
}


/* REUASABLE BOXES */
/* 500 pixels */
#box500 {
float:left;
width:500px;
margin:0 0 30px 0;
}

#box500Top {
width:500px;
height:10px;
background: url(../cssimages/box/top_500.png) top left no-repeat;
}

#box500Bottom {
width:500px;
height:10px;
background: url(../cssimages/box/bottom_500.png) top left no-repeat;
margin:0 0 0 0;
}

/* Contact Succes only */
#messageSent {
width:460px;
height:100px;
background:#FFF;
padding:0px 20px 0 20px;
}

#messageSent p{
font-size:1.2em;
color:#333;
margin:1px 0 13px 0;
line-height: 1.3em;
}

#messageSent h1{
font-size:1.3em;
color:#F7931E;
text-transform:uppercase;
margin:0 0 3px 0;
}

/* About and contact page */
#aboutInfo{
width:460px;
height:auto;
background:#FFF;
padding:10px 20px 0 20px;
}

#aboutInfo h1{
font-size:1.3em;
color:#F7931E;
text-transform:uppercase;
margin:0 0 3px 0;
}

#aboutInfo h2{
font-size:1.3em;
color:#F7931E;
text-transform:uppercase;
margin:25px 0 0 0;
}

#aboutInfo h3{
font-size:1.2em;
color:#333;
text-transform:uppercase;
margin:5px 0 0 0;
}

#aboutInfo h4{
font-size:1.1em;
color:#F7931E;
text-transform:uppercase;
margin:0 0 3px 0;
}

#aboutInfo p{
font-size:1.2em;
color:#333;
margin:1px 0 13px 0;
line-height: 1.3em;
}

#aboutInfo p a{
color:#666;
text-decoration: underline;
}

#aboutInfo p a:hover{
color:#333;
text-decoration: underline;
}

#aboutInfo ul { 
list-style:none; 
margin:2px 0 15px 0; 
}

#aboutInfo ul li { 
width:390px; 
margin:10px 0 5px 0; 
background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; 
font-size:1.2em; 
color:#333333;  
}

#boxRight {
float:left;
margin:0 0 0 20px;
width:475px;
}

#boxRight img {
margin:0 0 20px 0;
width:475px;
}

/*CONTACT FORM */
#contactForm{
width:460px;
padding:6px 20px 0 20px;
}

#contactForm h1{
font-size:1.3em;
color:#333;
text-transform:uppercase;
margin:0 0 0 0;
}

#contactForm p{
font-size:1.2em;
color:#333;
margin:1px 0 13px 0;
line-height: 1.2em;
}

#contactForm form { display:inline; margin:0 0 0 0;}
#contactForm label { font-size:1.1em; text-transform:uppercase; color:#F7931E; margin:10px 0 0 0;}

form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
textarea{ width:280px;height:80px; border:#FFF 1px solid; margin:1px 0 0 0; font-size:13px; overflow:auto; padding:5px; }
.submit { cursor:pointer; cursor:hand; color:#FFF; position:relative; top:0px; }
.contactForm input { border: #FFF 3px solid; width:200px; }
#contactForm .submit {color:#FFF; padding:2px 2px; background:#F7931E; width:50px; border:none; font-size:1.2em}


/* DOWNLOADS */
.download {
margin:5px 0 0 0;
}

.download h2{
font-size:1.2em;
color:#F7931E;
text-transform:uppercase;
margin:0 0 0 0;
}

.download h2 a{
text-decoration: none;
color:#F7931E;
}

.download h2 a:hover{
color:#333;
}

.download p{
font-size:1.2em;
color:#333;
margin:0 0 3px 0;
line-height: 1.3em;
}

.icon {
margin: 0 8px 5px 0;
padding: 3px 0 0 0;
float:left;
height:55px;
}

#downloadInfo{
width:460px;
background:#FFF;
padding:10px 20px 0 20px;
}

#downloadInfo h1{
font-size:1.3em;
color:#F7931E;
text-transform:uppercase;
margin:0 0 0 0;
}

#downloadInfo h3{
font-weight: normal;
font-size:1.2em;
color:#333;
margin:0 0 20px 0;
line-height: 1.3em;
}


/*CONTENT*/

/*Product Pages */

/*Left box for Categories */
#category{
width:175px;
}

#category ul{
margin: ;
background:#FFF;
}

#category ul li{
list-style: none;
text-transform: uppercase;
font-weight:normal;
}

#category li.title{
display: block;
height: 18px;
font-size:1.2em;
color:#F7931E;
text-transform:uppercase;
padding:8px 0 0 8px;
}

#category li a{
font-size:1.1em;
display: block;
height: 24px;
text-decoration: none;
color:#4D4D4D;
padding:10px 0 0 8px;
}

#category li a:hover{
background:#FAFAFA;
/*color:#BCBEC0;*/
color:#F7931E;
}

/*For the LED Category Only*/
#category li.led a{
font-size:1.1em;
display: block;
height: 24px;
text-decoration:none;
color:#4D4D4D;
padding:10px 0 0 8px;
background:#FEEFDD;
}

#category li.led a:hover{
background:#FAFAFA;
/*color:#BCBEC0;*/
color:#F7931E;
}
/*LED end*/


/*Last Box for codes*/
#codeList{
width:120px;
height:318px;
margin:0;
background:#FFF;
}

#codeList ul{
margin:;
background:#fff;
}

#codeList ul li{
list-style: none;
text-transform: uppercase;
font-weight:normal;
}

#codeList li.title{
display: block;
height: 18px;
font-size:1.2em;
text-decoration:none;
color:#F7931E;
text-transform:uppercase;
padding:8px 0 0 8px;
}

#codeList li a{
width:95px;
display: block;
font-size:1.1em;
height:24px;
text-decoration: none;
color:#4D4D4D;
padding:10px 0 0 8px;
}

#codeList li a:hover{
background:#FAFAFA;
/*color:#BCBEC0;*/
color:#F7931E;
}


/*Datasheet link*/
#datasheet { float:left; width:215px; list-style: none; position:relative; margin:0 0 0 0; }
#datasheet li { float:left; }
#datasheet a * { display:none; }
#datasheet a, #datasheet a .hover { height:40px; position:relative; 
display:block; background: url(../cssimages/nav/datasheet.png) 0 0 no-repeat; }
#datasheet a.data { background-position: 0 0; width:215px; }
#datasheet .highlight a.data:hover, #datasheet a.data .hover { background-position: 0 -40px; }



/* Product Index page (white boxes) */
#catLed, #catContract, #catDownlights, #catFire, #catSpot, #catBath, #catInterior, #catPicture, #catDisplay,
#catStair, #catExterior, #catFloor, #catAccess {
float:left; text-align:left; margin:0 15px 15px 0; text-transform: uppercase;
}

#catContract a, #catDownlights a, #catFire a, #catSpot a, #catBath a, #catInterior a,
#catPicture a, #catDisplay a, #catStair a, #catExterior a, #catFloor a,
#catAccess a {
font-size: 1.3em; color:#F7931E; text-decoration:none;
display: block; padding:15px; width:157px; height:157px;
}

#catContract a:hover, #catDownlights a:hover, #catFire a:hover, #catSpot a:hover, #catBath a:hover,
#catInterior a:hover, #catPicture a:hover, #catDisplay a:hover, #catStair a:hover,
#catExterior a:hover, #catFloor a:hover, #catAccess a:hover {
color:#F7931E;
}

/*LED Only*/
#catLed a {
font-size: 1.3em; color:#F7931E; text-decoration:none;
display: block; padding:15px; width:157px; height:157px;
background: url(../cssimages/products/led_sprite.png) top left no-repeat;
}
#catLed a:hover { color:#F7931E; background-position:0 -187px; }
/* Led finished */


/* Contract */
#catContract a {
background: url(../cssimages/products/contract_sprite.png) top left no-repeat;
}
#catContract a:hover {
background-position:0 -187px;
}

/* Downlights */
#catDownlights a {
background: url(../cssimages/products/downlights_sprite.png) top left no-repeat;
}
#catDownlights a:hover {
background-position:0 -187px;
}

/* Fire Rated */
#catFire a {
background: url(../cssimages/products/fire_sprite.png) top left no-repeat;
}
#catFire a:hover {
background-position:0 -187px;
}

/* SpotLights */
#catSpot { margin:0 0 15px 0; }

#catSpot a {
background: url(../cssimages/products/spot_sprite.png) top left no-repeat;
}
#catSpot a:hover {
background-position:0 -187px;
}

/* Bathroom */
#catBath a {
background: url(../cssimages/products/bathroom_sprite.png) top left no-repeat;
}
#catBath a:hover {
background-position:0 -187px;
}

/* Interior */
#catInterior a {
background: url(../cssimages/products/interior_sprite.png) top left no-repeat;
}
#catInterior a:hover {
background-position:0 -187px;
}

/* Picture */
#catPicture a {
background: url(../cssimages/products/picture_sprite.png) top left no-repeat;
}
#catPicture a:hover {
background-position:0 -187px;
}

/* Display */
#catDisplay a {
background: url(../cssimages/products/display_sprite.png) top left no-repeat;
}
#catDisplay a:hover {
background-position:0 -187px;
}

/* Stairway */
#catStair { margin:0 0 15px 0; }

#catStair a {
background: url(../cssimages/products/stair_sprite.png) top left no-repeat;
}
#catStair a:hover {
background-position:0 -187px;
}

/* Exterior */
#catExterior { margin:0 0 15px 0; }

#catExterior a {
background: url(../cssimages/products/exterior_sprite.png) top left no-repeat;
}
#catExterior a:hover {
background-position:0 -187px;
}

/* Floorlights */
#catFloor a {
background: url(../cssimages/products/floor_sprite.png) top left no-repeat;
}
#catFloor a:hover {
background-position:0 -187px;
}

/* Accessories */
#catAccess a {
background: url(../cssimages/products/access_sprite.png) top left no-repeat;
}
#catAccess a:hover {
background-position:0 -187px;
}




/*Middle Box for products*/
#productList{
width:685px;
float:left;
margin:0 0 0 15px;
}

#productList img{
float:left;
margin:0 14px 14px 0;
}

/* products/index.html */
#productfeatureList{
width:1000px;
float:left;
margin:0 0 0 0;
}

#productfeatureList img{
float:left;
margin:0 20px 20px 0;
}


/* Detail Page */
#productDetail{
width:685px;
float:left;
margin:0 0 0 15px;
}

#productDetail img{
float:left;
}

#productDetail h1 {
font-size:2.0em;
color:#4D4D4D;
font-weight:normal;
margin:0 0 5px 0;
}

#productDetail h3 {
font-size:1.4em;
color:#F7931E;
text-transform:uppercase;
margin:15px 0 8px 0;
}

#productDetail h4 {
font-size:1.2em;
color:#333;
text-transform:uppercase;
margin:10px 0 0 0;
}

#nestedImage{
height:312px;
}

/* Gallery Pages*/
#galleryList{
width:815px;
float:left;
margin:0 0 0 0;
}

#galleryList img{
float:left;
margin:0 0 11px 11px;
}


#galleryDetail{
width:805px;
float:left;
margin:0 0 0 15px;
}

#galleryDetail img{
float:left;
}

#galleryDetail h1 {
font-size:2.0em;
color:#4D4D4D;
font-weight:normal;
margin:0 0 5px 0;
}

#galleryDetail h3 {
font-size:1.4em;
color:#F7931E;
text-transform:uppercase;
margin:0 0 5px 0;
}

#galleryDetail h4 {
font-size:1.4em;
color:#F7931E;
text-transform:uppercase;
margin:15px 0 4px 0;
}

#galleryDetail p {
width:230px;
font-size:1.2em;
color:#333;
margin:0;
}

.galleryLeft {
width:512px;
float:left;
}

.galleryRight {
width:270px;
float:left;
margin:0 0 0 18px;
padding:0 0 0 0;
}

/* Decription List items */
.description ul { 
list-style:none; 
margin:2px 0 15px 0; 
}

.description ul li { 
width:390px; 
margin:0 0 5px 0; 
background:url(../cssimages/global/list_bullet.png) 0 4px no-repeat; 
padding:0 0 0 12px; 
font-size:1.3em; 
color:#333333;  
}

.description h2 { 
width:300px;
color:#333;
font-size:13px; 
}

/* Decription List items */
.description p { 
font-size: 13px;
line-height: 16px;
margin:2px 0 8px 0; 
}


.detailLeft {
width:397px;
float:left;
}

.detailRight {
width:263px;
float:left;
margin:0 0 0 20px;
padding:0 0 0 0;
}


/* Tech symbols styles */
.techSymbols {
width:260px;
margin:0 0 0 0;
}

.techSymbols img {
float:left;
margin:0 5px 5px 0;
width:50px;
height:50px;
}

/* Diemnsion styles */
.dimension {
margin:10px 0 15px 0;
list-style:none;
}

.dimension li{
text-transform:uppercase;
font-size:1.1em;
color:#F7931E;
margin:0 0 2px 0;
}

.dimension li span{
font-size:1.1em;
color:#333;
text-transform:lowercase;
}

.dimension li img{
margin:0 0 8px 0;
}

.dimension li.title{
text-transform:uppercase;
font-size:1.4em;
color:#F7931E;
}

/* Available Options */
.datatable{
border-collapse: collapse;
width:280px;
}

.datatable td {
border: 1px solid #F7931E;
padding: 4px;
font-size: 1.1em;
}

.datatable th {
border: 1px solid #F7931E;
background: url(../cssimages/global/table_bg.png)top left repeat-x;
text-align: left;
font-size: 1.2em;
font-weight: normal;
text-transform: uppercase;
color: #FFF;
padding:4px;
}

.odd { background: url(../cssimages/global/table_odd.png)top left repeat-x; } /* pale grey */
.even { background: url(../cssimages/global/table_even.png)top left repeat-x;} /* dark grey */

.upper{
text-transform: uppercase;
}


/* Search Result Styles */

/*
.resultsTop {
background: url(../cssimages/box/top_1015.png) no-repeat top left;
width:1015px;
height:20px;
}

.resultsMiddle {
background:#FFF;
width:1015px;
height:auto;
}

.resultsBottom {
background: url(../cssimages/box/bottom_1015.png) no-repeat top left;
width:1015px;
height:20px;
}
*/

#results{
width: 1015px;
position: relative;
}

#results h1 {
color:#F7931E;
font-size: 1.8em;
text-transform:uppercase; 
}

#results span {
color: #333;
text-transform:lowercase; 
}

#results ul{
list-style:none;
margin: 20px 0 0 0;
}

#results ul li {
display:inline;
float:left;
margin:0 8px 10px 0;
}

#results li a{
text-decoration:none;
font-size: 1.8em;
}

/* result code: */
#results li.res_code a{
color:#6D6F71;
text-decoration: underline;
}

#results li.res_code a:hover{
color:#A7A9AC;
text-decoration: underline;
}

/* result name: */
#results li.res_name a{
color:#6D6F71;
}

#results li.res_name a:hover{
color:#A7A9AC;
}

/* result category: */
#results li.res_cat a{
color:#F7931E;
}

#results li.res_cat a:hover{
color:#6D6F71;
}

/* result join: */
#results li.res_join{
color:#A7A9AC;
font-size: 1.8em;
}


/* SCROLL BARS STUFF (related to .codeList) */
.holder {
margin:5px 0 0 0;
padding:0 0 5px 0;
}
		
.scroll-pane {
width:120px;
overflow:auto;
height:270px;
}
		
.winXP .jScrollPaneTrack {
background: url(../cssimages/_scroll/windows_track.gif) repeat-y;
}
.winXP .jScrollPaneDrag {
background: url(../cssimages/_scroll/windows_drag_middle.gif) no-repeat 0 50%;
}
.winXP .jScrollPaneDragTop {
background: url(../cssimages/_scroll/windows_drag_top.gif) no-repeat;
height: 4px;
}
.winXP .jScrollPaneDragBottom {
background: url(../cssimages/_scroll/windows_drag_bottom.gif) no-repeat;
height: 4px;
}
.winXP a.jScrollArrowUp {
height: 17px;
background: url(../cssimages/_scroll/windows_arrow_up.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowUp:hover {
background-position: 0 -20px;
}
.winXP a.jScrollArrowDown {
height: 17px;
background: url(../cssimages/_scroll/windows_arrow_down.gif) no-repeat 0 0;
}
.winXP a.jScrollArrowDown:hover {
background-position: 0 -20px;
}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
background-position: 0 -40px;
}


/* IMAGE FOOTER */
#footer {
width:995px;
height:55px;
}


/* NOT USED YET */
/*
FOOTER
*/
#footer { margin:20px 0 0 0; }

/*
GENERAL
*/
.general {position:relative; margin:20px 0 0 0; }
.general h1 { font-size:14px; font-weight:bold; color:#333; line-height:1.4em; text-transform:uppercase; margin:20px 0 0 0;}
.general h1 a{ text-decoration:none; color:#F7931E; border-bottom:dashed 1px #333; background:#F5F5F5; padding:0 0 2px 0; }
.general h1 a:hover{ text-decoration:none; color:#333; border-bottom:dashed 1px #F7931E; background:#F5F5F5; padding:0 0 2px 0; }
.general h2 { display:inline; text-align:left; font-size:12px; font-weight:normal; line-height:1.4em; color:#000; margin:20px 0 0 0;}
.general h2 span{ font-weight:bold; color:#000;}
.general h2 a{ text-decoration:none; color:#0684BF; border-bottom:dashed 1px #333; background:#F5F5F5; }
.general h2 a:hover{ text-decoration:none; color:#333; border-bottom:dashed 1px #000; background:#F5F5F5; }
.general span { color:#F7931E;}

.box {position:relativde; width:300px; padding:10px; background-color:#999999; color:#000; display:none; }
.box .hover {
  cursor: pointer;
  color: #fff;
}

.general .hover {
  cursor: pointer;
  color: #afa;
}


/*
CYCLE -js styles
*/
.widePics{ cursor:pointer; padding:5px; border:1px solid #808080; background-color:#E6E6E6; }
.widePicsNoLink{ padding:5px; border:1px solid #808080; background-color:#E6E6E6; }
.hoverPicsLarge{ cursor:pointer; padding:6px; background:url(../cssimages/global/image_hover_330.png) no-repeat top left;}
.hoverPics{ cursor:pointer; padding:6px; background:url(../cssimages/global/image_hover.png) no-repeat top left;}
.hoverPicsSmall{ cursor:pointer; padding:6px; background:url(../cssimages/global/image_hover_112.png) no-repeat top left;}