body { background-color: #FFFFFF; border: none; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; /* This makes 1em 10px */ height: 100%; margin: 0; padding: 0; width: 100%; }
form { margin: 0; padding: 0; } /* stop padding on main form element */

/* PNG support for older browsers */
img {behavior: url("/includes/css/pngbehavior.htc");}

a { color: #000000; }
input, select, th, td {font-size:1em;}
hr {width:100%;clear:both;color:#999999;margin:0px;padding:0px;height:1px;}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* BACKGROUND */
#bgcontainer {position:absolute;height:100%;width:100%;z-index:1;visibility:visible;background-color:#FFFFFF;overflow:hidden;}
#bgcontainer2 {position:absolute;height:100%;width:100%;z-index:1;visibility:visible;background-color:Transparent;overflow:hidden;text-align:right;}

/* OVERLAY FRAME CONTAINERS */
#framecontainer {
	margin-top: 45px; /* 2009-11-25: AD: margin-top for #NavigationGlobal */
	position: absolute;
	height: 488px; width: 767px; z-index: 10;
	top:0px; left:0px; 
	visibility: hidden;
	overflow:hidden !important;
}
#framecontainer2 {
	margin-top: 45px; /* 2009-11-25: AD: margin-top for #NavigationGlobal */
	position: absolute;
	height: 488px; width: 767px; z-index: 11;
	top:0px; left:0px; 
	visibility: hidden;
	overflow:hidden !important;
}
#framecontainer2 #fc2table {width:767px; height:488px;}

/* FRAME HEADER */
#framecontainer #fheader_bg {width:767px; height:92px;}
#framecontainer2 #fheader {width:767px; height:92px;}

#framecontainer #fcontent_bg {width:767px;height:354px;}
#framecontainer #fcontent_bg2 {position:relative;width:766px;height:354px;top:-396px;text-align:right;}
/* DEFAULT CONTENTCLASS */
#framecontainer2 #fcontent 
{
	padding:0px; 
	width:766px;			/* Main width minus padding widths above!! */
	height:354px;
	overflow:hidden;
}

/* FRAME FOOTER */
#framecontainer #ffooter_bg {width:767px;height:42px;}
#framecontainer2 #ffooter {width:767px;height:42px;padding-top:8px;padding-left:4px;}
#framecontainer2 #ffooter #left {float:left;}
#framecontainer2 #ffooter #right {float:right;}

/* PAGE ITEMS */
p {color:#666666; font-size:1.1em;}

#titlebar {background:url(/images/titlebar.gif) top left no-repeat;width:740px;height:34px; font-family: Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;	color: #8D8D8D;	padding-top:4px; padding-left:16px; padding-right:16px; overflow:hidden; margin-left:10px;}
#titlebar_nopadding {background:url(/images/titlebar.gif) top left no-repeat;width:740px;height:27px; font-family: Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;	color: #8D8D8D;	padding-top:7px; padding-left:16px; padding-right:16px; overflow:hidden; margin-left:10px;}
#titlebar_nopadding_small {background:url(/images/titlebar_small.gif) top left no-repeat;width:400px;height:27px; font-family: Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;	color: #8D8D8D;	padding-top:7px; padding-left:16px; padding-right:16px; overflow:hidden; margin-left:10px;}

#panel_large {width:419px;height:237px;background:url(/images/panel_large.gif) top left no-repeat;overflow:hidden;}
#panel_large #leftgap, #panel_large #rightgap {width:15px;font-size:1px;}
#panel_large #header {height:50px;vertical-align:middle;margin-top:10px;padding-bottom:4px;padding-top:3px;}
#panel_large #rightimage {height:177px;}
#panel_large #content {height:177px;vertical-align:top;overflow:hidden;}
#panel_large #buttons {padding-top:16px;overflow:hidden;}

#panel_small {width:341px;height:148px;background:url(/images/panel_small.gif) top left no-repeat;overflow:hidden;}
#panel_small #leftgap, #panel_small #rightgap {width:12px;font-size:1px;}
#panel_small #header {height:25px;vertical-align:top;padding-top:10px;}
#panel_small #content {height:72px;vertical-align:top;}
#panel_small img {padding:6px;padding-bottom:16px;}

/* BUTTON CLASS */
a.button, a.button:visited {background: transparent url(/images/button_right.gif) no-repeat scroll top right; color: #666666; display: block; font-size:11px; font-weight:bold; float: left; height: 22px; margin-right: 6px; padding-right: 12px; text-decoration: none; outline:none;cursor: pointer; cursor: hand;}
a.button_r, a.button_r:visited {background: transparent url(/images/button_right.gif) no-repeat scroll top right; color: #666666; display: block; font-size:11px; font-weight:bold; float: right; height: 22px; padding-right: 12px; text-decoration: none; outline:none;cursor: pointer; cursor: hand;}
a.button span, a.button_r span {background: transparent url(/images/button_left.gif) no-repeat; display: block; line-height: 14px; padding: 4px 0 4px 12px; outline: none;} 
a.button:active, a.button_r:active {background-position: bottom right; color: #000000; outline: none;}
a.button:active span, a.button_r:active span {background-position: bottom left; padding: 6px 0 2px 12px;} 

/* FLASH BUTTON */
.flashbutton {margin:0px;padding:0px;padding-right:7px;}

/* ARROW LINK */
.arrowlink a, .arrowlink a:visited {font-size:1.2em; font-weight:bold;color:#666666; text-decoration:none; background:url(/images/linkarrow_right.gif) right center no-repeat; padding-right:8px;}
.arrowlink a:hover {text-decoration:underline;}

/* TABLE STYLES */
.theader {background: #888888; color: #FFFFFF; font-weight:bold;font-size:1.1em;}
.trow1 {background: #CCCCCC; color: #000000; font-weight:normal;}
.trow2 {background: #888888; color: #FFFFFF; font-weight:normal;}

p a, p a:visited {font-size:1em; color:#666666; text-decoration:underline;}
p a:hover {text-decoration:none;}

#verticalscroll {width:707px;height:288px;overflow-x:hidden;overflow-y:auto;padding-left:50px;padding-top:10px;padding-right:10px;}
#verticalscroll2 {width:707px;height:293px;overflow-x:hidden;overflow-y:auto;padding-left:50px;padding-top:10px;padding-right:10px;}

.righthandimage {float:right;padding-top:0px;padding-left:10px;padding-right:10px;padding-bottom:10px;}

#fabricCare {height:60px auto;padding:0px;margin:0px;}
* #fabricCare {height:auto;}

/* sIFR SPECIFICS */
h1 {padding:0px;margin:0px;font-size:1.8em; font-weight:bold;}
h2 {color:#666666; font-size:1.6em; font-weight:bold;}
h3 {color:#666666; font-size:1.2em; font-weight:bold;}
li {padding:1px;margin:0px;color:#666666; font-size:1.1em;text-decoration:none;}
li a {color:#666666; font-size:1em;text-decoration:none;}
li a:hover {text-decoration:underline;}

/* TEMPLATE SPECIFIC */
/* SITEMAP */
#sitemapcontainer {}
#sitemapcontainer a {color:#5B5B5B;font-weight:bold;text-decoration:none;padding:2px;}
#sitemapcontainer a:hover {text-decoration:underline;}
#sitemapcontainer .small {border:1px solid #E2E1E1;width:122px !important;height:16px !important;overflow:hidden;}
#sitemapcontainer .small a, #sitemapcontainer .small a:visited {font-size:1.1em;}
#sitemapcontainer .smallhighlight {background-color:#E2E1E1;width:122px;height:16px;overflow:hidden;}
#sitemapcontainer .smallhighlight a, #sitemapcontainer .smallhighlight a:visited {font-size:1.1em;}
#sitemapcontainer .bighighlight {background-color:#E2E1E1;width:122px;height:34px;overflow:hidden;}
#sitemapcontainer .bighighlight a, #sitemapcontainer .bighighlight a:visited {font-size:1.2em;}

/* HOMEPAGE */
#homepagecontainer {width:766px;height:354px;padding-left:15px;}

/* SECONDARY LANDING */
#secondarylanding {margin-top:160px;margin-left:16px;}

/* TERTIARY LANDING */
#tertiarylanding {width:766px;height:354px;padding-left:15px;}

/* FORMS */
#form {width:711px; height:285px; padding-top:5px; overflow:hidden; background:url(/images/form_sides.gif) top left repeat-y; margin-left:24px; }
#form_inner {padding-left:16px; padding-right:16px; width: 679px; height: 100%; overflow-y:auto; overflow-x:hidden;}
#form_bottom {width:711px; height:12px; background: url(/images/form_bottom.gif) top left no-repeat; font-size:1px;	margin-left:24px;}
#form_small {width:369px; height:270px; padding-top:5px; overflow:hidden; background:url(/images/form_sides_small.gif) top left repeat-y; margin-left:24px;}
#form_inner_small {padding-left:16px; padding-right:16px; width: 338px; height: 100%; overflow-y:auto; overflow-x:hidden;}
#form_bottom_small {width:369px; height:12px; background: url(/images/form_bottom_small.gif) top left no-repeat; font-size:1px;	margin-left:24px;}

#form .label, #form_small .label, .label {font-size:1.1em; font-weight:bold;color:#666666;}
#form .labelpad, #form_small .labelpad {font-size:1.1em; font-weight:bold;color:#666666;padding-top:3px;padding-bottom:3px;}
#form .textinput, #form_small .textinput {font-size:1.1em; width:250px;}
#form .textinputsmall, #form_small .textinputsmall {font-size:1.1em; width:175px;}
#form #Errors, #form_small #Errors, .error {color:#ff0000;font-size:1.1em;padding-bottom:10px;}
#form .email {font-family:Courier New;font-size:1.1em;}

/* TRAINING SCHEDULES */
#trainingschedulescontainer {width:766px;height:354px;padding-left:15px;}

/* FLASH */
#flashcontainer {width:765px;height:354px;margin:0px;padding:0px;padding-left:1px;padding-right:1px;}

/* MARKET SELECT */
#marketselect {position:absolute;top:458px;left:740px;}

/* ADMIN CONTROLS ON FRONTEND WEBSITE */
#admincontrols {position:absolute; top:74px; left:16px;text-align:left;width:120px;height:15px;z-index:999;}
#admincontrols img {width:16px; height: 16px;z-index:999; padding:0px; margin:0px;}

/* NEWS PANEL HOMEPAGE */
#newspanel {width:380px; border:none; margin:0px; margin-left:5px; margin-right:5px;}
#newspanel .title {font-size:1.4em; font-weight: bold; text-align:left;}
#newspanel .date {font-size:1.2em; font-weight:normal; text-align:right;}
#newspanel .text {font-size:1em;}
#newspanel .link a, #newspanel .link a:visited {font-size:1.2em; font-weight:bold;color:#666666; text-decoration:none; background:url(/images/linkarrow_right.gif) right center no-repeat; padding-right:8px;}
#newspanel .link a:hover {text-decoration:underline;}

/**	Simplified Framework: Reset & Helpers
----------------------------------------------- */
.s-h { display: block; height: 0; float: left; overflow: hidden; width: 0; }
.s-h-o { left: -9999em; position: absolute; top: -9999em; }
.s-h-n { display: none; }
.s-i-i { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; display: block; position: absolute; }
.s-ir { background-repeat: no-repeat; display: block; overflow: hidden; position: relative; }
.s-ir .s-ir-i { background: no-repeat top left; position: absolute; height: 100%; left: 0; top: 0; width: 100%; z-index: 1010; }
a .s-ir,
a .s-ir .s-ir-i { cursor: pointer; }
/* **/

/**	#NavigationGlobal
----------------------------------------------- */
#NavigationGlobal { height: 35px; margin: 0 auto; padding: 0; position: relative; width: 767px; z-index: 1000; }
#NavigationGlobal ul { height: 35px; list-style-type: none; margin: 0; left: -1px; padding: 0; position: absolute; top: -1px; width: 326px;}
#NavigationGlobal ul li { position: absolute; }
#NavigationGlobal ul li a { background: transparent url(/images/navigationglobal.png) no-repeat 0 0; color: #DDDDDD; display: block; height: 100%; width: 100%; }
#NavigationGlobal ul li.core { height: 35px; left: 0; top: 0; width: 113px; }
#NavigationGlobal ul li.core a { background-position: 0 -35px; }
#NavigationGlobal ul li.focus { height: 35px; left: 113px; top: 0; width: 148px; }
#NavigationGlobal ul li.focus a { background-position: -113px 0; }
#NavigationGlobal ul li.focus a:focus,
#NavigationGlobal ul li.focus a:hover { background-position: -113px -35px; }
#NavigationGlobal ul li.swim { height: 35px; left: 261px; top: 0; width: 65px; }
#NavigationGlobal ul li.swim a { background-position: -261px 0; }
#NavigationGlobal ul li.swim a:focus,
#NavigationGlobal ul li.swim a:hover { background-position: -261px -35px; }
/* **/

/**	#products
----------------------------------------------- */
#products { background-image: url(/images/products.jpg); background-position: 1px -1px; background-repeat: no-repeat; height: 354px; }
#products .col-1 { float: left; padding-top: 174px; position: relative; width: 368px; }
#products .col-1 h1 { font-size: 1.8em; margin-left: 36px; }
#products .col-1 h1 span { display: none; }
#products .col-1 p { font-size: 1.2em; margin-left: 36px; margin-right: 36px; }
#products .col-1 img { left: 73px; position: absolute; top: 40px; }
#products .col-2 { background-image: url(/images/products-col-2.jpg); background-position: 0 0; background-repeat: no-repeat; float: left; height: 354px; width: 398px; }
#products .col-2 ul { list-style-type: none; margin: 13px 0 0 5px; padding: 0; }
#products .col-2 ul li { font-size: 1.5em; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; width: 150px; }
#products .col-2 ul li a { background-color: #FFFFFF; background-image: url(/images/products.png); color: #696969; display: block; height: 66px; text-decoration: none; width: 150px; }
#products .col-2 ul li a strong { display: block; padding: 15px 10px 10px 18px; }
#products .col-2 ul li a:focus,
#products .col-2 ul li a:hover { background-color: #FFFFFF; color: #333333; }
#products .col-2 ul li.core { font-size: 1.3em; }
#products .col-2 ul li.core a { background-position: 0 -2px; }
#products .col-2 ul li.core a strong { padding-top: 13px; padding-left: 17px; }
#products .col-2 ul li.core a:focus,
#products .col-2 ul li.core a:hover { background-position: -150px -2px; }
#products .col-2 ul li.run a { background-color: #000000; background-position: 0 -72px; color: #0082FC; }
#products .col-2 ul li.run a:focus,
#products .col-2 ul li.run a:hover { background-color: #000000; background-position: -150px -72px; color: #0068CA; }
#products .col-2 ul li.ball a { background-color: #000000; background-position: 0 -142px; color: #FC0000; }
#products .col-2 ul li.ball a:focus,
#products .col-2 ul li.ball a:hover { background-color: #000000; background-position: -150px -142px; color: #CA0000; }
#products .col-2 ul li.racket a { background-color: #000000; background-position: 0 -212px; color: #057A0A; }
#products .col-2 ul li.racket a:focus,
#products .col-2 ul li.racket a:hover { background-color: #000000; background-position: -150px -212px; color: #046208; }
#products .col-2 ul li.swim a { background-position: 0 -282px; }
#products .col-2 ul li.swim a:focus,
#products .col-2 ul li.swim a:hover { background-position: -150px -282px; }

/* **/


/* new News template to hold multiple news stories */
#newspagecontainer div.leftContent { float:left; width:475px; }
#newspagecontainer div.rightContent { float:left; width:210px; }
#newspagecontainer hr { margin:10px 0;}

/* MBG Styles */
div.mbgHeaderLogo { position:absolute; top:14px; right: 8px; }
div.mbgHeaderLogo img {border:none;}