/***** GLOBAL SETTING *****/

html, body{
    height:100%;
    border:0;
    margin:0;
    padding:0;
}

/***** YAHOO RESET CSS : http://developer.yahoo.com/yui/reset/ *****/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#6c5c27;
}
table { 
    border-collapse:collapse; 
    border-spacing:0; 
}
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn/*,em*/,th,var 
{ 
    font-style:normal; 
    font-weight:normal; 
}

strong 
{ 
    font-style:normal; 
}
ol,ul 
{ 
    list-style:none; 
}

caption,th 
{ 
    text-align:left; 
} 

h1,h2,h3,h4,h5,h6 
{ 
    font-size:100%; 
    font-weight:normal; 
}

q:before,q:after 
{ 
    content:''; 
}
abbr,acronym 
{ 
    border:0; 
}

a
{
    outline:none;
}

/***** GLOBAL CLASSES *****/

.clear
{ 
    clear:both; 
    height:0;	
    margin:0; 
    font-size: 1px; 
    line-height: 0;
}

div#javascript_message, 
div#javascript_message a, 
div#javascript_message a:hover
{
    position:absolute;
    left:0;
    top:0;
    height: 30px;
    line-height: 30px;
    width:100%;
    background-color: #000;
    color: #fff;
    font-family:arial;
    text-align: center;
    border-bottom: 1px solid #fff;
    z-index:1000;
}

/***** XSTANDARD SETTINGS *****/
span.underline {text-decoration:underline;}
span.strikethrough {text-decoration:line-through;}
em {font-style:italic;}
strong {font-style:normal;font-weight:bold;}
#content_container ul { margin:5px 0 0 15px; }
#content_container ol { margin:5px 0 0 21px; }
#content_container ul li { line-height:1.5em; list-style-type:disc; margin-bottom:3px; }
#content_container ol li { line-height:1.5em; list-style-type:decimal; margin-bottom:3px; }

/* OVERVIEW 
======================================================================================================= */
/*
1 - GENERAL
2 - LAYOUT 
3 - FOOTER
4 - MENU
5 - CONTENT STYLES
*/


/* 1 - GENERAL ========================================================================================= */

body
{
    background: #0E1A43 url(/images/body_bg.png) left top repeat-x;
    font-size:14px;
    line-height:1.4;
}


/* 2 - LAYOUT ==================================================================================== */

div#layout
{
    margin:-70px auto 0;
    width:996px;
    background: url(/images/website_bg.png) left top repeat-y;
}

a#logo
{
    position:absolute;
    margin:70px 0 0 9px; 
    width:164px;
    height:149px;
    background: url(/images/atkins_sweet_sexy_science.png) right top no-repeat;
    z-index:30;
}

div#top
{
    position:absolute;
    margin:70px auto 0; 
    /*width:996px;*/
    height:136px;
    background: url(/images/top_decoration.png) right top no-repeat;
    z-index:20;
padding-right:21px;
width:975px;
}

div#website_side_left
{
    position:absolute;
    width:41px;
    height:136px;
    margin-top:70px;
    background: url(/images/website_left.png) left top no-repeat;
    z-index:10;
}

div#website_side_right
{
    position:absolute;
    width:41px;
    height:136px;
    margin:70px 0 0 955px; 
    background: url(/images/website_right.png) left top no-repeat;
    z-index:10;
}

div#website
{
    position:relative;
    margin:0 auto; 
    width:940px; 
    height:100%;
    background: url(/images/top_bg.png) center 70px repeat-x;
}

div#website_inner
{
    position:relative;
    margin:0 auto;
    width:940px; 
    height: 100%;
    min-height:650px;
    z-index:10;
    padding-top:70px;
}

div#pagethumb
{
    position: relative;
    right: -20px;
    margin-top: 20px;
}

form.search
{
    position:absolute;
    /*margin:61px 0 0 828px;*/
    margin:61px 0 0 712px;
}

form.search input
{
    float:left;
    /*width:98px;*/
    width:193px;
    height:18px;
    color:#467bc8;
    font-size:12px;
    font-weight:bold;
    padding:1px 0 0 16px;
    margin-bottom:10px;
    background: url(/images/search_input_bg.gif) left top no-repeat;
    border:0;
}

