body {
	font-family: Arial, Helvetica, sans-serif;
	color:#535949;
	font-size:0.7em;
	line-height: 1.8em;
	text-align:center;
	border-bottom:1px white solid;	
	margin:0px;	
}

.preloadImages{
	visibility:hidden;
}

ul {list-style-type:none; margin:0px; padding:0px}


.section h3
{
	text-indent:-5000px;
	height:98px;
}

#outerContainer{
	background:url(../images/bgGradient.jpg) 0px 375px repeat-x;	
	text-align:left;
    position:absolute; 
    top: 50%;
	left: 0%;
    width: 100%;
    height: 500px;
    margin-top: -250px; /* half of the height */
}

#darkCol .divider{
	background: url("../images/dividerSub.gif") left top repeat-x;
	display:block;
	padding:0px;
	margin:0px;
	height:1px;
	overflow:hidden; /*needed to remove list padding on block elements in IE6*/	
}


#lightCol .divider{
	background: url("../images/dividerSub2.gif") left top repeat-x;
	height:1px;
}

 
#sitewrapper{
	width:895px;
	text-align:left;
	margin:auto;
    position:absolute;
	left: 50%; 
	top: 50%;
	width: 890px;
	height: 500px;
	margin-top: -250px; /* half of the height */
	margin-left: -445px; /* half of the width */
	background-image:url(../images/logoMain.gif);
	background-position:666px 16px;
	background-repeat:no-repeat;
}

#sitewrapper h1{
	text-indent:-5000px;
	position:absolute;
}

#logoSpacer a{
	width:223px;
	height:50px;
	margin-left:500px;
	right:0px;
	top:10px;
	margin:auto;
	position:absolute;
	z-index:2;
}

h1, h2, h3{
	padding:0px;
	margin:0px;
}
	
#footer {
	text-align:right;
	padding-top:0px;
	clear:both;
	width:100%;
	height:11px;	
	position:relative;
}

#callToAction_left { /* cta at bottom of left column */
	top:452px;
	right:50px;	
	position:absolute;
	width:27px;
	height:31px;
	background:url(../images/arrowPrev.gif) right top no-repeat;
	text-indent:-5000px;
}

a#callToAction_prev:hover { /* cta at bottom of left column */
	background:url(../images/arrowPrev.gif) 0px -30px;
}
/* NUMIKO: EDITED 19/10/07 TO ADD STYLES FOR FORM SUBMIT BUTTON */

a#callToAction_next,
input#callToAction_next {
	left:415px;
	top:452px;
	position:absolute;
	width:142px;
	height:31px;
	text-indent:-5000px;
	z-index:4;
}

/*a#callToAction_next:hover,
input#callToAction_next:hover { 
	background:url(../images/cta/cta_signup_over.gif) right top;
}*/

/* END NUMIKO: EDITED 19/10/07 TO ADD STYLES FOR FORM SUBMIT BUTTON */

#link2 { /* cta under the right logo */
	position:absolute;
	left:668px;
	top:84px;
	text-indent:-5000px;
	width:220px;
	height:20px;
	background:url(../images/link2/link2_joinMailingList.gif) top left no-repeat;	
	z-index:5;
}

a#link2:hover { /* cta under the right logo */
	background:url(../images/link2/link2_joinMailingList.gif) 0px -20px no-repeat;
}

#footer a{
	color:#535949;
	text-decoration:none;
	border-left:1px solid #535949;
	padding-left:5px;
	height:11px;
}

#footer a:hover{
	color:#000000;
}


#darkCol {
	left:125px;
	width:202px;
	color:#ffffff;
	padding:20px 10px 20px 15px;
	height:460px;
	position:absolute;
	background: url("../images/dividerMain.gif") 8px 440px repeat-x #535949;
	top: 0px;
}


#lightCol {
	left:354px;
	width:204px;
	color:#ffffff;
	padding:20px 10px 20px 15px;
	height:460px;
	position:absolute;
	z-index:3;
	background: url("../images/dividerMain.gif") 0px 440px repeat-x;
	top: 0px;
}

#lightColBack {
	background-color:#535949;
	/**filter:alpha(opacity=90);*/
	/*-moz-opacity:.90;*/
	opacity:.90;
	width:225px;
	height:500px;
	position:absolute;
	z-index:2;
	left:352px;
}

