/** reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline} body, button, input, select, textarea { font:12px/1.5 Arial, sans-serif} table { border-collapse:separate; border-spacing:0} caption, th, td { text-align:left; font-weight:normal} table, td, th { vertical-align:middle} blockquote:before, blockquote:after, q:before, q:after { content:""} blockquote, q { quotes:"" ""} a {
	text-decoration:none;
	color:#FFF;
	font-weight: bold;
} a:hover { text-decoration:underline} a img { border:none} strong { font-weight:bold} em { font-style:italic} ul, ol { list-style:none} input:focus { outline:0} select:focus { outline:0}

/** font-size */
.f14 { font-size:14px}
/* margin */
.ml5 { margin-left:5px} .ml10 { margin-left:10px} .ml15 { margin-left:15px}
.mt5 { margin-top:5px} .mt10 { margin-top:10px} .mt15 { margin-top:15px} .mt20 { margin-top:20px} .mt30 { margin-top:30px} .mt40 { margin-top:40px}
.mb5 { margin-bottom:5px} .mb10 { margin-bottom:10px}
/* padding */
.pb5 { padding-bottom:5px} .pb10 { padding-bottom:10px} .pb15 { padding-bottom:15px} .pb20 { padding-bottom:20px}

.block { display:block} .inline { display:inline} .inline-block { display:inline-block}
.rel { position:relative} .abs { position:absolute} .fixed { position:fixed}
.tl { text-align:left} .tc { text-align:center} .tr { text-align:right}
.vt { vertical-align:top}

.fl { display:inline; float:left}
.fr { display:inline; float:right}

.over-hide { text-indent:-9999px; overflow:hidden}