form.search input.search_submit
{
    background: url(/images/search_submit.gif) no-repeat left top;
    width:18px;
    display:block;	
    height:17px;
    float:left;
}

form.search input.submit:hover
{
    cursor:pointer;
}

div#moodbar
{
    height:186px;
    width:940px; 
    margin-top:115px;
    background: url(/images/moodbar_divider.png) left bottom no-repeat;
}
div#moodbar img
{
    margin-bottom:10px;
}

/* NIEUWE HOMEPAGE STYLES */
div.website{
    position:relative;
    margin:0 auto; 
    width:940px; 
    background: url(/images/top_bg.png) center 70px repeat-x;
}
div.website_inner{
    position:relative;
    margin:0 auto;
    width:940px; 
    z-index:10;
    padding-top:70px;
}
div.moodbar{
    width:940px;
    margin-top:115px;
}
.flashcontainer
{
    height: auto;
    line-height: 0;
}
.bgcloser
{
    position:relative;
    height:32px; /*56px;*/
    clear:both;
    width:996px;
    margin:0 auto;
    background: url(/images/hometriggers_footer1.png) center top no-repeat;
}

#hometriggers {
    margin: 0 auto;
    position:relative;
    width: 996px;
}

#hometriggers #hometriggers_top {
    height: 28px;
}
#hometriggers #hometriggers_container {
    background: transparent url(/images/hometriggers_shadow_bg.png) left top repeat-y;

}
#hometriggers #hometriggers_content {
    width: 940px;
    margin: 0 28px;
    background: #f6e6b3 url(/images/hometriggers_bg.png) left top repeat-x;
    /*overflow: hidden;*/
}
#hometriggers #hometriggers_content .hometrigger {
    float: left;
    margin: 9px 13px 0 27px;
}
.hometriggerimg {
width: 225px;
height: 243px;
}
/* NIEUWE HOMEPAGE STYLES */

div#content_container
{
    float:left;
    width:630px;
    padding: 0 10px;
}

div.product_image
{
    float:left;
    width:230px;
    margin-bottom:32px;
}

div.product_details
{
    float:left;
    width:400px;
    margin-bottom:32px;
    clear:right;
}

#product_detail div.product_image
{
    width:325px;
}

#product_detail div.product_info
{
    overflow: hidden;
}

#product_detail div.product_phases
{
    float:      left;  
    text-align: left; 
    margin:     0 0 30px 0;
}

#product_detail div.product_phases a.button
{
    width: 128px;
}

#product_detail div.nutrient_info
{
    overflow:hidden; 
    margin: 0 0 30px 0;
}

#product_detail div.nutrient_info div
{
    float: left; 
    text-align: center; 
    width: 230px;
}

#product_detail div.nutrient_info a
{
    float: left;   
}

div#related_products ul
{
    float:left;
    list-style-type: none; 
    margin: 0px;
}

div#related_products ul li
{
    width: 200px;
    overflow: hidden;
    float: left;
    text-align: left;
    margin: 0 7px 25px 0;
}

div#related_products ul li img
{
    display: block;
}
div#related_products ul li a
{
    text-decoration: none;
    color:#6C5C27;
}


div#rightcontent_container{
    float:left;
    width:137px;
    margin-left:8px;
    text-align: center;
}

div#hometriggers_content div#rightcontent_container{
    float:left;
    width:137px;
    margin: 20px 0 0 8px;
    text-align: center;
}

#rightcontent_container h3
{
    font-size: 13px;
    font-weight:normal;
    line-height: 13px;
    color:#6c5c27;
    padding-bottom:10px;
    letter-spacing:-0.04em;
    background: url(/images/h3_line.gif) center bottom no-repeat;
    text-transform: uppercase;
    text-align: center;
}

#rightcontent_container h3.myatkins
{
    background:none;
    padding-bottom:5px;
}

#rightcontent_container a, #rightcontent_container a:visited
{
    font-size: 13px;
    text-decoration: none;
    color: #6c5c27;
}
#rightcontent_container a:hover
{
    text-decoration: underline;
}

#rightcontent_container div#most_read
{
    height: 4.5em;
    overflow: hidden;
}

