body { background: #e6f3d2; margin: 0; padding: 0; font: 12px "Trebuchet MS" Verdana, sans-serif; color: #b99a77; }

img { border: 0; }

h1, h2, h3, h4 { font-family: "Trebuchet MS" Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; }

.clear { clear: both; overflow: hidden; height: 1px;}

#top { background: #d1c3b3 url('http://www.aloeskinrenew.com/images/top-line.jpg') no-repeat; height: 10px; font-size: 0; }
#container { background: #fff url('http://www.aloeskinrenew.com/images/bg.jpg') no-repeat; width: 100%; }
#internal-container { background: #fff; width: 100%; }

#logo { float: left; padding-top: 25px; }
#int-logo { padding: 5px 0 0 20px; }

#internal-header { background: #fff url('http://www.aloeskinrenew.com/images/internal-header.jpg') no-repeat; height: 197px; width: 880px; }

#nav { 
	background: url('http://www.aloeskinrenew.com/images/nav.jpg') no-repeat; 
	height: 42px; 
	margin-top: 2px; 
	z-index: 1; 
}
#nav ul { 
	list-style: none; 
	margin: 0; 
	padding: 0 0 0 139px; 
	line-height: 40px; 
	text-transform: uppercase; 
}
#nav li { 
	float: left; 
	border-right: 1px solid #aec789; 
}
#nav li a { 
	padding: 0 6px; 
	color: #74a13d; 
	text-decoration: none; 
	display: block;
}
#nav li a:hover { 
	color: #f96858; 
	background: #f9e4e2; 
}
#nav li ul { 
	position: absolute; 
	float: none; 
	display: none; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 128px;
	line-height: inherit; 
}
#nav li ul li { 
	float: none; 
	line-height: 28px;
	background: url('http://www.aloeskinrenew.com/images/site/nav-dropdown.gif') top; 
	border: none; 
}
#nav li ul li a { 
	display: block; 
	padding: 0 10px; 
	text-decoration: none; 
}
#nav li ul li a:hover { 
	background: url('http://www.aloeskinrenew.com/images/site/nav-dropdown.gif') bottom; 
}
#nav li:hover ul, 
#nav li.sfhover ul { 
	display: block; 
}
#nav li#nav-current a { color: #f96858; background: #f9e4e2; }
#nav li#home {color: #f96858;}
#nav li#home-nav { border-right: none; margin-right: 6px;}
#nav li#home-nav a {color: #f96858;}
#nav li#last-nav { padding-right: 0; border-right: none; }

#header { margin-left: 210px; width: 780px; height: 160px; overflow: hidden; }
#shopping-status { 
	margin: 20px 0 0 30px;
	width: 127px; 
	height: 40px;
	padding: 6px 20px;
	background: url('http://www.aloeskinrenew.com/images/my-account.jpg') no-repeat;
}
#shopping-status span { 
	margin-left: 25px; 
	padding: 1px 2px;
	border: 1px solid #b9db88;
	background: #e6f3d2;
	color: #8dae5e;
}
#shopping-status a { color: #b99a77; text-decoration: none;  }
#shopping-status a:hover { text-decoration: underline; }

#video-header { float: left; width: 242px; margin-left: 65px; }
#logo { float: left; height: 118px; width: 153px; }
#special-offer { text-align: right; position: absolute; margin: 3px 0 0 70px; z-index: 2; }
#shop-offers { float: left; }

