/*
Author: INC Marketing
Project: Victoria Centre
Date: 25/03/2010
Credit: David Battersby (info@davidbattersby.com)
*/


/* 
# CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################


*/
 
/*
# Reset defaults ################### 
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/*
# Layout ################### 
*/

body{font:62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;background:#000;margin-top:20px;}

#header, #content{margin-left:auto;
margin-right:auto;
width:980px;
}

#dynamic{
clear:left;
margin-left:auto;
margin-right:auto;
width:965px;
height:140px;
padding:27px 0 0 17px;
background:url(/images/3col-bg.gif) no-repeat top left;}


#body{
	padding-left:15px;
	width:625px;
	float:left;
}

#sidebar{
	width:295px;
	margin-left:30px;
	float:left;
	padding-top:75px;
}


#upcoming-event, #latest-competition, #ezine-signup{
	float:left;
	width:300px;
	height:150px;
	margin-right:27px;
}

#ezine-signup{margin-right:0;}

#ezine-signup a{display:block;width:100%;height:100%;}

#ezine-signup span{
	float:left;
	padding-top:15px;
	width:170px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;
	color:#ca992c;
}

#footer{
margin-left:auto;
margin-right:auto;
width:965px;
padding-left:15px;
padding-bottom:20px;
}

.footer-wide{
	float:left;
	width:330px;
	color:#777;
}

.footer-thin{
	float:left;
	width:150px;
	margin-right:10px;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
}

#footer a{color:#FFF;}


.news{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/news-bg.jpg) no-repeat top right;
}

.stores{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/stores-directory.jpg) no-repeat top right;
}

.centre-information{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/centre-information.jpg) no-repeat top right;
}

.staycation{
	padding:300px 0 0 0;
	height:719px;
	background: url(/images/staycation_bg.jpg) no-repeat top right;
}

.staycation #textbox{
	width:350px;
	padding:20px;
	margin-left:50px;
	background: #000000;
	opacity: 0.8;
}

.spring-into-summer{
	padding:200px 0 0 0;
	height:719px;
	background: url(/images/springintosummer_back.jpg) no-repeat top right;
}

.spring-into-summer p, .staycation p{
	margin: 20px 0 0 50px;
}

.spring-into-summer #textbox{
	width:510px;
	padding:20px;
	margin-left:50px;
	background: #b8b4b4;
}

.spring-into-summer #textbox p, .staycation #textbox p{
	margin:0 0 10px 0;
	font-size:13px;
}

.letter-to-santa{
	padding:170px 0 0 0;
	height:553px;
	background: url(/images/christmas2010/lettertosanta-back.jpg) no-repeat top right;
}

.letter-to-santa #textbox img{
	border:none;
}

.letter-to-santa p{
	margin: 20px 0 0 50px;
}

.letter-to-santa #textbox{
	width:380px;
	padding:20px;
	margin-left:50px;
	background: #34193c;
}

.letter-to-santa #textbox p{
	margin:0 0 10px 0;
	font-size:16px;
}

.christmas-opening{
	padding:360px 0 0 0;
	height:340px;
	background: url(/images/christmas2010/back.jpg) no-repeat top right;
}

.christmas-opening table{
	margin-left:65px;
	font-size:12px;
}

.christmas-opening table td{
	padding:0 5px;
	height:110px;
}

.christmas-opening table td img{
	margin:0;
	padding:0;
}

.special-offers{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/special-offers-bg.jpg) no-repeat top right;
}

.commercialisation{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/commercialisation-bg.jpg) no-repeat top right;
}

.finding-the-victoria{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/finding-the-victoria-bg.jpg) no-repeat top right;
}

.contact-victoria{
	padding:170px 0 0 0;
	min-height:400px;
	background: url(/images/contact-us-bg.jpg) no-repeat top right;
}


.bunny-hop{
	padding:250px 0 0 0;
	min-height:320px;
	background: url(/images/bunny-hop-bg.gif) no-repeat top right;
}



/*
# Nav ################### 
*/

#nav{
	clear:left;
background:transparent url(/images/menu-bg.gif) repeat-x top left;
margin:20px 0 0 0;
padding:9px 15px;
width:950px;
}

#nav li{
	display:inline;
	padding:5px 11px 5px 10px;
	background: url(/images/menu-border.gif) no-repeat center right;
}

#nav li a{text-decoration:none;
text-transform:uppercase;
color:#CCC;
font-size:1.04em;
font-family:Georgia, "Times New Roman", Times, serif;
}

