@charset "UTF-8";

@media screen, projection {

html, body {
	background-color: #EFE2CF;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	font-size: 12px;
	color: #000000;
	background-image: url(../images/background.jpg);
        background-position: center top;
        background-repeat: no-repeat;
}

img, a {
	margin: 0px;
	padding: 0px;
	border: none;
}

.clear {
	clear: both;
}

div.page {
	width: 852px;
	margin: auto;
	padding-left: 4px;
	padding-right: 4px;
	background-image: url(../images/contentBackground.png);
}

/* ** ** HEADER ** ** */
div.header {
	padding-top: 15px;
}

div.header div.logo {
	width: 812px;
	height: 116px;
	background-image: url(../images/header.jpg);
	margin: auto;
	padding-right: 10px;
	padding-top: 8px;
	font-size: 9px;
	text-align: right;
	word-spacing: 4px;
	color: #662E45;
}

div.header div.logo span {
	color: #B89FA2;
}

div.header div.logo a {
	color: #57253B;
	text-decoration: none;
}

div.header div.logo a:hover {
	text-decoration: underline;
}

div.header div.headerBox {
	width: 822px;
	margin: auto;
	margin-top: 12px;
	padding-bottom: 3px;
	border-bottom: 3px solid #662E45;
}

div.header div.headerBox div.hr {
	height: 1px;
	background-color: #51334F;
	margin-top: 10px;
}

div.header div.headerBox div.box {
	border-top: 3px solid #662E45;
}

div.header div.headerBox div.frontpageLeft {
	width: 448px;
	float: left;
	padding-bottom: 10px;
}

div.header div.headerBox div.frontpageRight {
	width: 363px;
	float: right;
}

div.header div.headerBox div.box div.head {
	height: 25px;
	line-height: 25px;
	margin-top: 1px;
	padding-left: 10px;
	background-color: #662E45;
	color: #FFFFFF;
	font-weight: bold;
}

div.header div.headerBox div.box div.body {
	border-bottom: 3px solid #899793;
	height: 147px;
}

div.header div.headerBox div.box div.foot {
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	background-color: #F0E5D1;
	font-size: 11px;
	color: #540241;
}

div.header div.headerBox div.box div.foot a {
	color: #B89FA2;
	text-decoration: none;
}

div.header div.headerBox div.box div.foot a:hover {
	text-decoration: underline;
}

/* ** ** CONTENT ** ** */
div.content {
	
}

div.content div.left {
	margin-left: 15px;
	width: 200px;
	float: left;
}

div.content div.left div.navigation {
	width: 200px;
	border-bottom: 80px solid #F0E5D1;
}

div.content div.left div.navigation ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.content div.left div.navigation ol li {
	margin-bottom: 1px;
}

div.content div.left div.navigation ol li a, div.content div.left div.navigation ol li span {
	display: block;
	width: 185px;
	height: 26px;
	line-height: 26px;
	background-color: #672F46;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 15px;
	text-decoration: none;
}

div.content div.left div.navigation ol li ol {
	display: none;
}

div.content div.left div.navigation ol li.active ol, div.content div.left div.navigation ol li.trail ol {
	margin-top: 1px;
	display: block;
}

div.content div.left div.navigation ol li ol li {
	margin-bottom: 0px;
	border-top: 1px solid #F0E5D1;
}

div.content div.left div.navigation ol li ol li:first-child {
	border: 0 none;
}

div.content div.left div.navigation ol li.active ol li a, div.content div.left div.navigation ol li.trail ol li a, div.content div.left div.navigation ol li.active ol li span, div.content div.left div.navigation ol li.trail ol li span {
	background-color: #FCF9F4;
	color: #403B37;
	width: 175px;
	border-left: 5px solid #F0E5D1;
	background-image: url(../images/naviArrow.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 20px;
}

div.content div.left div.navigation ol li ol li.active {
	font-weight: bold;
}

div.content div.left div.newsletter {
	width: 180px;
	height: 95px;
	background-color: #672F46;
	padding: 5px;
	padding-left: 15px;
	padding-top: 10px;
	color: #FFFFFF;
}

div.content div.left div.newsletter form {
	padding-top: 5px;
}

div.content div.left div.newsletter form label {
	font-size: 10px;
}

div.content div.left div.newsletter form input.text {
	width: 170px;
}

div.content div.left div.newsletter form input.button {
	margin-top: 8px;
}

div.content div.left div.newsletter form span.newsletterMode {
	float: right;
	padding-top: 11px;
	padding-right: 5px;
}

div.content div.text {
	width: 607px;
	padding: 15px;
	float: right;
	font-size: 12px;
}

div.content div.text a {
	color: #000000;
	text-decoration: underline;
}

div.content div.text a:hover {
	text-decoration: none;
}

div.content div.text h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #50023D;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

div.content div.text h2 {
	font-size: 16px;
	font-weight: normal;
	color: #40223a;
	margin: 0px;
	padding: 0px;
}

div.content div.text div.product {
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px solid #F0C7E2;
}

div.content div.text div.product div.productLeft {
	width: 247px;
	float: left;
	padding-bottom: 3px;
}

div.content div.text div.product div.productRight {
	width: 340px;
	padding-left: 13px;
	float: left;
}

div.content div.text div.product div.productRight div.dual, div.content div.text div.product div.productRight div.triple {
	width: 340px;
	padding-top: 15px;
}

div.content div.text div.product div.productRight div.dual div.dualLeft {
	width: 170px;
	float: left;
}

div.content div.text div.product div.productRight div.dual div.dualRight {
	width: 170px;
	float: right;
}

div.content div.text div.product div.productRight div.triple div.tripleLeft {
	width: 110px;
	float: left;
}

div.content div.text div.product div.productRight div.triple div.tripleCenter {
	width: 80px;
	float: left;
}

div.content div.text div.product div.productRight div.triple div.tripleRight {
	width: 150px;
	float: right;
}

div.content div.text div.product div.productRight div.triple div.additional {
	padding-top: 20px;
}

div.content div.text div.product div.request {
	width: 590px;
	height: 20px;
	line-height: 20px;
	background-color: #F0C7E2;
	clear: both;
	text-align: right;
	padding-right: 10px;
}

div.content div.text div.product div.request a {
	background-image: url(../images/naviArrow.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

div.content div.text div.product div.request a:hover {
	text-decoration: underline;
}

/* ** ** CONTACT ** ** */

div.content div.text div.contactForm {
	width: 590px;
	padding-bottom: 10px;
}

div.content div.text div.contactForm div.formLeft {
	width: 345px;
	float: left;
}

div.content div.text div.contactForm div.formLeft table tr td.col_0 {
	width: 105px;
}

div.content div.text div.contactForm div.formLeft table tr td.col_1 input {
	width: 210px;
}

div.content div.text div.contactForm div.formLeft table tr td.recaptcha {
	padding-top: 10px;
}

div.content div.text div.contactForm div.formRight {
	width: 245px;
	float: right;
}

div.content div.text div.contactForm div.formRight label {
	font-size: 11px;
	display: block;
}

div.content div.text div.contactForm div.formRight input.text {
	width: 245px;
}

div.content div.text div.contactForm div.formRight textArea {
	width: 250px;
	height: 130px;
}

div.content div.text div.formSubmit {
	width: 555px;
        height: 20px;
        line-height: 20px;
        background-color: #F0C7E2;
        text-align: right;
        padding-right: 20px;
}

div.content div.text div.formSubmit input {
	color: #403B37;
        width: 175px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
        border-left: 5px solid #DC8BBF;
	background: none;
	text-align: right;
}

/* ** ** FOOTER ** ** */
div.footer {
	clear: both;
	background-image: url(../images/contentBackground.png);
	padding-bottom: 15px;
	text-align: right;
}

div.footer span {
	font-size: 10px;
	color: #CCCCCC;
	padding-right: 15px;
}

}

