/****************************************
Project:	MBNS Online Store
Media:		Screen
Date:		22.10.07
Version:	Live
*****************************************/


* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-size: small;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

#pageWrapper {
	width: 900px;
	float: left;
	padding-left: 40px;
}

#leftColumn {
	width: 242px;
	float: left;
	margin-right: 2px;
}

#rightColumn {
	width: 655px;
	float: left;
	height: 500px;
}

#leftHead {
	width: 242px;
	float: left;
	height: 142px;
	margin-bottom: 3px;
}
#leftHead ul {
	list-style-type: none;
	margin-top: 122px;
	font-size: 80%;
}
#leftHead li {
	width: 242px;
	height: 26px;
}
#leftHead li a {
	width: 227px;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	background-color: #5b023d;
	color: #fff;
	text-decoration: none;
}
#leftHead li a:hover {
	background-color: #7f0556;
	color: #fff;
	text-decoration: none;
}

#rightHeadWrap {
	width: 655px;
	float: left;
	height: 142px;
	margin-bottom: 3px;
}

#headLogo {
	width: 385px;
	float: left;
	height: 142px;
	background-color: #5b023d;
}
#headLogo p {
	margin: 0px;
}

#headAccount {
	width: 260px;
	float: left;
	height: 132px;
	padding-top: 10px;
	padding-right: 10px;
	background: #7f0556 url(../images/mbns-logo2.gif) no-repeat;
	text-align: right;
	color: #fff;
}
#headAccount table {
	border: 0px;
	float: right;
	text-align: right;
}
#headAccount td {
	padding-top: 5px;
}
.loginText {
	width: 110px;
	padding: 2px;
	border: 1px solid #5b023d;
	font-size: 80%;
}
.loginSubmit {
	border: 1px solid #5b023d;
	background-color: #fff;
	padding: 2px;
	color: #5b023d;
	font-size: 80%;
	cursor: pointer;
}

#navigation {
	width: 242px;
	float: left;
	background-color: #fff;
}
#navigation ul {
	list-style-type: none;
	font-size: 80%;
	width: 242px;
	float: left;
}
#navigation li {
	width: 242px;
	float: left;
}
#navigation li a {
	width: 227px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 3px;
	float: left;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #efefef;
}
#navigation li a:hover {
	color: #7f0556;
	text-decoration: none;
	width: 227px;
	padding-left: 15px;
	background-color: #f4f4f4;
}
.menu2 {
	border-top: 1px solid #5b023d;
	float: left;
	padding-bottom: 35px;
}

#navImages {
	width: 242px;
	float: left;
	height: 245px;
	background-color: #fff;
}
#navImages img {
	border: 0px;
}
#navImages ul {
	list-style-type: none;
	width: 242px;
}
#navImages li {
	float: left;
	padding: 0px;
	margin-bottom: 1px;
	margin-right: 1px;
	height: 122px;
}
#navImages li a {
	float: left;
	width: 120px;
	height: 122px;
}

.navBanner {
	width: 241px;
	float: left;
	margin-top: 10px;
}
.navBanner p {
	margin: 0px;
	padding: 0px;
}
.navBanner img {
	border: 0px;
}

.tmbWrinkle a {
	background: url(../images/tmb-wrinkle.jpg) no-repeat left;
	text-indent: -9999px;
}
.tmbWrinkle a:hover {
	background-position: right;
}
.tmbVeins a {
	background: url(../images/tmb-veins.jpg) no-repeat left;
	text-indent: -9999px;
}
.tmbVeins a:hover {
	background-position: right;
}
.tmbHands a {
	background: url(../images/tmb-hands.jpg) no-repeat left;
	text-indent: -9999px;
}
.tmbHands a:hover {
	background-position: right;
}
.tmbHair a {
	background: url(../images/tmb-hair.jpg) no-repeat left;
	text-indent: -9999px;
}
.tmbHair a:hover {
	background-position: right;
}

#mainImage {
	width: 655px;
	float: left;
	height: 228px;
	background-color: #666;
}
#mainImage p {
	margin: 0px;
}



#mainContent {
	width: 655px;
	float: left;
	background: #6b6b6b url(../images/bk-columns.gif) repeat-y;
}

#leftContent {
	width: 385px;
	float: left;
}

#rightContent {
	width: 250px;
	padding: 10px;
	float: right;
	color: #fff;
}
#rightContent h2 {
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 110%;
}
#rightContent p {
	font-size: 80%;
	margin-bottom: 15px;
}

#formHome {
	text-align: right;
	font-size: 90%;
}
#form {
	text-align: left;
	font-size: 90%;
}


#leftContent h2 {
	width: 375px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #5b023d;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	float: left;
}

