/* CSS styles for adverset.co.uk */

/*
******************************************************************************************************

Title:			style.css
Browser(s): 	All 

Author: 		Mark Greenley for adverset.co.uk

Last modified: 	04.03.10
by:				JE

******************************************************************************************************
*/


body{background-color: #eae6e6;color:#023f80;font:83%/1.5 Trebuchet MS,arial,tahoma,verdana,sans-serif;margin:0;}


/* =layout - main body of page */
#container {background-image: url('/i/cont-bg-rpt.gif');background-repeat:repeat-y;width:802px;margin-left:auto;margin-right:auto;}
#left {float:left;margin-left:2px;}
#center {background-image: url('/i/home-bg-left.gif');background-repeat:no-repeat;width:336px;margin-left:210px;margin-right: 210px;margin-top:-15px;padding:20px 0 0 0;}
html>body #center {background-image: url('/i/home-bg-left.gif');background-repeat:no-repeat;width:346px;margin-left:205px;margin-right: 210px;margin-top:-15px;padding:20px 0 0 10px;}
#right {float: right;background-image: url('/i/home-bg-right.gif');background-repeat:no-repeat;width:205px;margin-right:6px;padding-right:1px;border-left:dashed 1px #d2cece;}
html>body #right {float: right;background-image: url('/i/home-bg-right.gif');background-repeat:no-repeat;width:210px;margin-right:11px;border-left:dashed 1px #d2cece;padding-right:0;}
#content {padding-left:10px;width:346px;}
html>body #content {padding-left:10px;width:346px;}

#center table {
	margin: 0px 0px 0px 25px;
}

#center table th {
	font-family:"Trebuchet MS",verdana,helvetica,"sans serif";
	color:#023F80;
	font-weight:normal;
	text-align:left;
}

#foot {clear: both;background-image: url('/i/footer.gif');background-repeat:no-repeat;width:682px;height:93px;padding-left:120px;padding-top:25px;margin: 0 0 10px 0; }

#foot ul li a {font-size:1.4em;background-image: url('/i/bullet-sn-ft.gif');background-repeat:no-repeat;color:#023f80;text-decoration:none;padding:0 3px 0 15px;height:15px;}
#foot ul li a:hover {background-image: url('/i/bullet-sn-ft-on.gif');background-repeat:no-repeat;text-decoration:none;color:#924d8a;background-color:#fff;}
#foot ul li a.selected {text-decoration:none;}

#foot ul li a:hover.selected { padding-bottom:4px;color:#c30;}
#foot ul {margin: 0;padding: 0;display:inline;float:left;}
#foot ul li {font-size:0.7em;margin-left: 0;padding: 0 0 0 0; float:left;list-style:none;}
#foot ul li.first {margin-left: 0;padding-left: 0;list-style: none;display: inline;}
#foot ul li.last {margin-left: 0;padding: 0 0 0 0;list-style: none;display: inline;}

#foot img { margin: 10px 0 0 150px;}
/*****************************/

/* =error pages */
#containerError {width:400px;margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #d9d6d6;background-color:#fff;padding:10px;text-align:center;}

/* =header contents */
#logo {position:relative;left:6px;height:72px;float:left;}
#freephone {float:right;margin-right:18px;margin-top:15px}
html>body #freephone {float:right;margin-right:18px;margin-top:15px}
#mainNav {position:relative;left:6px;clear:both;}
#section-img {position:relative;left:6px;width:420px;float:left;} /*the main bg img in header (need at leat 4 styles here) */
#section-id {height:144px;position:relative;left:3px;}/*sets up the div for the zone related imgs */
html>body #section-id {height:144px;position:relative;left:6px;}
/******************/

/* =feature panel (left coll) */
#featureBox {background-image:url('/i/featureBox-bg.gif'); background-repeat:repeat-y;margin-left:21px;width:180px;padding-left:1px;padding-bottom:0;}
html>body #featureBox {background-image:url('/i/featureBox-bg.gif'); background-repeat:repeat-y;margin-left:23px;width:180px;padding-left:1px;padding-bottom:0;}
#featBox-foot {margin-left:19px;clear:both;}
html>body #featBox-foot {margin-left:21px;clear:both;}
/*****************************/