#main { margin: 30px 0 0 210px; width: 780px; overflow: hidden; }
.home-section { float: left; width: 215px; min-height: 291px; background: #fff url('http://www.aloeskinrenew.com/images/home-section.jpg') no-repeat; z-index: 0; }
.home-section h2 { 
	background: url('http://www.aloeskinrenew.com/images/heading-title.jpg') no-repeat; 
	text-transform: uppercase;
	border-bottom: 1px solid #f9e4e2;
	font-size: 12px;
	margin: 2px 0 0 2px;
	padding: 0 0 0 63px;
	color: #9d7c57;
	line-height: 36px;
	z-index: 0;
}
.home-section .desc { color: #679626; font-size: 12px; line-height: 18px; padding: 0 10px; height: 126px; margin: 10px 0; }

.home-section .desc2 { color: #679626; font-size: 12px; line-height: 18px; padding: 0 10px; margin: 10px 0; }
.home-section .desc2 a, .home-section .desc a { padding: 2px; color: #f96858; background-color: #fae4e2; text-decoration: none; }
.home-section .desc2 a:hover, .home-section .desc a:hover { padding: 2px; color: #f96858; background-color: #fbedec; text-decoration: none; }
.home-section img { margin: 0 10px; }
.section-image { margin-top: 15px; }

#internal-main { width: 876px; overflow: hidden; }

#int-content { float: left; width: 612px; padding: 10px; text-align: justify; }
#int-content h1 { 
	font-size: 18px;
	text-transform: uppercase; 
	color: #fe988d;
  margin-left: 10px;
}

#int-content .bubble h5,
#int-content .bubble2 h5,
#int-content .bubble3 h5 {
	color: #74a13d; 
	font-size: 14px; 
	margin: 5px 0 10px 0; 
	padding: 0; 
	text-transform: uppercase; 
	font-weight: normal;
}
#int-content .bubble p,
#int-content .bubble2 p,
#int-content .bubble3 p 
{
	color: #666; 
	margin: 0;
	padding: 0px;
}

#int-content .bubble { background: #fff url('http://www.aloeskinrenew.com/images/site/founders_bg.jpg') no-repeat; width: 542px; height: 75px; margin: 10px 0 10px 8px; padding: 10px 35px 15px 15px; }
#int-content .bubble2 { background: #fff url('http://www.aloeskinrenew.com/images/site/founders_bg_2.jpg') no-repeat; width: 542px; height: 150px; margin: 10px 0 10px 8px; padding: 10px 35px 15px 15px; }
#int-content .bubble3 { background: #fff url('http://www.aloeskinrenew.com/images/site/founders_bg_3.jpg') no-repeat; width: 542px; height: 75px; margin: 10px 0 10px 8px; padding: 10px 35px 15px 15px; }
#int-content .bubble4 { background: #fff url('http://www.aloeskinrenew.com/images/site/founders_bg_2.jpg') no-repeat; width: 542px; height: 150px; margin: 10px 0 10px 8px; padding: 10px 35px 15px 15px; }

#int-content h3 {margin: 10px 0 0 10px; color: #9d7c57;}
#int-content p {color: #5b4f41; margin-left: 10px; line-height: 18px;}
#int-content h2 {font-size: 15px; color: #fe988d; margin: 10px 0 5px 10px; text-align: left;}
#int-content img.aloe_vera {margin-right: 5px; }
#int-content ol {line-height: 18px; color: #5b4f41; }
#int-content ul {line-height: 18px; color: #5b4f41; margin: 0px;  }
#int-content a { padding: 2px; color: #f96858; background-color: #fae4e2; text-decoration: none; }
#int-content a:hover { padding: 2px; color: #f96858; background-color: #fbedec; text-decoration: none; }

#products { padding: 10px; }
#products .product-summary { float: left; width: 170px; padding: 0 20px; margin-bottom:20px;}
#products .product-summary img { }
#products .product-summary h2 { margin: 5px 0 3px 0; font-size: 14px; color: #9d7c57; }
#products .product-summary span { color: #617e35; }

#products .product-profile { width: 826px; padding: 0 20px; overflow: hidden; }
#products .product-profile h1 { color: #f98275; text-transform: uppercase; margin-bottom: 20px; font-size: 18px; }
#products .product-profile h2 { color: #f98275; text-transform: uppercase; margin-bottom: 10px; font-size: 16px; }
#products .product-profile .p-price { font-size: 16px; margin: 5px 0 5px 5px; font-weight: bold; }
#products .product-profile .p-price span {font-size: 12px;}
#products .product-profile .p-code-price { font-size: 16px; margin: 0 0 10px 5px; font-weight: bold; }
#products .product-profile .p-code-price span {font-size: 12px; }
#products .product-profile .p-weight { font-size: 12px; margin: 10px 0 0 5px; }
#products .product-profile #p-add-to-cart { 
	width: 180px; 
	border: 1px solid #ffc5c1;
	background: #fae2e0;
	padding: 10px 10px 5px 10px;
	margin: 20px 0 0 0px;
	overflow: hidden; 
color: #f98275;
}
#products .product-profile #p-add-to-cart label { float: left; margin: 0 7px 5px 0; font-size: 13px; }
#products .product-profile #p-add-to-cart .input { float: left; width: 25px; margin: 0 7px 5px 0; }
#products .product-profile #p-add-to-cart .submit { float: left; width: 85px; }
#products .product-profile #p-add-to-cart a { color: #f96858; }
#products .product-profile #pp-left { float: left; width: 272px; }
#products .product-profile #pp-right { float: right; width: 534px;color: #5b4f41; line-height: 18px; font-size: 12px; text-align: justify; }
#products .product-profile #pp-right span { color: #617e35; text-transform: uppercase;}
#products .product-profile #pp-right span.note {color: #f98275; text-transform: lowercase; }
#products .product-profile #pp-right ul {margin-left:20px; padding-left:0px; }
#products .product-profile #pp-right a { padding: 2px; color: #f96858; background-color: #fae4e2; text-decoration: none; }
#products .product-profile #pp-right a:hover { padding: 2px; color: #f96858; background-color: #fbedec; text-decoration: none; }

table#shopping-cart { 
	margin: 20px 0 5px 0; 
	width: 632px;
	border-collapse: collapse;	
}
#shopping-cart tr { padding: 2px 5px; border-bottom: 1px dotted #d0c3b3; }
#shopping-cart td { padding: 5px; color: #333; }
#shopping-cart tr#heading-table { 
	border-bottom: 2px solid #d0c3b3;
	color: #333;
	font-size: 13px;
}
#shopping-cart tr#heading-table td { text-align: center; font-weight: bold; }

