﻿/************************************************
	Copyright
    2beknown 2010
	CSS StyleSheet by Tavis Basing
    Last Updated: 04 February 2010
	www.2beknown.co.uk
************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]
************************************************/
/**********  [=TEMP]   **********/

.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/
* { margin: 0; padding: 0; }
body {font-size:12px; font-family:Arial; margin:0px 0px 0px 0px; background:#001446 url(graphics/bg1px.jpg) repeat-x;}
#wrap {width: 1024px; height:auto; text-align:left; margin: 0 auto; overflow: hidden;}
h1 { color: White; }
h2 {color:#ffffff;  }
h3{color: #ffffff; text-transform:uppercase; font-size:16px;}
h4 { color: #ffffff; font-size:15px;}
h5 {color:#ffffff; }
h6 {color:White;   }
a {text-decoration:none;}
span.smtxthe {color:#FFFFFF;font-size:12px; }
span.yellowSM {color:#f5e305;font-size:16px; font-weight:normal;}
span.yellowH {color:#f5e305;font-size:18px;}
span.yellow {color:#f5e305;font-size:20px;}
span.yellowbig {color:#f5e305;font-size:34px;}
span.yellowC {color:#f5e305; text-transform:uppercase; font-weight:bold;}
span.Caps {color:#FFFFFF; text-transform:uppercase; font-weight:bold;}
span.blue {color:#FFFFFF;font-size:20px;margin-left:7px;}
span.lightblue {color:#3ea0d4;}

/**********  [=Header]   **********/
#header {height:161px;margin:0 auto;padding:13px 0 0 20px;width:970px;background: url(graphics/header.jpg) no-repeat;}
.logohead {width:266px;height:153px; float:left;}
.contacttop {width:700px;height:108px;float:left;}
.conttopleft {width:250px;height:108px;float:left;}
.conttopright {float:left;height:58px;padding:21px 0 18px;text-align:right;width:434px;}
.menubar {width:700px;height:52px;float:left;}

/**********  [=Footer]   **********/
.footer {background: url(graphics/bgfoot.jpg) repeat-x; background-position:bottom; height:46px;margin-top:-2px;clear:both;}
.foot { height:24px; margin:0 auto; width:990px;clear:both;padding-top:20px;}

.footleft {height:20px; float:left;width:495px;margin:0px 0px 0px 0px;color:#FFFFFF;font-size:11px;}
.footleft a {float:left; text-decoration:none; color:#FFFFFF; cursor:pointer; font-size:11px; text-transform:uppercase; font-weight:bold; margin:13px 15px 0px 0px; }
.footleft a:hover {color:#1AB8F5;}
.footleft input{float:left; margin-right:15px;}
.footright {height:20px; float:left;width:495px; text-align:right;margin:0px 0px;}
.footright a {float:right; text-decoration:none; color:#FFFFFF; cursor:pointer; font-size:11px;margin:0px 15px 0px 0px; }
     
       
/********** [= Default]*************/  
.homefootlink {width:742px; float:left;color:#FFFFFF;}
.homefootlink p {color:#FFFFFF;padding-left:25px;padding-top:10px;font-size:11px; font-weight:bold;}
.homefootlink a{color:#3EA0D4;}
.mainpic {background: url(graphics/middleimage.jpg) no-repeat; height:386px; margin:0 auto; width:990px;}
.contacthm { height:386px; position:absolute; top:170px; width:50px;}
input.smallcontact {padding:120px 0 0 0px;}
.topcontent {background: url(graphics/bgcontent.jpg) no-repeat; background-position:top; height:auto; overflow:hidden; margin:0 auto; width:990px;}
.leftcontent {background: url(graphics/footertop.jpg) no-repeat; background-position:bottom; height:auto; overflow:hidden; margin:0 auto; width:990px;}
.rightRHS {width:224px; float:left;margin-bottom:10px;margin-top:40px; overflow:hidden;}
.rightRHSM {width:224px; float:left;margin-bottom:10px;margin-top:40px; overflow:hidden;}
.content ul {margin:10px 0px 15px 20px;}
.content li {color:#FFFFFF; }
.content {width:695px; float:left; padding:40px 0px 20px 60px;height:auto; overflow:hidden;}
.content h2 {font-size:24px; font-weight:normal; margin-bottom:20px; text-transform:none; font-style:italic; font-weight:bold; font-family:Times New Roman;}
.content h4 {font-size:20px; font-weight:normal; margin-bottom:10px; text-transform:none; font-style:italic; font-weight:bold; font-family:Times New Roman;color:#f5e305;}
.content p {color:#FFFFFF;font-size:14px; padding-right:90px; margin-bottom:15px;}
.contactlogobtm {width:990px; clear:both; margin:0 auto;}
.contactlink {margin-left:60px;width:650px;height: 55px;float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top; }
.contactlink a{color:#FFFFFF; float:right;margin-left:30px;margin-top:15px;font-size:16px;}
.leftblock {width:520px; padding:0px 0px 0px;float:left; }
.rightblock {width:220px; float:right;margin-top:65px; margin-right:30px;border-bottom:solid 1px #979797;}
.rightblockmain {width:220px; float:right;margin-top:0px; margin-right:30px;border-bottom:solid 1px #979797;}
.google {width:250px; float:right;margin-top:25px; margin-right:30px; height:40px;}
.google img {margin-left:25px;}
hr {color:#D1D1D1;}
.cleer { display:none;}
.contentmain ul {margin:0px 0px 10px 0px;}
.contentmain ul li {color:#5F5F5F;font-size:12px;line-height:1.5em;margin:0px 0px 5px 15px;}

.homemiddile {height:auto; margin:15px auto 0px; width:990px;clear:both;background: url(graphics/footertop.jpg) no-repeat;background-position:bottom;overflow:hidden;}
.homemiddile2 { height:auto; margin:0 auto; width:990px;overflow:hidden;}

span.checkstyle {float:left;width:530px;}
span.checkstyle input {margin-left:20px; margin-top:20px;}
span.checkstyle label {color:#FFFFFF;margin-left:5px; font-style:italic;}
.membermonth {background: url(graphics/memberhm.jpg) no-repeat; height:140px;float:left; margin-left:25px;padding:54px 15px 30px 21px;width:352px;}
.membermonthRHS {background: url(graphics/memberopg.jpg) no-repeat; height:265px;float:left; margin-left:0px;padding:94px 15px 30px 16px;width:193px;margin-bottom:15px;}
.membermonthRHSM {background: url(graphics/medal.jpg) no-repeat; height:266px;float:left; margin-left:0px;padding:93px 15px 30px 16px;width:193px;margin-bottom:15px;}
.memberpic {width:131px; height:138px; float:left;}
.memberpic img {width:130px; height:137px;}
.membertext {float:left;height:138px;margin-left:18px;width:200px;color:#FFFFFF;}
.membertext h4 {text-transform:none; font-style:italic;margin-bottom:2px;margin-top:10px;}
.membertext h5 {color:#3ea0d4;font-size:15px;margin-bottom:15px; font-style:italic;}
.memberpicRHS {width:131px; height:132px; float:left;margin-left:32px;}
.membertextRHS {float:left;height:155px;width:199px;color:#FFFFFF;}
.membertextRHS h4 {text-transform:none; font-style:italic;margin-bottom:2px;margin-top:10px;}
.membertextRHS h5 {color:#3ea0d4;font-size:15px;margin-bottom:15px; font-style:italic;}
a.btnClickYellow {text-decoration:none; text-transform:uppercase; background: url(graphics/homebtn.jpg) no-repeat; width:98px;display:block; color:#002060;font-size:14px;font-weight:bold;height:26px;padding-top:6px;text-align:center;float:right; margin-top:15px;}
.formlink3 a.btnClickYellow {text-decoration:none; text-transform:uppercase; background: url(graphics/homebtn.jpg) no-repeat; width:99px;display:block; color:#002060;font-size:14px;font-weight:bold;height:26px;padding-top:6px;text-align:center;float:right; margin-top:15px;margin-right:10px;}
.formlink2 a.btnClickYellow {text-decoration:none; text-transform:uppercase; background: url(graphics/homebtn.jpg) no-repeat; width:98px;display:block; color:#002060;font-size:14px;font-weight:bold;height:26px;padding-top:6px;text-align:center;float:right; margin-top:15px;margin-top:34px;margin-right:10px;}
.membertextRHS a.btnClickYellow {text-decoration:none; text-transform:uppercase; background: url(graphics/homebtn.jpg) no-repeat; width:98px;display:block; color:#002060;font-size:14px;font-weight:bold;height:26px;padding-top:6px;text-align:center;float:right; margin-top:13px;margin-right:3px;}
.newsletterRHS a.btnClickYellow {text-decoration:none; text-transform:uppercase; background: url(graphics/homebtn.jpg) no-repeat; width:98px;display:block; color:#002060;font-size:14px;font-weight:bold;height:26px;padding-top:6px;text-align:center;float:right; margin-top:0px;}
a#ctl00_ContentPlaceHolder1_Info_Newsletter_lnkbtnAdd {margin-top:4px;}
a.btnClickYellow:hover {color:#0065f9; }
a.btnFindClub {padding-top:184px;padding-left:50px; text-decoration:none; text-transform:uppercase;background: url(graphics/findhm.jpg) no-repeat;display:block;font-size:14px;font-weight:bold; height:40px;float:left; width:265px;margin:0 14px 0 14px; color:#f5e305;}
a.btnFindClub:hover {color:#FFFFFF;}
.findnear {background: url(graphics/findhm.jpg) no-repeat; height:224px;float:left; width:315px;margin:0 14px 0 14px;}
.newsletter {background: url(graphics/newslhm.jpg) no-repeat; height:112px;float:left; width:187px; padding:41px 12px 15px;}
.newsletterRHS {background: url(graphics/newslopg.jpg) no-repeat; height:126px;padding:35px 14px 7px 20px;width:191px;float:left;}
.smlogo { height:56px;float:left; width:211px; }
input.smalllogo {padding:0px 0 0 51px;}
.newsletbx input {background-color:#002060; border:none; width:173px; height:19px;margin-top:11px;padding:3px 2px 2px;color:#FFFFFF;}
/************ [Forms] **********/
.newsletbx span.yell {color:#f5e305 !important;}
.formlink {margin-left:0px;width:650px;height:auto; float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top; margin-top:25px;}
.formlink3 {margin-left:0px;width:610px;height:auto; float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top; }
.formlink2 {margin-left:0px;width:650px;height:115px; float:left;background: url(graphics/bghr2px.jpg) repeat-x; background-position:top;padding-top:40px; }
.formlink2 img {float:left;width:76px; height:77px;}
.formlink2 .NewsletterText {float:left;width:300px; height:70px; margin-left:30px; padding-top:15px;}
.formlink2 .NewsletterText h4 { text-transform:uppercase; font-family:Arial; font-size:18px;}
.formlink2 .NewsletterText h5 {font-size:15px;}
.formbx {width:560px; height:auto; float:left;color:#FFFFFF;margin-bottom:15px;}
.formbx input {color:#FFFFFF;margin-left:50px;padding:5px;width:340px;height:20px; border:solid 1px #FFFFFF;background-color:#00113a;float:left;}
.formbx textarea {color:#FFFFFF;margin-bottom:0px;margin-left:50px;padding:5px;width:340px;height:100px; border:solid 1px #FFFFFF;background-color:#00113a; font-family:Arial; font-size:13px;float:left;}
.formbx span.yell {color:#f5e305 !important;float:left;height:25px; width:auto;}
.formbx select {color:#FFFFFF; border:solid 1px #FFFFFF;background-color:#00113a;width:352px;height:33px;margin-left:50px;padding:5px;margin-bottom:0px;}
.formbx select.nomargin {margin-bottom:0px;}

/************ [Achiever] **********/
.achiever {width:630px;height:auto;margin-bottom:20px;float:left; margin-bottom:10px;}
.achieverImg {width:118px; height:118px; background-color:#00113a; padding:8px;float:left;}
.achieverImg img {border:solid 1px #f5e305;}
.achieverText {width:440px;float:left;margin-left:30px;}
.achieverTextTop {background: url(graphics/bghr2px.jpg) repeat-x; background-position:bottom;padding-bottom:3px;}
.achieverTextTop h4{color:#f5e305;font-family:Arial; text-transform:uppercase; margin-bottom:6px;font-size:18px;}
.achieverTextTop h5{color:#FFFFFF;font-family:Arial;font-size:16px;font-style:italic;font-weight:normal;margin-bottom:10px;}
.achieverTextBtm {margin-top:10px;}
.achieverTextBtm p{margin-bottom:0px;padding-right:0px;}
.achieverTextBtm2 {margin-top:10px;}
.achieverTextBtm2 p{margin-bottom:15px;padding-right:0px;}
.achievelink {width:630px; height:50px;float:left;}

/************ [Member] **********/
.member {width:630px;height:auto;margin-bottom:20px;float:left; margin-bottom:10px;}
.memberImg {width:118px; height:118px; background-color:#00113a; padding:8px;float:left;}
.memberImg img {border:solid 1px #f5e305;}
.memberText {width:440px;float:left;margin-left:30px;}
.memberTextTop {background: url(graphics/bghr2px.jpg) repeat-x;margin-bottom:10px; background-position:bottom;margin-top:40px;padding-bottom:40px;}
.memberTextTop h4{color:#f5e305;font-family:Arial; text-transform:uppercase; margin-bottom:6px;font-size:18px;}
.memberTextTop h5{color:#FFFFFF;font-family:Arial;font-size:16px;font-style:italic;font-weight:normal;margin-bottom:10px;}
.memberTextBtm2 {margin-top:10px;}
.memberTextBtm2 p{margin-bottom:15px;padding-right:0px;}

/**************** [Legal] ******************/
.content .legal p {color:#5F5F5F;font-size:12px; padding-right:50px;line-height:1.7em;margin-bottom:15px;}
.content .legal h4 {color: #4CCBF4; text-transform:uppercase; font-size:15px; margin-bottom:10px;}
.content td a{color:#FFFFFF;}
.content td a:hover{color:#f5e305;}
/*************** [Contact] ********************/
.contleftboxfull {width:260px; height:230px; float:left;}
.contleftbox {width:238px; height:186px; border-left:solid 1px #ABABAB; border-right:solid 1px #ABABAB; background-color:#E8E8E8; padding:0px 10px 15px;overflow:hidden;}
.contleftboxtop {background: url(graphics/contact_small_box_top.jpg) no-repeat;overflow:hidden; width:260px; height:9px;}
.contleftboxbtm {background: url(graphics/contact_small_box_bottom.jpg) no-repeat;overflow:hidden; width:260px; height:10px;}
.contleftbox h4 {padding:10px 0px 15px 30px;}
.contleftbox p {padding:10px 0px 0px 30px; margin-bottom:10px;}
.contleftbox .telephone {padding:10px 0px 10px 30px; font-size:21px; font-weight:bold; color:#5C5C5C;}
.contleftbox .telephone img {padding-top:0px; margin-right:5px;}
.contrightboxfull {width:523px; height:432px; float:left;margin-left:15px;margin-bottom:25px;}
.contrightbox {border-left:solid 1px #ABABAB; border-right:solid 1px #ABABAB; background-color:#E8E8E8; width:501px; height:382px; padding:10px;}
.contrightboxtop {background: url(graphics/contact_large_box_top.jpg) no-repeat;overflow:hidden; width:523px; height:10px;}
.contrightboxbtm {background: url(graphics/contact_large_box_bottom.jpg) no-repeat;overflow:hidden; width:523px; height:10px;}
.contrightbox .contselmbox {width:503px; height:33px;}
.contrightbox .contselect {width:371px; height:20px; background: url(graphics/contact_select.jpg) no-repeat; float:right; padding:12px 0px 0px 10px;}
.contrightbox .contselect a{color:White; text-decoration:none; font-size:11px; margin-left:5px; font-weight:bold; margin-right:11px;}
.contrightbox .contselect a.lastlink {margin-right:0px;}
.contrightbox .contselect a.lastlinkon {text-decoration:underline; margin-right:0px;}
.contrightbox .contselect a:hover {text-decoration:underline;}
.contrightbox .contselect a.on {text-decoration:underline;}
.contrightbox h3 {padding:10px 0px 0px 0px; float:right; font-size:21px; font-weight:bold; color:#4CCBF4;}
.contrightbox hr {clear:both;}
.contform {width:503px; height:auto; clear:both; overflow:hidden;}
.contform input.conttxtbox {width:491px; height:20px; padding:5px; border:solid 1px #ABABAB;}
.contform textarea.conttxtbox {width:491px; height:90px; padding:5px; border:solid 1px #ABABAB;}
.contform span.contlabeltop {margin:10px 0px 5px; overflow:hidden; float:left; font-weight:bold; padding-left:5px;}
.contform span.contlabel {margin:5px 0px; overflow:hidden; float:left;font-weight:bold; padding-left:5px;}
.contform .contbtnbox {width:503px; height:60px; float:left; margin:15px 0px;}
.contform .contbtnleft {width:246px; height:60px; float:left;}
.contform .contbtnright {width:257px; height:60px; float:right;}
.contform span.contlabel label {margin-left:5px;}
.mainWWC {background: url(graphics/contact_us_image.jpg) no-repeat 0 0; height:357px; width:990px; margin:0 auto;}

/* # Map # */
.mapbg {background: url(graphics/) no-repeat 0 0; height:auto;padding:12px;margin:0px 0px 10px 10px;width:610px;overflow:hidden; }
.mapadd {height:auto; line-height:1.6em; width:280px; float:left;color:#FFFFFF;font-size:15px;font-style:italic;font-weight:bold;margin-top:20px;}
.mapbtn {height:130px; width:75px; float:left;}
.mapbtn a#map1{height:130px; width:75px; float:left;display:block;background: url(graphics/mapbtn.jpg) no-repeat 0 0; }
.mapbtn a#map2{height:130px; width:75px; float:left;display:block;background: url(graphics/mapbtn.jpg) no-repeat 0 0; }
.map {height:172px; width:172px; float:left; padding:8px; background-color:#00113a;float:right;margin-bottom:10px;}
.map iframe { border:solid 1px #f5e305;}

/* # Meun # */

.menu {width:528px;float:right;}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	padding:0 0 0 0px;
	list-style: none;
	text-transform:uppercase;

}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:16px;
	text-decoration:none;
	text-transform:uppercase;
	/*text-indent: -9999px; /*--Push text off of page--*/
	height: 36px;
}
ul#topnav li:hover a, ul#topnav li a:hover {color: #f5e305; background-position: left bottom; } /*--Hover State--*/
ul#topnav a.home {background: url(graphics/Tab.jpg) no-repeat;width: 174px;	margin-right:2px;font-size:14px; font-weight:bold;}
ul#topnav a.products {
	/*background: url(graphics/topnav.jpg) no-repeat;*/
	width: 174px;
	margin-right:2px;
}

ul#topnav li .sub {font-size:11px;
      
	position: absolute; /*--Important--*/
	top: 52px; right: 4px;
	background-color: #00113d; /*url(graphics/sub_bg.png) repeat-x; --Background gradient--*/
	padding: 0px 10px 5px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	font-size:11px;
	height:26px;
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width:490px;
	float: left;
}

ul#topnav li#member .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width:440px;
	float: left;
}
ul#topnav li#contact .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width:240px;
	float: left;
}
ul#topnav .sub ul li {
	 /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	/*font-size: 1.3em;*/
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	font-weight:normal;
	font-family:Arial;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(graphics/navlist_arrow.png) no-repeat 5px 12px;*/
	/*background: url(graphics/scrolldowntab.jpg) repeat-x;*/
    padding: 7px 8px 7px 8px;
	display: block;
	height:16px;
	text-decoration: none;
	text-transform:uppercase;
	color: #fff;
}
ul#topnav .sub ul li.last a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*background: url(graphics/navlist_arrow.png) no-repeat 5px 12px;*/
	/*background: url(graphics/scrolldowntabbtm.jpg) repeat-x;*/
    padding: 7px 3px 7px 3px;
	display: block;
	height:11px;
	text-decoration: none;
	text-transform:uppercase;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #f5e305;
	/*background-position:bottom;*/
	/*background-position: 5px 12px ;--Override background position--*/
}



