/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title :
Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet xxxxxxxxxxxxxxxxxxxxxxxxxxxxx site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#333333; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */
a { cursor: pointer; }

/* ----- IDS ----- */
#container { width:901px; margin:0 auto; text-align:left; font-size:110%;}
#printHeader { display:none;}
#header, #primaryNavigation, #splash, #primaryContentContainer, #footer { width: 901px; display: block; }
#primaryNavigation { width: 901px; padding: 0px 0px 9px 0px; display: block; height: 48px; background: url(../images/layup/primaryNavBg.gif); font-weight: bold; font-size: 1em; background-repeat: no-repeat; }
#date { width: 135px; float: left; color: #a7a6a0; }
#dateContent { padding: 15px 0px 0px 20px; }
#splash { padding: 0px 0px 20px 2px; }
#splashImgFader { width: 614px; float: left; }
#subImages { width: 275px; float: right; padding: 0px 3px 0px 0px; }
#welcome { padding: 0px 0px 0px 20px; width: 604px; float: left; }
#homeText { padding: 20px 20px 0px 20px; }
#branchList { padding-top: 15px; }
#testimonials { width: 276px; float: right; }
#testimonialsContent { padding: 0px 0px 0px 28px; }
#branchList img { float: left; padding-right: 4px; }
#branchListSmall img { float: left; padding-right: 2px; }
#secondaryNavigation { width: 172px; float: left; padding: 0px 0px 0px 2px; } /*163*/
#secondaryNavigationContent { background: url(../images/layup/secondaryNavBg.jpg); background-repeat: no-repeat; }
#primaryContent2Col { width: 712px; float: right; }
#secondaryAds { padding: 0px 0px 0px 2px; }
#secondaryAds img { padding: 7px 0px 0px 0px; }
#navTrail { padding: 20px 0px 20px 0px; font-weight: bold; font-size: 1em; }
#navTrail a { text-decoration: none; color: #333333 !important; }
#navTrail a:hover { text-decoration: underline; }
#aboutImages { width: 198px; text-align: center; float: right; }
#galleryList { width: 590px; }
#galleryList div.listItem { float: left; padding: 0px 20px 10px 0px; width: 270px; }
#quotation, #deliveryAddress, #siteInfoText { width: 100%; }
#calculatorLeft { width: 480px; float: left; }
#calculatorRight { width: 158px; float: right; border: 1px solid #6b4329; background: url(../images/layup/calcBg.jpg); padding-bottom: 50px; }
#calculatorLeft table th.heading { background: url(../images/layup/calcHeadingBg.gif); background-repeat: no-repeat; height: 27px; text-align: left; }
#calculatorLeft table th.headingTall { background: url(../images/layup/calcHeadingBgTall.gif); background-repeat: no-repeat; height: 45px; text-align: left; }
#calculatorLeft #buildYourOwn { text-align: justify; }
#calculatorLeft table { border-collapse: collapse; }
#calculatorRight table { color: #6b4329; }
#calculatorRight table tfoot td.bordBot {border-bottom: 1px dotted #6b4329;}
#calculatorRight table tfoot td.bordTop { border-top: 1px dotted #6b4329; }
#printSave { padding: 20px 4px 4px 4px; }
#printQuote a { color: #6b4329; cursor: pointer; }
#saveOnline a { color: #df0114; cursor: pointer; }
#testimonials p { color: #004681; font-size: 1.4em; }
#testimonials a { color: #004681; font-size: 0.8em !important; margin: 0px 0px 0px 28px; text-decoration: none; }
#testimonials a:hover { text-decoration: underline; }
#contactForm label,
#contactOptions label { width: 260px; float: left; display: block; }
#contactForm label.extend { width: 450px !important; float: left; display: block; }
#contactForm .inputfield { width: 200px; }
#shoppingBasket { padding: 10px; float: right; width: 200px; background-color: #f4f2e9; border: 1px solid #ece9d9; }
/*#contactForm { display: none; }*/
#billingAddressForm label,
#billingAddressForm label.extend { width: 200px !important; float: left; display: block; }
#billingAddressForm .inputfield { width: 200px; }
#deliveryAddressForm { padding-top:20px; }
#deliveryAddressForm label,
#deliveryAddressForm label.extend { width: 200px !important; float: left; display: block; }
#deliveryAddressForm .inputfield { width: 200px; }
#productOptions { width: 400px; }
#productOptions ul { list-style: none; margin: 0; padding: 0; }
#productOptions li { width: 200px; float: left; display: block; margin-bottom: 10px; line-height: 120%; }
#productOptions li.iconPdf { background:url(../images/layup/iconPdf.gif) 5px 0px no-repeat;}
#productOptions li.iconPhoto { background:url(../images/layup/iconPhoto.gif) top left no-repeat;}
#productOptions li.iconPhone { background:url(../images/layup/iconPhone.gif) 5px 0px no-repeat;}
#productOptions li a { padding: 6px 0px 12px 44px; display: block; text-decoration: none; }
#productOptions li a:hover { text-decoration: underline; }
#clubrangeJump { display: block; float: right; padding: 15px 5px 10px 10px; }

