/* 
|   The Herbal Nutrition Network - Master Style List
|
|   Author: Erik Smith, eksmith03@gmail.com
|   Created: October 21, 2006
|   Last Modified: -- Dec 06, 2007
|   Modified By:: -- Ali Jaffery
*/






/* 
-------- Global Elements -----------
*/

* {

	margin:0px;
	padding:0px;
}


a {
color:#5890A8
}

img {
    border:none;
}

li {
    list-style-type:none;
}

body {
    margin: 0px auto; 
    background: url(../images/bg.jpg) top center repeat-y; 
    font-family: arial, sans-serif;
}

.clear-it {
height:10px;
width:1px;
clear:both;
}

#head-spacer {
height:2px;
width:540px;
border-bottom:1px solid #ccc;
margin:0 0 20px 0;
}

#head-spacer-wide {
height:2px;
width:630px;
border-bottom:1px solid #ccc;
margin:0 0 20px 0;
}

.btn_bgc{
	width:183px;
	height:28px;
	border:0;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	line-height:28px;
	background-image:url(../images/modern/green/btn_bgc.jpg);
}
.btn_bgc:hover{
	width:183px;
	height:28px;
	border:0;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	line-height:28px;
	background-image:url(../images/modern/green/btn_bgc_hover.jpg);
}

.new a{
	text-decoration:none;
}
.new a:hover{
	text-decoration:underline;
	color:#ea9a67;
}


/* 
-------- Structure -----------
*/

#wrapper {
    margin: 0px auto; 
    width:770px;
}

.wrapper-pad {
height:50px;
width:21px;
clear:both;
}




/* 
-------- Header Elements -----------
*/



#header h1 {
    color:#FFFFFF;
    font-size: 24px;
    font-family:Helvetica;
    font-weight:200;
    text-align:right;
    position:relative;
    top:120px;
    right: 30px;
}

#header h2 {
    color:#D8E7F0;
    font-size: 17px;
    font-family:Helvetica;
    font-weight:300;
    text-align:right;
    position:relative;
    top:125px;
    right: 30px;
}

#header div.logo {
    position:absolute;
    top:0px;
}

#header div.title {
    color:#5890A8;
    position:relative;
    left:35px;
    top:10px;
}

    #header p.title {
        font-size: 22px;
    }

   #header p.title a {
text-decoration:none;
font-weight:bold;
}


    #header p.tagline {
        position:relative;
        top:-2px;
        font-size: 11px;
    }



/* ---- Login ------ */

#login {
font-size:12px;
font-weight:bold;
}

#login input {
font-size:14px;
margin:0 5px 0 5px 0;
}

/* ---- Header: Utilities ------ */
.languages {
	z-index:1;
	text-align:right;
	position:absolute;
	right:20px;
	top:10px;
	font-size:11px; 
}

.languages a{
	font-size:12px;
    font-weight:bold;
    color:#5890A8;
    text-decoration:none;
}
.changeLanguage a{
	font-size:11px;
    margin:0 0px 0 5px;
    padding:0 0px 0 9px;  
    border-left:1px solid #5890A8;
}
#header ul.flags {
    position:absolute;
    right:80px;
    top:10px;
}
    #header ul.flags li {
        float:left;
        margin:0 3px 0 3px;
    }
    
#header ul.subNav {
    position:absolute;
    right:20px;
    top:30px;        
}

    #header ul.subNav li {
        float:left;
        border-left:1px solid #5890A8;
    }
    
            #header ul.subNav li.right-border {
                border-right:1px solid #5890A8;
            }
    		#header ul.subNav li.left-border {
                border-left: 0px;
            }
                #header ul.subNav li a {
                    font-size:11px;
                    font-weight:bold;
                    color:#5890A8;
                    text-decoration:none;
                    margin:0 3px 0 3px;
                    padding:0 3px 0 3px;
                }
        

/* 
-------- Navigation -----------
*/

    #mainNav {
		
        width:770px;
        height:24px;
        background:#7FA2CA;
    }
    
    #mainNav li {
            float:left;
            height:23px;
            border-top:1px solid #5D7895;
            border-right:1px solid #5D7895;
            border-bottom:1px solid #5D7895;
    }
    
        #mainNav li a {
			
			/*            
			margin:0px;
			padding:0px;
			font-weight:normal;
			*/
			padding:0 18px 0 17px;
            position:relative;
            top:1px;
            text-decoration:none;
            color:#DFEFFF;
            font-size:11px;
            text-transform:uppercase;
            font-weight:bold;
			
        }
            #mainNav li a:hover {
                color:#fff;
            }
        