#shopping-info {
	margin-top: 15px;
	border: 1px solid #a2c46e;
	padding: 7px;
	background: #e5f3d2;
	color: #48582f;
}

#shipping-information { width: 632px; overflow: hidden; }
#shipping-information label { float: left; width: 150px; }
#shipping-information .input { float: right; width: 400px; }
#shipping-information .textarea { float: right; width: 400px; height: 200px; }

#int-nav { float: right; width: 224px; margin: 0; padding: 0; }
#int-nav ul { margin: 0; padding: 0; list-style: none; }
#int-nav li { 
	text-align: center; 
	margin: 0 0 1px 0; 
	padding: 0; 
	background: url('http://www.aloeskinrenew.com/images/nav-element.jpg') no-repeat; 
	line-height: 29px; 
	text-transform: uppercase; 
}
#int-nav a { text-decoration: none; display: block; color: #fff; }
#int-nav a:hover { background: url('http://www.aloeskinrenew.com/images/nav-element-hover.jpg') no-repeat; color: #74a13d; }
#int-nav #int-current a { background: url('http://www.aloeskinrenew.com/images/nav-element-hover.jpg') no-repeat; color: #74a13d;; }

#downloads-column { float: right; width: 204px; margin: 0; padding: 10px; background: #e6f3d2 url('http://www.aloeskinrenew.com/images/int-nav-bg.jpg') no-repeat; text-align: center; }
#downloads-column .downloads-title { color: #74a13d !important; margin-bottom: 18px; font-weight: normal; text-transform: uppercase; }
#downloads-column p { margin: 0 0 5px 0; }
#downloads-column a { color: #5b4f41; }

#int-nav-bottom { float: right; width: 224px; background: #e6f3d2 url('http://www.aloeskinrenew.com/images/int-nav-bg.jpg') no-repeat; font-size: 0; margin: 0; padding: 0; }