/* clear float */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:before, .clearfix:after { content:'\0020';display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after { clear:both;}

/* width */
.w215 { width:215px}
.w750 { width:750px}

body { background:#f2f2f0 url(../images/bg-repeat-y.png) repeat-y center top; color:#111}

.wrapper { width:745px; margin:0 auto}

.header { z-index:1; height:447px; background:url(../images/bg.jpg) no-repeat center top}
.header .logo { padding-top:17px; width:145px; margin-left:280px}
.header .logo a { display:block; width:145px; height:109px; background:url(../images/logo.png) no-repeat}
.header .nav { z-index:2; top:114px; left:0; height:37px; width:758px}
.header .nav li { position:relative; display:inline; float:left; height:37px; line-height:37px; padding-left:6px; padding-bottom:8px; background:url(../images/dot.png) no-repeat left 16px}
.header .nav li.nav-1 { padding-left:0; background:none}

.header .nav li a { display:block; height:37px; background:url(../images/nav.png) no-repeat; text-indent:-9999px; overflow:hidden}
.header .nav li.nav-1 a { width:67px; background-position:0 0}
.header .nav li.nav-2 a { width:137px; background-position:-73px 0}
.header .nav li.nav-3 a { width:171px; background-position:-216px 0}
.header .nav li.nav-4 a { width:59px; background-position:-393px 0}
.header .nav li.nav-5 a { width:166px; background-position:-458px 0}
.header .nav li.nav-6 a { width:115px; background-position:-630px 0}

.header .nav li:hover.nav-1 a, .header .nav li.selected.nav-1 a { background-position:0 -37px}
.header .nav li:hover.nav-2 a, .header .nav li.selected.nav-2 a { background-position:-73px -37px}
.header .nav li:hover.nav-3 a, .header .nav li.selected.nav-3 a { background-position:-216px -37px}
.header .nav li:hover.nav-4 a, .header .nav li.selected.nav-4 a { background-position:-393px -37px}
.header .nav li:hover.nav-5 a, .header .nav li.selected.nav-5 a { background-position:-458px -37px}
.header .nav li:hover.nav-6 a, .header .nav li.selected.nav-6 a { background-position:-630px -37px}

.header .nav li .submenu { position:absolute; left:6px; top:-9999px; width:194px}
.header .nav li:hover .submenu { top:32px}
.header .nav li .submenu .top { width:171px; height:13px; background:url(../images/nav-hover.png) repeat-y; overflow:hidden}
.header .nav li .submenu .bottom { height:6px; background:url(../images/sub-nav-bottom.png) no-repeat; overflow:hidden}
.header .nav li .submenu ul { padding:0 12px; background:url(../images/sub-nav-bg.png) repeat-y}
.header .nav li .submenu ul li { width:174px; height:24px; line-height:24px; padding:0; background:none; border-top:1px solid #8e479e}
.header .nav li .submenu ul li.first { border-top:none}
.header .nav li .submenu ul li a { float:left; width:174px; height:24px; background:none; text-indent:0; color:#fff}
.header .nav li .submenu ul li a:hover, .header .nav li .submenu ul li.selected a { color:#d583e7}

.header .banner { top:155px; left:0; width:745px; height:292px; background:url(../images/hero-shot.png) no-repeat}
.header .banner .bottle { top:119px; left:30px; width:120px; height:296px; background:url(../images/bottle.png) no-repeat}
.header .banner .more { top:113px; left:172px; width:265px; height:51px}

.main { width:574px; margin-left:171px; background:url(../images/main-repeat-y.png) repeat-y}
.main-container { min-height:200px; padding:10px 23px; background:url(../images/main-top.png) no-repeat; color:#fff}
* html .main-container { height:200px}
.main-bottom { height:10px; background:url(../images/main-bottom.png) no-repeat; overflow:hidden}

.page-title { font-size:30px; font-weight:400; font-style:italic; font-family:'Times New Roman'; border-bottom:1px solid #9b5ca9}
.page-container { padding-top:10px; background:url(../images/page-container-top.png) no-repeat left top}
.page-container p { margin-bottom:1em}

.subtitle { margin-bottom:10px; font-size:22px; font-weight:400; border-bottom:1px solid #9b5ca9}

.link-btn { display:inline-block; padding:3px 5px; background:#904aa0; font-size:18px; font-weight:400; font-style:italic; font-family:'Times New Roman'; font-weight:400; color:#fff; vertical-align:middle}
.link-btn:hover { background:#a872b5; text-decoration:none}

.footer {
	height:154px;
	margin-top:13px;
	background:#e4e4e2;
	font-size:11px;
	color:#6f6f6f;
	margin-bottom: 18px;
	padding-top: 25px;
	padding-right: 18px;
	padding-bottom: 25px;
	padding-left: 18px;
}
.footer .copyright { padding-bottom:3px; border-bottom:1px solid #dadad8; text-align:right}
.footer .links { padding-top:4px; text-align:right}
.footer .links a { color:#9341a2}
.footer dl { top:15px}
.footer dt { margin-bottom:10px; font-size:18px; font-weight:bold; font-style:italic; font-family:'Times New Roman'; color:#9341a2}
.footer dd { line-height:1.7}
.footer dd a { color:#6f6f6f}
.footer .site { left:18px; width:200px}
.footer .where-to-buy { left:215px; width:290px}

.form { padding:20px 0}
.form p { margin-bottom:0; padding-bottom:10px}
.form p label { display:inline-block; vertical-align:middle; width:85px}
.form p input { width:293px; height:15px; padding:10px; border:1px solid #773b85; background:#fff; font:12px/14px Arial; color:#515151; vertical-align:middle}
.form .submit { width:402px}

.ul-style-1 {
	padding:1px 10px
}
.ul-style-1 li { height:20px; line-height:20px; padding-left:15px; background:url(../images/ul-style-1-icon.png) no-repeat 0 center; overflow:hidden}

.ul-style-2 { padding:10px 0}
.ul-style-2 li { height:20px; line-height:20px; padding-left:15px; overflow:hidden}
.ul-style-2 li a { color:#fff; text-decoration:underline}
.ul-style-2 li a:hover, .ul-style-2 li.hover a { color:#d37ee6}
.formfields {
	padding: 4px;
}

/* Contact page table styling */
table .left-column{
	width: 40%;
}
table .right-column{
	width: 60%;
}