/* !Default Formatting	*/
body { font: 7.5pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; color: #cccccc; text-align: center; background: #323232 url(../img/background.jpg) no-repeat 50% 0; }
H1 { font: 12pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight: bold; border: 0; margin: 0; padding: 0; }
h2 { font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight: bold; border: 0; margin: 0; padding: 0; }
h3 { font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight: bold; border: 0; margin-top: 10px; padding: 0; }
p { margin: 0 0 20px 0; }
ul { margin: 0 0 20px 20px; }
ol { margin: 0 0 20px 25px; }
li { margin: 5px 0; }
a { color: #6291a0; text-decoration: none; } 
a:hover { color: #6291a0; text-decoration: underline; }
a:active, a:focus { outline: 0; }
td { text-align: center;}

/* !Layout */
#outershell { width: 910px; margin: 0 auto 10px auto; text-align: left; font-size: 120%; line-height: 150%; position: relative; padding: 60px 0 0 0;}
#logo { display: none; }
#sub #outershell { padding: 90px 0 0 0; }

body#home #outershell { width: 910px; margin: 0 auto 10px auto; text-align: left; font-size: 120%; line-height: 150%; position: relative; padding: 160px 0 0 0; }
body#home #header { height: 85px; position: absolute; top: 0px; }
body#home #logo { display: block; width: 391px; height: 85px; background: transparent url(../img/golftorium.png) no-repeat 0 0; position: absolute; top: 15px; left: 0px; text-indent: -999em; }
body#home #uppermenu {top: 100px; color:#6291a0}
body#home #menu { top: 130px; height: 30px; background: #000000; }

/* !Content */
#content { padding: 10px 0 0 0; min-height: 500px;}
#delivery { padding: 0px 0 0 0; height: 30px; background-color: #6291a0; text-align: center; color: #ffffff}
#delivery .lblNewsletter {font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif;}
#delivery .tboxNewsletter {font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; background-color: #ffffff !important;}
#delivery .butNewsletter {padding: 5px 0 0 0; height: 20px;}
#cardinfo { background-color: #000000;}

/* !Content - Home/Cat */
#homeleftcol{  width: 392px; float: left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }
.homerightcolimg{  width: 515px; height: 513px; float: right; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;}
.homerightcol{  width: 489px; height: 487px; padding: 13px 13px 13px 13px; color: #FFFFFF; font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; float: right; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;}
#homebuilderinfo { height: 185px; background-color: #e6c8c5; color: #000000; text-align: center; padding: 15px 0 0 0;}
#homebuilderimg { height: 190px; background-color: Transparent; color: #000000; text-align: center; padding: 0 0 0 0; padding: 5px 5px 5px 5px;}
#homefeaturedprods {height: 200px; background-color: Transparent;}
#homefeatureprod1 {height: 198px; width: 195px; float: left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000;}
#homefeatureprod1img { height: 188px; width: 185px; background-color:Transparent; color: #000000; padding: 5px 5px 5px 5px;}
#homefeatureprod2 {height: 198px; width: 196px; float: right; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
#homefeatureprod2img { height: 188px; width: 186px; background-color: Transparent; color: #000000; padding: 5px 5px 5px 5px;}

/* !SUB PAGE Navigation */
.subpagemenu { width: 489px; margin: 0 0 0 0; height: 30px; padding: 0 0 0 0; position: absolute; top: 10px; left: 0; text-align: right;}
#subpagemenu a { font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; text-transform: uppercase; color: #6291a0; padding: 0 8px 0 8px; }
#subpagemenu  a:hover { color: #FFFFFF; text-decoration: none;  }

/* !Content - Full */
#fullwidth {  padding: 20px 20px 20px 20px; width: 868px; float: left; border: 1px solid #000000; text-align:justify;}

/* !Content - Prods*/
#prodsleftcol{  padding: 5px 0 0 5px; width: 510px; float: left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;min-height: 750px;}
#prodsrightcol{  padding: 5px 0 0 5px; width: 387px; float: right; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000;min-height: 750px; text-align:center }
#prodimage { margin: 5px 5px 5px 0px; width: 400px; height: 400px; background-color: #ffffff; float: left; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
#prodaddimage { margin: 5px 5px 0px 0px; width: 95px; height: 95px; float: right; background-color: #ffffff; text-align: center; border: 1px solid #000000;}
#prodcolours { margin: 5px 5px 0px 0px; width: 95px; height: 122px; float: right; text-align: center;}
#prodcolourpick { margin: 5px 0px 0px 0px; width: 93px; height: 15px; border: 1px solid #000000;}
#prodsize { margin: 0px 5px 0px 0px; width: 95px; height: 50px; float: right; text-align: center;}
#prodbasket { margin: 0px 5px 0px 0px; width: 95px; height: 25px; float: right; text-align: center;}
#prodprice { font: 12pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; font-weight: bold; margin: 0px 5px 0px 0px; width: 95px; height: 100px; float: right; text-align: center;}
#proddesc { font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; width: 505px; float: left; text-align:justify;}


#builderhead {padding: 5px 0px 0px 0px; width: 145px; height: 75px; margin-left: auto; margin-right: auto; margin-top: 5px}
#builderhead #leftarrow {margin: 0px 10px 0px 0px; padding-top: 14px; width: 24px; float: left;}
#builderhead #headimage {margin: 0px 10px 0px 0px; width: 75px; height: 75px; background-color: #ffffff;float: left;}
#builderhead #rightarrow {width: 24px; padding-top: 14px; float: right;}

#productContainerHead { width: 75px; height: 75px; overflow: visible; position: relative; float:left; }
.js #productContainerHead { overflow: hidden; }
#productContainerHead .clr { display: none; }
#productsHead { width: 75px; padding: 0 0 0 0; }
.productHead { width: 75px; float: left; margin: 0; padding: 0 0 0 0; position: relative; }
.productHeadimglink { width: 75px; height: 75px; display: block; text-align: center; }
.productHead .productTopinfo { display:none; visibility: hidden; }

#buildertop {padding: 5px 0px 0px 0px; width: 270px; height: 200px; margin-left: auto; margin-right: auto; margin-top: 5px}
#buildertop #leftarrow {margin: 0px 10px 0px 0px; padding-top: 14px; width: 24px; float: left;}
#buildertop #rightarrow {width: 24px; padding-top: 14px; float: right;}

#productContainerTop { width: 200px; height: 200px; overflow: visible; position: relative; float:left; }
.js #productContainerTop { overflow: hidden; }
#productContainerTop .clr { display: none; }
#productsTop { width: 200px; padding: 0 0 0 0; }
.productTop { width: 200px; height:200px; float: left; margin: 0; padding: 0 0 0 0; position: relative; }
.productTopimglink { width: 200px; height: 200px; display: block; text-align: center; }
.productTop .productTopinfo { display:none; visibility: hidden; }


#builderbelt {width: 170px; height: 50px; margin-left: auto; margin-right: auto; margin-top: 10px}
#builderbelt #leftarrow {margin: 0px 10px 0px 0px; width: 24px; float: left;}
#builderbelt #headimage {margin: 0px 10px 0px 0px; width: 100px; height: 50px; background-color: #ffffff;float: left;}
#builderbelt #rightarrow {width: 24px; float: right;}

#productContainerBelt { width: 100px; height: 50px; overflow: visible; position: relative; float:left; }
.js #productContainerBelt { overflow: hidden; }
#productContainerBelt .clr { display: none; }
#productsBelt { width: 100px; padding: 0 0 0 0; }
.productBelt { width: 100px; float: left; margin: 0; padding: 0 0 0 0; position: relative; }
.productBeltimglink { width: 100px; height: 50px; display: block; text-align: center; }
.productBelt .productTopinfo { display:none; visibility: hidden; }

#buildertrouser {width: 220px; height: 300px; margin-left: auto; margin-right: auto; margin-top: 10px}
#buildertrouser #leftarrow {margin: 0px 10px 0px 0px; padding-top: 76px; width: 24px; float: left;}
#buildertrouser #headimage {margin: 0px 10px 0px 0px; width: 100px; height: 200px; background-color: #ffffff; float: left;}
#buildertrouser #rightarrow {width: 24px; padding-top: 76px; width: 24px;float: right;}

#productContainerTrouser { width: 150px; height: 300px; overflow: visible; position: relative; float:left; }
.js #productContainerTrouser { overflow: hidden; }
#productContainerTrouser .clr { display: none; }
#productsTrouser { width: 150px; padding: 0 0 0 0; }
.productTrouser { width: 150px; float: left; margin: 0; padding: 0 0 0 0; position: relative; }
.productTrouserimglink { width: 150px; height: 300px; display: block; text-align: center; }
.productTrouser .productTopinfo { display:none; visibility: hidden; }

/* !Content - Sub Cat*/
#categoryholder {  padding: 10px 0px 0px 20px; width: 888px; float: left; border: 1px solid #000000; min-height:570px; text-align:center;}
#categoryitem {  margin: 10px 20px 10px 0px; width: 200px; height: 200px; float: left; border: 1px solid #000000; background-color:#ffffff;}

/* !Upper Navigation */
#uppermenu { width: 900px; margin: 0 0 0 0; height: 30px; padding: 0 10px 0 0; position: absolute; top: 10px; left: 0; text-align: right;}
#uppermenu a { font: 12pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; text-transform: uppercase; color: #6291a0; padding: 0 0 0 20px; }
#uppermenu  a:hover { color: #ffffff; text-decoration: none;  }



/* !Navigation */
#menu { width: 910px; background: #000000; height: 30px; position: absolute; top: 10px; left: 0; padding: 0px 0px; }
#sub #menu { background-color: #000000; height: 70px; margin: 0px 0px 0px 0px; }
#mainmenu { margin: 0 0 0 0; }
#menu ul { margin: 0 0 0 0; padding: 0}
#menu li { list-style: none; margin: 0 0px 0 0; padding: 5px 0px 0 24px; float: left; position: relative; }
#menu li a { font: 12pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; text-transform: uppercase; color: #ffffff; display: block; padding: 0px; }
#menu li a:hover { color: #6291a0; text-decoration: none; }
#menu .hover a { color: #6291a0; text-decoration: none;  }
#menu .selected a { color: #6291a0; }


#menu .submenu { position: absolute; top: 25px; left: 6px; display: none; }
#menu .submenu div { width: 380px; position: relative; }
#menu .submenu .flood { width: 350px; background-color: #000000; margin: 0; padding: 15px; float: left; position: relative; }
#menu .submenu .flood li { width: 140px; border-top: 1px solid #000000; padding: 5px 15px 0 0; margin: 5px 0 0 0; }
#menu .submenu .flood li a { color: #ffffff; background: #000000; padding: 5px; font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; }
#menu .submenu .flood li a:hover { color: #6291a0; }
#menu .submenu .flood .sub { float: left; width: 140px; border: 0; padding: 0 15px 0 0; margin: 0; }
#menu .submenu .flood .sub a { color: #6291a0; font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; line-height: 100% !important; }
#menu .submenu .flood .sub ul { margin: 0; }
#menu .submenu .flood .sub ul li { border: 0; padding: 0 15px 0 0; margin: 0; }
#menu .submenu .flood .sub ul li a { color: #ffffff; font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; width: 130px; }
#menu .submenu .flood .sub ul li a:hover { color: #6291a0; }
#menu .submenu .flood .rangeDesc { clear: both; width: 305px; padding: 10px 0 0 5px; font-size: 90%; color: #999; }
#nav .hover .submenu { z-index: 1500; }
#bookingmenu { background: #000000 url(../img/golftorium_sm.png) no-repeat 325px 15px }
#membershipmenu { background: #000000 url(../img/golftorium_sm.png) no-repeat 325px 15px }
#leaguesmenu { background: #000000 url(../img/golftorium_sm.png) no-repeat 325px 15px }

/* !Footer */
#footer { clear: both; float: left; text-align: right; height: 20px; background: #252525; width: 890px; left: 0; padding: 5px 10px 0px 10px; margin: 10px 0; color:#ffffff; font: 10pt "Arial Narrow", Arial, Helvetica, Tahoma, Verdana, sans-serif; }


/* !Multibox */
/*
multiBox - for MooTools 1.2 stylesheet - - - - */
a.mb, a:link.mb, a:visited.mb, a:hover.mb, a:active.mb{
	outline:none;
	float:left;
	margin:0px 0px 0px 0;
	padding:0;
	text-decoration:none;
	color:#666;
}

.mb img{
	display:block;
	border:none;
}

.mbClear{
	clear:both;
	width:100%;
	height:20px;
}

.mbHidden, .multiBoxDesc{
	display:none;
}


/*
Pop-up styles - - - - */
.MultiBoxContainer{
	background:#fff;
	position:absolute;
	margin:10px 0px 0px 0;
	border:15px solid #000;
	display:none;
	z-index:103;
	text-align:left;
}

.MultiBoxLoading{
	background:url(../img/loader.gif) center no-repeat;
}

.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}

.MultiBoxClose{
	background:url(../img/close.png) no-repeat;
	position:absolute;
	top:-24px;
	right:-24px;
	width:24px;
	height:24px;
	cursor:pointer;
}

.MultiBoxControlsContainer{
	overflow:hidden;
	height:0;
	position:relative;
}

.MultiBoxControls{
	background:#000;
	width:100%;
	position:relative;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
}

.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#ccc;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
	outline:none;
}

.MultiBoxDownload a:hover{
	color:#fff;
}

.MultiBoxPrevious{
	background:url(../img/left.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	left:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNext{
	background:url(../img/right.png) no-repeat;
	position:absolute;
	width:24px;
	height:24px;
	right:0;
	margin:5px 0 0 0;
	cursor:pointer;
}

.MultiBoxNextDisabled{
	background:url(../img/rightDisabled.png) no-repeat;
	cursor:default;
}

.MultiBoxPreviousDisabled{
	background:url(../Images/img/leftDisabled.png) no-repeat;
	cursor:default;
}


/*
Bottom text - - - - */
.MultiBoxTitle{
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}

.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}

.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}


/*
Overlay icon - - - - */
.OverlayIcon{
	background:transparent url(../img/MagIcon.png) no-repeat;
	position:absolute;
	right:-5px;
	top:-5px;
	width:17px;
	height:17px;
}


/*
MooTools tips - - - - */
.mbTips{
	background:#fff;
	font-size:10px;
	color:#000;
	border:1px solid #3FB6E2;
	padding:2px;
}

.mbTips .tip-text{
	display:none;
}