html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote,
a, abbr, acronym, address, big, cite, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.clear {
    clear:both;
    height:0;
    overflow:hidden;
}

.clearpadded {
    clear:both;
    height:30px;
    overflow:hidden;
}

.ten-px-padded {
    padding:10px;
}

.tb-padded {
    padding:15px 0;
}

.nopad {
    padding:0;
}

.nomargin {
    margin:0;
}

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

html,body {
    height:100%;
}

html {
    background:   url(/images/html-bg.gif) repeat-x;
    font:9pt/14pt Arial,sans-serif;
    color:#424242;
   
}
body {
    background: url(/images/site-background.jpg) no-repeat top center;

}

hr {
    height:1px;
    width:100%;
    background:#ccc;
    border:0;    
}

#site-container {
    
    width:100%;
    height:100%;
    position:relative;
   
   
    
  
}
#page-container {
    background:#fff;
    width:980px;
    margin:0 auto;
   

    
}
#content-container {
    float:left;
    width:980px;
    height:100%;
}

#left {
    float:left;
    width:224px;
    display:inline;
}

#main {
    float:left;
    width:756px;
    display:inline;
}

#logos {
    margin:20px 0;
	z-index:100;
}

#logos img {
    margin-right:10px;
}

#footer {
    clear:both;
    font-size:8pt;
    height:134px;
    background:#E0DEDF url(/images/footer-bg.gif) no-repeat bottom center;
    position:relative;
}

#footer .inner {
    text-align:center;
    padding:70px 0 0 0 ;
}

#rexellogo {
float:right;
width:138px;
padding-top:21px;
}

#footer .inner a {
    color:#00a65f;
}

#navigation-container {
    height:63px;
    background:#353535;
}

/*homepage banner*/

#banners {
width:756px;
height:288px;
background-color:#353535;
overflow:hidden;
}

.banner {
    width:756px;
    height:288px;
    position:relative;
    background-color:#353535;
}


.banner h2 {
    font-size:30pt;
    color:#f4cf26;
}
.banner h2 span {
    color:#fff;
}

.banner .inner {
    padding:36px 0 0 20px;
    width:350px;
	position:absolute;
}

h1 {
    font-size:25px;
    margin:0;
    padding:0 0 10px 0;
    color:#f4cf26;
    font-weight:700;
   
}

h1.replaceme {
    text-transform:uppercase;
}

h2 {
    font-size:16px;
    margin:0;
    padding:0 0 10px 0;
    color:#f4cf26;
    font-weight:700;
   
}

.inner {
    padding:39px 40px 20px 37px;
}

.intro {
    color:#00a65f;
    font-size:14pt;
    line-height:1.2em;
}

#nav-list {
    float:left;
    width:700px;
    display:inline;
    margin:25px 0 0 40px ;
    padding:0;
    list-style:none;
}

#nav-list li {
    float:left;
    width:auto;
    display:inline;
    margin:0 10px;
}
#nav-list li a {
    text-decoration:none;
    color:#fff;
    display:block;
}
#nav-list li a:hover {
    color:#f4cf26;
}

.side-panel-istorelogin-off {
    width:224px;
    height:114px;
	background:url(/images/sidepanelbg.gif) no-repeat;
	position:relative;
}

.side-panel-istorelogin-on {
    width:224px;
    height:114px;
	background:url(/images/sidepanelbg.gif) no-repeat 0px -228px;
	position:relative;
}

.side-panel-idealrewards-off {
    width:224px;
    height:114px;
	background:url(/images/sidepanelbg.gif) no-repeat 0px -114px;
	position:relative;
}

.side-panel-idealrewards-on {
    width:224px;
    height:114px;
	background:url(/images/sidepanelbg.gif) no-repeat 0px -342px;
	position:relative;
}

.loginlinks {
position:absolute;
top:85px;
left:20px;
}

.side-panel {
    width:224px;
    height:114px;
	cursor:pointer;
}

.blacklink {
color:#000;
}

.greylink {
color:#959595;
}

.side-panel-shorter {
    width:224px;
    height:113px;
}
.side-panel .inner {
    padding:21px 0 0px 22px;
    width:200px;
    position:relative; 
}
.side-panel h2.light {
    color:#000;
    font-size:18pt;
    padding:0;
    margin:0;
}
.side-panel h2.yellow {
    color:#f4cf26;
    font-size:12pt;
    font-weight:300;
    padding:2px 0;
    
}
.side-panel h3.grey {
    color:#959595;
    font-size:8pt;
    padding:3px 0;
}
.side-panel h3.black {
    color:#000;
    font-size:8pt;
    padding:3px 0;
}
.side-panel h3.black a {
    color:#000;
}
.side-panel h3.grey a {
    color:#959595;
}

#login-panel h3 {
    color:#fff;
    font-size:7pt;
    padding:0;
    margin:0; 
}

#ideal-rewards h3 {
    color:#fff;
    font-size:7pt;
    padding:0;
    margin:0; 
}
#ideal-rewards h3 a {
    color:#fff;
    margin:0;
    padding:0;
}