#giftwrapping a,
#UK-only a{
	color:#96bf0d;
	text-decoration:none;
}


#UK-only{
	padding-top:0px;
}

#darkCol a, #lightCol a, #floatingText a{
	color:#96bf0d;
	font-weight:bold;
	text-decoration:none;
}

#darkCol a:hover, #lightCol a:hover,  #floatingText a:hover, #giftwrapping a:hover, #UK-only a:hover{
	color:#9fb186;
}


#lightCol ul.dottedList li.top{
	border:0px;
	padding-bottom:6px;
	padding-top:6px;
	line-height:1.4em;
	background: url("../images/dividerSub2.gif") 0px top repeat-x;
}

#darkCol ul.dottedList li.top{
	border:0px;
	padding-bottom:8px;
	padding-top:5px;
	line-height:1.4em;
	background: url("../images/dividerSub.gif") 0px top repeat-x;
}

#lightCol ul.dottedList li.noDots{
	background-image: none;
}


#darkCol ul.dottedList li{
	background: url("../images/dividerSub.gif") 0px bottom repeat-x;
	border:0px;
	padding-bottom:8px;
	padding-top:5px;
	line-height:1.4em;
}

#lightCol ul.dottedList li{
	background: url("../images/dividerSub2.gif") 0px bottom repeat-x;
	border:0px;
	padding-bottom:8px;
	padding-top:5px;
	line-height:1.4em;
}

#lightCol ul.dottedList li.bottom, #darkCol ul.dottedList li.bottom{
	background-image:none;
}

ul.plainList li{
	margin-bottom:10px;
	line-height:1.5em;
}

#darkCol ul.dottedList li a, #lightCol ul.dottedList li a {
	color:#9fb186;
	display:block;
}

#darkCol ul.plainList li a, #lightCol ul.plainList li a{
	color:#9fb186;
}

#darkCol ul.plainList li a:hover, #lightCol ul.plainList li a:hover{
	color:#96bf0d;
}

#darkCol ul.dottedList li a:hover, #lightCol ul.dottedList li a:hover {
	color:#ffffff;
}

#leftnav{
	float:left;
	width:122px;
	height:364px;
	background: url("../images/logoMonogram.gif") no-repeat left 30px;
	padding-top:150px;
	padding-left:3px;
}

#leftnav li {
	height:32px;
}
#leftnav a {
	width:125px;
	display:block;
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:15px;
	padding:0px!important;
	margin:0px!important;
	text-indent:-5000px;	
	overflow:hidden; /*needed to remove list padding on block elements in IE6*/	
}

#navHome{background-image: url("../images/leftnav/navHome.gif")}
#navUnique{background-image: url("../images/leftnav/navUnique.gif")}
#navStudio{background-image: url("../images/leftnav/navStudio.gif")}
#navNews{background-image: url("../images/leftnav/navNews.gif")}
#navStockists{background-image: url("../images/leftnav/navStockists.gif")}
#navAbout{background-image: url("../images/leftnav/navAbout.gif")}
#navMailingList{background-image: url("../images/leftnav/navMailingList.gif")}
#navContact{background-image: url("../images/leftnav/navContact.gif")}

#artsCouncil{background: url("../images/leftnav/artsCouncilLogo.jpg") no-repeat top left; text-indent:-5000px; height:56px; width:51px}

#leftnav a:hover, #leftnav a.active{
	background-position: 0px -17px;
}

div#mainContentLeft{
	position:absolute;
	top:145px;
	width:190px;
}

div#mainContentRight{
	position:absolute;
	top:145px;
	width:190px;
}

p{
	margin:0px;
	padding:0px;
	margin-bottom:6px;
}

h4{
	font-size:1.2em;
	font-weight:normal;
	color:#8d9284;
	margin-bottom:10px;
	padding-bottom:0px;
	line-height:1.2em;
	margin-top:3px;
	padding-top:0px;
}

div#mainContentRight2{
	top:105px;
	width:190px;
}



:focus
{
  -moz-outline-style: none;
}


.clearfix:after { 
content:"."; 
display:block; 
height:0; 
clear:both; 
/*visibility:hidden;*/ 
} 
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 

#imagePanel{
	width:540px;
	left:450px;
	height:500px;
	text-align:left;
	position:absolute;
	background:url(../images/productBgStudio4.jpg) 10px bottom no-repeat;
	z-index:1;
	top:0px;
}