#date {width:180px;background-color:#f6eaf4;height:18px;margin-top:5px;text-align:right;margin-left:10px;padding-right:5px;color:#b142a2;}

/* =sub nav home */
#subNav {width:336px;background-color:#f6eaf4;border-left:solid #b142a2 8px;height:18px;}
#subNav ul li a {font-size:1em;background-image: url('/i/bullet-sn.gif');background-repeat:no-repeat;color:#924e8a;text-decoration:none;padding:0 3px 0 15px;height:15px;}
#subNav ul li a:hover {background-image: url('/i/bullet-sn-on.gif');background-repeat:no-repeat;text-decoration:none;color:#924d8a;background-color:#f5f6ea;}
#subNav ul li a.selected {text-decoration:none;}
#subNav ul li a:hover.selected { padding-bottom:4px;color:#c30;}
#subNav ul {margin: 0;padding: 0;display:inline;float:left;}
#subNav ul li {margin-left: 0;padding: 0 0 0 0; float:left;list-style:none;display:block;height:15px;}
#subNav ul li.first {margin-left: 0;padding-left: 0;list-style: none;display: inline;}
#subNav ul li.last {margin-left: 0;padding: 0 0 0 0;list-style: none;display: inline;}
/***************/

#caseStudy {padding:8px;}

/* =news list links style */
#newsLinks,#newsArc {margin-top:1px;width:152px;height:auto;}
#newsLinks ul li a {display:block;background-color:#f6eaf4;width:147px;color:#924e8a;background-image: url('/i/bullet.gif');background-repeat:no-repeat;padding-left:20px;padding-top:5px;padding-bottom:5px;padding-right:8px;height:auto;}
html>body #newsLinks ul li a {margin-top:1px;display:block;background-color:#f6eaf4;width:147px;color:#924e8a;background-image: url('/i/bullet.gif');background-repeat:no-repeat;padding-left:20px;padding-top:5px;padding-bottom:5px;padding-right:8px;height:auto;}
#newsLinks ul li a:hover {width:147px;text-decoration:none;color:#924d8a;background-color:#f5f6ea;background-image: url('/i/bullet-on.gif');background-repeat:no-repeat;}
#newsLinks ul li a.selected {text-decoration:none;}
#newsLinks ul {margin: 0;padding: 0;display: inline;float:left;}

#newsLinks ul li {margin-top:1px;display:block;width:152px;color:#924e8a;float:left;background-image: url('/i/bullet.gif');background-repeat:no-repeat;}
#newsLinks ul li.first {margin-left: 0;padding-left: 0;display: inline;}
#newsLinks ul li.last {margin-left: 0;padding: 0 0 0 0;display: inline;}

/*********************/

/* =register form styles */
#nameReg,#compReg,#phoneReg,#emailReg {width: 150px;color:#3d3d3d;margin-right: 0;line-height: 15px;float:left;padding: 2px;border: 1px solid #d2cece;background-color:#fff;}
#register {background-image: url('/i/reg-bg.gif');background-repeat:no-repeat;padding-left:5px;margin-top:-10px;width:170px;}
#regButt {background-color:#e2e3e3;width:170px;height:48px;}
/************************/