#bottom-section { background: url('http://www.aloeskinrenew.com/images/bottom-border.jpg') no-repeat; padding: 20px 15px 10px 15px; margin: 5px 0 0 210px; border-bottom: 10px solid #ffc5c1; width: 650px; overflow: hidden; }
#bottom-section p { line-height: 18px; margin: 0 0 0 5px; padding: 0px; color: #9d7c57;}
#bottom-section span { color: #7ca73d; font-size: 14px; }
#bottom-section a { padding: 2px; color: #f96858; background-color: #fae4e2; text-decoration: none; }
#bottom-section a:hover { padding: 2px; color: #f96858; background-color: #fbedec; text-decoration: none; }
#bottom-section #bs-left { width: 315px; float: left; text-align: justify; }
#bottom-section #bs-right { width: 315px; float: right; text-align: justify; }
#bottom-section .bs-title { font-size: 14px; color: #7ca73d; }

form#circle-login { width: 250px; margin: 0 auto; overflow: hidden; border: 1px solid #c7dea3; padding: 10px; background: #f8ffed; }
#circle-login label { font-size: 15px; }
#circle-login .input { float: left; margin: 10px 5px 0 0; width: 180px; }
#circle-login .submit { float: left; margin: 10px 0 0 0; width: 60px; }

form#founders-form { width: 360px; margin: 15px auto; overflow: hidden; border: 1px solid #c7dea3; padding: 10px; background: #f8ffed; }
#founders-form label { font-size: 15px; float: none; }
#founders-form .input { width: 350px; margin: 1px 0 6px 0; float: none; }
#founders-form .select { width: 354px; margin: 1px 0 6px 0; float: none; }
#founders-form .submit { margin-top: 10px; }

#footer { width: 940px; overflow: hidden; font-size: 11px; margin-top: -1px; color: #74a13d;}
#footer a { color: #74a13d; text-decoration: none; }
#footer a:hover { color: #3c6015; }
#footer-sub-nav { margin: 10px 0 0 10px; text-transform: uppercase; }
#copyright { margin: 15px 0 0 10px; }
#footer #fl { float: left; width: 800px; margin-bottom: 20px; }
#footer #fr { float: right; width: 103px; margin: 10px 15px 20px 0; }

#breadcrumb { font-size: 13px; }
#breadcrumb a:link,
#breadcrumb a:visited { background: none; }
#breadcrumb a:hover { background: #fbedec; }
#breadcrumb a#current-bread { border: 1px solid #ffc2bc; background: #fae4e2; }

#promo-offer { width: 612px; margin: 20px auto 0 auto; overflow: hidden; border: 1px solid #c7dea3; padding: 10px; background: #f8ffed; text-align: center; }
#promo-offer label { font-size: 13px; }
#promo-offer .input { margin: 10px 5px 0 0; width: 180px; }
#promo-offer .submit { margin: 10px 0 0 0; width: 60px; }

#promo-msg { width: 612px; margin: 20px auto 0 auto; overflow: hidden; border: 1px solid #ffd6d3; padding: 10px; background: #feeae8; text-align: center; color: #72211b; }

form#member_login_form,
form#forgot_password_form {
	width: 285px; 
	margin: 20px auto 0 auto; 
	overflow: hidden; 
	border: 1px solid #ffd6d3; 
	padding: 10px; 
	background: #feeae8; 
	color: #72211b;
}
#member_login_form label,
#forgot_password_form label { float: left; width: 80px; line-height: 20px; }

#member_login_form .input,
#forgot_password_form .input { float: left; width: 200px; margin-bottom: 3px; }

#member_login_form .checkbox { margin-left: 80px; }
#member_login_form .exp {}
#member_login_form .submit,

#forgot_password_form .submit,
#register_member_form .submit { margin-top: 10px; float: right; }

form#register_member_form {
	width: 355px; 
	margin: 20px auto 0 auto; 
	overflow: hidden; 
	border: 1px solid #ffd6d3; 
	padding: 10px; 
	background: #feeae8; 
	color: #72211b;
}
#register_member_form .input { float: right; width: 200px; margin-bottom: 3px; }
#register_member_form label { float: left; width: 140px; line-height: 20px; }