body {margin-left: auto;margin-right: auto;margin-top: 25px; padding: 0; font-family:arial,sans-serif,verdana;font-style: normal; line-height: normal; font-weight: normal; font-size: 11px; color: #fff;background: white url(../gfx/backgrounds/theExchangeBG.jpg) top center no-repeat;}
.clearfix:after {content: "."; display: block;height: 0; clear: both;visibility: hidden;}
div.center {text-align: center;}
p { margin: 2px 5px 2px 5px; }
/** html .clearfix {height: 1%;}*/
/******************************************************
		          HEADER CONTENTS
*******************************************************/
a:link {color: #002569}
a:visited {color: #888}
a:hover {color: #000}

#SiteWrap {min-width: 725px; width: 725px; height: 594px; margin-left: auto; margin-right: auto; background: url(../gfx/backgrounds/mainHtmlAreaBackground.jpg) 0px 0px no-repeat;padding:24px;}
* html .SiteWrapIE {margin-left: 773px;}
* html .SiteWrapIEContainer {margin-left: -773px;position: relative;}
/*\*/
* html .SiteWrapIE, * html .SiteWrapIEContainer {height: 1px;}
/**/
div#header {width: 723px;min-width: 723px;height: 145px;margin: 0; border-top: 1px #f4f4f4 solid; border-bottom: 1px #f4f4f4 solid}
div#headerLogo {width: 238px; height: 145px; margin:0; float:left; position: absolute}
div#headerImage {width: 486px; height: 145px; margin:0;float:right;position: absolute}

    #headerImage_1, #headerImage_2, #headerImage_3,  #headerImage_4 {
    	display:none;
        width: 486px; height: 145px; margin:0;
    	position: absolute;
    	font-size: 14px; color:#555
    }
    
    #headerImage_1, #headerImage_2, #headerImage_3, #headerImage_4 {
    	border:none;
    }
div#menuContainer{ height: 70px;width: 725px;}

div#mainMenu {padding: 15px 0px 45px 8px; width: 725px;position: absolute;}
div#mainMenu ul {width: 725px;list-style-type:none; display: inline;font-family:arial,sans-serif,verdana; color: #ffffff; font-size:10px;font-weight: bold;font-style: normal; line-height: normal;}
div#mainMenu ul li {float:left; position:relative; z-index:2;font-family:arial,sans-serif,verdana;}
div#mainMenu ul li a, div#mainMenu ul li a:visited, div#mainMenu ul li a:hover {color:#fff; text-decoration: none}

div#mainMenu ul li ul {list-style-type:none;display:inline;position:absolute;top:20px;margin-top:1px; left:-40px; width: 300px;}
div#mainMenu ul li ul li {color: #999;font-family: arial;font-size:10px;font-weight: 700; }
div#mainMenu ul li ul li a, div#mainMenu ul li ul li a:visited, div#mainMenu ul li ul li a:hover {color: #999;}

div#newsSummaryContainer {height: 75px; width: 530px; padding: 10px 0 5px 0}
div#newsSummaryImage {float: left; width: 130px; padding: 10px 0 0px 0 }
div#newsSummaryText {float:right; width: 400px; border-bottom: 1px #f4f4f4 dashed}
div#newsSummaryText h2 {padding: 5px 0 0 0; margin:0;color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 12px}
div#newsSummaryText h2 a, div#newsSummaryText h2 a:visited, div#newsSummaryText h2 a:hover {color: #ffffff; text-decoration: none}
div#newsSummaryText h2 a:hover {color: #ffffff; text-decoration: underline}

div#newsSummaryText p {padding: 5px 0 5px 0; color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 10px}
div#newsSummaryText p a, div#newsSummaryText p a:visited {text-decoration: none;color: #ffffff}
div#newsSummaryText p a:hover {text-decoration: underline;color: #ffffff}

div#newsTitle {width: 725px; margin-top: -30px;}
div#newsTitle h1 {padding: 0px 0 5px 0;  color: #fff; font-size: 14px;font-family:arial,sans-serif,verdana; }
div#newsContent {width: 725px}
div#newsContent p {padding: 5px 0 5px 0; color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 10px;line-height: 1.1em; }
div#newsContent p a, div#newsContent p a:visited {text-decoration: underline;color: #ffffff}
div#newsContent p a:hover {text-decoration: underline;color: #ffffff}


div#pageNav{padding: 5px 0 5px 0; color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 10px}
div#pageNav a,div#pageNav a:visited,div#pageNav a:hover{color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 10px}
/******************************************************
		          MAIN MENU DROPDOWN
*******************************************************/
.drop_down {height: 30px; float: left; width: 100%;font-family: verdana, arial, sans-serif; font-size:11px; }
/* remove the bullets, padding and margins from the lists */
.drop_down ul{list-style-type: none;padding: 0;margin: 0;}
/* make the top level links horizontal and position relative so that we can position the sub level */
.drop_down ul li{float:left; position:relative; z-index:2; }
.drop_down ul li a, .drop_down ul li a:visited {width: 100%;float:left; display:block; text-decoration:none;color:#ddf; height:30px;padding-bottom: 3px;}
.drop_down ul li:hover {width:auto;}
.drop_down ul li ul {display: none;}
/* use the table to position the dropdown list */
.drop_down table{position:absolute;border-collapse:collapse;z-index:80;left:-1px;}
/* style all the links */
.drop_down a, .drop_down :visited {display:block;font-size:10px;min-width: 10px;padding:0px 0;color:#000;text-decoration:none;margin-right:18px;text-align:left;}
/* specific to non IE browsers */
.drop_down ul li:hover ul {display:block;position:absolute;top:20px;margin-top:1px; left:0;width:154px;border-bottom:2px solid #000;border-right:2px solid #666;}
.drop_down ul li:hover ul.endstop {left:-92px;}
/* display level 2 */
.drop_down ul li:hover ul li ul {display: none;}
/* display level 3 */
.drop_down ul li:hover ul li:hover ul li ul {display: none;}
.drop_down ul li:hover ul li a {display:block;color:#000;background:url("../pics/box/box_right.gif") left bottom; height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;}
/* Used for sub menu */
.drop_down ul li:hover ul li a.drop {background-color: #666;color:#888; }
/* menu level 1 Colours*/
.drop_down ul li:hover ul li a:hover {color:#666; background-color: #666;background:url("../pics/on_bg.gif") left top; }
/* Sub Menu 2 Colours */
.drop_down ul li:hover ul li:hover ul li a:hover {background:#666;background:url("../pics/on_bg.gif") left top; color:#fff;}
/* Sub Menu 3 Colours */
.drop_down ul li:hover  ul li:hover ul li:hover ul li a:hover {background:#666;background:url("../pics/on_bg.gif") left top; color:#fff;}
/* Used for sub menu */
.drop_down ul li:hover ul li a:hover.drop {background-color: #888888;}
.drop_down ul li:hover ul li:hover ul {display:block; position:absolute; width:154px;left:154px; top:3px;}
.drop_down ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; width:154px;left:154px; top:3px;}
.drop_down ul li:hover ul li:hover ul.left {left:-153px;}
/* ******TO WORK ON BELOW *********** */
/*specific to IE5.5 and IE6 browsers */
.drop_down ul li a:hover ul {
display:block;position:absolute;top:-25px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

/******************************************************
		          DEFAULT CSS BELOW
*******************************************************/


div#search_bar {width: 100%;height: 30px;background-color: #f4f4f4;background:url("../pics/table/bg_table_l.gif") right top;margin: -5px 0px 15px 0px; padding-top:7px; text-align: center}
.search_label {padding-top: -5px}
.search_box {background: url("../pics/titles/instant_find_label.gif") top left no-repeat;}
/* WHITE TEXT */
span.whitetext {text-align: center;color: #FFFFFF;font-weight: bold;}
span.whitetext a:link,span.whitetext a:visited, span.whitetext a:active {color: #FFFFFF;text-align: center;text-decoration: none;}
span.whitetext a:hover {color: #FFFFFF;text-align: center;text-decoration: underline;}

/******************************************************
		          FOOTER
*******************************************************/


/******************************************************
		          COLUMN STRUCTURE
*******************************************************/
/* Main Layer containing mid section */
div#main {min-width: 773px;padding: 0;}

/******************************************************
		          CONTAINER
*******************************************************/
div#main div#container {margin: 0 0px 0 0px;min-width: 723px; }
/******************************************************
		          MAIN COLUMN
*******************************************************/
div#main div#container div#content {width:723px; min-width: 723px; height: 320px; padding:0px; line-height: 1;float: left;border-bottom: 1px #f4f4f4 solid}

/******************************************************
		          instantfind_results
*******************************************************/
#instantfind_results {background: #f4f4f4; background: url("../pics/instant_find.gif") top left; border: 4px solid #ddd; padding-top: 33px; z-index: 11}
#instantfind_results ul {list-style: none;padding: 0;margin: 0;}
#instantfind_results li {text-align: left;list-style: none; list-style-position: outside; background: #fff; border-bottom: 0px solid #eee; padding: 5px; height: 40px}
#instantfind_results li img {float:left; margin-right: 5px; border: 1px solid #999}
#instantfind_results li a:link, a:visited, a:active {color: #888}
#instantfind_results li a:hover {color: #333; background: #e0e6f1}
#instantfind_results li.selected {list-style: none; background: #e0e6f1;}

/******************************************************
		          CONTENT BOXES
*******************************************************/

/******************************************************
		          FORM FIELD SETTINGS >> NEEDS WORK
*******************************************************/
fieldset br {display: none;}
input.checkbox {border:2px #f4f4f4 solid}

div#main fieldset {border: none;}
div#main fieldset br {clear: both;}
div#main fieldset legend {display: none;}
label{width: 4em;float: left;text-align: right;margin-right: 0.5em;display: block;}
.submit input {margin-left: 4.5em;}
input {color: #252525;background: #fafafa;border: 1px solid #6d8cba;}
input:hover {color: #252525;background: #ffb;border: 1px solid #6d8cba;}
input:focus {color: #252525;background: #ffb;border: 1px solid #6d8cba;}
input.submit {background-color: #cc0000; font-weight: bold; font-size: 12px; color: white;padding: 2px 2px;}
input.submit_green {background-color: #2cce00; font-weight: bold; font-size: 12px; color: white;padding: 2px 2px;}
.submit input {color: #000;background: #f9df28;border: 2px outset #8cb4e7;border: 1px solid #8cb4e7;}
select {background-color: #F4F4F4;border: 1px solid #000000;color: #3B3B3B;}
div#main textarea {float: left;border: 1px solid #8cb4e7;background-color: #fffffb;width: 250px;height: 100px;margin-bottom: 10px;color: #3B3B3B;}
div#main textarea.large {float: left;border: 1px solid #8cb4e7;background-color: #fafafa;width: 490px;height: 300px;color: #3B3B3B;}
div#main textarea.comments {border: 1px solid #8cb4e7;background-color: #fffffb;width: 250px;height: 150px;color: #3B3B3B;padding: 2px;}


/******************************************************
		          CONTENT
*******************************************************/

/*
  Used for tiny_mce
*/


/*
  Panels
*/

div#contactPanel {width: 723px; height:305px; margin-bottom:15px;background: url('../gfx/content/directionsMap.gif') bottom right no-repeat;}
div#aboutNottinghamPanel {width: 337px; height:305px; padding-right:386px; margin-bottom:15px;background: url('../gfx/content/aboutMainImage.jpg') bottom right no-repeat;}
div#aboutTheExchangePanel {width: 337px; height:305px; padding-right:386px; margin-bottom:15px;background: url('../gfx/content/aboutTheExchangeMainImage.jpg') bottom right no-repeat;}
div#ourstoresPanel {float:left;width: 223px; height:305px; margin-bottom:15px;}
div#storeMapImage {float:right; width: 486px }



div#indexRight {float:right;width: 360px; height:305px; margin-right:-10px;margin-bottom:15px;background: url('../gfx/backgrounds/indexRightBg.jpg') bottom right no-repeat;}
div#indexLeft{float: left; width: 360px}
div#newsHome{float: right; width: 203px; height: 300px; padding-right: 25px;}
div#newsHome h1 {padding: 0 0 0 4px;color: #ffffff; font-size: 16px; font-family:arial,sans-serif,verdana; line-height: 1.2em}
div#newsHome p{padding: 5px 0 0 0; color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 12px;line-height: 1.1em}
div#newsHome p a, div#newsHome p a:visited {text-decoration: underline;color: #ffffff}
div#newsHome p a:hover {text-decoration: underline;color: #ffffff}

div#miniNewsBoxHome{padding: 215px 5px 5px 5px; float: left; width: 101px; height: 100px;}
div#miniNewsBoxHome h2 {padding: 0 0 0 4px;color: #ffffff; font-size: 12px; font-family:arial,sans-serif,verdana; line-height: 1.1em}
div#miniNewsBoxHome p{padding: 0px 0 0 0; color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 10px}
div#miniNewsBoxHome p a, div#miniNewsBoxHome p a:visited {text-decoration: none;color: #ffffff}
div#miniNewsBoxHome p a:hover {text-decoration: none;color: #ffffff}

/*
  CSS - Text
*/

p.pWhite {padding: 8px 0 0px 0; color: #ffffff; font-family:arial,sans-serif,verdana; font-size: 10px;font-style: normal; line-height: 1.11em; font-weight: normal;}
p.pWhite a, p.pWhite a:visited {text-decoration: none;color: #ffffff}
p.pWhite a:hover {text-decoration: underline;color: #ffffff}

/*
  Containers
*/
div#contactTextContainer { width: 243px}


div#galleryText{float: left; width: 205px}
div#galleryPanel{float: right; width: 480px}

div#storeFeatureText{float: left; width: 320px}
div#storeFeatureText img {padding-left:6px;}
div#storeFeatureImage{float: right; width: 366px; padding-left:15px; text-align:right}

div#storeFeatureTextSmall{float: left; width: 440px}
div#storeFeatureTextSmall img {padding-left:6px;}
div#storeFeatureImageSmall{float: right; width: 246px; padding-left:15px; text-align:right}

div#moreStores {position: relative; float: right; margin-top: -40px; width: 50px; height: 50px; z-index: 10}

/* Newsletter Subsribe Form Styling */

.cm-f-col {
  float: left;
  width:  350px;
  padding:  0;
}
#cm-f-col2 {
	float: right;
}
.cm-f-col * {
  padding:  0;
  margin:   0;
}
.cm-f-col label {
  float: left;
  clear: both;
  width:  125px;
  line-height:  16px;
  margin-bottom:  5px;
	text-align: left;
	height: 16px;
	padding: 2px 0;
}
.cm-f-col input,
.cm-f-col select {
  float: left;
  line-height:  16px;
	padding:			2px 10px;
  margin-bottom:   5px;
	font-size: 1em;
	height: 16px;
	color: #0E231C;
}
.cm-f-col option,
.cm-f-col #cm-f-gender input:focus {
	background-color: #FFFFBB;
}
.cm-f-col input {
	background-color: transparent;
	background-image: url(http://theexchange.uk.net/images/campaignmonitor/cm-f-inpbg-focus_200x20.png);
	background-repeat: no-repeat;
	border: 0;
	width: 180px;
} 
.cm-f-col select {
	background-color: transparent;
	background-image: url(http://theexchange.uk.net/images/campaignmonitor/cm-f-inpbg_200x20.png);
	background-repeat: no-repeat;
	border: 0;
	width: 200px;
	height: 20px;
	padding: 2px 6px 2px 10px;
}
.cm-f-col input:focus,
.cm-f-col select:focus {
	background-image: url(http://theexchange.uk.net/images/campaignmonitor/cm-f-inpbg-focus_200x20.png);
}
.cm-f-col #cm-f-gender,
.cm-f-col #cm-f-dob {
	float: left;
	width: 200px;
}
.cm-f-col #cm-f-gender input {
  width: auto;
  clear: both;
  margin-right: 10px;
  line-height: 20px;
	padding: 0;
	background-image: none;
}
.cm-f-col #cm-f-gender label {
  clear: none;
  float: left;
}

.cm-f-col #cm-f-dob select {
	width: 60px;
	margin-left: 10px;
	padding: 2px 6px 2px 4px;
	background-image: url(http://theexchange.uk.net/images/campaignmonitor/cm-f-inpbg_60x20.png);
	height: 20px;
}
.cm-f-col #cm-f-dob select:focus {
	background-image: url(http://theexchange.uk.net/images/campaignmonitor/cm-f-inpbg-focus_60x20.png);
}

.cm-f-col #cm-f-dob select:first-child {
	margin-left: 0px;
}

.cm-f-col #cm-f-submit {
	float: right;
	width: 100px;
	height: 20px;
	margin-right: 25px;
	background-image: url(http://theexchange.uk.net/images/campaignmonitor/cm-f-inpbg_100x20.png);
	border: 0;
	padding: 0 0 5px 0;
	line-height: 20px;
	font-size: 15px;
}