/* CSS styles specific to the Premiercup micro-site */
/* These styles will overwrite any similar styles in the blueprint stylesheet files */

/* Typography Over-rides */
body { color: #fff; font-size: 90%; }
h1, h2, h3, h4, h5, h6, h7 { color: #fff; font-weight: bold; }
a, a:link, a:visited, a:active, a:focus { color: #ffce0a }
a { border-bottom: none; text-decoration: none; font-weight: bold; }
a:hover { border-bottom: 2px solid #fff; color: #ffce0a }

/* Layout */
body#home, body#index { background: #061d40 url(/images/premiercup/backgrounds/home.jpg) center top no-repeat; }
body#about_premiercup { background: #061d40 url(/images/premiercup/backgrounds/the_range.jpg) center top no-repeat; }
body#the_range { background: #061d40 url(/images/premiercup/backgrounds/about_premiercup.jpg) left top no-repeat; }
body#when_and_where { background: #061d40 url(/images/premiercup/backgrounds/when_and_where.jpg) center top no-repeat; }
body#technical_spec { background: #061d40 url(/images/premiercup/backgrounds/technical_spec.jpg) center top no-repeat; }
body#contact_us, body#send_enquiry { background: #061d40 url(/images/premiercup/backgrounds/when_and_where.jpg) center top no-repeat; }

#info-bar { height: 36px; width: 950px; font-size: 80%; }
#info-bar .left { height: 36px; width: 40px; float: left; background: url(/images/premiercup/layout/info-bar-left.png) top left no-repeat; }
#info-bar .middle { height: 27px; width: 880px; float: left; background: url(/images/premiercup/layout/info-bar-middle.png) top left repeat-x; padding-top: 9px; }
#info-bar .right { height: 36px; width: 30px; float: left; background: url(/images/premiercup/layout/info-bar-right.png) top right no-repeat; }
#info-bar img { float: left; margin-right: 4px; }
#info-bar a { color: #fff; border-bottom: none; font-weight: normal; }
#info-bar a:hover { border-bottom: 2px solid #fff; background: none; }
body#index a#menu-home, body#home a#menu-home { border-bottom: 2px solid #fff; font-weight: normal; }
body#about_premiercup a#menu-about_premiercup { border-bottom: 2px solid #fff; font-weight: normal; }
body#the_range a#menu-the_range { border-bottom: 2px solid #fff; font-weight: normal; }
body#technical_spec a#menu-technical_spec { border-bottom: 2px solid #fff; font-weight: normal; }
body#contact_us a#menu-contact_us { border-bottom: 2px solid #fff; font-weight: normal; }
#info-bar .premium-link { float: left; }
#info-bar .top-nav { float: right; margin: 0; padding: 0; }
 
#masthead { height: 162px; width: 870px; margin-top: 1.5em; margin-bottom: 1.5em; margin-left: 80px; }

#main-content { width: 950px;margin: 0; }

#flash { text-align: center; background: #061d40; border: none; padding: 5px 0 5px 0; color: #fff; font-weight: bold; margin: 0 0 1.5em 80px; width: 790px; }

.content-box { margin-top: 1.5em; margin-right: 10px; padding-left: 40px; width: 390px; float: left; }
.content-box .top { height: 18px; background: url(/images/premiercup/layout/content-panel-top.png) top center no-repeat; }
.content-box .middle { background: url(/images/premiercup/layout/content-panel-middle.png); background-repeat: repeat; width: 390px; }
.content-box .content { padding-left: 40px; padding-right: 40px; margin-bottom: 1.5em; }
.content-box .bottom { margin-top: -1.5em; height: 18px; background: url(/images/premiercup/layout/content-panel-bottom.png) bottom center no-repeat; }
* html .content-box .bottom { margin-top: 0; }

#image-box { padding-left: 40px; width: 430px; float: left; }
#image-box img { float: right; }

#dock-wrapper { width: 950px; margin: 0; float: left; }

/* Fish-eye dock - bottom of screen */
#dock {
	width: 100%;
	bottom: 0px;
	position: relative;
	left: 0px; margin-top: 4.5em;
}
.dock-container {
	position: relative;
	height: 50px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	font: bold 16px Arial, Helvetica, sans-serif;
	width: 100px;
	color: #fff;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	border: none;
	background: none;
}
a.dock-item:hover { background: none; border: none; }
.dock-item span {
	display: none;
	margin-left: 20px;
	padding: 10px;
	background: #000;
	color: #fff;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%;
}

/* Footer */
#footer { text-align: center; font-size: 80%; margin: 0 0 1.5em 40px; width: 870px; float: left; }
* html #footer { margin-left: 20px; } /* IE float bug fix */
#footer .top { height: 18px; background: url(/images/premiercup/layout/footer-top.png) top center no-repeat; }
#footer .middle { width: 870px; background: url(/images/premiercup/layout/footer-middle.png); background-repeat: repeat; }
#footer .bottom { margin-top: -1.5em; height: 18px; background: url(/images/premiercup/layout/footer-bottom.png) bottom center no-repeat; }
* html #footer .bottom { margin-top: 0; }
#footer img.vendia-logo { float: right; margin-right: 30px; margin-top: -5px; }
#footer a.dm-logo:hover { border: none; }

/* Modifiers */
.hide { display: none; }

ul.no-bullets { list-style: none; }
ul.no-indent { margin-left: 0; }

/* Page specific stuff */
ul#range-list { list-style: none; margin-left: 0; }
ul#range-list li { clear: both; border-top: 1px solid #fff; padding-top: 3px; }
ul#range-list ul { margin-bottom: 1.5em; margin-left: 5px; }
ul#range-list ul li { clear: both; border: none; padding-top: none; }
ul#range-list ul li img { margin-left: 3px; vertical-align: middle; }
ul#range-list em { color: #ffce0a; font-weight: bold; }

table#tech-spec {  }
table#tech-spec td, table#tech-spec th { border-top: 1px solid #fff; vertical-align: top; padding-bottom: 1.5em; }

/* Styling for contact_us form */
form { background: #061d40; padding: 10px; margin-bottom: 3em; margin-top: 1.5em; }
input, textarea { width: 170px; }
textarea { height: 50px; }
textarea.query-box { height: 100px; }
fieldset.styled { border-color: #666; }
fieldset.styled ol { list-style: none; margin-left: 0; }
fieldset.styled label { padding-top: 4px; margin-right: 10px; text-align: right; width: 130px; display: block; float: left; clear: both; }
fieldset.styled em { color: #ffce0a; font-weight: bold; }
#errorExplanation { border: 1px solid #f00; padding: 10px 10px 0 10px; }
.fieldWithErrors { border: 1px solid #f00; }

/* Fix too big margin on home page certification image */
div.certification { margin-top: -1em; text-align: center; }