#download-livewire {
   
    background:url(/images/download-livewire-bg.jpg) no-repeat;
}

#latest-promo {
   
    background:url(/images/latest-promo-bg.jpg) no-repeat;
}

#xmashours {
   
    background:url(/images/xmas-hours-bg.jpg) no-repeat;
}

#conformity {
   
    background:url(/images/conformitybg.gif) no-repeat;
}

#specials {
   
    background:url(/images/specials-bg.jpg) no-repeat;
}
#locations {
   
    background:url(/images/locations-bg.jpg) no-repeat;
}



/*links*/
.link-list-row {
    float:left;
    width:880px;
    display:inline;
    /*border-bottom:1px solid #ccc;*/
    padding:20px 0;
}
.link-list-item {
    float:left;
    width:300px;
    display:inline;
    height:70px;
    border-bottom:1px solid #ccc;
    margin:0 30px 20px 0;
}
.link-list-item h3 {
    color:#000;
}
.link-image {
    float:left;
    width:130px;
	margin-right:8px;
	padding-bottom:14px;
}
.link-content {
    float:right;
    width:160px;
}

/*form*/
.form dl {
    float:left;
    clear:both;
    width:100%;
    margin:2px 0 4px 0;
    display:inline;
}

.form dt {
    float:left;
    width:180px;
    display:inline;
    padding:2px 0;
}
.form dt.errorinput {
    color:#f00;
}

.form dd {
    float:left;
    width:300px;
    display:inline;
}

.form .required {
    color:#f00;
}

.shortlabels dt {
    width:100px 
}

.textinput {
    outline:none;
}

div.transparent-input .textinput , div.transparent-input-white .textinput {
    border:0;
    padding:0;
    background:transparent;
    margin:7px 0 0 10px;
    float:left;
    width:170px;
    display:inline;
    color:#6c6c6c;
}

div.transparent-input , div.transparent-input-white {
    width:216px;
    height:31px;
    background:url(/images/transparent-input.png) no-repeat left;
    float:left;
}

div.transparent-input-white {
    background:url(/images/transparent-white-input.png) no-repeat left;
}

/*contact us*/
div.contact-form {
   float:left;
   width:500px;
   display:inline;
   margin-right:10px;
  
}
div.contact-details {
   float:left;
   width:350px;
   display:inline;

    
}

div.info {
    color:#3C5893;
    font-weight:bold;
    line-height:20px;
    padding:5px 10px 5px 25px;
    background: #E3EAF3 url(/images/info.gif) no-repeat 5px 7px;
    border:1px solid #B8CDE6;
    margin:5px 0 10px 0;
}



.stdinputbg {
height:29px;
line-height:29px;
background-image:url(/images/stdinputbg.gif);
background-repeat:no-repeat;
}

.textareabg {
width:249px;
height:165px;
background-image:url(/images/textareabg.gif);
}

.fancytextarea {
width:236px;
max-width:236px;
max-height:155px;
height:155px;
margin:3px 0 0 4px;
background-color:#ededed;
font-family:Arial;
font-size:16px;
border:1px solid #ededed;
outline:none;

}

.inputbg2,.inputbg3,.inputbg4,.inputbg5 {
    background:url(/images/stdinputbg.gif) no-repeat;
}
.inputbg1 { width:332px; }
.inputbg2 { width:249px; background-position:0 -29px; }
.inputbg3 { width:171px; background-position:0 -58px; }
.inputbg4 { width:87px; background-position:0 -87px; }
.inputbg5 { width:40px; background-position:0 -116px; }

.stdinputbg .field {
font-size:16px;
height:22px;
margin:2px 0px 0px 5px;
background-color:#ededed;
border:1px solid #ededed;
outline:none;
}

.inputbg1 .field { width:317px; }
.inputbg2 .field { width:234px; }
.inputbg3 .field { width:156px; }
.inputbg4 .field { width:72px; }
.inputbg5 .field { width:25px; }

.ulnopadding {
margin-top:0px;
padding-top:0px;
}

.newsitem {
padding:6px 0px;
border-bottom:1px solid #cecece;
}

.adjust {
position:relative;
top:3px;
}

#sidenav-shade {
height:66px;
width:224px;
}

.person {
width:169px;
float:left;
border-bottom:1px solid #d1cfd0;
height:90px;
}

.person .inner {
padding:12px 10px;
}

.ulnopadding {
margin:0;
padding:5px 0 20px 20px;
}

.linkcategoryheading {
padding:0 0 6px 0;
border-bottom:1px solid #cccccc;
font-size:14px;
margin-bottom:22px;
}

.datagrid td {
padding:4px;
}

.label {
font-weight:bold;
}

.producticon {
width:140px;
float:left;
}

.icon {
float:right;width:110px;margin-left:10px;
}

.compintro {
font-size:14px;
color:#2f4d8a;
}

#response {
color:#bb0000;
}

.curve {
width:618px;
height:15px;
}

.search-result {
 padding:10px 0;
 border-bottom:1px solid #ccc;
 margin:10px 0;
}
.search-result-content {
   
    width:300px;
}