/*
** 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/accelerware/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;}
h4 {font-size:12px; width: 140px;}
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/accelerware/header_bg.jpg) top repeat-x;}
#logo {width: 184px; height: 36px;background:url(/img/accelerware/logo.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/accelerware/logo.png',sizingMethod='crop');}
#logo span {position:absolute; margin-left: -1000em;}

/* directory menu */
#directory {width:344px; height: 62px;background:url(/img/accelerware/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/accelerware/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/accelerware/arrowdown.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/accelerware/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/accelerware/menuseparator_bg.jpg) no-repeat; height:25px;}

#loginandcartmenu {width: 55px; height: 60px;background:url(/img/accelerware/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/accelerware/icon_logincart.gif) no-repeat top left; margin-top: -2px; cursor:pointer;}
#icon_login {width: 16px; height: 14px; float:left; background:url(/img/accelerware/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/accelerware/bottom_bg.jpg) bottom repeat-x; }
.overlay_text{width: 960px;height: 64px;background:#666 url(/img/accelerware/overlay_bg.png) top repeat-x  !important; position: absolute; z-index:999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/accelerware/overlay_bg.png', sizingMethod='scale');}
.overlay_text p{ width: 695px; margin: 18px 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/accelerware/go.gif) bottom center no-repeat;color: #FFCC00;cursor:pointer;}

.overlay_text_home{width: 960px;height: 64px;background:#666 url(/img/accelerware/overlay_bg.png) top repeat-x  !important; position: absolute; z-index:999;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/accelerware/overlay_bg.png', sizingMethod='scale');}
.overlay_text_home p{ width: 500px; margin: 18px 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/accelerware/go.gif) bottom center no-repeat;color: #FFCC00;cursor:pointer;}
.overlay_text_home h1{ width: 500px; margin: 18px 30px!important; margin: 10px 15px; border:0; outline: 0; 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 menu tab */
.banner {width: 960px;height: 370px; overflow: hidden;position: relative;border-top:1px solid #000; border-bottom: 1px solid #fff;margin-top: 64px;}
.banner ul {position: absolute;	top: 0;	list-style: none;padding: 0;margin: 0; }
#tabs {left: 0; z-index: 2; width: 960px;}
#tabs li {font-size: 12px;font-family: Arial; margin: 0; padding: 0;}
#tabs li img {padding: 5px;border: none;float: left;margin: 10px 10px 0 0;}
#tabs li a {text-align:left; margin:0;background: url(/img/accelerware/feature-tab.png) no-repeat; color: #999;text-decoration: none;display: block;	padding: 10px 0 10px 55px;width: 190px;height: 54px;outline: none;}
#tabs li a:hover {text-decoration: none; color:#000;}
#tabs li a:hover span {color:#666;}
#tabs li a.current {background: url(/img/accelerware/feature-tab-current.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/accelerware/feature-tab-current.png', sizingMethod='scale'); color: #000;}
#tabs li a.current:hover {text-decoration: none;cursor: default;}
#tabs li b {font-weight:normal; float:left; width: 120px; margin: 15px 0 6px 15px;}
#tabs li span {font-size: 10px; color:#888;float:left; width: 120px; margin: 0 0 0 14px;}
#output {right: 0;width: 960px;height: 370px;}
#output li {position: absolute;width: 960px;height: 370px;background:transparent url(/img/accelerware/curveoverlay_bg.png) no-repeat right;}
#output li a {padding: 8px 6px;	text-decoration: none;font-size: 13px;color: #FFCC00;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3);}
#output li a:hover {text-decoration:underline;}
#output li b {width:100%;z-index: 99999; position:relative;font-size: 36px;font-weight: normal;margin: 0 6px 14px 0; float:right; padding-bottom:6px;
text-shadow: #000000 4px 0px 4px;height: 1em;filter: Shadow(Color=#000000,Direction=135,Strength=4);}
#output li span {width:100%;z-index: 99999; position:relative;font-size: 16px;float:right; margin: 0 6px 8px 0; line-height:1.3em;text-shadow: #000000 4px 0px 4px;filter: Shadow(Color=#000000,Direction=135,Strength=3);}
.bannermenu_wrapper{z-index: 99999;position: absolute;bottom: 20px;right: 15px; color:#fff; text-align:right; width: 620px; height: auto;}
.curveoverlay {width: 960px;height: 370px;position:absolute;background:url(/img/accelerware/curveoverlay_bg.png) right;}



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

.highschool {background:url(/img/accelerware/home_btn_highschool.png);}
a:hover.highschool {background:url(/img/accelerware/home_btn_highschool_on.png);}
.university {background:url(/img/accelerware/home_btn_university.png);}
a:hover.university {background:url(/img/accelerware/home_btn_university_on.png);}
.contactus {background:url(/img/accelerware/home_btn_contactus.png);}
a:hover.contactus {background:url(/img/accelerware/home_btn_contactus_on.png);}
.professional {background:url(/img/accelerware/home_btn_fitness.png);}
a:hover.professional {background:url(/img/accelerware/home_btn_fitness_on.png);}
.sports {background:url(/img/accelerware/home_btn_sports.png);}
a:hover.sports {background:url(/img/accelerware/home_btn_sports_on.png);}
.store {background:url(/img/accelerware/home_btn_store.png);}
a:hover.store {background:url(/img/accelerware/home_btn_store_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 */