* { margin: 0; padding: 0; }

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #9e9e9e; background-image: url(http://lumadirect.com/images/website_bg.jpg); background-repeat: no-repeat; background-position: center top; }

a img { border: none; }

.floatLeft { float: left; }

.floatRight { float: right; }

.clear { clear: both; }

#siteContainer { width: 950px; margin-right: auto; margin-left: auto; }

/* HEADER */

#header { }

#topNav { margin-right: 20px; margin-left: 20px; padding-top: 5px; padding-bottom: 5px; height: 20px; color: #949c92; }

#topNav .search { float: right; width: 257px; text-align: right; }

#topNav .search label { padding-right: 8px; vertical-align: middle; }

#topNav .search input.textField { width: 158px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle; margin-right: 8px; }

#topNav .search input.submitBtn { vertical-align: middle; }

#topNav .nav { text-align: right; float: right; width: 500px; }

#topNav .nav ul { list-style-type: none; }

#topNav .nav ul li { list-style-type: none; float: right; line-height: 20px; padding-right: 6px; border-right-width: 1px; border-right-style: solid; border-right-color: #d4cfc6; margin-right: 28px; }

#topNav .nav a { color: #949c92; text-decoration: none; }

#topNav .nav a:hover { color: #737971; }

/* MIDDLE */

#middle { margin-right: 20px; margin-left: 20px; background-color: #FFF; padding-top: 5px; padding-bottom: 40px; }

/* LEFT HAND NAV */

#leftHandNav { width: 170px; padding-right: 20px; padding-left: 20px; margin-top: 15px; float: left; }

#leftHandNav a { color: #8f8f8f; text-decoration: none; display: block; }

#leftHandNav a:hover { color: #555954; }

* html #leftHandNav a { display: inline-block; }

#leftHandNav a.myLuma { background-image: url(http://lumadirect.com/images/leftHandNav_my-luma.png); background-repeat: no-repeat; background-position: left 2px; padding-left: 60px; display: block; height: 19px; }

#leftHandNav ul { list-style-type: none; }

#leftHandNav li { list-style-type: none; }

#leftHandNav li.current { background-image: url(http://lumadirect.com/images/leftHandNav_current.gif); background-repeat: no-repeat; background-position: left top; }

#leftHandNav ul li { font-size: 12px; font-weight: bolder; margin-bottom: 30px; margin-top: 0px; padding: 0px; margin-right: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

#leftHandNav ul li ul li { font-size: 11px; font-weight: bolder; margin-top: 7px; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

#leftHandNav ul li ul li ul li { font-size: 11px; font-weight: normal; margin-top: 7px; padding-left: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; padding-bottom: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; border-top-style: none; border-right-style: none; border-left-style: none; }

#leftHandNav ul li ul li ul li ul li { padding-left: 11px; margin-top: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* MAIN CONTENT */

#mainContent { margin-left: 214px; }

/* HOMEPAGE */

#homepageContent { margin: 20px; }

#homepageContent .promoBox { height: 137px; width: 172px; border: 1px solid #d5cac0; float: left; margin-right: 20px; }

#homepageContent .text { margin-left: 391px; }

#homepageContent .text h1 { font-size: 18px; font-weight: normal; color: #8d8d8d; margin-bottom: 3px; }

#homepageContent .text p { line-height: 14px; }

#homepageLinks { }

#homepageLinks .facebook { width: 141px; float: left; padding-left: 20px; }

#homepageLinks .gwg { float: left; padding-left: 53px; width: 122px; }

#homepageLinks .blog { float: left; padding-left: 75px; width: 106px; }

/* CATEGORY / RANGE PAGE */

#productIntro { overflow: auto; }

#productIntro .leftCol { float: left; width: 468px; }

#productIntro .rightCol { margin-top: 13px; margin-left: 479px; margin-right: 20px; }

* html #productIntro .rightCol { margin-left: 476px; height: 374px; }

#productIntro .rightCol h1 { font-size: 20px; font-weight: normal; color: #8d8d8d; margin-bottom: 15px; }

#productIntro .rightCol p { margin-bottom: 15px; }

#productRangeThumbnails { padding-top: 5px; }

#productRangeThumbnails .thumbnail { height: 168px; width: 225px; border: 1px solid #af9b8b; position: relative; overflow: hidden; margin-right: 5px; float: left; display: inline; margin-bottom: 5px; }

* html #productRangeThumbnails .thumbnail { margin-right: 4px; }

#productRangeThumbnails .thumbnail .caption { position: absolute; top: 141px; background-image: url(http://lumadirect.com/images/productRangeThumbnails_thumbnail_caption_bg.png); background-repeat: no-repeat; height: 28px; width: 207px; font-weight: bolder; color: #FFF; line-height: 28px; padding-right: 9px; padding-left: 9px; }