form#loginForm div {
    text-align: right;
    margin: 0 9px 10px 0;
}
form.login input{
width:113px;
height:18px;
font-size:12px;
font-weight:bold;
padding:1px 0 0 16px;
/*margin-bottom:10px;*/
margin-bottom:5px;
background: url(/images/login_input_bg.gif) left top no-repeat;
border:0;
}
input#atkinssubmit, .atkinssubmit{
    background: transparent url(/images/atkins-btn-submit.jpg) top left no-repeat;
    width: 55px;
    height: 22px;
    padding: 0;
    border: 0;
} 

div#footer{
position:relative;
height:70px;
clear:both;
width:996px;
margin:0 auto;
background: url(/images/footer_bg.png) center top no-repeat;
} 
body#homepage-tpl #footer
{
    background: url(/images/hometriggers_footer2.png) center top no-repeat;
}

img#logo_footer{
position:absolute;
margin:22px 0 0 24px; 
}

div#copyright{
float:right;
font-size:12px;
line-height:12px;
color:#fff;
margin-right:28px;
clear:left;
}


/* 3 - FOOTER ==================================================================================== */
/* http://www.cssstickyfooter.com */

* {margin:0;padding:0;} 
/*
html, body, #layout {height: 100%;}
body > #layout {height: auto; min-height: 100%;}
*/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 4 - MENU ==================================================================================== */

/* TOPNAVIGATION =========== */

ul#topnavigation{ 
float:right;
list-style-type: none; 
margin: 89px 35px 0 0;
font-size: 13px;
}

ul#topnavigation li{ 
float:left;
color:#fff;
}

ul#topnavigation li a{
float:left; /*IE6*/
color:#fff;
display:block;
height:17px; /*24px*/
text-decoration:none;
border-right: 1px solid #FFF;
padding-right: 10px;
margin-right: 10px;
}

ul#topnavigation li a.last{
border-right: 0px;
padding-right: 0px;
margin-right: 0px;
}

/*ul#topnavigation a.pipe{ 
border-right: 1px solid #FFF;
padding-right: 10px;
margin-right: 10px;
}*/

ul#topnavigation li div{ 
float:left;
color:#fff;
width:22px;
text-align:center;
}

ul#topnavigation li a.on, 
ul#topnavigation li a:hover{text-decoration:underline;}


/* MAINMENU =========== */

ul#mainmenu{ 
float:left;
width:145px;
margin-top:12px;
font-size: 13px;
text-transform: uppercase;
background: url(/images/library/general/submenu_bg.gif) right top no-repeat;
padding: 15px 0 0 0;
}

ul#mainmenu li{ 
color:#6c5c27;
margin-bottom:18px;
padding-bottom:20px;
background: url(/images/menu_line.png) 24px bottom no-repeat;
}

ul#mainmenu li a{
display:block;
line-height:15px;
color:#6c5c27;
text-decoration:none;
padding-left:20px;
letter-spacing:-0.03em;
}

ul#mainmenu li a.on, 
ul#mainmenu li a:hover{ 
background: url(/images/menu_arrow.gif) left center no-repeat;
text-decoration:none;
}

/* FOOTERMENU =========== */

ul#footernavigation{ 
float:right;
list-style-type: none; 
margin: 24px 28px 0 0;
}
ul#footernavigation li{ 
float:left;
color:#fff;
font-size:12px;
}
ul#footernavigation li a{
float:left; /*IE6*/
color:#fff;
display:block;
height:24px;
text-decoration:none;
}
ul#footernavigation li div{ 
float:left;
color:#fff;
width:12px;
text-align:center;
}
ul#footernavigation li a:hover{ 
text-decoration:underline;
}


/* 5 - CONTENT STYLES ==================================================================================== */

