/* Global Style Reset
--------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,
address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

 /* Global Styles
--------------------------------------------------------------------------- */
body
{
	font-family:verdana,helvetica;
	font-size: 11px;
	color: #666;
	text-align: left;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
a
{
	color: #669900;
	text-decoration: none;
}

a:hover{text-decoration: underline;}

a img{border: 0;}

p
{
    margin: 0;
    padding: 0 0 15px 0;
}
h1,h2,h3,h4,h5,h6
{
    font-family: Arial, helvetica;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}
h1{font-size: 26px;}
h2{font-size: 22px;}
h3{font-size: 18px;}
h4{font-size: 14px;}
h5{font-size: 13px;}
h6{font-size: 12px;}

/* Text Styles */
.font_size_20
{
    font-size: 20px;
}
.font_size_32
{
    font-size: 32px;
}
.color_688900
{
    color: #688900;
}
.color_330000
{
    color: #330000;
}
.color_333
{
    color: #333;
}

/* Primary Layout Elements 
----------------------------------------------------------------------------- */

#page_wrapper
{
    width: 990px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 50px;
}

/* Header, Logo and Hearer Nav
----------------------------------------------------------------------------- */
#header{}
#logo
{
    float: left;
    width: 40%;
}
#slogan
{
    font-style: italic;
    color: #999;
    font-size: 13px;
    position: relative;
    top: -20px;
    left: 80px;
}

/* Header nav */
#header_nav
{
    float: right;
    width: 59%;
    padding-top: 20px;
}
#header_nav ul
{
    float: right;
}
#header_nav ul li
{
    display: inline;
}

#header_nav ul li a
{
    display: -moz-inline-stack; /* I use this here because Firefox 2 does not have support for inline block */
    display: inline-block;
    padding-left: 50px;
    height: 45px;
    line-height: 45px; 
    margin-left: 20px;
    font-weight: bold;
    color: #330000;
    font-size: 10px;
}
#member_login
{
    background-image: url(./images/member_login_icon.png);
}
#my_gift_box
{
    background-image: url(./images/my_gift_box_icon.png);
}
#wish_list
{
    background-image: url(./images/wish_list_icon.png);
}

#member_login, #my_gift_box, #wish_list
{
    background-position: left center;
    background-repeat: no-repeat;    
}

/* Main Nav
----------------------------------------------------------------------------- */
#main_nav
{
    font-family: Century Gothic;
    background-image: url(./images/main_nav_bg.png);
    background-color: #9ebb46;
    background-repeat: no-repeat;
    height: 50px;
}
/* Main Nav Links */
#main_nav_links
{
    width: 732px;
    float: left;
    line-height: 50px;
}

#main_nav_links ul
{
    padding: 0 0 0 20px;
}
#main_nav_links ul li
{
    display: inline;
    font-weight: bold;
}
#main_nav_links ul li a
{
    color: #fff;
    margin-left: 70px;
    font-weight: bold;
}

/* Main Nav Search */
#main_nav_search{}
#main_nav_search label
{
    color: #fff;
    padding: 0 10px 0 20px;
    font-weight:bold;    
    line-height: 50px;
}
#main_nav_search form
{
    margin: 0;
    padding:0;

    float: left;
}
#main_nav_search form div
{
    float: left;
}

.nav_search_text_box_bg
{
    background-image: url(./images/nav_search_text_box_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 126px;
    height: 50px;
}
#nav_search_text_box
{
    width: 112px;
    height: 13px;
    color: #666;
    font-size: 11px;
    margin: 18px 0 0 5px;
    border: none;
    background-color: Transparent;
}
#nav_search_btn
{
    margin-left: 10px;    
}


/* Content
----------------------------------------------------------------------------- */
#content{}

/* Left nav */
#left_nav
{
    width: 190px;
    float: left;
}
#left_nav_header
{
    background-image: url(./images/left_nav_header_bg.jpg);
    background-repeat: no-repeat;
    height: 45px;
    padding-left: 20px;
}
#left_nav_header h4
{
    color: #fff;
    margin: 0;
    padding: 17px 0 0 0;
    font-family: Century Gothic;
}

#left_nav_links
{
    background-image: url(./images/left_nav_links_bg.jpg);
    background-repeat: repeat-y;
    font-family: arial;
    padding: 10px 20px 20px 20px;
}
#left_nav_links h6
{
    color: #336633;
}
#left_nav_links ul
{
    padding: 0 0 22px 0;    
}
#left_nav_links ul li{}
#left_nav_links ul li a 
{
    font-family: arial;    
    font-size: 12px;
    color: #666;
    display: block;
    margin-bottom: 0px;
    background-repeat: no-repeat;
    background-position: right center;
}

#left_nav_footer
{
    background-image: url(./images/left_nav_footer_bg.png);
    background-repeat: no-repeat;
    height: 20px;    
}


/* Center Content */
#center_content
{    
    width: 550px;
    float: left;
    margin-left: 3px;
}

/* Featured Content */
#featured_content
{
    margin-bottom: 7px;
}
#featured_content_top
{
    height: 20px;
    background-image: url(./images/featured_content_top_bg.jpg);
    background-repeat: no-repeat;
}

#featured_content_contents
{
    padding: 0 8px 0 8px;
    background-image: url(./images/featured_content_contents_bg.jpg);
    background-repeat: repeat-y;
}

#promotion
{
    padding: 0 0 0px 0px;
}
#promotion_info
{
    float: left; 
    padding: 0px 0 0 0;   
}
#promotion_image
{
    padding-right: 0px;
    float: right;
}

/* Just for sample purposes*/
#promotion_image a
{
    background-color:#fff;
    display: block;
    line-height: 291px;
    width: 200px;
    font-size: 15px;
    text-align: center;
    border: solid 1px #ccc;
}
#promotion_image a:hover
{   
    border-color: #669900;
}
/* UL Featured Links */
#featured_links{}
#featured_links li
{
    line-height: 23px;
}
#featured_links li a
{
    font-size: 13px; 
    background-image: url(./images/featured_link_bg.jpg); 
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    color: #2a5d35;
    font-weight: bold;    
}
/* Shop More Categories */
#shop_more_occasions
{
    padding: 6px 0 0 0;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
}


/* Featured Content NAV Links */
#featured_content_bottom
{
    background-image: url(./images/featured_content_bottom_bg.jpg);
    background-repeat: no-repeat; 
    height: 41px;
}

#featured_content_nav
{
    padding-left: 7px;
    float: left;
    position: relative;
    top: -8px;
}
#featured_content_nav ul{}
#featured_content_nav ul li
{
    padding: 0;
    margin: 0;
    float: left;
}
#featured_content_nav ul li a
{
    display: block;
    float: left;
    height: 41px;
    line-height: 41px;
    width: 134px;
    text-align: center;
    font-family: Century Gothic;
    color: #666;
    font-weight: bold;
    background-image: url(./images/featured_content_nav_bg.gif);
    background-repeat: no-repeat;
    background-position: -134px top;
}
#featured_content_nav ul li a:hover
{
    background-position: -134px bottom;
    color: #fff;
}
#featured_content_nav ul li a#active_featured_content_nav
{
    color: #fff;
    background-position: left -41px;
}

/* First Featured Content Nav Link */
#featured_content_nav ul li a.first_featured_content_nav
{
    background-position: left top;
}
#featured_content_nav ul li a.first_featured_content_nav:hover
{
    background-position: left bottom;
}

/* Last Featured Content Nav Link */
#featured_content_nav ul li a.last_featured_content_nav
{
    background-position: right top;
}
#featured_content_nav ul li a.last_featured_content_nav:hover
{
    background-position: right bottom;
}
   

                            

/* Featured Gifts */
#featured_gifts{}
#featured_gifts_top
{
    height: 24px;
    background-image: url(./images/featured_gifts_top_bg.png);
    background-repeat: no-repeat;
}
#featured_gifts_content
{
    background-image: url(./images/featured_gifts_content_bg.jpg);
    background-repeat: repeat-y;
    padding: 0 20px 0 20px;
}
/* Featured Gifts Links */
.featured_gifts_links
{
    margin-bottom: 15px;    
}
.featured_gifts_links ul
{
    text-align: center; 
}
.featured_gifts_links ul li
{
    display: inline;    
}
.featured_gifts_links ul li a
{
    color: #999;
    font-size: 10px;
}

.featured_gifts_links ul li a#active_featured_gifts_link
{
    font-weight: bold;
    color: #669900;
}

/* Featured Gifts Items */
.featured_gifts_items
{
   margin-left: 14px;    
}

.featured_gift_item
{
    float: left;
    width: 165px;
}

.featured_gift_item_img,.featured_gift_item_info
{
    width: 151px;
}

.featured_gift_item_img a img
{
    border: solid 1px #ccc;
}
.featured_gift_item_img a img:hover
{
    border-color: #669900;
}
.featured_gift_item_info
{
    text-align: center;
    padding: 10px 0 0 0;
    font-family: Arial;
    font-size:11px;
}

#featured_gifts_bottom
{
    height: 20px;
    background-image: url(./images/featured_gifts_bottom_bg.jpg);
    background-repeat: no-repeat;
}

/* Back and Next */
.back, .next
{
    width: 24px;
    height: 22px;
    position: relative; 
    bottom: -120px;
}
.back
{
    float: left;
    margin-left: 6px;
}
.next
{
    float: right;
    margin-right: 5px;
}
.back a,.next a
{
    display: block;
    width: 24px;
    height: 22px;
    background-repeat: no-repeat;
}
.back a
{
    background-image: url(./images/back.jpg);
    
}
.next a
{
    background-image: url(./images/next.jpg);
}
/* Right Content */
#right_content
{
    float: right;
    width: 240px;    
}

/* Hot Offers */
#hot_offers
{
    width: 240px;
    margin-bottom: 8px;
}
#hot_offers_header
{
    background-image: url(./images/hot_offers_header_bg.png);
    background-repeat: no-repeat;
    height: 45px;
    padding-left: 20px;    
}
#hot_offers_header h4
{
    color: #fff;
    margin: 0;
    padding: 17px 0 0 0;
    font-family: Century Gothic;
}

#hot_offers_content
{
    background-image: url(./images/hot_offers_content_bg.png);
    background-repeat: repeat-y;
    font-family: verdana;
    padding: 10px 15px 0 20px;
}
#hot_offers_content a
{
    color: #666;
    display:block;
    background-image: url(./images/hot_offers_a_bg.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 12px;
    line-height: 18px;
}
#hot_offers_content h6
{
    color: #8ca247;
    font-family: Century Gothic;
}
.hot_offers_item{}

#hot_offers_footer
{
    background-image: url(./images/hot_offers_footer_bg.png);
    background-repeat: no-repeat;
    height: 20px;  
}

/* Rounded Features */
.rounded_feature
{
    margin: 0 0 5px 0;
    width: 235px;
}
.rounded_feature_top,.rounded_feature_bottom
{
    height: 12px;
    font-size: 1px; /* For IE6 */
    background-repeat: no-repeat;
}
.rounded_feature_top
{
    background-image: url(./images/rounded_feature_top.jpg);    
}
.rounded_feature_content
{
    background-image: url(./images/rounded_feature_content_bg.jpg); 
    background-repeat: repeat-y;
    padding: 0 15px 0 15px;
    background-color: #e0f2c8;
    color: #666;    
}
.rounded_feature_content h6
{
    color: #9fbd77;
    padding-top: 1px;
    font-family: Century Gothic
}
.rounded_feature_bottom
{
    background-image: url(./images/rounded_feature_bottom.jpg);      
}

/* Tell a friend */
#tell_a_friend
{
    position: relative;
    bottom: -10px;
}


/* Footer
----------------------------------------------------------------------------- */
#footer
{
    clear: both;
    margin-top: 8px;
}
#footer_rounded_top
{
   background-image: url(./images/footer_rounded_top.png);
   background-repeat: no-repeat;
   height: 17px;
   clear: both;
}
#footer_content
{
   background-image: url(./images/footer_content_grad.png);
   background-repeat: repeat-y;
   padding: 2px 20px 4px 20px;
}
#footer_rounded_bottom
{
   background-image: url(./images/footer_rounded_bottom.png);
   background-repeat: no-repeat;
   height: 15px;
   clear: both;
}


#company_information,#shop_with_confidence,#advertising_specials,#gift_reminders
{
    float: left;
}
#shop_with_confidence,#advertising_specials,#gift_reminders
{
    background-image: url(./images/footer_content_vr_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 25px;
    min-height: 130px;
}

/* Company Information */

#company_information{}
#company_information ul
{
    display: block;
    float: left;
    padding-right: 20px;
    font-size: 10px;
}
#company_information ul li
{
    padding-bottom: 2px;
}
#company_information ul li a
{
    font-family: arial;
    color: #999;
    font-size: 11px;
}
/* Shop With Confidence */
#shop_with_confidence
{
    width: 190px;
}

/* Advertising Specials */
#advertising_specials
{
    width: 235px;
}
#sign_up_text_box
{
    color: #999;
    width: 150px;
    border: solid 1px #ccc;
    font-family: Arial;
    font-size: 11px;
    padding: 3px;
    margin-left: 5px;
}
#sign_up_image_btn
{
    margin-top: 10px;
}
/* Gift Reminders */
#gift_reminders
{
    width: 210px;
}
#gift_reminders  a
{
   text-decoration: underline;
   font-size: 11px;
}
#gift_reminders  a:hover
{
   text-decoration: none;
}

/* Advertising Specials & #gift_reminders */
#advertising_specials div
{
    background-image: url(./images/advertising_specials_bg.png);
}
#gift_reminders div
{
    background-image: url(./images/gift_reminders_bg.png);
}
#advertising_specials div, #gift_reminders div
{
    color: #999;
    background-repeat: no-repeat;
    background-position: right bottom;
}

/* Copyright Text */
#copyright_text
{
    clear: both;
    font-family: Arial;
    text-align: center;
    font-size: 11px;
    padding-top: 10px;
}

#copyright_text a
{
    text-decoration: underline;
}
#copyright_text a:hover
{
    text-decoration: none;
}

/* Misc
----------------------------------------------------------------------------- */
.clear
{
	height: 1px;
	font-size: 1px; /* The value 1px is important to fix the div height bug in IE 6 */
	clear: both;  
}
.dashed_hr
{
 	height: 1px;
	font-size: 1px; /* The value 1px is important to fix the div height bug in IE 6 */
	border-bottom: dotted 1px #aaa;
	margin: 8px 0 8px 0;
}
.float_left
{
    float: left;
}
.float_right
{
    float: right;
}