/*
Theme Name: one4haul
Description: Theme developped by IC-Agency for one4haul
Version: 1.0
Author: Eric Pitre
*/



html, body { margin:0; padding:0; }
body { 
    font:12px "Trebuchet MS", Verdana, sans-serif;
    background:#000000 url(images/main-bg.jpg) repeat-x;
}

#mainwrapper {
    width:986px;
    margin:auto;
}

/* ************************************* */
/* HEADER STYLES */
/* ************************************* */
#header {
    height:160px;
    background:#000000 url(images/header-bg.jpg) no-repeat;
}

#header .logo {
    width:235px;
    height:132px;
    padding: 27px 0px 0px 38px;
    display:inline;
    float:left;
}

#header #rightside {
    display:inline;
    float:left;
}

#header #rightside .clientlogin {
    height:108px;
}

#header #rightside .topmenu {
    width:675px;
}
#header #rightside .topmenu ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
    float:right;
}
#header #rightside .topmenu li {
    display:block;
    float:left;
    min-width:110px;
    height:48px;
    margin-left:8px;
}

#header #rightside .leftbg {
    background:transparent url(images/menu_button/button-bg-left.png) no-repeat;
    width:5px;
    height:48px;
    display:inline;
    float:left;
}

#header #rightside .menuitem {
    min-width:100px;
    background:transparent url(images/menu_button/button-bg.png) repeat-x;
    display:inline;
    float:left;
    height:36px;
    text-align:center;
    padding:8px 4px 0px 4px;
}

#header #rightside .menuitem a {
    color:#FFFFFF;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
}

#header #rightside .rightbg {
    background:transparent url(images/menu_button/button-bg-right.png) no-repeat;
    width:5px;
    height:48px;
    display:inline;
    float:left;
}

/* ************************************************************************** */
/* **************************** HOME PAGE STYLES **************************** */
/* ************************************************************************** */

/* ********************* */
/* IMAGE SCROLLER STYLES */
/* ********************* */
#homepage #top_widget_wrapper {
    width:986px;
    height:318px;
    background:transparent url(images/image_scroller-bg.jpg) no-repeat;
}

#homepage #top_widget_wrapper .sitetitle {
    height:60px;
    line-height:60px;
    margin-left:25px;
    background:transparent url(images/site_title.png) no-repeat;
}

#homepage #top_widget_wrapper h1 {
    color:#FFFFFF;
    padding:0px;
    margin:0px;
    font-size:28px;
    font-weight:normal;
}

#homepage #top_widget_wrapper .scroller_wrapper {
    display:inline;
    float:left;
    width:675px;
}

#homepage #top_widget_wrapper .scroller {
    width:660px;
    height:244px;
    overflow:hidden;
    margin-left:15px;
}

#homepage #top_widget_wrapper .rightwidget {
    display:inline;
    float:left;
    width:311px;
}
#homepage #top_widget_wrapper .rightwidget ul {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

/* ******************* */
/* RIGHT WIDGET STYLES */
/* ******************* */
#homepage #top_widget_wrapper .rightwidget p {
    color:#FFFFFF;
    font-size:24px;
    text-align:center;
}
/* ******************** */
/* END HOME PAGE STYLES */
/* ******************** */


/* ************************************************************************* */
/* **************************** CONTENT STYLES ***************************** */
/* ************************************************************************* */
#homepage #pagewrapper,#subpage #pagewrapper {
    padding:0px 4px;
    width:978px;
    background:#FFFFFF url(images/content_wrapper-bg.jpg) repeat-x;
}

#homepage #contentwrapper {
    width:978px;
    background:#FFFFFF url(images/content-bg.jpg) repeat-x;
}

#subpage #contentwrapper {
    width:978px;
}

#homepage #contentwrapper .content, #subpage #contentwrapper .content {
    display:inline;
    float:left;
    width:644px;
    padding:20px;
    font-size:14px;
}

#homepage #contentwrapper .content h1,#subpage #contentwrapper .content h1 {
    font-size:18px;
    color:#284c41;
    padding:10px 0px;
}
#homepage #contentwrapper .content p,#subpage #contentwrapper .content p {
    padding:0px 10px;
    line-height:24px;
}

#homepage #contentwrapper .content li,#subpage #contentwrapper .content li {
    padding: 10px 0px;
    line-height:24px;
}

#homepage #contentwrapper .content a,#subpage #contentwrapper .content a {
    color:#618F3E;
    text-decoration:none;
}
#homepage #contentwrapper .content a:hover,#subpage #contentwrapper .content a:hover {
    text-decoration:underline;
}
/* ******************** */
/* END CONTENT STYLES */
/* ******************** */

/* ************************************************************************* */
/* **************************** SUB PAGE STYLES **************************** */
/* ************************************************************************* */
#subpage #subpage_top_wrapper .sitetitle {
    padding-left:25px;
    height:60px;
    background:transparent url(images/subpage-title-bg.jpg) no-repeat;
}

#subpage #subpagetop {
    width:986px;
    height:256px;
    background:transparent url(images/subpage-top.jpg) no-repeat;
}

#subpage #subitem_wrapper {
    background:transparent url(images/subitem-bg.png) no-repeat;
    width:986px;
    height:63px;
}

#subpage #subitem_wrapper .pagetitle { display:inline;float:left;background:none;padding-left:25px; }
#subpage #subitem_wrapper .pagetitle h1 { color:#000000;margin:0px;font-size:22px;font-weight:normal;line-height:63px;padding:0px; }

