html, body { height: 100%; padding: 0px; margin: 0px; }
html { background:#000 url(/images/hr_body_background.jpg) no-repeat center top; z-index: -3;}
body { background: transparent url(/images/hr_header_background.jpg) no-repeat center top; color:#333; z-index: -2;}

.hr_site_width {width: 964px; margin: 0px auto; padding: 0px;}

#hr_container { margin:0 auto; width:964px; }
#hr_header { position: relative; z-index: 900 !important;}
#hr_header_container {margin:0 auto; position: relative; }
#hr_header_left { width:620px; float:left; }
#hr_header_left ul { margin:0; padding:0; }
#hr_header_left ul li { list-style:none; font:bold 14px/18px Arial, Helvetica, sans-serif; color:#FFF; margin:0; }
h1#hr_logo { background:url(/images/hr_logo.png) no-repeat; width:473px; height:138px; text-indent:-9999px; overflow:hidden; }
h1#hr_logo a { display:block; width:473px; height:138px; }
#hr_header_right { float:right; width:340px; display: inline; position: relative;}
a.buynow { display:block; width:158px; height:48px; position:absolute; top:103px; right:173px; border: 0px solid #fff;}
a.bottle_buynow { display:block; width:118px; height:240px; position:absolute; top:57px; right:25px; border: 0px solid #fff; z-index: 5000; }

#hr_main_nav_wrapper {margin: 0px auto; padding-left: 2px;}
#hr_main_nav { margin:11px 0 0px 0; padding:0 0 22px 0; position: relative; z-index: 1000; float: left;}
#hr_main_nav li { list-style:none; display: block; float:left; padding:0; background:url(/images/hr_navigation_dividers.jpg) top right no-repeat; margin:0; }
#hr_main_nav li.rawnation { background:url(/images/hr_rawnation_btn_logo.png) 12px 3px no-repeat; text-indent:-9999px; overflow:hidden; display: block; width:120px !important; height:44px; }
#hr_main_nav li.rawnation a { background:none; display: block !important; width: 120px;}
#hr_main_nav li.rawnation a:hover { background:none; }
#hr_main_nav li a { font: bold 12px/40px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; display:block; height:44px; padding:0 15px; margin:0 1px 0 1px; float:left; }
#hr_main_nav li a:hover { background:url(/images/hr_main_nav_rollover.jpg) top right repeat-x; overflow:hidden; }

/*Drop Down Menu*/
#hr_main_nav li {position:relative;}
#hr_main_nav li ul {width:18em;border-top:none; border-right: none; padding:0;position:absolute; left: 0; z-index:2000 !important;margin:41px 0 0 0px;background:#010101;}
#hr_main_nav li ul a {width:100%;height:auto;text-indent:0;overflow:visible;line-height:normal; cursor: pointer;}
#hr_main_nav li ul li {width:100%;margin:0; display: block; background: none;}
#hr_main_nav li ul li a {margin:0;border-bottom: 1px solid #2d2d2d;border-right: none; color:#8f8f8f;padding:5px; width: 95.4%; cursor: pointer;}
#hr_main_nav li ul {display:none;}
#hr_main_nav li:hover ul, ul.wsmf_header_menu_lft li ul:hover {display:block;}
#hr_main_nav li ul li a:hover {color:#fff;}

#hr_content { background:#000 url(/images/hr_content_background.jpg) repeat-y center top; padding: 0px 0px 0 0px; margin-top: 0px; position: relative; z-index: 1 !important;}

#hr_footer { background:url(/images/hr_footer_background.jpg) no-repeat center -1px; margin-bottom: 20px; }

#hr_footer_nav { margin:40px 0 10px 5px; padding:0; float:left; width: 750px; line-height: .95em; font-size: .95em;}
#hr_footer_nav li { border-right:0px solid #828282; list-style: none; display: inline; line-height: .95em; padding: 0px; margin: 0px;}
#hr_footer_nav li a.hr_noborder {border: none !important; padding: 0px; margin: 0px;}
#hr_footer_nav li a {text-decoration:none; color:#828282; line-height: .95em;  border-right:1px solid #828282; padding: 0px 7px 0 0; margin: 0px 7px 0 0; display: block; float: left; font-weight: normal;}
#hr_footer_nav li a:hover {text-decoration: underline !important; color:#828282;}

#hr_social { margin:35px 0 0 0; padding:0; width: 155px; float: right;}
#hr_social li { list-style:none; display: inline; padding:35px 0 0 0px; margin:0 0 0 0; }
#hr_social li a {display: block; float: left; padding: 0px; margin: 0px 0 0 7px;}

/* Inside Content */
#hr_homepage_leftcol { float:left; width:610px; margin-top: 13px; margin-left: 31px; display: inline;}

.hr_featured_sections { width:300px; float:left; margin-bottom:5px; }
.hr_featured_sections ul { margin:0; }
.hr_featured_sections h2 { background:url(/images/hr_section_header_background.jpg) repeat-x; height:27px; border: 1px solid #a30000; margin: 5px 0; font:bold 16px/30px Arial, Helvetica, sans-serif; color:#FFF; text-indent:5px; }
#articles { margin:0 0 0 6px; padding:0; }
#articles li { font:12px/18px Arial, Helvetica, sans-serif; list-style:none; padding:5px 0; margin:0; }
#articles li a { color:#bcbcbc; text-decoration:none; font-weight: normal; }
#articles li a:hover { color:#fff; text-decoration:underline; }

.hr_apparel {text-align: left; border: 1px solid #3e3e3e; margin-bottom: 4px;}

#hr_newsletter {margin: 15px 5px; }
#hr_newsletter p { color:#939393; padding: 0px; margin: 0px; line-height: 1.4em; font-size: .95em;}
#hr_newsletter p.subtitle { color:#FFF; font-size: 1.1em; margin-top: -10px;}
p.subtitle { font:bold 12px/14px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:0px; }
#hr_subbox { background:#0F0F0F; border-color:#636161; border-style:solid; border-width:1px; color:#FFF; display:inline; float: left; font:normal 12px/16px Arial, Helvetica, sans-serif; margin:10px 0 20px 0; padding:3px 5px 3px 5px; width:175px; }
#hr_subbutton { background:#000 url(/images/hr_submit_btn.jpg) no-repeat; border:none; width:73px; height:22px; margin:11px 3px 0 0px; cursor:pointer; display: inline; float: right; }


.hr_disclaimer {clear:both;font-size:.83em;line-height:1em;padding:5px;text-align:justify;}
#hr_homepage_rightcol { float: right; width: 279px; margin: 13px 34px 0px 0; text-align: center; display: inline;}

#hr_homepage_rightcol ul { margin:0; padding:0; }
#hr_homepage_rightcol ul li, #hr_homepage_rightcol ol li { list-style:none; padding:0; margin:0 0 10px 0; }
#widget_cycle_wrapper li img, #hr_homepage_rightcol ul li img {border:1px solid #4b4b4b;}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
/* INNER LAYOUT STYLES */

#inner_page_content_container {margin:0 auto; padding: 0 0 10px 0; width: 918px;  background:transparent url(/images/hr_content_bg.gif) repeat-y right top !important; }

#hr_rightcol { width:585px; float:right; padding:10px 0px 10px 0; margin-right: 15px; display: inline; }
#hr_rightcol ul li, #hr_rightcol ol li { margin-left:30px; }

#hr_leftcol { float:left; width: 283px; background:#0a0a0a; text-align:center; color:#666; padding: 5px 0 0 8px; display: inline;}
.hr_sidebar_sections {margin-bottom:5px; text-align:left; }
.hr_sidebar_sections h2 {text-transform: uppercase; background:url(/images/hr_section_header_background.jpg) repeat-x; height:27px; border: 1px solid #a30000; margin: 5px 0; font:bold 16px/30px Arial, Helvetica, sans-serif; color:#FFF; text-indent:5px; }
.hr_sidebar_sections ul { margin:15px 0 20px 6px; list-style:none; }
.hr_sidebar_sections ul li { margin:0 0 10px 0; padding:0;}
.hr_sidebar_sections ul li a { color:#bcbcbc; font-weight: normal; }
.hr_sidebar_sections ul li a:hover { color:#fff; text-decoration: underline; }
ul#hr_login { font: 10px/14px Arial, Helvetica, sans-serif; color:#FFF; list-style:none; float:right; padding:0; margin:2px 0; }
ul#hr_login li { display:block; float:left; padding:4px 5px 0; background: url(/images/hr_admin_lbackground.gif) repeat-x; height:22px; margin:0; }
ul#hr_login li.hr_leftadmin { background: url(/images/hr_admin_left_background.gif) no-repeat; text-indent:-9999px; overflow:hidden; height:22px; width:6px; padding:0; }
ul#hr_login li.hr_rightadmin { background: url(/images/hr_admin_right_background.gif) no-repeat; height:22px; text-indent:-9999px; overflow:hidden; width:6px; padding:0; }
.wsm_loginbar_guest { color:#FFF; text-transform:uppercase; }
ul#hr_login li a { border-left:1px solid #FFF; color:#FFF; padding-left:9px; text-decoration:none; text-transform:uppercase }
ul#hr_login li a:hover {color: #fff; text-decoration: underline;}

#wsm_copyright {float: left; padding-bottom: 10px; margin-left: 5px; color: #494949; font-size: .95em;}
#wsm_copyright a {color: #494949;}
#wsm_copyright a:hover {color: #504f4f; text-decoration: underline;}

.hr_secure_payment { list-style:none; margin:30px 0 0 0; padding:0; text-align: center;}
.hr_secure_payment li {display: block; float: left; padding: 0px; margin: 0px .7% 0 0; }

#hr_homepage_leftcol div#hr_homepage-slideshow ul {width: 609px !important; height: 298px !important; overflow: hidden !important;}
#hr_homepage_leftcol div#hr_homepage-slideshow li {width: 609px !important; height: 298px !important; overflow: hidden !important;}
#hr_homepage_leftcol div#hr_homepage-slideshow li img {width: 605px !important; height: 296px !important;}

.hr_home_logos  {clear: both;}
.hr_home_logos .hr_organic_logo {margin-left: 10px; margin-right: 20px;}
.hr_home_logos .hr_rawnation_logo {}

/**Header Cart
***********************************************************************************************/
#hr_cart {text-align: right; color: #fff; margin-top: 3px !important; display: block;}
#wsm_mini_cart {float: right;}
.wsm_cart_link_widget {display: block; width: 14px; height: 12px; background: url(/images/hr_shopping_cart.gif) no-repeat left top; float: right; margin: 1px 5px 0 0;}
.wsm_cart_link_widget span.wsm_cart_link_widget_text {display: block; width: 14px; height: 12px; text-align: left; text-indent: -1000em; overflow: hidden; font-size: 0; line-height: 0; cursor: pointer;}
.items, .total {color: #a3a2a2; border-right: 1px solid #4b4b4b; padding: 0 10px 0 0; display: inline; margin-right: 10px;}
.checkout {display: inline;}
.checkout a {color: #fff; text-transform: uppercase; padding: 0px; margin: 0px;}
.checkout a:hover {color: #fff; text-decoration: underline;}
.product {display: none;}

/**About RawNation
***********************************************************************************************/
.hr_about_rawnation img {float: left; padding: 0px 10px 0 10px; margin: 0px 15px 0 0px; line-height: normal;}
.hr_about_rawnation p {padding-right: 10px;}

/**Staff Bio
***********************************************************************************************/
.hr_bio_wrapper img {float: left; padding: 1px; margin: 4px 12px 0px 0; line-height: normal; border: 1px solid #a30000; display: inline;}
.hr_bio_wrapper p {line-height: 1.6em;}

/**Contact Page
***********************************************************************************************/
.hr_ingredients {padding-right: 10px;}
.hr_ingredients .clearfix {border-bottom: 1px solid #000; margin-bottom: 10px;}
.hr_ingredients img {float: left; padding: 0px 0 0 0; margin: 0px 15px 10px 0; line-height: 1.5em; border: 2px solid #c02626;}
.hr_ingredients p {line-height: 1.5em; padding-right: 10px;}

/**Contact Page
***********************************************************************************************/
.wsm_contact_info {background: url(/images/hr_about_rawnation.jpg) no-repeat 240px top; padding-left: 20px; font-weight: bold; line-height: 1.5em; padding-bottom: 10px;}

/**Product Page
***********************************************************************************************/
.wsm_product_details div.productHead {background: url(/images/hr_keyingredients.jpg) no-repeat left top !important;}

/*--Form--*/
.hr_quote_form_wrapper {}
.hr_quote_form {padding:10px; text-align:left; width:555px; text-align:left; margin:0;border:1px solid #ccc;background:#eee;float:none;}
.hr_quote_form input, label {margin:2px 0 2px 0;}
.hr_quote_form label {float:left; clear:left; width:40%; font-weight:bold}
.hr_quote_form input, .hr_quote_form textarea, .hr_quote_form select {width:58%;padding:2px;}
.hr_quote_form input, .hr_quote_form textarea, .hr_quote_form select {background:#fff;border:1px solid #ccc;color:#666}
.hr_quote_form input:focus, .hr_quote_form textarea:focus, .hr_quote_form select:focus {background:#065597;color:#fff;}
.hr_quote_form textarea {height:80px;}
.hr_quote_form .nofloat {float:none;}
.hr_quote_form .width_reset {width:98%; margin:3px 0 10px;}
.hr_quote_form .left_margin {}
.hr_quote_form .btn {width:auto;}
.hr_quote_form select.state {width:65px;}

.hr_quote_form .row_0, .hr_quote_form .row_1 {padding:5px 10px;}
.hr_quote_form .row_0 {background:#ddd;}
.hr_quote_form .row_1 {background:#eee;}

.hr_quote_form input.timestamp-date {width:30%}
.hr_quote_form input.hr_submit_btn {width:auto;background:#2a4485;color:#fff;font-weight:bold;border:1px solid #eee;float:right;margin-right:10px;cursor:pointer;}
.hr_quote_form input.hr_submit_btn:hover  {background:#4361ab;}

/**Clearfix
***********************************************************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


/**Promo Banner Gallery
***********************************************************/
#widget_gallery_id_hr_promo_banner_ads {margin:0; padding:0px; list-style:none;}
#widget_gallery_id_hr_promo_banner_ads li{margin:0; padding:0px;}