/*
** layout.css 
** PROJECT - Acceleration STORE
** 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/store/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: 150%;}
a {color:#4B67A8;text-decoration:none;}
a:hover {text-decoration:underline;}
.red {color:#FF0000;}
.left {float: left;}
.right {float:right;}
.orange {color:#FFCC00;}
a img {border:none;}

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

/* directory menu */
#directory {width:344px; height: 62px;background:url(/img/store/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/store/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 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/store/arrowdown.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/store/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 em {display: block; font-style:normal;color:#bbb; padding: 7px 2px 7px 22px;}
#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/store/menuseparator_bg.jpg) no-repeat; height:25px;}

#loginandcartmenu {width: 55px; height: 60px;background:url(/img/store/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/store/icon_logincart.gif) no-repeat top left; margin-top: -2px; cursor:pointer;}
#icon_login {width: 16px; height: 14px; float:left; background:url(/img/store/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;  }
.homepage {background:#fff url(/img/store/bottom_bg.jpg) bottom repeat-x;}

.overlay_text{width: 960px;height: 64px;background:transparent url(/img/store/overlay_bg.png) top repeat-x !important; position: absolute; z-index:999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/store/overlay_bg.png', sizingMethod='scale');}
.overlay_text p{ width: 500px; margin: 20px 30px!important; margin: 20px 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/store/go.gif) bottom center no-repeat;color: #FFCC00;cursor:pointer;}

.overlay_text_home{width: 960px;height: 64px;background:transparent url(/img/store/overlay_bg.png) top repeat-x !important; position: absolute; z-index:999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/store/overlay_bg.png', sizingMethod='scale');}
.overlay_text_home p{ width: 500px; margin: 20px 30px!important; margin: 20px 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/store/go.gif) bottom center no-repeat;color: #FFCC00;cursor:pointer;}
.overlay_text_home h1{ width: 500px; margin: 20px 30px!important; margin: 20px 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;}




/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 960px; height:435px; position: relative;}
.anythingSlider .wrapper                { width: 960px; height: 435px; overflow: auto;position: absolute; margin: 0;}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0;}
.anythingSlider ul li                   { width: 960px; height: 435px; display: block; float: left;}

.anythingSlider .arrow                  { display: block; width: 22px; height: 18px; background:url(/img/store/arrows.png) no-repeat 0 0; position: absolute;color:#fff; bottom: 0px;cursor: pointer;z-index:9999;;}
.anythingSlider .forward                { background:url(/img/store/next_bg.jpg) no-repeat; right: 25px; bottom:10px;}
.anythingSlider .back                   { background:url(/img/store/back_bg.jpg) no-repeat; right: 83px; bottom:10px;}
.anythingSlider .arrow span 			{position:absolute; top: -9999em; left: -9999em;}

.anythingSlider .forward:hover          {background:url(/img/store/next_bg_on.jpg)}
.anythingSlider .back:hover             {background:url(/img/store/back_bg_on.jpg)}

#thumbNav                               { width: 960px; height: 37px; background:url(/img/store/banner_menu_bg.jpg) repeat-x; margin:0 auto; position: absolute; bottom: 0; text-align: left;}
#thumbNav a                             { color: #666; display: inline-block; height: 25px; background:none; padding: 10px 15px 0 15px; margin:1px 0 0 10px; text-align: center; }
#thumbNav a:hover                       { color:#000; background:url(/img/store/banner_menu_current.jpg) top center no-repeat;}
#thumbNav a.cur                         { color:#000; background:url(/img/store/banner_menu_current.jpg) top center no-repeat;}


#start-stop                             { width: 26px; height: 18px; color: white;  text-align: center; position: absolute; right: 50px; bottom: 10px; background:url(/img/store/pause_bg.jpg) no-repeat;}
#start-stop.playing                     { background:url(/img/store/play_bg.jpg) no-repeat;}
#start-stop:hover                       { }
#start-stop span 						{ position: absolute; margin-left: -9999em; left: -9990em;}
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.banner_box {width: 335px; height: 240px; float:right; padding: 12px 20px 20px 20px; margin: 94px 36px 0 0!important; margin: 96px 14px 0 0;
background:url(/img/store/banner_overlay_box.png) no-repeat top center!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/store/banner_overlay_box.png', sizingMethod='scale');}
.banner_box b{ float:left;margin-bottom: 6px; color:#ccc;font-style:italic;font-family:"Arial Black", Gadget, sans-serif; font-size: 16px;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3)}
.banner_box h1{ color:#fff;font-family:"Arial Black", Gadget, sans-serif; font-size: 30px;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3)}
.banner_box p{ color:#ddd; font-size: 13px;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3)}
.banner_box a {color:#FFCC00; font-size: 12px;font-weight: normal; position: relative;}


.home_btn_menu { width:950px; padding: 10px 0 10px 10px; float:left; background:#dbdbdb url(/img/store/bottom_bg.jpg) bottom right repeat-x;}
/* bottom button link */
.home_btn {width:312px;height: 180px; float:left; background: #000 url(/img/store/home_buttons.png); margin:1px 0 0 1px;}
.home_btn span {position:absolute; margin-left:-1000em;}



.specific {background:url(/img/store/home_btn_sport_specific_programs.jpg);}
a:hover.specific {background:url(/img/store/home_btn_sport_specific_programs_on.jpg);}
.customised {background:url(/img/store/home_btn_customised_programs.jpg);}
a:hover.customised {background:url(/img/store/home_btn_customised_programs_on.jpg);}
.coach {background:url(/img/store/home_btn_coach_education.jpg);}
a:hover.coach {background:url(/img/store/home_btn_coach_education_on.jpg);}
.software {background:url(/img/store/home_btn_software.jpg);}
a:hover.software {background:url(/img/store/home_btn_software_on.jpg);}
.sports {background:url(/img/store/home_btn_sports_nutrition.jpg);}
a:hover.sports {background:url(/img/store/home_btn_sports_nutrition_on.jpg);}
.equipment {background:url(/img/store/home_btn_equipment.jpg);}
a:hover.equipment {background:url(/img/store/home_btn_equipment_on.jpg);}





/* content page style */
.spacer {width: 960px;height: 70px;background:#666;float:left;}
.contentpage {background:#fff url(/img/store/content_page_bg.jpg) left repeat-y; 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_left {float:left; width: 184px; padding: 12px 20px;}
.content_left a {width: 140px;border:1px solid #9CADC0; padding: 20px;float:left; margin-bottom: 24px;font-size: 10px; text-align:center; line-height:1.3em;}
.content_left a:hover {background:#fff;}
.content_left img {width: 140px; margin-bottom: 5px;}
.content_left a:hover img {text-decoration:none;}
.related_product_heading {color:#004281; font-size: 18px;}



.content_right{float:right; width:680px; marign:0;}
.product_img {float:left;}
.product_name {color:#000;float:left;font-size: 16px; margin-bottom: 20px;}
.product_quantity{width: 30px; border:1px solid #ccc; padding: 4px;}


.product_wrapper_image { width: 200px; float:left; text-align:center; margin-right: 20px;}
.product_wrapper_description {width: 200px; float:left;}


.addtocart_btn {width:112px; height: 40px; float:left;background:url(/img/store/add_cart_btn.jpg); border:none;cursor:pointer;}


#content_page_text {float:left; 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 img { 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;}

/* new product layouts */
.item_football_heading {width: 664px; height: 23px;font-size: 18px;font-family:Optima, Georgia, "Times New Roman", Times, serif; padding: 15px;color:#fff;background:url(/images/football_headingitem_bg.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/football_headingitem_bg.png',sizingMethod='crop');color:#fff; margin-bottom: 10px;}
.item_football_wrapper {width: 664px;padding: 8px 15px 26px 15px;background:url(/images/football_contentitem_bg.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/football_contentitem_bg.png',sizingMethod='crop'); color:#fff;}
.item_football_wrapper h3 {width: 664px; height: auto; padding: 0 0 11px 0!important; padding: 8px 0 11px 0;color:#fff;font-size: 18px;font-family:Optima, Georgia, "Times New Roman", Times, serif;}
.item_football_wrapper b {font-weight:bold;font-size: 16px;font-family:Optima, Georgia, "Times New Roman", Times, serif;font-size: 12px; line-height: 1.3em;}
.pink, .PINK {color:#C60842;} .black, .BLACK {color:#000;} .white, .WHITE {color:#fff;} .yellow, .YELLOW {color:#FFFF00;}
#content_page_text .item_football_wrapper img {width: 110px; /*height: 72px;*/float:left;padding: 0; margin: 0px 0 0 0; }
.item_football_wrapper_left {/*vertical-align: bottom; vertical-align: text-bottom; */ width: 110px; /*height: 126px; */ padding: 10px;float:left;/*background:url(/images/img_bg.gif);*/text-align:center; margin-top: 10px;font-size: 10px;line-height: 1.1em;
/*background:url(/images/football_contentitem_img_bg.png) bottom no-repeat!important;*/
background:none; /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/football_contentitem_img_bg.png',sizingMethod='crop'); */
}
.item_football_wrapper_right {float:right; width: 76%;padding-top: 5px!important; padding-top: 10px}
.item_football_wrapper_link {color:#3CFD5D;float:right; margin-right: 10px;font-weight:bold;font-size:18px;font-family:Optima, Georgia, "Times New Roman", Times, serif;position:relative;}
.item_football_wrapper_small {width: 165px; height: 204px;float:left; margin-right: 20px; text-align:center;background:url(/images/football_contentitem_small_bg.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/football_contentitem_small_bg.png',sizingMethod='crop');}
#content_page_text .item_football_wrapper_small img{width: 110px; height: 100px;padding: 12px 10px 18px 10px;margin:0 0 -8px 0; background:url(/images/football_contentitem_img_bg.png) bottom no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/football_contentitem_img_bg.png',sizingMethod='crop');}
.item_football_wrapper_right p {height: 106px;}

/* end of file */