#subpage #subitem_wrapper .subitems {
    padding-left:30px;
    display:inline;
    float:left;
    width:650px;
    padding-top:15px;
}

#subpage #subitem_wrapper ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}
#subpage #subitem_wrapper li {
    float:left;
    padding-right:10px;
}

#subpage #subitem_wrapper .subitem-leftbg {
    background:transparent url(images/menu_button/subitem-leftbg.png) no-repeat;
    width:4px;
    height:36px;
    display:inline;
    float:left;
}

#subpage #subitem_wrapper .subitem-menuitem {
    background:transparent url(images/menu_button/subitem-button-bg.jpg) repeat-x;
    height:31px;
    display:inline;
    float:left;
    text-align:center;
    min-width:80px;
    padding-top:7px;
}
#subpage #subitem_wrapper li a {
    color:#FFFFFF;
    text-decoration:none;
    font-size:16px;
}

#subpage #subitem_wrapper .subitem-rightbg {
    background:transparent url(images/menu_button/subitem-rightbg.png) no-repeat;
    width:4px;
    height:36px;
    display:inline;
    float:left;
}
/* ******************* */
/* END SUB PAGE STYLES */
/* ******************* */

/* ************************************************************************** */
/* ***************************** SIDEBAR STYLES ***************************** */
/* ************************************************************************** */

#extended_sidebar_bg {
    background:transparent url(images/extended_sidebar-bg.gif) no-repeat;
    width:978px;
    min-height:400px;
}

#sidebarwrapper {
    display:inline;
    float:left;
    width:294px;
    margin-top:2px;
}

#sidebarwrapper .topspacer {
    height:12px;
    width:294px;
    background-color:#8C8C8C;
}

#sidebarwrapper .sidebar {
    background-color:#282828;
    width:254px;
    padding:20px;
    margin-bottom:5px;
}

#sidebarwrapper .sidebar ul {
    padding:0px;
    margin:0px;
    list-style-type:none;
}

/* #sidebarwrapper .sidebar li { padding-bottom:20px; } */

#sidebarwrapper .sidebar h1 {
    color:#FFFFFF;
    font-size:16px;
}

#sidebarwrapper .sidebar div.textwidget {
    color:#FFFFFF;
}

#sidebarwrapper .sidebar a {
    color:#618f3e;
    text-decoration:none;
}
/* ****************** */
/* END SIDEBAR STYLES */
/* ****************** */

/* ************************************************************************* */
/* ************************* BOTTOM WIDGETS STYLES ************************* */
/* ************************************************************************* */
#contentfooter {
    background:#444444 url(images/content_footer-bg.jpg) repeat-x bottom;
    padding:20px;
    /*color:#939393;*/
    color:#EFEFEF;
    margin-top:5px;
}

#contentfooter h1 {
    font-size:16px;
    color:#FFFFFF;
}

#contentfooter .bottom_widget {
    display:inline;
    float:left;
    width:312px;
}


#contentfooter a {
    color:#618f3e;
    text-decoration:none;
}
/* ************************* */
/* END CONTENT FOOTER STYLES */
/* ************************* */

/* ************************************************************************* */
/* ***************************** FOOTER STYLES ***************************** */
/* ************************************************************************* */
#footerwrapper {
    border-top:solid 2px #2d2d2d;
    background-color:#000000;
    color:#FFFFFF;
    padding:20px;
}

#footerwrapper .footerleft {
    display:inline;
    float:left;
}

#footerwrapper .footerright {
    display:inline;
    float:right;
}

#footerwrapper ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#footerwrapper li {
    display:inline;
    padding:2px 4px 0px 10px;
    background-image: url(./images/footer_menu_sep.jpg); background-repeat: no-repeat; background-position: 0 4px;
}
#footerwrapper li:first-child {
    background:none;
}
#footerwrapper li a {
    color:#618f3e;
    text-decoration:none;
}
#footerwrapper li a:hover {
    text-decoration:underline;
}
/* ***************** */
/* END FOOTER STYLES */
/* ***************** */

/* ************************************** */
/* STYLES FOR PRODUCT PAGE IMAGE SCROLLER */
/* ************************************** */
#viewer_wrapper {
    margin:auto;
    overflow:visible;
}
#viewer_wrapper .thumbnail_wrapper {
    width:600px;
    margin:auto;
    padding-top:20px;
}
#viewer_wrapper .thumb {
    display:inline;
    float:left;
    margin:0px 10px;
    cursor:pointer;
}

#viewer_wrapper #curr_image_wrapper {
    text-align:center;
    min-height:500px;
} 

#product_info { padding-top:10px; }


/* HELPERS */
.clearboth {
    clear:both;
}

.contact_submit {
    background:#000000 url(images/sidebar/contact_form_submit_button.jpg) no-repeat top;
    width:95px;
    height:24px;
    border:none;
}

#ie6_warning {
    background:#FFFFFF!important;
    padding:10px 70px;
    margin:auto;
    display:none;
}

#ie6_warning a {
    text-decoration:none;
    color:#618F3E;
}
#ie6_warning a:hover {
    text-decoration:underline;
}

/* styles for testimonial page */
#sfstest-page blockquote {
    border-bottom:dotted 1px #c1bdbd;
    margin-bottom:20px;
}