#callNowHolder { position:relative; z-index:999; display:none;}
#callNowHolder #callNowPopUp { position:absolute; top:148px; left:3px; width:auto; z-index:1010 !important; background:#f8ecd5; padding:20px 20px 30px 20px;  border: 3px solid green; 			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
				filter:alpha(opacity=0);
				-moz-opacity:0;
				-khtml-opacity: 0;
				opacity: 0;

}
#callNowHolder #closeText { z-index:1020 !important; position:absolute; top:386px; right:162px; font-size:190%;}

/* ----- DOMTAB STYLES ----- */
#domTabHeadings { width: 565px; display: block; height: 36px; background: url(../images/layup/formHeadingBg.jpg); font-weight: bold; font-size: 1em; background-repeat: no-repeat; }
#domTabHeadings div { padding: 10px 0px 9px 10px; }
#domTabs .tabular, #domDisplayed { padding: 10px; }
#domTabHeadings a { display: block; float: left; padding: 0px 20px 0px 0px; }
#domTabs, #domDisplayed { border-left: 1px solid #e6e7e2; border-right: 1px solid #e6e7e2; border-bottom: 1px solid #e6e7e2; }
#domTabContainer { width: 565px; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.commitment { margin-bottom: 8px; }
.contentHeading { padding: 0px 0px 10px 0px; }
.here { color: #0b7858; }
.playhouseImg { width: 200px; padding: 0px 70px 0px 0px; }
.plahouseText { width: 500px; }
.plahouseColImg { width: 170px; }
.playhouseImgBlock { width: 190px; display: block; }
.prices { padding: 0px 20px 0px 0px; }
.block109 { width: 109px; }
.block170 { width: 170px; }
.block200 { width: 200px; }
.block270 { width: 270px; }
.block275 { width: 275px; }
.block370 { width: 370px; }
.equestrianGallery { width: 290px; float: left; padding: 0px 20px 0px 0px; }
.open { display: block; }
.closed { display: none; }
.text {	color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; }
.domSubmit { margin: 10px; }
.selection { background-color: #f7f5ee; }
.steps { display: block; float: left; padding: 0px 20px 0px 10px; color: #FFF; }
.stepHeading { display: block; float: left; width: 290px; }
.strong { font-weight: bold; }
.lower { font-weight: normal !important; }
.itemDetails { width: 395px; float: left; }
.itemImages { width: 305px; float: right; }
.itemLinks img { float: left; padding: 0px 10px 0px 0px; }
.currentItem { padding-left: 20px; }
#productList { width: 475px; float: left; }
.shopItem { display: block; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #DEDEDE; }
.shopItemImage { width: 190px; display: block; float: left; }
.shopItemDetails { margin-left: 190px; }
.promo { color: #AA0000; font-weight: bold; font-size: 1.2em; }
.galleryTop .itemBox { width: 110px; float: right; padding-left: 10px; }
.galleryBottom .itemBox { width: 110px; float: right; padding-left: 10px; }
.galleryTop, .galleryBottom { padding-right: 25px; padding-top: 20px; }
.caption { line-height: 1.1em; padding-top: 4px; }
.itemImages .currentItem img { border: 2px solid #000; }

/* ----- STYLES FOR JAVASCRIPT IMAGE SWITCHER ON PRODUCTS ----- */
.itemHolder { padding-bottom: 10px; }
.itemShow { display: block; }
.itemHide { display: none; }
.imageThumbs img { display:inline; padding-right: 3px; padding-bottom: 3px; }

/* ----- DEFAULT LIST ----- */
ul.list { padding: 0px 0px 10px 10px; margin: 0px 0px 0px 0px; list-style: none; }
ul.list li { display: block; padding: 0px 0px 0px 13px; background: url(../images/layup/listBg.gif); background-position: left top; background-repeat: no-repeat; }

ul.internalList { padding: 0px 0px 10px 25px; margin: 0px; }

/* ----- NAVIGATION ----- */
ul#nav { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }
ul#nav li { padding: 0px; height: 48px; margin: 0px; float: left; background: url(../images/layup/navSpacer.gif); background-repeat: no-repeat; background-position: left top; }
ul#nav li.redText a span { color: #DD0000; }
ul#nav li a { color: #0b7858; text-decoration: none; display: block; height: 48px; float: left; padding-left: 12px; margin-right: 1px;  }
ul#nav li a span { cursor: pointer; color: #0b7858; text-decoration: none; padding: 13px 12px 16px 0px; display: block; float: left;  }
ul#nav li a.active { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgLeft.jpg); background-position: left top; }
ul#nav li a.active span { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgRight.jpg); background-position: right top; }
ul#nav li a:hover span { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgRight.jpg); background-position: right top; }
ul#nav li a:hover { color: #0b7858; text-decoration: none; background:url(../images/layup/navActiveBgLeft.jpg); background-position: left top; }
ul#secondNav { list-style: none; padding: 6px 18px 0px 12px; margin: 0px; position: relative; }
ul#secondNav li { padding: 5px 0px 6px 8px; background: url(../images/layup/secondNavBg.gif); background-repeat: repeat-x; background-position: bottom left; }
ul#secondNav li.selected { background: url(../images/layup/arrow.gif); background-repeat: no-repeat; background-position: center right; }
ul#secondNav li.selected a { color: #0b7858; text-decoration: none; font-weight: bold; font-size: 1em; padding-right: 12px; }
ul#secondNav li.lastItem { padding: 5px 0px 6px 8px; background: url(../images/layup/secondNavLastItemBg.gif); }
ul#secondNav li a { text-decoration: none; font-weight: bold; color: #72492c; font-size: 1em; }
ul#secondNav li a.selected { color: #0b7858; text-decoration: none; font-weight: bold; font-size: 1em; padding-right: 12px; background: url(../images/layup/arrow.gif); background-repeat: no-repeat; background-position: center right; }

ul#secondNav li ul { padding: 0px; margin: 0px; list-style: none; background: none; }
ul#secondNav li ul li { margin: 10px 0px 0px 11px; padding: 0px 0px 0px 9px; background: url(../images/layup/secondNavThirdLevelBg.gif); background-repeat: no-repeat; background-position: center left; }
ul#secondNav li ul li a { padding: 0px 20px 0px 0px; margin: 0px; color: #0b7858; font-weight: normal; }
ul#secondNav li ul li a.selected {background: url(../images/layup/arrow.gif) no-repeat right center; }
ul#secondNav li ul li a:hover { text-decoration: underline; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
h1 { color: #663333; font-size: 1.1em; }
h2 { color: #0b7858; }

.bigText { font-size:450%; text-transform:uppercase; text-align:center; padding-bottom:10px;}
.bigText2 { font-size:275%; text-transform:uppercase; text-align:center;}
.bigText3 { font-size:175%; text-transform:uppercase; text-align:center; font-style:italic;}
/* ----- TOP NAVIGATION ----- */


/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { margin: 20px 0px 0px 0px; background: url(../images/layup/footerBg.gif); background-repeat: repeat-x; background-position: left top; }
#footer .padding { padding: 20px 15px 0px 15px; }
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}
hr { background: none; border-bottom: 1px; border-top: 0px; border-right: 0px; border-left: 0px; border-style: solid; border-color: #999; margin: 0px 0px 15px 0px; height: 1px; }
table hr { margin: 0px 0px 0px 0px !important; }

/* ----- LINKS ----- */
a { color:#0b7858; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label.fieldHeading { display:block; width:260px; float:left; }
input.fieldText, textarea { width:200px; font-size:11px !important; margin-bottom: 5px;}
select { margin-bottom: 5px; }
.requiredLabel { color:#0b7858;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
/* #frmContact div { margin-bottom:10px;} */
#submit { width:55px; height:18px; border:none;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF0000; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #0b7858; color : #FFF; font-weight: bold; }
.validation-invalid { margin: 5px 0; width:452px; padding: 5px; background-color: #0b7858; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }
.roziEditLink img { padding: 0px; margin:0px; display: inline; }

#callNowHolder { display: block;
 }
#callNowPopup hr {
	width: 270px;
}
.righttotal {
	text-align: right;
	width: 90px;
}
#billingAddressForm label.error {
	width: 200px !important;
	padding-left: 10px;
	
	float: right;
}