#productRangeThumbnails .thumbnail .caption a { color: #FFF; text-decoration: none; display: block; }

#productRangeThumbnails .thumbnail .caption a:hover { }

/* DETAIL */

#productIntro .mainImage { position: relative; }

#productIntro .mainImage .zoomIcon { position: absolute; left: 9px; top: 355px; z-index: 5; }

#productIntro .otherImages { padding-top: 5px; }

#productIntro .otherImages .image {
	width: 147px;
	margin-right: 9px;
	float: left;
	margin-bottom: 9px;
}

#productMain { padding-top: 10px; }

#relatedProducts { background-color: #f5f2f0; width: 227px; border: 1px solid #d5cac0; padding: 5px; float: left; }

#relatedProducts h2 { font-size: 13px; font-weight: normal; color: #917258; margin-bottom: 5px; }

#relatedProducts .thumbnail { height: 168px; width: 225px; border: 1px solid #af9b8b; position: relative; overflow: hidden; margin-bottom: 5px; }

#relatedProducts .thumbnail .caption { position: absolute; top: 141px; background-image: url(http://lumadirect.com/images/productRangeThumbnails_thumbnail_caption_bg.png); background-repeat: no-repeat; height: 28px; width: 207px; font-weight: bolder; color: #FFF; line-height: 28px; padding-right: 9px; padding-left: 9px; }

#relatedProducts .thumbnail .caption a { color: #FFF; text-decoration: none; display: block; }

#relatedProducts .thumbnail .caption a:hover { }

#buyBtns { margin-top: 5px; margin-left: 259px; margin-right: 20px; }

#buyBtns th { padding: 5px; font-weight: bolder; text-align: left; color: #666; }

#buyBtns td { padding: 5px; }

#buyBtns select { font-size: 11px; }

#buyBtns select.colour { width: 85px; }

#buyBtns .smallText { font-size: 10px; }

/* INFO PAGE */

#infoPage { margin-top: 15px; margin-right: 20px; margin-bottom: 20px; }

#infoPage h1 { font-size: 20px; font-weight: normal; color: #8d8d8d; margin-bottom: 15px; }

#infoPage h2 { font-size: 16px; font-weight: normal; color: #8d8d8d; margin-bottom: 15px; }

#infoPage h3 { font-size: 13px; font-weight: normal; color: #8d8d8d; margin-bottom: 15px; }

#infoPage p { margin-bottom: 15px; }

#infoPage a { color: #8d8d8d; }

#infoPage a:hover { color: #686868; }

#infoPage ul { margin-bottom: 15px; }

#infoPage li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; list-style-type: none; padding-left: 15px; background-position: 5px 5px; }

#infoPage .photo { float: right; width: 328px; margin-left: 20px; }

#infoPage .photo img { margin-bottom: 15px; }

#infoPage label.textField { display: block; float: left; width: 120px; font-weight: bolder; }

#infoPage label.textArea { padding-bottom: 5px; display: block; }

#infoPage input.textField { display: block; width: 200px; margin-bottom: 10px; }

#infoPage textarea.textArea { width: 320px; margin-bottom: 10px; }

/* PRESS PAGE */

#press {}

#press h1 { margin-bottom: 25px; }

#press .pressItem { padding-top: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-bottom: 25px; }

#press .pressItem img { margin-right: 15px; margin-bottom: 10px; }

/* FOOTER */

#footer { clear: both; margin-top: 5px; margin-right: 20px; margin-left: 20px; margin-bottom: 20px; }

#footer a.siteCredit { font-size: 10px; line-height: 10px; width: 130px; background-image: url(http://lumadirect.com/images/BE_logo.gif); background-repeat: no-repeat; background-position: left center; height: 23px; padding-left: 30px; padding-top: 2px; display: block; }

#footer ul { list-style-type: none; }

#footer ul li { list-style-type: none; float: right; margin-left: 28px; padding-top: 5px; padding-right: 6px; padding-bottom: 5px; border-right-width: 1px; border-right-style: solid; border-right-color: #d4cfc6; }

#footer ul li.end { border-right-style: none; }

#footer a { color: #949c92; text-decoration: none; }

#footer a:hover { color: #555954; }
.warning {
	background-image: url(http://lumadirect.com/images/warning.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
	color: #F30;
	height: 30px;
	
}
.success {
	line-height: 30px;
	color: #393;
	background-image: url(http://lumadirect.com/images/success.png);
	height: 30px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left;
}
.alert {
	color: #F30;
}