/*------------------------------------------------------------------
[Master Stylesheet]

Project: United Supply Company
Author: Scott Lively <scott@123shoot.com>
Version: 1.3
Last change: 08/07/09
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Navigation   [#nav_main]
3. Content      [#content]
    a. Home
    b. Collections
    c. Resources
    d. Contact
    e. Dealer Login
    f. Newsletter Subsribe Form
    g. Coupons
4. Footer       [#ftr]
5. Error
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; padding:0; }

body {
    background-color:#B1B5A3;
    color:#4E2B00;
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:18px;
    text-align:left;
    word-spacing:0px;
}

a { color:#4E2B00; }
a:hover { color:#B46300; }

h1 { font-size:22px; font-weight:normal; line-height:26px; text-align:left; }
ol, ul { padding-left:16px; }
p { padding:6px 0px; }

#wrapper { background:url(../images/wrapper2.jpg) repeat-y; margin:auto; width:980px; }
#main_container { background:url(../images/mainBg2.jpg) no-repeat; min-height:440px; width:980px; }

#hdr { height:212px; width:980px; }
#hdr_left { float:left; height:212px; width:502px; }
#hdr_right { float:right; font-size:12px; height:92px; padding:120px 0px 0px 0px; text-align:right; width:460px; }

.aqua { color:#002527; }

/*------------------------------------------------------------------
[2. Navigation ]
-------------------------------------------------------------------*/
#nav_main { font-family:Arial, Helvetica, sans-serif; height:24px; padding:8px 34px 0px 34px; border:0px solid #00ff00; }
#nav_main ul { padding:0px; }
#nav_main ul li { float:left; list-style-type:none; text-align:center; width:152px; border:0px solid #ff0000;}
#nav_main ul li a { color:#FFF; text-decoration:none; }
#nav_main ul li a:hover, #nav_main ul li a.current { color:#B1B5A3; }

#nav_sub { font-family:Arial, Helvetica, sans-serif; padding-left:2px; }
#nav_sub div { background-color:#C4BA9A; height:34px; margin-bottom:2px; }
#nav_sub div.current { background-color:#8A6A48; }
#nav_sub div img { display:block; float:left; }
#nav_sub div a { color:#4e2b00; display:block; float:left; padding-top:8px; text-decoration:none; }

#nav_breadcrumbs { color:#E5E6D6; font-family:Arial, Helvetica, sans-serif; font-size:10px; height:22px; padding:4px 0px 0px 28px; }
#nav_breadcrumbs a { color:#E5E6D6; }
#nav_breadcrumbs a:hover { color:#B1B5A3; }

/*------------------------------------------------------------------
[3. Content ]
-------------------------------------------------------------------*/
#left_container { float:left; padding-left:36px; width:680px; }

#main_img { height:154px; padding-top:16px; }

#content { padding:12px 20px; text-align:justify; }

#right_container { float:right; padding-right:36px; width:224px; }
#right_top { color:#002527; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; height:38px; padding-top:34px; text-align:center; }

/*------------------------------------------------------------------
[3a. Home ]
-------------------------------------------------------------------*/
#site_map ul li { padding:2px 0px; }

/*------------------------------------------------------------------
[3b. Collections]
-------------------------------------------------------------------*/
#collections_left { float:left; width:400px; }
#collections_right { float:right; width:212px; }

img.collections_main { float:right; padding:4px 0px 0px 24px; }

#bella_vita_gallery_container { background:url(../images/pages-collections/bella-vita/main.jpg) no-repeat; height:300px; padding:8px 0px 0px 2px; width:200px; }
#pinnacle_privacy_blinds_gallery_container { background:url(../images/pages-collections/pinnacle-privacy-blinds/main.jpg) no-repeat; height:272px; padding:0px; width:212px; }

#pricing_buttons { padding:20px 0px 30px 85px; text-align:left; width:700px; }
#pricing_buttons ul li { float:left; list-style:none; }

.gifer_new a { color:#B46300; }
.gifer_new a:hover  {color:#4E2B00; }

/*------------------------------------------------------------------
[3c. Resources ]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[3d. Contact ]
-------------------------------------------------------------------*/
#contact_button { height:74px; padding:12px 0px; text-align:center; }

.contact_holder, .contact_holder_b { float:left; padding:10px; text-align:left; width:140px; }

#contact_container, #login_container, #subscribe { font-size:16px; padding-top:10px; text-align:center; }

.identifier { float:left; padding:6px; text-align:right; width:36%; }
.input_side { float:left; padding:6px; text-align:left; }

.form_txt_fld, .form_zip_fld, select, #contact_container textarea { border:1px solid #4E2B00; border-width:2px 1px 1px 2px; }
.form_txt_fld { width:135px; }
.form_zip_fld { width:50px; }

#contact_container textarea { height:60px; width:290px; }

#success { font-size:18px; font-style:italic; line-height:28px; padding-top:40px; text-align:center; }

/*------------------------------------------------------------------
[3e. Dealer Login ]
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[3f. Newsletter Subscribe Form ]
-------------------------------------------------------------------*/
#newsletter_container { clear:both; float:right; height:72px; width:200px; }

/* see #subscribe in Contact styles above */
#subscribe .identifier { width:40%; }

/*------------------------------------------------------------------
[3g. Coupons ]
-------------------------------------------------------------------*/
#traverse_text { color:#3D3D3F; font-size:16px; }
#traverse_text ul li { padding-bottom:12px; }
#traverse_text a { color:#000; font-weight:bold; }

.big_strong { color:#980030; font-size:24px; font-style:italic; font-weight:bold; }
.red_strong { color:#980030; font-size:20px; font-weight:bold; }

#traverse_header { color:#980030; font-style:italic; font-weight:bold; font-size:36px; padding-bottom:16px; text-align:center; }
#traverse_footer { background:#980030; color:#FFF; font-weight:bold; height:26px; text-align:center; width:100%; }
#traverse_footer a { color:#FFF; }
#traverse_footer a:hover { color:#3D3D3F; }

/*------------------------------------------------------------------
[4. Footer ]
-------------------------------------------------------------------*/
#pre_ftr { color:#002527; font-size:16px; padding:8px 0px; text-align:center; }
#ftr { background-color:#012023; color:#E5E6D6; font-size:12px; height:54px; margin:auto; text-align:center; width:980px; }

#nav_ftr { padding:6px 0px 2px 0px; }
#nav_ftr a { color:#E5E6D6; padding:0px 8px; text-decoration:none; }
#nav_ftr a:hover { color:#B1B5A3; }

/*------------------------------------------------------------------
[5. Error ]
-------------------------------------------------------------------*/
.err_msg, #errName, #errCompany, #errAddress, #errCity, #errState, #errZip, #errEmail, #errPhone, 
#errUsername, #errPassword, #errCustomerNumber { color:#A90332; font-size:14px; font-style:italic; }