#leftMainContent {
	width: 365px;
	float: left;
	padding: 10px;
	color: #fff;
}
#leftMainContent p {
	font-size: 80%;
	margin-bottom: 15px;
}
#leftMainContent h3 {
	font-size: 100%;
	margin-bottom: 5px;
}
#leftMainContent h2 {
	margin: 0px;
	padding: 0px;
	background: none;
	color: #5b023d;
	margin-bottom: 10px;
	font-size: 140%;
}

#leftMainContent ul, ol {
	font-size: 80%;
	margin-bottom: 15px;
	margin-left: 20px;
}
#leftMainContent li {
	padding-bottom: 5px;
}
#leftMainContent a {
	color: #333;
	text-decoration: underline;
}
#leftMainContent a:hover {
	color: #5b023d;
	text-decoration: none;
}

#mainTitles {
	width: 655px;
	float: left;
	background: url(../images/bk-titles.gif) repeat-y;
}
#mainTitles h2 {
	color: #fff;
	font-size: 110%;
	font-weight: normal;
}
.titleLeft {
	width: 365px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.titleRight {
	width: 250px;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content {
	width: 635px;
	padding: 10px;
	float: left;
	color: #fff;
}
#content h2 {
	font-size: 100%;
	font-weight: bold;
	color: #fff;
}
#content p {
	font-size: 80%;
	color: #fff;
	line-height: 140%;
}
#content ul {
	margin-left: 15px;
	color: #fff;
	line-height: 140%;
}

#footer1 {
	width: 645px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 25px;
	float: left;
	background: #6b6b6b url(../images/bk-columns.gif) repeat-y;
	font-size: 80%;
	line-height: 150%;
}
#footer1 p {
	margin-bottom: 5px;
}
#footer1 a {
	color: #3f3f3f;
	text-decoration: underline;
}
#footer1 a:hover {
	color: #3f3f3f;
	text-decoration: none;
}
.address {
	color: #fff;
}
.copyright {
	color: #3f3f3f;
}

#footer2 {
	width: 655px;
	float: left;
	background-color: #5b023d;
}
#footer2 ul {
	list-style-type: none;
	margin-left: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
	float: left;
}
#footer2 li {
	float: left;
	color: #fff;
}
#footer2 li a {
	float: left;
	color: #fff;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
#footer2 li a:hover {
	float: left;
	color: #fff;
	text-decoration: underline;
}

#footer3 {
	width: 650px;
	float: left;
	background-color: #fff;
	padding-bottom: 15px;
}
#footer3 ul {
	list-style-type: none;
	float: left;
	margin-left: 7px;
	margin-top: 15px;
	font-size: 80%;
	line-height: 150%;
}
#footer3 li {
	color: #5b023d;
	position: relative;
	display: inline;
}
#footer3 li a {
	color: #5b023d;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
#footer3 li a:hover {
	color: #000;
	text-decoration: underline;
}

#flash {
	width: 385px;
	height: 342px;
	float: left;
}

#footer1Left {
	width: 375px;
	float: left;
	padding-top: 80px;
}

#footer1Right {
	width: 260px;
	padding-right: 10px;
	float: left;
	text-align: right;
	color: #fff;
}
#footer1Right p {
	line-height: 120%;
	font-size: 80%;
}
#footer1Right img {
	border: 0px;
}


.pageFormSelect {
	width: 206px;
	padding: 2px;
	border: 1px solid #efefef;
	font-size: 100%;
	margin-top: 3px;
	background: #efefef;
}
.pageFormSelectError {
	width: 206px;
	padding: 2px;
	border: 1px solid #CC0000;
	color: #CC0000;
	font-size: 100%;
	margin-top: 3px;
	background: #efefef;
}
.pageFormText {
	width: 200px;
	padding: 2px;
	border: 1px solid #efefef;
	font-size: 100%;
	margin-top: 3px;
	background: #efefef;
}
.pageFormTextError {
	width: 200px;
	padding: 2px;
	border: 1px solid #CC0000;
	font-size: 100%;
	margin-top: 3px;
	color: #CC0000;
	background: #efefef;
}
.pageFormTextarea {
	width: 200px;
	padding: 2px;
	border: 1px solid #efefef;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	margin-top: 3px;
	background: #efefef;
}
.pageFormSubmit {
	cursor: pointer;
	border: 0px;
	background-color: #6b6b6b;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	font-size: 100%;
}

#form .pageFormSubmit {
	cursor: pointer;
	border: 0px;
	background-color: #3f3f3f;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	font-size: 100%;
}
.access {
	display: none;
}

.error {
	color: #FF0000;
}