/*-----------------------------------------------------------------------------
Contract Microsite Style Sheet created for Jay-Be

Version:        1.0
Created:        24th May 2009
Last Edited:    Not Applicable
Edits Made:     Not Applicable
Coded by:       Richard Dale
Company:        Qwerty Design
Email:          richard@qwerty-design.co.uk
Website:        http://www.qwerty-design.co.uk
-----------------------------------------------------------------------------*/
/*Start, changes to border for Microsite Colour*/
body#microSiteWelcome div#branding, body#microSiteMetalBases div#branding, body#microSiteBedsAndBunks div#branding, 
body#microSiteupholstery div#branding, body#microSiteMattresses div#branding {
	background: url(../images/msHeaderBackStrip.jpg) repeat-x;
}

h2.closeMicrosite {
	text-indent: -99999px;
	position: absolute;
	right: 51px;
	top: 4px;
	background: url(../images/msCloseTab.jpg) no-repeat;
}

h2.closeMicrosite a:link, h2.closeMicrosite a:visited {
	width: 134px;
	height: 20px;
	display: block;
}

/*Change Footer Header H5's to Orange*/
body#microSiteWelcome div#contactJaybe h5, body#microSiteWelcome div#workForJayBe h5, body#microSiteWelcome div#copyrightJaybe h5,
body#microSiteMetalBases div#contactJaybe h5, body#microSiteMetalBases div#workForJayBe h5, body#microSiteMetalBases div#copyrightJaybe h5, body#microSiteBedsAndBunks div#contactJaybe h5, body#microSiteBedsAndBunks div#workForJayBe h5, body#microSiteBedsAndBunks div#copyrightJaybe h5, body#microSiteupholstery div#contactJaybe h5, body#microSiteupholstery div#workForJayBe h5,
body#microSiteupholstery div#copyrightJaybe h5, body#microSiteMattresses div#contactJaybe h5, body#microSiteMattresses div#workForJayBe h5, body#microSiteMattresses div#copyrightJaybe h5 {
	color: #ff6a0f;
}

/*End Border Change Styles*/
div#msWelcomeDiv {
	width: 908px;
	height: 721px;
	border: 1px solid #cbcbcb;
	background: #efefef;
	margin: 12px 0 0 12px;
	position: relative;
}

div#introSection {
	width: 908px;
	height: 265px;
	background: #e1e1e1 url(../images/msBaseWire.jpg) no-repeat right top;
	border-bottom: 1px solid #cbcbcb;
}

div#buttonSelection {
	width: 908px;
	height: 456px;
	border-top: 1px solid #fff;
}

/*Microsite Product Navigation*/
ul#navigation {
	color: #fff;
	position: absolute;
	bottom: 10px;
	right: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .8em;
	letter-spacing: 1px;
	list-style-type: none;
}

ul#navigation li {
	float: left;
	padding: 0 9px 0 9px;
	border-right: 1px solid #fff;
	line-height: 16px;
}

ul#navigation li.mattresses {
	padding-right: 0;
	border: none;
}

ul#navigation li a:link, ul#navigation li a:visited {
	color: #fff;
}

ul#navigation li a:hover {
	text-decoration: underline;	
}

/*Group Selector to control the downstate of the naviagtion*/
body#microSiteMetalBases ul#navigation .metalBases a:link, body#microSiteMetalBases ul#navigation .metalBases a:visited,
body#microSiteBedsAndBunks ul#navigation .bedsAndBunks a:link, body#microSiteBedsAndBunks ul#navigation .bedsAndBunks a:visited,
body#microSiteupholstery ul#navigation .upholstery a:link, body#microSiteupholstery ul#navigation .upholstery a:visited,
body#microSiteMattresses ul#navigation .mattresses a:link, body#microSiteMattresses ul#navigation .mattresses a:visited {
	text-decoration: underline;
}

h4.contractWelcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	color: #ff6a0f;
	float: left;
	margin: 31px 0 0 50px;
	display: inline;
}

p.msTextFirst {
	clear: left;
	font-size: .75em;
	width: 450px;
	padding: 4px 0 0 50px;
}

p.msTextSec {
	clear: left;
	font-size: .75em;
	width: 450px;
	padding: 14px 0 0 50px;
}

p.msTextSec span {
	text-transform: uppercase;
	text-decoration: underline;
	color: #ff6a0f;
}

/*CSS Hover to provide hover functionaility to span tag in IE6*/
div#metalBaseDiv, div#bedsAndBunksDiv, div#upholsteryDiv, div#mattressesDiv {
	width: 379px;
	height: 153px;
	float: left;
	margin: 50px 0 0 50px;
	display: inline;
	cursor: pointer;
	behavior:url("../scripts/csshover.htc");
}

div#metalBaseDiv {
	background: url(../images/msBasesBackground.jpg) no-repeat;
}

div#bedsAndBunksDiv {
	background: url(../images/msBedsBackground.jpg) no-repeat;	
}

div#upholsteryDiv {
	background: url(../images/msUpholsteryBackground.jpg) no-repeat;	
}

div#mattressesDiv {
	background: url(../images/msMattressesBackground.jpg) no-repeat;	
}

div#metalBaseDiv h3, div#bedsAndBunksDiv h3, div#upholsteryDiv h3, div#mattressesDiv h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.13em;
	color: #ff6a0f;
	margin: 18px 0 0 19px;
}

p.msButtonText {
	font-size: .75em;
	width: 190px;
	padding: 0 0 0 19px;
	color: #3e3e3e;
}

p.msButtonText a:link, p.msButtonText a:visited {
	color: #3e3e3e;
}

p.msButtonText span {
	color: #ff6a0f;
	font-weight: bold;
	background: url(../images/arrowPointerOrange.gif) no-repeat right 7px;
	width: 116px;
	height: 18px;
	display: block;
}

p.msButtonText span:hover {
	text-decoration: underline;	
}

p.msButtonText span.comingSoon {
	background: none;
}

/*Microsite Product Pages*/
div#msFlashContent {
	width: 908px;
	height: 536px;
	margin: 12px 0 0 12px;
}

h2.rangeSelect, h2.closeSite {
	text-indent: -99999px;
	position: absolute;
	top: 4px;
}

h2.rangeSelect {
	right: 186px;
	background: url(../images/msProductRangeSelectTab.jpg) no-repeat;
}

h2.rangeSelect a:link, h2.rangeSelect a:visited {
	width: 137px;
	height: 20px;
	display: block;
}

h2.closeSite {
	right: 51px;
	background: url(../images/msProductCloseTab.jpg) no-repeat;
}

h2.closeSite a:link, h2.closeSite a:visited {
	width: 135px;
	height: 20px;
	display: block;
}