.printOffer {margin:10px 0 0 25px;}
.specialOffer {color:#f58f3d;}
.specialOffer2 {text-decoration:underline;}
#busOffer {margin:10px 0 0 25px;}


.offer {font-size:1.5em;color:#b142a2;}
#webOffer {margin:10px 0 0 25px;}
#leafletOffer {margin:10px 0 0 25px;}
#eastOffer {margin:10px 0 0 25px;}
#eastOffer2 {margin:10px 0 0 25px;}
#sumOffer {margin:10px 0 0 25px;}
#xmasOffer {margin:10px 0 0 25px;}
#valOffer {margin:10px 0 0 25px;}
#calendarOffer {margin:10px 0 0 25px;}
#xcards {margin:10px 0 0 25px;}
#englishRose {margin:10px 10px 0 25px;}
#canvOffer {margin:10px 0 0 25px;}
#WilkoCanvas {margin:10px 0 0 25px;}
#GuideStudy {margin:10px 0 0 25px;}
#ArtistsCanvas {margin:10px 0 0 25px;}
#PrintBrochure {margin:10px 0 0 25px;}

p {font-family: "Trebuchet MS",verdana, helvetica, "sans serif";text-align:left;font-style:normal;}
.img-right {padding-right:18px;}
.img-right2 {padding-right:30px;}
.pRegister {font-family: "Trebuchet MS",verdana, helvetica, "sans serif"; font-size: 12px;line-height: 15px;text-align:left;font-style:normal;}
hr {border: 1px dashed #d2cece; margin: 10px 0 10px 0; padding: 0; height: 1px;}
br {height:35px;}
ul {font-family:"Trebuchet MS", verdana, arial, sans serif;font-size:12px;color:#5b91cf;letter-spacing:0px;line-height:20px;}
.rightcol {margin:0 0 15px 0;border-bottom:dashed 1px #d2cece;padding-bottom:5px;}
#printlist ul {font-family:"Trebuchet MS", verdana, arial, sans serif;font-size:12px;letter-spacing:0px;line-height:20px;}
li {list-style-image: url('/i/ulBullet.gif');}
rightcol-last {padding:0 0 25px 0}
.checkbox {margin-bottom:5px;margin-right:5px;}
/* =general form fields */

input {font-family:"Trebuchet MS",verdana, helvetica, "sans serif";font-size:12px;color:#3d3d3d;margin-right: 0;line-height: 15px;float:left;height:15px;padding-left:5px;}

input.calculate {
	padding: 0px 5px 5px 5px;
	height: 25px;
}

inputPrint {font-family:"Trebuchet MS",verdana, helvetica, "sans serif";font-size:12px;width: 200px;margin-right: 25px;line-height: 15px;float:left;border: 1px solid #ccc;}
textarea {width: 355px;}
.submit input {background-image: url('/i/submit-butt.gif');background-repeat:no-repeat;width:68px;height:25px;border:0;}
.submit input:hover {background-image: url('/i/submit-butt-on.gif');background-repeat:no-repeat;width:68px;height:25px;border:0;}
select {font: 12px "Trebuchet MS",verdana, helvetica, "sans serif";width: 50px;color:#3d3d3d;margin-right: 0;line-height: 15px;float:left;border: 1px solid #ccc;background-color:#e6e6e6;}
/************************/

/* =links */
a {color: #b852aa;text-decoration: none;}
a:hover {color: #b852aa;background-color:#f6eaf4;text-decoration:none;}
.support {font-family: "Trebuchet MS",verdana, helvetica, "sans serif";font-size: 12px;color: #5f6796;text-decoration: none;}
.support:hover {color: #5f6796;text-decoration:underline;background-color:#fff;}
/**********/


/* =heading styles for h1 only used where no flash6+ installed */
h1 {font-family: "Trebuchet MS",verdana, helvetica, "sans serif";font-size: 23px;color:#b142a2;}
h2 {font-family: "Trebuchet MS",verdana, helvetica, "sans serif";font-size: 17px; color:#b142a2;}
h3 {font-family: "Trebuchet MS",verdana, helvetica, "sans serif";font-size: 13px; color:#b142a2;line-height: 18px;text-align: left;padding-left: 10px;padding-right: 10px}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {visibility: hidden;margin-top:15px}
html>body .sIFR-hasFlash h1 {visibility: hidden;}
h2 {visibility: hidden;letter-spacing: -9px;font-size: 18px;margin-top:10px;} 
/* commented as using standard styles for H3,H4####.sIFR-hasFlash 
.sIFR-hasFlash h3 {visibility: hidden;letter-spacing: -6px;font-size: 25px;}
.sIFR-hasFlash h4 {visibility: hidden;letter-spacing: -5px;font-size: 21px;}
.sIFR-hasFlash h5#pullquote {letter-spacing: -4px;visibility: hidden;font-size: 24px;}
*/