/* Information: ---------------------------------------- */
/* This is the style sheet for the LipSmacker homepage which
is being managed by 6String Media. Web slicing was done by
Matthew Stroh of www.matthewstroh.com, a Freelance web
developer currently living in Portland, OR. 503-341-8113.*/
/* ----------------------------------------------------- */



/* COLOR PALLETTE -------------------------------------- */
/* ----------------------------------------------------- */
/*
deep pink - b32a73
orange - ff9900
nav green - 19b353
*/





/* RESET BAD CSS --------------------------------------- */
/* ----------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;margin:0;padding:0;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}





/* GENERAL STYLES -------------------------------------- */
/* ----------------------------------------------------- */
body {
background-color: #fff;
font-family: Helvetica, Arial, Sans-Serif;
margin-top: 3px;
}
a {
}
a:hover {
}
p {
}
.error {
color: red;
}





/* BOX STYLES ------------------------------------------ */
/* ----------------------------------------------------- */
#header_bar {
background: #b32a73;
min-height: 60px;
height: auto !important;
height: 60px;
overflow: hidden;
}
#header_content {
width: 800px;
margin: 0 auto;
}
#header_logo {
float: left;
}
#main_content_wrapper {
background-image: url('images/backgrounds/BKGD_main_shadows.jpg');
background-repeat: no-repeat;
background-position: center top;
width: 900px;
margin: 0 auto;
font-size: 0.85em;
line-height: 1.35em;
}
#main_content_wrapper.products {
background-image: url('images/backgrounds/BKGD_main_products.jpg');
}
#main_content_wrapper.originals {
background-image: url('images/backgrounds/BKGD_main_originals.jpg');
}





/* NAVIGATION STYLES ----------------------------------- */
/* ----------------------------------------------------- */
#header_navigation {
float: right;
background-image: url('images/backgrounds/BKGD_navigation.png');
background-repeat: no-repeat;
width: 580px;
height: 27px;
margin-top: 36px;
}
#header_navigation_content {
margin: 8px 0px 0px 30px;
}
.menu_wrapper {
width: 580px;
height: 28px;
background: #f0f0f0;
}	
.menu_bg ul{
padding:0 0 0 0px;
}
.menu_bg ul li{
float:left;
margin:10px 0px 0 50px;
padding:0;
display:inline;
}
.menu_bg ul li a{
float:left;
overflow:hidden;
font-weight: bold;
font-size: 14px;
position:relative;
color: #19b353;
}
.menu_bg ul li a:hover {
color: #fff;
}
.menu_bg ul li a.last_link {
margin-right: 0px;
}





/* FEATURE BOX STYLES ---------------------------------- */
/* ----------------------------------------------------- */
#feature_shelf_1 {
padding: 20px 0px 0px 50px;
position: relative;
}
#feature_shelf_2 {
padding: 0px 0px 0px 50px;
}
#column_1 {
width: 435px;
float: left;
}
#column_2 {
width: 233px;
float: left;
}
#column_3 {
width: 130px;
float: left;
}
#feature_box_1 {
min-height: 355px;
height: auto !important;
height: 355px;
}
#feature_box_2 {
min-height: 222px;
height: auto !important;
height: 222px;
}
#feature_box_3 {
min-height: 128px;
height: auto !important;
height: 128px;
}
#feature_box_4 {
min-height: 355px;
height: auto !important;
height: 355px;
}
#feature_box_5 {
min-height: 97px;
height: auto !important;
height: 97px;
}
#feature_box_5 img {
margin-top: 1px;
}




/* STARBURST STYLES ------------------------------------ */
/* ----------------------------------------------------- */
#starburst_nest {
margin: 0 auto;
width: 900px;
height: auto !important;
height: 300px;
position: relative;
}
#starburst_1 {
position: absolute;
top: 15px;
left: 810px;
width: 64px;
min-height: 64px;
height: auto !important;
height: 64px;
}
#starburst_2 {
position: absolute;
top: 240px;
left: 675px;
min-height: 64px;
height: auto !important;
height: 64px;
}

#starburst_3 {
position: absolute;
top: 350px;
left: 15px;
min-height: 64px;
height: auto !important;
height: 64px;
}



/* PRODUCT PAGE STYLES --------------------------------- */
/* ----------------------------------------------------- */
#products_page_wrapper {
width: 830px;
margin: 0 auto;
}
#product_box {
width: 138px;
float: left;
margin: 15px 14px 10px 13px;
}
#product_box.last_product {
width: 138px;
float: left;
margin: 15px 0px 10px 13px;
}
#product_box div.top {
background-image: url('images/backgrounds/GFK_product_frame_top.png');
background-repeat: no-repat;
width: 138px;
min-height: 10px;
height: auto !important;
height: 10px;
}
#product_box div.mid {
background-image: url('images/backgrounds/GFK_product_frame_mid.png');
padding: 0px 0px 0px 10px;
}
#product_box div.bot {
background-image: url('images/backgrounds/GFK_product_frame_bot.png');
background-repeat: no-repat;
width: 138px;
min-height: 10px;
height: auto !important;
height: 10px;
}




