/*
	screen.css: SCREEN stylesheet
	------------
	Job:					Thrislington Wetwall
	Template Version:		1.0
	Produced by:			Heidi Seymour
	Start date:				10/11/2009
	------------
	NOTES:
	Do all stucture and module sizes in ems.
	
	TOC:
	1.	general styles
			body styles
			reset
			links
			headings
			other elements, tags
	2.	helper styles
			forms
			notifications and errors
			consistant items with normally just one class
	3.	page structure
			skeleton including page furniture
	4.	page components / modules
			most of your styles will be in here
	5.	content/FCK
			these are styles that the client could put in via the FCKeditor. They will also need to be added to the FCK stylesheet.
	6.	overrides
*/

/* =1. general styles */
* { margin: 0; padding: 0; text-decoration: none; font-weight: normal; }

html,body {height:100%;margin:0;padding:0;}

body {font-family: Arial, Helvetica, sans-serif;font-size: 100%;}
a:link, a:visited {}
a:hover, a:focus {}

/* =2. helper styles */
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
ul.accessmenu {position:absolute; left:-10000px;}
/* =3. page structure */
.container, .footer {
	width: 60.00em;								/* 960px */
	margin: 0 auto;
}
.contentSection50 {width:47.5%;float:left;}
.contentSection50.primary {padding-right:5%;}
.contentSection33 {float:left;width:30.5%;padding-right:5%;}
.contentSection66 {float:left;width:63.5%;}
/* =4. page components / modules */
/*		home */
body.home {background:#d8dde8 url(/_common/img/bk-sky.gif) no-repeat center top; overflow: hidden; }
body.home .sky {background:#d8dde8;}
body.home .sky h1 {font-size:.7em; color:#08546C;}
body.home .sky .container {margin-top:19%;position:relative;}
body.home .sky .container img {position:absolute;bottom:0;right:0}
body.home .sky .container ul {position:absolute;bottom:.8em;left:0}
body.home .sea {background:#08546b url(/_common/img/bk-sea.jpg) no-repeat center 0;height:100%;bottom:0}

ul#menu li {list-style:none; float:left;margin-right:1.5em}
ul#menu li a {color:#046085; font-family: Georgia, "Times New Roman", Times, serif; font-size:.9em;font-weight:bold;} 
ul#menu li.selected a {text-decoration:underline;}
ul#menu li a:hover {color:#08ACE2; text-decoration:underline;}

div.header {background:#d8dde8 url(/_common/img/bk-sky.gif) no-repeat center center;overflow:hidden;padding:0;padding-top:1.5em}
div.header ul#menu {padding-top:.9em}
div.header p.logo {float:right;margin-bottom:-5px;}

div.main {background:url(/_common/img/bk-main.jpg) repeat-x 0 0;padding:1.5em 0; overflow:hidden;}
div.main .container {/* CSS3 */box-shadow:  0 0 4px #aaa; -webkit-box-shadow: 0 0 4px #aaa;-moz-box-shadow: 0 0 4px #aaa; }

div.main .nav2 {background:#fff;overflow:hidden;padding:.6em 0 .6em 1em}
div.main .nav2 li.first {margin:0;}
div.main .nav2 li {list-style:none; float:left;margin-left:1.4em}
div.main .nav2 li a {color:#046085; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.15em; font-weight:bold;}
div.main .nav2 li.selected a {text-decoration:underline;}
div.main .nav2 li a:hover {color:#08ACE2; text-decoration:underline;}

div.footer {clear: both;overflow:hidden;}
div.footer ul {font-size:.7em;font-family: Georgia, "Times New Roman", Times, serif;margin:1.5em 0 .5em 0}
div.footer ul li {list-style:none; float:right;margin-left:1em;color:#046085;}
div.footer ul li a {color:#046085;}
div.footer ul li a:hover  {color:#08ACE2; text-decoration:underline;}

/*		contact */
div.main div.contact {background:#39677b;color:#fff;height:596px; overflow:hidden;}
div.main div.contact .subSection  {background:#4b87a2;width:28.5%; padding:1.5em; height:596px;float:left; }
div.main div.contact .subSection h1 {margin-bottom:2em;}
div.main div.contact .subSection p, div.main div.contact .subSection address {font-size:.8em; line-height:1.4em; margin-bottom:1.5em}
div.main div.contact .subSection address {font-style:normal;}
div.main div.contact .subSection a {color:#7dddfd;font-weight:bold;}
div.main div.contact .subSection a:hover {color:#a9e8fd; text-decoration:underline;}

div.main div.contact .form {position:relative; overflow:hidden; float:left; width:60%; margin:2em 0 0 2em;padding-top:6.5em;}
div.main div.contact .form .errors {position:absolute;top:0; left:0;}
div.main div.contact .form .errors ul li {font-weight:bold;color:#00ace2;margin-bottom:.5em;}

div.main div.contact .form fieldset { border:0;font-size:.8em; }
div.main div.contact .form ol {list-style:none}
div.main div.contact .form ol li {margin-bottom:.8em; overflow:hidden;}
div.main div.contact .form label { clear:both; font-weight:bold; float:left; position:relative; width:10.5em;}
div.main div.contact .form label em { position:absolute; color:#00ace2; right:0; font-weight:bold; font-size:2.5em; font-style:normal; margin:-.1em .2em 0 0; }
div.main div.contact .form input {background:#fff url(/_common/img/bk-input.gif) repeat-x 0 0 ; border:1px solid #fff; padding: .35em; width:20em}
div.main div.contact .form textarea {background:#fff url(/_common/img/bk-input.gif) repeat-x 0 0 ;border:1px solid #fff;width:37.95em;margin-bottom:1em;}
div.main div.contact .form .short input {width:10em}
div.main div.contact .form .radio input {width:auto; border:0}
div.main div.contact .form .checkbox input {width:auto; border:0; margin-left:11.6em;float:left;background:none;}
div.main div.contact .form .checkbox label {float:right; width:33em;}
div.main div.contact .form .frmAction  {clear:both;text-align:right;margin-top:2.5em}
div.main div.contact .form .frmAction input {width:auto;background:#00ace2 url(/_common/img/bk-inputAction.gif) repeat-x 0 0;border:1px solid #15b3e4;color:#fff;font-family: Georgia, "Times New Roman", Times, serif; font-size:1.8em;font-weight:bold;padding:.3em .8em; cursor:pointer;}
div.main div.contact .form .frmAction label, div.main div.contact .form legend span {position:absolute; left:-10000px;}
div.main div.contact .form p.mandatory {margin-top:3em; font-size:.8em;}
div.main div.contact .form p.mandatory em {color:#00ace2;font-weight:bold; font-size:2.5em; vertical-align:middle;padding-right:.15em}

/* =5. content/FCK */
div.main h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:2.2em;font-weight:bold;margin-bottom:.8em;}

div.main div.legal {background:#4b87a2;color:#fff;padding:1.5em;min-height:548px; overflow:hidden;}

div.main div.whybuy {background:#39677b url(/_common/img/jetty.jpg) no-repeat; height:596px; overflow:hidden; position:relative; z-index:1;}
div.main div.whybuy .sliderPanel {background:#4b87a2; color:#fff; left:0;top:0;width:28.5%; padding:7em 1.5em 1.5em 1.5em; height:596px;position:absolute; overflow:hidden;z-index:3; }
div.main div.whybuy .sliderPanel p {font-size:.8em;line-height:1.4em;margin-bottom:1.5em}
div.main div.whybuy .words {background:url(/_common/img/words.gif) no-repeat 0 0; width:487px; height:232px;position:absolute; overflow:hidden; z-index:2;top:35px; right:70px;}
div.main div.whybuy .words ul {position:absolute; left:-1000px;}

div.main div.content {background:#4b87a2;color:#fff;padding:1.5em;overflow:hidden;min-height:508px;}

div.main div.content ul.accessories li {list-style:none;float:left;height:230px;width:190px;text-align:center;font-weight:bold;}
div.main div.content ul.accessories li img {display:block;margin-top:1em;}

div.main div.content ul.fittingtips li {list-style:none; float:left; width:45%;padding-right:5%;margin-bottom:1.6em}
div.main div.content ul.fittingtips li img {float:left;border:1px solid #fff;margin-right:1em}
div.main div.content ul.fittingtips h2 {font-size:1.1em;margin-bottom:.3em}
div.main div.content ul.fittingtips p {font-size:.75em}

div.main div.collections {position:relative;z-index:1; height:556px; overflow:hidden;background:#000;}
div.main div.collections .sliderPanel {left:0;top:0;width:28.5%; padding:4em 1.5em 1.5em 1.5em; height:556px;position:absolute; overflow:hidden;z-index:3; }
div.main div.collections .sliderPanel p {font-size:.8em;line-height:1.4em;margin-bottom:1.5em}
div.main div.collections .sliderPanel ul {width:7.1em}
div.main div.collections .sliderPanel li {list-style:none;margin-bottom:.5em;}
div.main div.collections .sliderPanel li a {background:url(/_common/img/shad4.png) repeat; padding:.1em .5em .2em .5em; color:#fff;font-size:.8em; font-weight:bold;display:block;}
div.main div.collections .sliderPanel li a:hover {background:url(/_common/img/shad5.png) repeat;}
/*div.main div.collections .sliderPanel li.nxtImg {display:none;}*/
div.main div.collections .sliderPanel p.featImg {position:absolute;top:510px;font-size:.7em}

div.main div.boutique .sliderPanel {background:#998b7d;color:#fff;}
div.main div.italian .sliderPanel {background:#b88b74;color:#fff;}
div.main div.classics .sliderPanel {background:#c5b8b2;color:#fff;}
div.main div.vanities .sliderPanel {background:#455560;color:#fff;}

div.main div#swatches {background:url(/_common/img/shad6.png) repeat; padding:2.5em 3em; overflow:hidden;}
div.main div#swatches li {color:#fff;font-weight:bold;list-style:none; float:left;width:110px;font-size:.8em; margin:.5em; height:130px; }
div.main div#swatches li img {border:1px solid #fff;display:block; margin-bottom:.5em}

div.main div#swatches.swatchesJS {width: 66.6%;top:0; right:0; height:556px;position:absolute; overflow:hidden; z-index:2;padding:4em 0 0 0;}
div.main div#swatches.swatchesJS ul {padding:0 .7em}
div.main div#swatches.swatchesJS li {margin:.8em .5em }

.contFCK {font-size:.9em; line-height:1.4;}
.contFCK h2 {font-size:1.5em;margin-bottom:.3em;font-weight:bold;}
.contFCK p, .contFCK li {margin-bottom:1.5em}
.contFCK table {background:#5f94ac;width:100%;border-collapse: collapse;margin-bottom:2em;	}
.contFCK th {text-align:left;padding: .7em .7em;}
.contFCK td {padding: 0 1em 1.2em 1em;font-size:.7em}
.contFCK ul{padding-left:1.2em; font-size:.9em;}
.contFCK ol {padding-left:1.8em; font-size:.9em;}
.contFCK em.asterisk {font-weight:bold;font-size:1.2em;vertical-align:top; }
.contFCK li.circle {list-style-type: circle;}
.contFCK small {font-size:.7em;}
.contFCK a {color:#7dddfd;font-weight:bold;}
.contFCK a:hover {color:#a9e8fd; text-decoration:underline;}

div.download a {background:#5f94ac url(/_common/img/icons/pdf.gif) no-repeat .5em center; color:#fff; display:block; font-family: Georgia, "Times New Roman", Times, serif; font-size:.9em; font-weight:bold; padding: 1em .5em 1em 3.5em; margin-top:1em;width:12em;	 }
div.download a:hover {background:#39677B url(/_common/img/icons/pdf.gif) no-repeat .5em center;}
div.download a span {display:block;font-weight:bold;}

div.arrows {position:absolute;z-index:1;right:20px; bottom:20px;}
div.arrows a {width:43px; height:43px;display:block;}
div.arrows a span {position:absolute; left:-1000px;}
div.arrows a.next {background: url(/_common/img/arrows.gif) no-repeat -43px 0;}
div.arrows a.prev {background: url(/_common/img/arrows.gif) no-repeat 0px 0px;}
/* =6. overrides */