/*
red: cc051a
blue: 123f6f
*/
body {
background: #e4e4e4 url(images/pagebackground.gif) top center repeat-y;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
margin: 0 auto;
width: 800px;
}
a {
color: #123f6f;
text-decoration:none;
}

a:hover{
color:#CC0000;
text-decoration:none;
}
/********************* HEADER ************************/
#header {
background: #000 url(images/power277-bkgrnd.jpg) top left no-repeat;
position: relative;
padding-top: 144px;
}
#header a {
color: #fff;
text-decoration: none;
}
#Power277 {
position: absolute;
top: 14px;
left: 77px;
width: 200px;
height: 30px;
}
#Power277 span {
margin: 0 0 0 -10000px;
}
#topnav {
position: absolute;
top: 0;
right:0;
padding: 5px 15px 5px 10px;
background-color: #000;
}
#topnav li {
float: left;
padding: 0 33px 0 0;
background: url(images/topnav_seperator.gif) center right no-repeat;
}
#topnav li.last {
background: none;
padding-right: 0;
}

#mainnav {
position: absolute;
width: 670px;
top: 51px;
left: 125px;
}

#mainnav li {
float: left;
}

#mainnav li a {
display: block;
width: 74px;
height: 93px;
}

#mainnav li#dimmeritem {
display: block;
width: 74px;
height: 93px;
float: left;
}

object,
#dimmer {
display: block;
width: 74px;
height: 93px;
float: left;
}


#commercial a {
background: #000 url(images/topnav_commercialgrade.jpg)  top left no-repeat;
}
#industrial a {
background: #000 url(images/topnav_industrialgrade.jpg)  top left no-repeat;
}
#PFC a {
background: #000 url(images/topnav_PFC.jpg)  top left no-repeat;
}
#dinrail a {
width: 75px;
background: #000 url(images/topnav_dinrail.jpg) top left no-repeat;
}

#openframe a {
width: 75px;
background: #000 url(images/topnav_openframe.jpg)  top left no-repeat;
}
#dc a {
width: 75px;
background: #000 url(images/topnav_dcdc.jpg)  top left no-repeat;
}
#parallel a {
background: #000 url(images/topnav_parallel.jpg)  top left no-repeat;
}
#medical a {
background: #000 url(images/topnav_medical.jpg)  top left no-repeat;
}
#class2 a {
background: #000 url(images/topnav_class2.jpg)  top left no-repeat;
}
#commercial a:hover, #industrial a:hover, 
#PFC a:hover, #dinrail a:hover, 
#openframe a:hover, #dc a:hover, 
#parallel a:hover, #medical a:hover, 
#class2 a:hover {
background-position: 0 -93px;
}
#commercial span, #industrial span, 
#PFC span, #dinrail span, 
#openframe span, #dc span, 
#parallel span, #medical span, 
#class2 span {
visibility: hidden;
}
#contact {
padding: 3px 18px;
background-color: #000;
color: #fff;
text-align:right;
}
#contact span {
padding-right: 20px;
}

/********************* CONTENT ************************/
#content {
padding: 40px 30px;
}
/********************* LEFTSIDE ************************/
#leftside {
width: 150px;
padding-right: 30px;
float: left;
}
#leftside h2 {
font-size: 16px;
}
#leftside ul {
padding-top: 20px;
}
#leftside li {
padding: 10px 0;
background: url(images/dash.gif) bottom left repeat-x;
}
#leftside a {
color: #123f6f;
text-decoration: none;
font-weight: bold;
font-size: 12px;
line-height: 20px;
}
#leftside a:hover {
color: #cc051a;
font-size: 14px;
}
/********************* MAINCONTENT ************************/
#maincontent {
width: 560px;
float: left;
}
#maincontent p {
padding-top: 20px;
}
#maincontent h1 {
font-size: 18px;
font-weight: normal;
}
#maincontent h2 {
padding-top: 20px;
}

#maincontent #c1 {
width: 247px;/* 288px; */
float: left;
padding-right: 10px;
}
#maincontent #c2 {
width: 262px;
float:left;
}

.redbox {
background: #642823 url(images/red_box_top.gif) top left no-repeat;
width: 283px;
padding-top: 10px;
color: #fff;
float: left;
margin: 0 10px;
}

#home .redbox {
margin: 20px auto;
float: none;
}

.redbox .inside {
background:url(images/red_box_bottom.gif) bottom left no-repeat;
padding: 0 10px 10px 10px;
}

#home .redbox .inside h2 {
font-size: 14px;
text-align: left;
padding: 0 0 5px 0;
margin: 0;
}
.redbox .product {
width: 263px;
background-color: #FFF;
text-align: center;
}


#productpage .product {
width: 140px;
text-align: center;
float: left;
display: inline-block;
margin: 0 5px 20px 5px;
width: 130px;
}


.boldred {
font-weight: bold;
color: #CC0000;
}



form {
margin-top: 10px;
}

.row {
display: block;
clear: both;
overflow: hidden;
padding-bottom: 10px;
}
label {
float: left;
font-weight: bold;
width: 180px;
text-align: right;
padding-right: 10px;
}
.field {
float: left;
}
.buttonrow {
padding-left: 190px;
}
p.error {
font-weight: bold;
color: #C00;
}
p.success {
font-weight: bold;
}
.field input {
width: 250px;	
}
/********************* UNIVERSAL ************************/
#footer {
margin: 20px;
padding: 10px 0;
border-top: 1px solid #123f6f;
font-size: 10px;
}
#footer ul li {
float: left;
padding-right: 15px;
background: url(images/footernav_seperator.gif) right center no-repeat;
}
#footer p {
float: right;
}
#footer a {
text-decoration: none;
}





/********************* UNIVERSAL ************************/.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */