/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
	float: none;
}

body{background:url(images/body-bg.jpg) top center no-repeat #000; text-align:center;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	color:#929292;
}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#929292; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:5px;}
#content strong{
	color:#FFF;
	display:inline;
}

h3{
	font-size:2.667em;
	line-height:1.25em;
	color:#fff;
	text-transform:uppercase;
	padding-bottom:16px;
}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:60px;}
.padding1{ padding-top:39px;}
.padding2{
	padding-top:12px;
}

/* ============================= header ====================== */
#header .logo{
	padding:11px 0 0 18px;
	margin-top: 20px;
	margin-left: 10px;
}

/* ============================= content ====================== */
#content{ background:url(images/content-bg.jpg) no-repeat 0 0; overflow:hidden;}
.column-2{ margin-left:39px;}
.line{ background:url(images/line.gif) no-repeat 498px 0;}
.indent{
	padding:45px 50px 0 81px;
}
.indent1{ padding:68px 80px 0 81px;}

.link{
	color:#8fe100;
	background:url(images/link-bg.gif) no-repeat right 4px;
	padding-right:10px;
	text-decoration:none;
}
.link:hover{
	color:#00cee4;
}

.list{ margin:-3px 0 0 0;}
.list li{
	line-height:1.4em;
	background:url(images/link-bg.gif) no-repeat 0 8px;
	padding-left:10px;
}
.list a{ text-decoration:none;}
.list a:hover{
}

.scroll{ overflow:auto; height:260px; position:relative;}
.scroll-wrap { height:600px; padding-right:20px;}

.menu{
	width:100%;
	overflow:hidden;
	margin:-46px 0 96px 0;
	padding-top: 42px;
	float: none;
}
.menu ul{ padding-left:40px;}
.menu li{ float:left; font-size:1.889em; line-height:2em; background:url(images/menu-separator.gif) right top no-repeat;}
.menu .m5{ background:none;}
.menu a{ display:block; width:177px; text-align:center; text-decoration:none; padding:64px 0 0 0; float:left;}
#content .menu a strong{ color:#fff; display:inline;}
.menu a:hover, .menu .active{ color:#fff;}
.menu .m1 a{ background:url(images/m1-bg.png) no-repeat 0 0; width:185px;}
.menu .m2 a{ background:url(images/m2-bg.png) no-repeat 0 0;}
.menu .m3 a{ background:url(images/m3-bg.png) no-repeat 0 0;}
.menu .m4 a{ background:url(images/m4-bg.png) no-repeat 0 0;}
.menu .m5 a{ background:url(images/m5-bg.png) no-repeat 0 0; width:184px;}
.menu .m1 .active{ background:url(images/m1-bg-act.png) no-repeat 0 0; width:185px; margin:0 -10px 0 0; padding-right:10px;}
.menu .m2 .active{ background:url(images/m2-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m3 .active{ background:url(images/m3-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m4 .active{ background:url(images/m4-bg-act.png) no-repeat 0 0; width:195px; margin:0 -9px;}
.menu .m5 .active{ background:url(images/m5-bg-act.png) no-repeat 0 0; width:188px; margin:0 0 0 -9px; padding-left:7px;}

/* ============================= page1 ====================== */
#page1{background:url(images/page1-body-bg.jpg) top center no-repeat #000; text-align:center;}
#page1 #content{ background:none; height:566px;}
#page1 .menu{ margin-top:172px;}
#page1 .menu li{ background:url(images/page1-menu-separator.gif) right top no-repeat;}
#page1 .menu .m5{ background:none;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #232323; margin:0 8px;}
#footer p{ padding:10px 0 0 3px; color:#7a7a7a;}
#footer a{ color:#7a7a7a; text-decoration:none;}
#footer a:hover{ color:#fff;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:0px;}
#ContactForm label{ display:block; height:38px;}
#ContactForm input{ border:solid 1px #a4a4a4; background:#1a1a1a; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#929292; padding:3px 2px 3px 3px; width:294px; text-transform:uppercase;}
#ContactForm textarea{
	border:solid 1px #a4a4a4;
	background:#1a1a1a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#929292;
	padding:3px 2px 3px 3px;
	width:294px;
	height:92px;
	overflow:auto;
	background-position: bottom;
}

#ContactForm .link{
	/* [disabled]margin:0px 0 0 0px; */
	background: url(images/link-bg.gif) no-repeat right 4px;
	text-decoration: none;
	color: #8fe100;
	text-align: right;
	padding-right: 15px;
	text-transform: none;
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
	line-height: 1.1em;
}
.padding3 {
	padding-top: 20px;
}
#squeeze {
	font-size: 0.85em;
	max-width: 300px;
}
#ContactForm .link:hover {
	color: #00cee4;
}
#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 margin-left:5px;
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
margin-left:5px;
background:url(images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}#removepad {
	padding-bottom: 4px;
}
#background1 {
	background-image: url(images/white.jpg);
}
#backgroundPattern {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	height: 260px;
	margin-top: 10px;
}
#imageContainer1 {
	height: 260px;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
}
.buttonTag {
	background-color: #999;
	text-align: center;
	display: block;
	float: left;
	height: 50px;
	width: 80px;
	margin-left: 15px;
	color: #000;
	margin-top: 5px;
}
.buttonTag:hover {
	background-color: #CCC;
}

button {
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #999;
	font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 1;
	padding: 4px 0;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
	width: 25px;
	vertical-align: top;
	margin-bottom: 4px;
	margin-top: 4px;
	height: 25px;
	margin-left: 11px;
}
  button:hover {
	background-color: #dddddd;
	border: 2px solid #fff;
	border-bottom: 2px solid #999;
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}
  button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
.button {
	float: left;
}
#loreal {
	background-image: url(images/lorealDoubleIcon.png);
	height: 95px;
	width: 50px;
	background-repeat: no-repeat;
	vertical-align: top;
}
#loreal:hover {
	vertical-align: bottom;
	background-position: bottom;
}
#loreal:active {
}
#herbal {
	background-image: url(images/herbalDoubleIcon.png);
	height: 95px;
	width: 50px;
	background-repeat: no-repeat;
}
#herbal:hover {
	background-position: bottom;
}
#herbal:active {
}
#dove {
	background-image: url(images/doveDoubleIcon.png);
	background-repeat: no-repeat;
	height: 95px;
	width: 50px;
}
#dove:hover {
	background-position: bottom;
}
#dove:active {
}
#colour {
	background-image: url(images/black.png);
}
#checkerboard {
	background-image: url(images/checkerboardicon.png);
}
#shelves {
	background-image: url(images/shelvesicon.jpg);
}
#starrynight {
	background-image: url(images/starrynighticon.png);
}
#green {
	background-image: url(images/greenicon.png);
}
#white {
	background-image: url(images/whiteicon.jpg);
}
.small {
	font-size: 0.75em;
}
#picture {
	padding-top: 20px;
	float: left;
	display: inline-block;
}
.moveButtons {
	margin-left: 50px;
}