#flashPanelAbout{
	width:308px;
	height:308px;
	top:133px;
	left:577px;
	position:absolute;
}

.section h2
{
	background:url(../images/titles/titleMailingList.gif) no-repeat;
	text-indent:-5000px;
	height:35px;
	margin-top:6px;
	padding-top:0px;
	/**margin-top:30px;*/
}

.section h3
{
	background: url(../images/titles/subheading_mailingList.gif) no-repeat;
	text-indent:-5000px;
	height:55px;
}

/* form styles */

#formCaption{
	position:absolute;
	background:url("../images/dividerSubRight.gif") left bottom repeat-x;
	width:190px;
	padding-bottom:6px;
	top:30px;
}

#formImage{
	position:absolute;
}


#requiredFields{
	top:398px;
	position:absolute;
	left:138px;
	z-index:3;
	color:#ffffff;
}

a#link1 { /* cta at bottom of left column */
	top:452px;
	position:absolute;
	width:150px;
	height:31px;
	background: url("../images/link1/link1_back.gif") left top no-repeat;
	text-indent:-5000px;	
	left:140px;
}

a#link1:hover { /* cta at bottom of left column */
	background:  url(../images/link1/link1_back.gif) 0px -30px no-repeat;	
}


#floatingText{
	position:absolute;
	top:90px;
	left:600px;
	width:270px;
	color:#535949;
	line-height:1.4em;
	z-index:5;
}

#floatingText h4.driveTimes{
	background: url(../images/titles/subheading_driveTimes.gif) no-repeat;
	text-indent:-5000px;
	height:15px;
	margin-top:20px;
	margin-bottom:5px;
	padding-bottom:0px;
}

#floatingText h4.opening{
	background: url(../images/titles/subheading_opening.gif) no-repeat;
	text-indent:-5000px;
	height:15px;
	margin-top:0px;
	margin-bottom:5px;
	padding-bottom:0px;
}

table{
	font-family: Arial, Helvetica, sans-serif;
	color:#535949;
}

.col1{
	font-weight:bold;
	width:100px;
}

.col2{
	width:120px;
}

.col3{
	width:120px;
}


label {
	display:block;
	color:#a8ad9e;
	line-height:1.4em;
}

.optIns{
	margin-top:10px;
	display:block;
}

.optIns label {
	display:block;
	color:#ffffff;
}

.textfield{
	background-color:#74786c!important;
	border:0px solid #ffffff;
	margin-bottom:6px;
	width: 167px;
	color:#ffffff;
	padding:3px;
	font-size:1em;
	font-family:arial;
}

textarea{
	background-color:#74786c;
	border:0px solid #ffffff;
	margin-bottom:6px;
	width: 167px;
	color:#ffffff;
	padding:3px;
	font-size:1em;
	font-family:arial;
}


input.checkbox{
	margin-left:-1px!important; 
	padding-left:0px!important;
	margin-bottom:0px!important;
	padding-bottom:3px!important;
	margin-right:3px;
	width:15px;
	height:12px;
	display: block;
	float: left;
	clear: left;
}

.optIns label {
	display: block;
	float: left;
	clear: none;

}

.optIns div.row{
	overflow:hidden;
	padding-bottom:3px;
	padding-top:3px;
}


/* product pages */

#productText{
	position:absolute;
	top:46px;
	left:388px;
	width:220px;
	color:#535949;
	line-height:1.4em;
	z-index:5;
}

.prodTitle h4{
	font-weight:bold;
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:4px;
	margin-top:5px;
	color:#535949;
}

.summary{
	font-weight:bold;
	margin-bottom:6px;
	margin-top:0px;
	font-size:1.1em;
}

.description p{
	margin-bottom:6px;
	margin-top:6px;
}

.description p#UK-only{
	margin-top:10px; 
}

/* NUMIKO: EDITED 19/10/07 TO ADD STYLES FOR UK-ONLY DISCLAIMER */
/* END NUMIKO: EDITED 19/10/07 TO ADD STYLES FOR UK-ONLY DISCLAIMER */

#floatingText .summary {
	font-weight:bold;
	margin-bottom:6px;
}

a img{
	border:none;
}

#productPrev{
	margin-right:15px;
}