/*
** layout.css 
** CSS - handles the layout grid
** Author: Steve TANGUE
** Date: 23.12.08
** Last edited: 09.12.09 by Steve TANGUE 
*/

/* general */
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;background:#000 url(/img/body_bg.jpg) top center no-repeat;margin:0; padding:0;}
h1 {}
h2 {font-size:16px; color:#000; font-weight: bold; margin-bottom: 0.85em; margin-top: 0.5em;}
h3 {font-size:14px; color:#333; font-weight: bold; margin-bottom: 0.75em; margin-top: 0.5em;}
p {line-height: 1.3em;}
a {color:#4B67A8;text-decoration:none;}
a:hover {text-decoration:underline;}
.red {color:#FF0000;}
.left {float: left;}
.right {float:right;}
.orange {color:#FFCC00;}

/* container */
#container {width: 960px; margin: 0 auto;}
#header {padding-top: 4px; height: 68px; background:#000 url(/img/header_bg.jpg) top repeat-x;}
#logo {width: 184px; height: 36px;background:url(/img/logo.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png',sizingMethod='crop');}
#logo span {position:absolute; margin-left: -1000em;}

/* directory menu */
#directory {width:344px; height: 62px;background:url(/img/logo_bg.jpg) top no-repeat;float:left; margin-left: 4px;}
#directory a { float:left; margin: 13px 10px 4px 25px; padding-bottom: 4px;position:relative; }
#icon_arrowdown {float:right; width:28px; height:22px;background:url(/img/icon_arrowdown.jpg) top no-repeat; margin-top: -3px;}
#directory ul {padding: 0; list-style: none;margin-top: 10px;z-index:99999999;-moz-border-radius: 6px;-webkit-border-radius: 6px;}
#directory ul a {display: block;}
#directory ul li {float:left;}
#directory ul li a {color:#888;font-size:11px;}
#directory ul li a:hover {color:#4B67A8;ext-decoration:none;}
#directory li ul {filter:alpha(opacity=95);	-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;color:#999999;position: absolute;background:#BFC0C6;width: 14em; margin-left: -1000em; border:1px solid #fff; padding: 15px;}
#directory ul ul {position:absolute; margin: -1em 0 0 -1000em;z-index:9999999;}
#directory ul ul li {width: 100%;}
#directory ul ul li a {color:#555;}
#directory ul ul li b{float:left;width: 100%;color:#000; padding: 10px 0;}
#directory li:hover ul ul, #directory li.sfhover ul ul {margin-left: -1000em;}
#directory li:hover ul, #directory li.sfhover ul {margin: 25px 0 0 0;}
#directory li li:hover ul, #nav li li.sfhover ul {margin-left: 10em;}
/* extra positioning rules for limited noscript keyboard accessibility */
/*#directory li a:focus + ul { margin-left: 0; }
#directory li li a:focus + ul { margin-left: 1010em; }
#directory li li a:focus { margin-left:1000em; width:10em; background: #ccc; padding: 10px;color:#000;}
#directory li li li a:focus {margin-left: 2010em; width: 10em; background: #ccc;  padding: 10px;color:#000;}
#directory li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#directory li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }*/

#directory a.site_link_heading {margin-left: 8px; margin-bottom: 0;font-weight: bold; color:#000;}
#directory a:hover.site_link_heading {font-weight: bold; color:#000;}

.arrowdown {width: 19px; height: 14px;float:left; margin: 48px 0 0 -170px!important; position:relative;z-index:999999; background:url(/img/arrowdown.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/arrowdown.png',sizingMethod='crop');}

/* navigation */
#nav {width: 500px; float:left;margin: 18px 0 0 20px;}
#nav li { float: left;}
#nav ul {margin:0; padding: 0; list-style: none;z-index:99999999;}
#nav ul li a {display: block;	color:#999999; padding: 7px 22px;}
#nav ul li a:hover {padding: 6px 21px; color:#FFCC00; border-top: 1px solid #222; border-left: 1px solid #111; border-right:1px solid #333; border-bottom: 1px solid #444; text-decoration:none;}
#nav ul ul a:hover {color:#FFCC00;}
#nav ul ul {position: absolute;background: #000;width: 14em;margin: -1px 0 0 -1000em; border:1px solid #444;-moz-border-radius: 6px;-webkit-border-radius: 6px;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
#nav ul ul li a { padding: 6px 22px;color:#ccc;border:0px solid #fff;}
#nav ul ul li a:hover{ padding: 6px 22px;color:#FFCC00;border:0px solid #fff;}
#nav ul li ul ul {margin: -1em 0 0 -1000em;}
#nav ul li:hover ul ul, #nav li.sfhover ul ul {margin-left: -1000em;}
#nav ul li:hover ul, #nav li.sfhover ul {margin-left: 0;}
#nav ul li li:hover ul, #nav li li.sfhover ul {margin-left: 10em;}
/* extra positioning rules for limited noscript keyboard accessibility */
/*#nav li a:focus + ul { margin-left: 0; }
#nav li li a:focus + ul { margin-left: 1010em; }
#nav li li a:focus { margin-left:1000em; width:10em; background: orange; color:#000;}
#nav li li li a:focus {margin-left: 2010em; width: 10em; background: orange;  color:#000;}
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 10em; }*/

.separator {width: 2px; background:url(/img/menuseparator_bg.jpg) no-repeat; height:25px;}

#loginandcartmenu {width: 55px; height: 60px;background:url(/img/cartlogin_bg.jpg) no-repeat; float:right;margin: 1px 0 0 0;}
#loginandcartmenu a{width: 44px; font-size: 9px;float:right; text-align: center;}
.cart_link{color:#000;border-bottom:0px solid blue;color:#ccc;padding: 10px 3px 10px 4px;}
.login_link{color:#000;border-bottom:0px solid blue;color:#000;padding: 8px 5px 10px 4px;}
#icon_cart {width: 16px; height: 14px; float:left; background:url(/img/icon_logincart.gif) no-repeat top left; margin-top: -2px; cursor:pointer;}
#icon_login {width: 16px; height: 14px; float:left; background:url(/img/icon_logincart.gif) no-repeat bottom left; margin-: -4px 3px 0 0; cursor:pointer;}

/* login box */
#signin_menu { display:none;border: 1px solid #ccc; background:#000; width: 180px; height: auto;float:right; z-index:99999999; position:relative; margin-right: 30px; padding: 1em 1em 2em 2em;-moz-border-radius: 6px;-webkit-border-radius: 6px;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
#signin_menu label {color:#fff;float:left; width: 100%; margin-bottom:5px;}
#signin_menu input {margin-bottom:10px; float:left;}
#signin_menu a {width: 100%; color:#FFCC00;text-align:left; position:relative; padding-bottom:2px;margin-bottom: 4px;}
#signin_menu a.signin {color:#ddd; text-align:right;} 
#signin_menu label.remember {float:right; font-size: 9px; width: 94px;color:#ccc; padding-top: 3px;}
#signin_menu input#password {margin-bottom: 10px; width: 164px;}
#signin_menu input#username{ width: 164px;}


/* content */
#content {float:left; background:#fff url(/img/bottom_bg.jpg) bottom repeat-x; }
.overlay_text{width: 960px;height: 64px;background:transparent url(/img/overlay_bg.png) top repeat-x !important; position: absolute; z-index:999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay_bg.png', sizingMethod='scale');}
.overlay_text p{ width: 500px; margin: 13px 30px!important; margin: 10px 15px; font-size: 13px;color:#ccc;float:left;}
.overlay_text input{width: 135px!important; width: 125px; padding: 3px 4px;float:right; margin-top: 20px; border:none;border-top: 1px solid #000; border-left: 1px solid #111; border-right:1px solid #333; border-bottom: 1px solid #444; color:#666;}
.overlay_text button{ width: 30px; height: 30px;float:right; margin: 15px 16px 0 12px; border:none;background:transparent url(/img/go.gif) bottom center no-repeat;color: #FFCC00;cursor:pointer;}

.overlay_text_home{width: 960px;height: 64px;background:transparent url(/img/overlay_bg.png) top repeat-x !important; position: absolute; z-index:999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/overlay_bg.png', sizingMethod='scale');}
.overlay_text_home p{ width: 500px; margin: 13px 30px!important; margin: 10px 15px; font-size: 13px;color:#ccc;float:left;}
.overlay_text_home input{width: 135px!important; width: 125px; padding: 3px 4px;float:right; margin-top: 20px; border:none;border-top: 1px solid #000; border-left: 1px solid #111; border-right:1px solid #333; border-bottom: 1px solid #444; color:#666;}
.overlay_text_home button{ width: 30px; height: 30px;float:right; margin: 15px 16px 0 12px; border:none;background:transparent url(/img/go.gif) bottom center no-repeat;color: #FFCC00;cursor:pointer;}
.overlay_text_home h1{ width: 500px; margin: 13px 30px!important; margin: 10px 15px; font-size: 13px;color:#ccc;float:left; font-weight: normal;}
.phone {float:right;font-size: 13px;color:#C0CDDC; margin: 24px 20px 0 10px;}
.phone img {margin-right: 10px;}



.banner {background:#222;}
.banner_container { width: 960px; height: 435px;color:#fff;text-align:right;}
.banner_container span {position:absolute; right: 40px; bottom:85px; font-size: 36px; padding-bottom:10px;text-shadow: #000000 4px 0px 4px;height: 1em;filter: Shadow(Color=#000000,Direction=135,Strength=4);}
.banner_container p {width:640px; position:absolute; right: 40px; bottom:20px;font-size:16px;text-shadow: #000000 1px 2px 2px;filter: Shadow(Color=#000000,Direction=135,Strength=3);}
.banner_container a {color:#FFCC00;} 
.banner_container b {padding:4px; display:block; width: auto;font-size: 36px;font-weight: normal;}
/*.banner_text {width: 821px;height: 224px;background:transparent url(/img/banner_container_text_bg.png) top repeat-x !important; position:absolute; bottom:0; right:0;z-index:9999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banner_container_text_bg.png',sizingMethod='crop');}*/

#accelerationespbanner {width: 58%; height: 200px;float:left; margin: 180px 0 0 30px;  text-align:left;}
#accelerationespbanner h1{float:left;padding-bottom: 8px;font-size: 36px;font-weight: normal;text-shadow: #000000 4px 0px 4px;height: 1em;filter: Shadow(Color=#000000,Direction=135,Strength=4);}
#accelerationespbanner small {font-size: 16px;width:auto; height: auto;float:left;margin: 5px  0 15px 0; line-height:1.3em;text-align:left;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3);}
#accelerationespbanner a {color:#FFCC00;font-size: 16px;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3)} 


/* bottom button link */
.home_btn {width:308px;height: 110px; float:left; background: #000 url(/img/home_buttons.png); margin:10px 0 0 9px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.home_btn span {position:absolute; margin-left:-1000em;}



.training {background:url(/img/home_btn_training.png);}
a:hover.training {background:url(/img/home_btn_training_on.png);}
.rehab {background:url(/img/home_btn_rehab.png);}
a:hover.rehab {background:url(/img/home_btn_rehab_on.png);}
.schools {background:url(/img/home_btn_schools.png);}
a:hover.schools {background:url(/img/home_btn_schools_on.png);}
.clubs {background:url(/img/home_btn_clubs.png);}
a:hover.clubs {background:url(/img/home_btn_clubs_on.png);}
.camps {background:url(/img/home_btn_camps.png);}
a:hover.camps {background:url(/img/home_btn_camps_on.png);}
.franchise {background:url(/img/home_btn_franchise.png);}
a:hover.franchise {background:url(/img/home_btn_franchise_on.png);}





/* content page style */
.spacer {width: 960px;height: 70px;background:#666;float:left;}
.contentpage {background:#fff; margin-bottom: 14px;padding-bottom: 20px;}
/* breadcrumb */
#breadcrumb {display:none;width: 340px;height: 30px;margin: 30px 0 0 40px; float:left; text-align:left; color:#ddd;font-size: 10px;}
#breadcrumb a {color:#FFCC00;}
.contentpage h1 {float:left; color:#fff; font-weight:normal; font-size: 20px; width: auto; margin: 20px 0 0 40px!important; margin: 20px 0 0 20px; padding-bottom: 4px;}

#content_page_text {float:left;background:#fff; height: auto; padding: 2em; line-height:1.3em; color:#666666; font-size: 12px; margin-bottom: 15px;}
/* #content_page_text img { border:1px solid #666; background:#eee; padding: 6px; margin: 0 0 10px 10px;} */
#content_page_text ul, #content_page_text ol { line-height:1.3em; margin-left: 30px;}
.linktopofpage {float:right; font-size: 11px; margin-top: 20px;}

/* footer */
#footer {width: 100%;margin-top: 10px;float:left;height: 80px; font-size:10px;color:#666;}
#footer ul {width: 50%;float:left;margin-left: 0; padding-left:0;}
#footer ul li {display:inline; padding: 8px;}
#footer ul li a{color:#999;position:relative;}
#footer p {float:right; text-align:right; width: 50%;}


/* clear floats */
.reset, .clr {border:medium none;clear:both;display:block;font-size:0;height:0;line-height:0;margin:0;padding:0;}

/* end of file */