/*
# Headings ################### 
*/

h1{font-family:Georgia, "Times New Roman", Times, serif;color:#ca992c;font-size:3em;font-weight:normal;margin-bottom:40px;}

h2{font-family:Arial, Helvetica, sans-serif;color:#ca992c;font-size:1.7em;font-weight:normal;margin-bottom:0px;}

h3{}

h4{font-family:Georgia, "Times New Roman", Times, serif;color:#666;font-size:1.3em;font-weight:normal;margin-bottom:4px;}

#upcoming-event h3, #latest-competition h3, #ezine-signup h3{
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
color:#FFF;
font-weight:normal;
margin-bottom:5px;
}

#logo{width:229px;height:86px;background:url(/images/victoria-centre-logo.gif) no-repeat;float:left;padding-bottom:20px;padding-right:20px;}
#logo a{display:block;height:100%;width:100%;}
#logo a span{position:absolute;left:-9999px;top:-9999px;}

/*
# Lists ################### 
*/



/*
# Images ################### 
*/

img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

#sidebar img{
	margin:5px 0;
}

/*
# Links ################### 
*/

a{color:#ca992c;}
a:hover{}

.back-link{margin-top:-17px;padding-top:0;}

.news-item a{color:#ca992c;}

/*
# Forms ################### 
*/

.contact-name, .contact-msg, .contact-email, .query, .competition .name, .competition .email, .fmtext, .fmtextarea{
	display:block;
	background-color:#222;
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#333;
	color:#CCC;
	font-size:1.2em;
	padding:6px;
	margin-bottom:6px;
}

.contact-msg{
	width:250px;
	height:100px;
	}

.submit input{
	border:0;
	background:#000;
	color:#ca992c;
	cursor:pointer;
}

.ddfm{
	margin-top:10px;
}

.ddfm .fieldwrap label{
	display:block;
	width:80px;
}

/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{margin:0 0 1.5em;font-size:1.2em;}



/*
# Other ################### 
*/

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}
.store-col{float:left;width:205px;}

#christmas-opening-div {
	width:900px;
	margin-left:70px;
	margin-top:60px;
}

.christmas-opening-hours {
	width:250px;
	margin-right:40px;
	float:left;
}

.christmas-opening-hours p span {
	float:right;
}

/*
# SUMMER SESSIONS STYLES (SUMMER 2010) ################### 
*/

#summersessions				{width:980px; height:780px; background:url(/images/sessionsback.jpg) no-repeat #eae735; position:relative;}
#summersessions				p,
#summersessions				ul{color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px!important;}
#summersessions				ul {margin-bottom:10px;}
#summersessions				ul li{margin-left:20px;}

#sessionsheading			{display:block; overflow:hidden; text-indent:-9586px}

#sessionsdetails			{width:360px; height:465px; padding:10px 10px; background:#000; position:absolute; top:270px; left:50px;}
#sessionsdetails			a{color:#c8bf28;}
#sessionsform				{width:390px; height:515px; padding:10px 20px; background:#000; position:absolute; top:220px; left:480px;}
#sessionsform				h3{font-size:16px;}

#sessionsform				label{float:left; width:180px; margin:5px 0; font-size:11px;}
#sessionsform				input,
#sessionsform				select{float:left; width:190px; margin:5px 0 5px 10px;}
#sessionsform				textarea{width:390px; height:60px; clear:both; margin-bottom: 10px;}
#sessionsform				#submitbtn{float:right;}

#sessionsform				.sessionsweek{width:196px; height:110px; margin:1px; float:left; border:1px solid #333; }
#sessionsform				.sessionsweek ul{list-style:none;}
#sessionsform				.sessionsweek li{width:183px; height:13px; border-bottom:1px solid #222; margin:0; padding-left:15px;}
#sessionsform				.sessionsweek h4{background:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left:15px;}

#slideshowWrapper{position:relative;width:980px;margin:auto;}
ul#slideshow{list-style:none;margin:auto;width:980px;height:435px;overflow:hidden;}

/* the main layout */

#contFrm {
  display: block;
  width: 390px;
  margin: 10px 0 0 0 ;
  border: none;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 348px;
  height: 22px;
  line-height: 22px;
  color: #ffffff;
  font-weight: bold;
  background: #fc8e8e url('images/stop.gif') no-repeat 10px center;
  margin: 10px 0 0 0;
  border: 1px solid #ffffff;
  padding: 7px 10px 7px 40px;
}

.msgSent {
  font-size: 20px;
  margin-left:10px;
}