/* CSS Document */

html {font-size: 100%;}
body {margin: 0; padding: 0 0 20px 0; font:.8em Arial,Helvetica,sans-serif; background: url("../images/bg.jpg") #fff repeat-x;}
h1 {margin: 0; padding: 0; font-size: 1.6em; color: #555;}
h2 { margin: 0 0 .2em 0; font-size: 1.3em; color: #A80D35; padding: 0;}
h3 {font-size: 1.2em; padding: .4em 0 0.2em 0; margin: 0; color: #AF5211; clear: left;}
.activeformarea h3 {font-size: .2em; padding: 0; margin: 0; color: #fff; clear: left;}
.tabPane h3 {margin-top: 5px;}
p {font-weight: normal; text-decoration: none; line-height: 1.3em; color:#46484b; margin: 0; padding: 0 0 .7em 0; }
h1, h2, h3 {font-weight: bold; }
h1 a, a:link {color: #555; text-decoration: none;}
h4 {font-size: 1em; padding: .4em 0 0.6em 0; margin: 0; color: #28323D; clear: left;}
h5 {font-size: .2em; padding: 0; margin: 0; color: #f6f5ef; clear: left;}
.clear {clear: both; width: 100%; height: 1px; margin: 2px 0 0 0; padding: 0; font-size: 1px;}
.clearLeft {clear: left; width: 670px; height: 1px; margin: 2px 0 0 0; padding: 0; font-size: 1px;}
ul, ol {list-style-position: outside; padding: 0; margin: 0 0 0 1em;}
li {color:#46484b; margin: 0; padding: 0 0 0.4em 0;}
img {padding: 0; border: 0;}
.left {float: left;}
.right {float: right;}
img.left {margin-right: 5px;}
a, a:link {color: #2D77AA; text-decoration: underline;}
a:hover, a:visited:hover {background-color: #A80D35; color: #fff; text-decoration: none;}

#quote {width: 400px; height: 70px; overflow: hidden; float: right; margin: 5px 5px 0 0; padding: 0; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999;}		

#header {width: 940px; margin: 0 auto;}
#main {padding: 8px 0 0 0; margin: 0 auto; clear: both; background-color: #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc; width: 940px;}
#leftArea {margin-right: 520px; position: relative; top: 0; clear: left;}
#rightArea {width: 520px; float: right; position: relative; top: 0; right: 0;}
#content {float: left; margin: 0; width: 420px;}
#middleCol {float: right; width: 265px; margin: 0 0 8px 0;}
#rightCol {float: right; width: 230px; margin: 0 8px 8px 0;}
#shadow {margin: 0 auto; background: url("../images/shadow.gif") #fff top center no-repeat; height: 40px; clear: both;}
#fullContent {margin: 0 245px 0 8px; position: relative; top: 0; clear: left;}
#breadcrumbs {border-bottom: dotted 2px #E4E5DF; padding: 4px 4px 2px 4px; margin: 0 0 10px 0;}
#breadcrumbs p {margin: 0; padding:0;} 

#submenu {float: right; padding: 5px 0 8px 0; margin: 0;}
#submenu p {color: #333; padding: 0; margin: 0; line-height: 1em;}
#submenu a:link {font-weight: normal; text-decoration: none; color: #333; margin: 0 7px; border: none;}
#submenu a:visited {font-weight: normal; text-decoration: none; color: #333;margin: 0 10px; border: none;}	
#submenu a:visited:hover {font-weight: normal; text-decoration: none; color: #fff; background-color: #900; margin: 0 10px; border: none;}
#submenu a:hover, #submenu a:active {text-decoration: none; color: #fff; border: none; margin: 0 7px; background-color: #900;}
#logo {position: relative; float: left; padding: 0; margin: 15px 0 15px 15px;}
#logo_print {display: none;}
#search {float: right; margin: 0; text-align: right; padding: 0 8px 0 0; clear: right;}
#search label {float: left; font-weight: normal; padding: .4em .3em 0 0; color: #333;}
.inputField {margin: 0; padding: 0; border: solid 1px #545454; color: #333;}
.searchgo {background: url("../images/search-btn.gif") no-repeat; border: none; margin: 0; padding: 0; width: 20px; cursor: default;}

#navigation {float: left; margin: 0; display: inline; float: left; padding: 0; clear: both; width: 100%; font-size: 1em;}
#navigation li {margin: 0; padding: 0 3px 0 0; list-style: none; white-space: nowrap; display: inline; float: left;}
#navigation a {margin: 0; padding: 0 0 0 12px; color: #333; background: #545454 url('../images/nav-bg2.gif') no-repeat left top; display: inline-block; float: left; border: none; text-decoration: none;}
#navigation a span {padding: 9px 12px 9px 0; background: #545454 url('../images/nav-bg2.gif') no-repeat right top; display: block; float: left; white-space: nowrap; text-decoration: none;}
#navigation a:hover {background: #A80D35 url('../images/nav-bg2.gif') no-repeat 0 -40px; text-decoration: none; color: #333;}
#navigation a:hover span {background: #A80D35 url('../images/nav-bg2.gif') no-repeat 100% -40px; text-decoration: none; }
#navigation a span {float: none; text-decoration: none;}



/* Generic box styles and list item styles */
.rightColNav, .cart-preview, .office {width:230px; padding: 0 0 2px 0; margin: 0 0 1px 0;}
.rightColNav input {margin: 0 0 .1em .6em; padding: 0;}

/* Specific colour information for boxes */
.rightColNav {background-color: #E4E5DF;}
.rightColNav h2, .cart-preview h2, .office h2 {padding: .5em 0 0 .5em; font-size: 1.1em;}
.cart-preview {background: url("../images/cart-preview-bg.gif") right no-repeat #a80d35;}
.cart-preview h2 {color: #fff;}

.cart-preview p {margin: 0 .5em; padding: 0; color:#fff;}
.cart-preview p a {color: #fff; text-decoration: none;}
.office {background-color: #B4B5AA;}
.office p {margin: 0 .5em; padding: 0; color:#000;}
.office p a {color: #000;}
.office p a:hover, .office p a:visited:hover {color: #fff;}

/* Specific colours for the boxes */
.rightColNav ul, .cart-preview ul {padding: .2em 0 0 0; margin: 0 0 0 4px;}
.rightColNav ul li a, .rightColNav ul li a:link, .rightColNav ul li a:visited {text-decoration: none; font-weight: bold; color: #545454;}
.rightColNav ul li a:hover, .rightColNav ul li a:active {text-decoration: none; color: #fff; border: none; background-color: #900;}
.rightColNav li {list-style: none; background: url("../images/list-icon.gif") no-repeat .3em .5em; padding: .3em 0 .5em 1.5em;}
.cart-preview li {list-style: none; background: url("../images/list-icon-alert.gif") no-repeat .3em .5em; padding: .3em 0 .5em 1.2em; color: #fff;}
.cart-preview ul li a, .cart-preview ul li a:link, .cart-preview ul li a:visited {text-decoration: none; font-weight: normal; color: #fff;}
.cart-preview ul li a:hover, .cart-preview ul li a:active {text-decoration: underline; color: #fff; }
.rightColNav ul.login li {list-style: none; background: none; padding: 0 0 .7em 0;}
.rightColNav ul.login li label {padding: 0 0 .2em .3em; margin: 0; font-weight: bold; font-size: .9em;}
.rightColNav ul.login li input {padding: 0; margin: 0 0 0 .3em;}
.rightColNav ul.login li a {padding: 0 0 0 .3em; margin: 0; font-weight: normal;}

ul.lunch {margin: .4em 0 0 0;}
li.lunch-news {list-style: none; background:url("../images/lunch-news.gif") no-repeat .5em 0; padding: .5em 0 1em 3em;}
li.lunch-weather {list-style: none; background: url("../images/lunch-weather.gif") no-repeat .5em 0; padding: .5em 0 1em 3em; margin-top: 3px;}
li.lunch-env {list-style: none; background: url("../images/lunch-env.gif") no-repeat .5em 0; padding: .4em 0 1em 3em; margin-top: 3px;}
p.view-cart a {text-decoration: underline; float: right;}


.contentBox {background-color: #fff; border: solid 4px #E4E5DF; padding: 5px; margin: 0 0 8px 0; width: 394px;}
.contentBoxHalf {background-color: #fff; border: solid 4px #E4E5DF; padding: 5px; margin: 0 8px 8px 0; float: left; height: 95px; width: 184px; text-align: center;}
.contentBoxText {background-color: #fff; border: solid 4px #E4E5DF; padding: 4px; margin: 0 0 0 0;}
.middleBox {background-color: #fff; border: solid 4px #E4E5DF; padding: 5px; margin: 0 0 8px 0;}
.future-supplier {font-weight: bold; background-color: #f2f0e9; border: solid 4px #cfcdc2; padding: 5px 5px 0 5px; margin: 0 0 8px 0; width: 394px;}

#footer {clear: both; background-color: #434440; font-size: .9em; border-left: solid 1px #434440; border-right: solid 1px #434440; margin: 0;}
div#footerInner {width: 100%; margin: 0 auto; padding: .5em 0; background-color: #434440;}
#footer h2 {color: #fff; margin: 0 0 .5em 0; padding: 0;}
#footer h3 {color: #fff; margin: 0; padding: 0;}
#footer p {color: #fff;}
.copyright {width: 100%; border-top: solid 1px #666; color: #fff; clear: both; margin: 5px 0 0 0; float: left; padding: 5px 0 0 0;}
.copyright p {margin: 0 10px; padding: 0;}
.copyright a, .copyright a:link, .copyright a:visited {color: #fff;}
.sponsor-ad-left {float: left; width: 730px; height: 91px; margin: 0 20px 0 10px;}
.sponsor-ad-right {float: left; width: 380px; height: 80px; margin: 0;}
.google {float: left; width: 165px; text-align: center; padding: 0;}


/* TABLES - GENERIC ******************************/
/*table {border: 1px #ccc solid; border-collapse: collapse; text-align: left; vertical-align: top; margin-bottom: 10px; background-color: #fff; width: 100%;}
th {background: #f3f2e9; font-weight: bold; padding: 4px; border:solid 1px #999; border-bottom: 3px #A80D35 solid; vertical-align: top;}
td {border: 1px #999 solid;border-collapse: collapse; padding: 4px;vertical-align: top;}*/
table a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
table a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; background-color: transparent;}	
table a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
table a:hover, a:active {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
.cart-totals {width: 682px;}

/* TABLES - GENERIC AARON 20 DEC ******************************/
table {border: none; border-collapse: collapse; text-align: left; vertical-align: top; margin: 0; background-color: #fff; width: 100%;}
th {background: #f3f2e9; font-weight: bold; padding: 4px; border:solid 1px #999; border-bottom: 3px #A80D35 solid; vertical-align: top;}
tr, td {border: none; border-collapse: collapse; padding: 0; vertical-align: top;}
.cart-totals {width: 682px;}
.selection table, .selection table tr, .selection table td {background-color: #fff; border:solid 1px #999; padding: 4px;}


.moreBtn {float: right; position: relative; top: 0; right:0;}
.loop {width: 48%; float: left; margin-right: 5px;}
.readMore {font-size: .5em; font-weight: normal; font-style: italic;}
.iconLinks1 {float: left; margin: 5px 12px;}
.iconLinks2 {float: left; margin: 5px 6px;}

.middleBox ul {padding: .2em 0 0 0; margin: 0;}
.middleBox li {list-style: none; background: url("../images/list-icon.gif") no-repeat .2em .6em; padding: .3em 0 .3em 1.3em;}

#middleCol p {margin: 0 0 4px 0; padding: 0;}


/* form
--------------------------------------------------------------------------------- */
.activeformarea {
	margin-bottom: 12px;
	border: solid 1px #c1bb84;
	width: 670px;
	padding: 3px;
	background: url("../images/form-bg.gif") #f6f5ef bottom right no-repeat;
}
.tabPane .activeformarea {
	margin-bottom: 0;
	border: solid 1px #c1bb84;
	width: 665px;
	padding: 3px;
	background-color: #f6f5ef;
	background-image: none;
}
.tabPane .activeformarea table {
	width: 300px;
}
input, textarea {border: solid 1px #666; background-color: #fff}
.choices {
	width: 660px;
}
.section {padding: 0 auto;}
.section h3 {margin: 0; padding: 0;}
.section .important {width: 650px;}
.selection {
	width: 674px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	background-color: #B4B5AA;
	text-align: left;
	padding: 3px;
	margin: -3px 0 12px 0;
}
.selection .fieldLabel {color: #000; width: 200px;}
.activeformarea .selection table{
	text-align: right;
	width: 95px;
}
.nextPrevious {width: 673px; padding: 3px 0; clear: left; margin-top: 10px; height: 20px;}
.next {float: right; width: 100px; padding: 5px; background-color: #A80D35; border: solid 1px #666; text-align: center;}
.previous {float: left; width: 100px; padding: 5px; background-color: #A80D35; border: solid 1px #666; text-align: center;}
.next a, .next a:link, .previous a, .previous a:link {color: #fff; text-decoration: none;}
.next a: hover, .next a:hover:visited, .previous a:hover, .previous a:hover:visited {color: #fff; text-decoration: underline;} 

.sizing {
	float: left;
	border: dashed 1px #c1bb84;
	text-align: center;
	padding: 5px;
	margin-right: 7px;
	margin-bottom: 3px;
}
.standardwidth {
	width: 200px;
	text-align: right;
	display: block;
	margin: 4px 10px 0 0;
	font-weight: bold;
	color: #337aaa;
	float: left;
}
.activeformarea ol li {
	list-style-type: none;
	margin-top: 4px;
}
.activeformarea .choices p {
	color: #000;
}
.label-confirm {
	font-weight: bold;
}
.invoice {
	background-color: #c0d5eb;
	border: solid 1px #547292;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 630px;
	float: left;
	padding: 3px;
}
.invoice ol li {
	list-style-type: none;
	margin-top: 4px;
}

/* ##### tabs ##### */

.tabs {display: none; white-space: nowrap; padding: 0; margin: 15px 0 0 0;}
.tabs p {margin: 0; padding: 0;}
.tabs a {color: #fff; background-color: #337aaa; border-top: 1px solid #337aaa; border-left: 1px solid #337aaa; border-right: 1px solid #337aaa; font-weight: bold; margin-right: 5px;}
.tabs a:link, .tabs a:active, .tabs a:visited {text-decoration: none; padding: .5em; color: #fff;}
.tabs a:hover, .tabs a:visited:hover {text-decoration: none; color: #131d47; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tabs a.activeTab {background-color: #fff; color: #131d47; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tabPane {border: 1px solid #ccc; padding: .5em .3em; margin: -.85em 0 0 0;}


/* generic classes */

.important {
	margin-bottom: 5px;
	border: solid 1px #5971a7;
	padding: 6px 3px 3px 3px;
	width: 675px;
	background: url("../images/icon-warning.gif") #eff1f6 no-repeat 6px 1px;
}
.veryImportant {
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px Red;
	padding: 3px 3px 3px 3px;
	width: 675px;
	font-size:large;
	background: url("../images/icon-warning.gif") #eff1f6 no-repeat 6px 1px;
	text-align:center;
}
.important p {padding: 4px 0 4px 50px; margin: 0 0 0 5px;}
.success {
	margin-bottom: 12px;
	border: solid 1px #4fc039;
	padding: 3px 3px 3px 3px;
	background-color: #f0f6ef;
}
.success p {background: url("../images/icon-success.gif") no-repeat top left; padding: 10px 0 10px 50px; margin: 0 0 0 5px;}
.category {
	margin-right: 12px;
	margin-bottom: 12px;
	width: 195px;
	height: 120px;
	float: left;
	padding: 3px;
}
.category-uniforms {
	margin-right: 10px;
	margin-bottom: 12px;
	width: 160px;
	height: 165px;
	float: left;
}
.category-baseball {width: 430px; float: left;}



.shopping-cart {padding: 0 0 15px 0; margin: 0 10px 10px 0; background:url('../images/shopping-cart-bottom.gif') #f4f2e9 bottom no-repeat; width: 240px; float: right;}
.cartHeading {margin: 0; color: #fff; padding: 5px 0 5px 10px; letter-spacing: .1em; font-size: 1em; font-weight: bold; background: url("../images/right-box-bg.gif") #F9C03B top no-repeat;}
.shopping-cart table {text-align: right; width: 230px; color: #333; margin-left: 5px; border-collapse: collapse; border: none;}
.shopping-cart table td, .shopping-cart table th {border: none; border-bottom: dotted 1px #333; padding: 8px 0; background-color: #f4f2e9;}
.shopping-cart table tr.total, .total {background-color: #e8e6d6; font-weight: bold;}
.shopping-cart p a img {margin: 20px 0 0 7px;}
.shopping-cart p a:hover {background-color: #f4f2e9;}



.question {color: #337aaa; font-weight: bold; background: url(../images/q.gif) 0 0 no-repeat; padding: 5px 0 10px 40px; margin: 0;}
.store-category {width: 215px; height: 60px; margin: 0 10px 10px 0; float: left;}
.store-item {width: 190px; /*height: 350px;*/ border: solid 4px #e3e2e2; padding: 5px; margin: 0 10px 10px 0; float: left; text-align: center;}
.store-item a, .store-item a:link {text-decoration:none;}
.store-item p.item-name {font-weight: bold; color: #333; margin: 0; padding: 0;}
.store-item p.item-price {font-weight: bold; color: #A80D35;}
.store-item .field, .store-item label {margin: 0; padding: 0; text-align: left;}

.wallpaper {width: 190px; height: 150px; border: solid 4px #e3e2e2; padding: 5px; margin: 0 10px 10px 0; float: left; text-align: center;}
.choose-side {float: left; height: 115px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; text-align: center;}
.choose-shorts {float: left; height: 90px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; text-align: center;}
.choose-mat {float: left; height: 95px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; text-align: center;}
.choose-color {float: left; height: 70px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; text-align: center;}
.choose-track {float: left; height: 110px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; text-align: center;}
.choose-bag {float: left; height: 140px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; text-align: center;}
.choose-side p, .choose-shorts p, .choose-mat p, .choose-track p, .choose-bag p {margin: 0; padding: 0;}
.choose-color p {margin: 0;}
a .choose-side, a:link .choose-side, a .choose-shorts, a:link .choose-shorts {background-color: #fff;}
a:hover .choose-side, a:hover .choose-shorts, a:hover .choose-mat, a:hover .choose-color, a:hover .choose-track, a:hover .choose-bag {background-color: #A80D35;}
a:hover .choose-side p, a:hover .choose-shorts p, a:hover .choose-mat p, a:hover .choose-color p, a:hover .choose-track p, a:hover .choose-bag p {color: #fff;}

.clearer {width: 660px;}
.checkout {width: 685px; border-top: 2px dotted #A80D35; height: 50px; padding: 5px 0;}
.checkout-details {width: 680px; padding: 5px 0;}

.gallery {float: left; border: solid 4px #ccc; padding: 3px; margin: 0 8px 8px 0;}
a .gallery  {background-color: #fff;}
a:hover .gallery {background-color: #A80D35;}

.coach {float: left; border: solid 1px #ccc; padding: 1px; margin: 0 0 8px 0;}
a .coach  {background-color: #fff;}
a:hover .coach {background-color: #fff;}

.finalTotal {font-size: 1.6em; color: #A80D35; font-weight: bold;}

.confirm-detail {float: left; height: 150px; width: 280px; border: solid 3px #e3e2e2; padding: 3px; background-color: #fff; margin: 0 4px 4px 0; overflow:hidden; text-align:center;}
.tabPane .activeformarea table.confirm-table {width: 660px;}
.mandatory {color: red;}


/*Andy's additions*/
/*Aaron's overuling */
/*#buttons{width:100%; text-align:center; margin-top:10px; margin-bottom:10px;}*/
#buttons{margin:10px 0 10px 18.5em;}
.buttons{margin:10px 0 10px 18.5em;}