h1{
margin: 11px 0 24px 0px; /*230px*/
font-size: 23px;
font-weight:normal;
line-height: 23px;
color:#6c5c27;
padding-bottom:21px;
letter-spacing:-0.04em;
background: url(/images/h1_line.png) center bottom no-repeat;
text-transform: uppercase;
text-align: center;
}
h1 a, h1 a:hover{color:#6c5c27;}

h2{
margin: 0 0 3px;
font-size: 14px;
line-height: 15px;
font-weight:bold;
color:#c42933;
}
h2 a, h2 a:hover{color:#c42933;}

h3{
margin: 1px 0 3px;
font-size: 14px;
line-height: 34px;
font-weight:bold;
color:#6c5c27;
text-align:center;
}
h3 a, h3 a:hover{color:#6c5c27;}

h4{
margin: 5px 0 24px 230px;
font-size: 23px;
font-weight:normal;
line-height: 23px;
color:#c42933;
letter-spacing:-0.04em;
}
h4 a, h4 a:hover{color:#c42933;}

a.button{
display:block;
float:left;
min-width:114px;
line-height:25px;
padding:0 5px;
color:#fff;
margin-top:8px;
background-color:#c42933;
text-align:center;
white-space: nowrap;	
text-decoration:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
a.button:hover{color:#fff;}

img.product{margin-left:11px;}

a{color: #000;	}
a:hover{
color: #000;
text-decoration: none;
}

p {
margin-bottom: 1em;
}

/* 6 - REGISTRATION/PROFILE/CONTACT/FORGOTPASSWORD/UNSUBSCRIBE FORM ======================================================================= */

table.contact tr td, table.registration tr td, table.forgotpassword tr td, table.unsubscribe tr td
{
    padding: 5px 0 0 0;   
}

/* 7 - FORUM ======================================================================= */
fieldset
{
    border:1px dotted #C42933;
    margin:5px 3px;
    padding: 3px 0px;
}

form.forum_search label
{
    padding: 0 0 0 5px;
}

form.forum_search a.search_button
{
    margin: 0 0 3px 15px;
    padding: 0 10px 0 10px;
    line-height: 20px;
    min-width: 130px;
    color:#fff;
    background-color:#c42933;
    text-align:center;
    white-space: nowrap;	
    text-decoration:none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

ul.paginate
{
    margin: 0px;
    padding: 0 0 10px 10px;
    text-align: center;
    margin: 20px 0;
}

ul.paginate li
{
    display: inline;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


ul.paginate li a
{
    background:#C42933 none repeat scroll 0 0;
    color:#fff;
    font-weight:normal;
    margin:0;
    padding:1px 7px 4px;
    text-decoration:none;
}

ul.paginate li a.current, ul.paginate li a:hover
{
    background-color:#0E1A43; /*#C42933;*/
    color:#fff;
    /*border-bottom: 2px solid #8B1720;*/
}

.float_left
{
    float:left;
}

.float_right
{
    float: right;
}

div.user_container
{
    background:#FFFAEE url(/images/topic_bg.jpg) repeat-x scroll left bottom;
    padding: 10px 0 0 10px;
    /*height: 120px;*/
overflow: hidden;
}
div#profile div.avatar
{
    float: left;
    margin: 0 10px 0 0;
}

div#profile div.user_info
{
padding: 10px 0 10px 0;
}

div#profile div.user_info div.info_left
{
float: left;
width: 160px;
height: 25px;
}

div#profile div.user_info div.info_right
{
float: left;
height: 25px;
}

div#profile h4
{
margin: 0 0 10px 0;
text-align: center;
}

div#profile div.personal_info
{
    background:#FFFAEE url(/images/topic_bg.jpg) repeat-x scroll left bottom;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
}

ul#profile_listing
{
    width: 100%;
   margin: 0 0 5px 0;
    padding: 0 0 10px 0;
    overflow: hidden;
}

ul#profile_listing li
{
    background:#FFFAEE url(/images/topic_bg.jpg) repeat-x scroll left bottom;
    list-style-type: none;
    padding: 0 0 0 10px;
}

ul#profile_listing li a
{
text-decoration: none;
color:#6C5C27;
}

ul#profile_listing li a:hover
{
color:#C42933;
}


ul#profile_listing li span
{
float:right;
padding: 0 5px;
} 

ul#profile_listing li span a
{
color:#C42933;
font-weight: bold;
}


ul#profile_listing li span

#searchresults ol
{
margin-left: 0;
}
#searchresults ol li
{
list-style-type: none;
}

.error
{
color:red;
}

form input.submit
{
    margin: 5px 0 0 0;
    padding: 0 10px 0 10px;
    line-height: 20px;
    min-width: 130px;
    width: 130px;
    color:#fff;
    background-color:#c42933;
    text-align:center;
    white-space: nowrap;	
    text-decoration:none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 0px;
}
#flashcontent
{
    text-align: center;
    padding-top: 15px
}