/*
-------- Main Content -----------
*/

#main {
    margin: 0px auto;
    background:#fff;
}

#content {
float:left;
width:560px;
position:relative;
left:35px;
top:0px;
font-size:12px;

}

#content h3 {
color:#80A1CA;
font-size:18px;
line-height:16px;
margin:20px 0 20px 0;
}

#content h4 {
color:#5D7895;
font-size:16px;
line-height:16px;
margin:20px 0 20px 0;
}

#content a {
font-size:11px;
color:#5D7895;
}

#register-button {
	position:relative;
	left:200px;
}

/* ------------- Right Box ------------  */

#right-bar {
    width:160px;
    border-left:1px solid #777;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    float:right;
    margin:30px 0 0 0;
    padding:0 0 20px 0;
}

#right-bar h3 {
    width:160px;
    padding:4px 0 4px 0px;    
    background:#80A1CA;
    border-bottom:1px solid #777;
}

#right-bar h3 span.pad {
    position:relative;
    left:10px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;

}

#right-bar div.bar {
width:160px;
height:3px;
border-bottom:1px solid #ccc;
margin:10px 0 10px 0;
}

#right-bar div.box {
    position:relative;
    left:10px;
    width:140px;
}

#right-bar div.box h4 {
    color:#000;
    font-size:12px;
    font-weight:bold;
    margin:0 0 4px 0;
}

#right-bar div.box p {
    color:#000;
    font-size:12px;
}

#right-bar div.box p.small {
    font-size:10px;
    text-align:center;
    margin-top:5px;
}
        
        
        
/* 

/* ------------- Right Box 2 ------------  */

#right-bar2 {
    width:160px;
    border-left:1px solid #777;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    float:right;
    margin:30px 0 0 0;
    padding:0 0 20px 0;
}

#right-bar2 h3 {
    width:160px;
    padding:4px 0 4px 0px;    
    background:#80A1CA;
    border-bottom:1px solid #777;
}

#right-bar2 h3 span.pad {
    position:relative;
    left:10px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;

}

#right-bar2 div.bar {
width:160px;
height:3px;
border-bottom:1px solid #ccc;
margin:10px 0 10px 0;
}

#right-bar2 div.box {
    position:relative;
    left:10px;
    width:140px;
}

#right-bar2 div.box h4 {
    color:#000;
    font-size:12px;
    font-weight:bold;
    margin:0 0 4px 0;
}

#right-bar2 div.box p {
    color:#000;
    font-size:12px;
}

#right-bar2 div.box p.small {
    font-size:10px;
    text-align:center;
    margin-top:5px;
}
        
        
        
/* 
-------- Footer -----------
*/

#footer {
    margin: 0px auto;
    width:770px;
    height:50px;
    background:#80A1CA;
    border-top:1px solid #777;
    clear:both;
}

#footer p {
margin-top:10px;
text-align:center;
font-size:11px;
color:#fff;
}

#footer a {
color:#fff;
}




#content img {
            float:left;
            margin:0 15px 5px 0;
}

#content p {
            font-size:12px;
            margin:7px 0;
}

#content strong {
            font-size:14px;
}

#content ul {
            margin:5px 0 5px 15px;
}

#content li {
            list-style-type:disc;
            margin-left:15px;
            font-size:12px;
}

#content h3 {
            color:#80A1CA;
            font-size:18px;
            line-height:16px;
            margin:20px 0 20px 0;
}

#content sub, #content sup {
            font-size:12px;
}

.message { background-color:#FFCC00;padding:10px; font-weight:bold;}
.float_left{position: relative; float: left;}
.gen_padding{padding: 2px;}
#head-spacer-width-none {
height:2px;
border-bottom:1px solid #ccc;
margin:0 0 20px 0;
}
.float_left{float:left;position: relative;}
.pointer{cursor: pointer;color:#5D7895;font-size:12px;}