/* PRODUCT LISTING PAGE STYLES ------------------------------- */
/* ----------------------------------------------------- */
#productlisting_page_wrapper {
padding: 15px;
}
#productlisting_main_box {
width: 796px;
margin: 0 auto;
min-height: 309px;
height: auto !important;
height: 309px;
}


#productlisting_mini_boxes {
width: 802px;
margin: 0 auto;
padding: 0px 0px 0px 8px;
}
#did_you_know {
width: 390px;
min-height: 148px;
height: auto !important;
height: 148px;
float: right;
}

#recommends_box {
width: 390px;
min-height: 148px;
height: auto !important;
height: 148px;
float: left;
margin: 0px 0px 0px 0px;
}


/* FOOTER STYLES --------------------------------------- */
/* ----------------------------------------------------- */
#footer_wrapper {
background: none;
color: #b32a73;
width: 700px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
}
#footer_credits {
font-family: "Century Gothic", Helvetica, Arial, Sans-serif;
float: right;
width: 320px;
text-align: right;
}
h5.copyright {
background-image: url('images/navigation/copyright.gif');
background-repeat: no-repeat;
background-position: right;
font-size: 1px;
height: 20px;
color: #fff;
}





/* FOOTER NAVIGATION STYLES ------------------------------ */
/* ----------------------------------------------------- */
.footer_menu_bg ul{
padding:0 0 0 0px;
}
.footer_menu_bg ul li{
float:left;
margin:10px 8px 0 32px;
padding:0;
display:inline;
}
.footer_menu_bg ul li a{
float:left;
text-indent:-9999px;
overflow:hidden;
height:26px;
position:relative;
}
.footer_menu_bg ul li a.looking_for_bonne_bell{
background:url('images/navigation/looking_for_bonne_bell.gif') no-repeat;
width:214px;
}
.footer_menu_bg ul li a.looking_for_bonne_bell:hover{background:url('images/navigation/looking_for_bonne_bell.gif') no-repeat 0 -26px;}
.footer_menu_bg ul li.active a.looking_for_bonne_bell{background:url('images/navigation/looking_for_bonne_bell.gif') no-repeat 0 -52px;}

.footer_menu_bg ul li a.faq{
background:url('images/navigation/faq.gif') no-repeat;
width:29px;
}
.footer_menu_bg ul li a.faq:hover{background:url('images/navigation/faq.gif') no-repeat 0 -26px;}
.footer_menu_bg ul li.active a.faq{background:url('images/navigation/faq.gif') no-repeat 0 -52px;}

.footer_menu_bg ul li a.contact_us{
background:url('images/navigation/contact_us.gif') no-repeat;
width:84px;
}
.footer_menu_bg ul li a.contact_us:hover{background:url('images/navigation/contact_us.gif') no-repeat 0 -26px;}
.footer_menu_bg ul li.active a.contact_us{background:url('images/navigation/contact_us.gif') no-repeat 0 -52px;}

.footer_menu_bg ul li a.bonne_bell_company{
background:url('images/navigation/bonne_bell_company.gif') no-repeat;
width:183px;
}
.footer_menu_bg ul li a.bonne_bell_company:hover{background:url('images/navigation/bonne_bell_company.gif') no-repeat 0 -26px;}
.footer_menu_bg ul li.active a.bonne_bell_company{background:url('images/navigation/bonne_bell_company.gif') no-repeat 0 -52px;}






/* FOOTER SUB NAV STYLES ------------------------------- */
/* ----------------------------------------------------- */
.footer_sublinks ul{
padding:0 0 0 0px;
}
.footer_sublinks ul li{
float:left;
margin: 4px 10px 0 2px;
padding:0;
display:inline;
}
.footer_sublinks ul li a{
float:left;
text-indent:-9999px;
overflow:hidden;
height:20px;
position:relative;	
}
.footer_sublinks ul li a.privacy_policy{
background:url('images/navigation/privacy_policy.gif') no-repeat;
width:92px;
}
.footer_sublinks ul li a.privacy_policy:hover{background:url('images/navigation/privacy_policy.gif') no-repeat 0 -20px;}
.footer_sublinks ul li.active a.privacy_policy{background:url('images/navigation/privacy_policy.gif') no-repeat 0 -40px;}

.footer_sublinks ul li a.terms_of_use{
background:url('images/navigation/terms_of_use.gif') no-repeat;
width:82px;
}
.footer_sublinks ul li a.terms_of_use:hover{background:url('images/navigation/terms_of_use.gif') no-repeat 0 -20px;}
.footer_sublinks ul li.active a.terms_of_use{background:url('images/navigation/terms_of_use.gif') no-repeat 0 -40px;}

.footer_sublinks ul li a.contact_info{
background:url('images/navigation/contact_info.gif') no-repeat;
width:63px;
}
.footer_sublinks ul li a.contact_info:hover{background:url('images/navigation/contact_info.gif') no-repeat 0 -20px;}
.footer_sublinks ul li.active a.contact_info{background:url('images/navigation/contact_info.gif') no-repeat 0 -40px;}

#socialbox {float:left;margin-left:-65px;}