/* 	
Footy Gear Online
Last Updated: 25 February 2009
Ally Lawson
Colours:
medium grey: 353535
dark grey: 212121
light grey: 9d9d9d
red: 5b0101

*/

/* ---------- Background Components ------------------------------------------------------------------------------------------------------------- */

#aligntable {
		text-align: center; 
		margin-bottom: 0px; 
		margin-right: 0px; 
		margin-left: 0px; 
		height: 100%;
		margin-top: 0px; 
		width: 100%; 
		text-align: center;
}
body { 
		font-size: 10pt;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #fff;
		font-weight: normal;
		margin-bottom: 0px;	
		margin-right: 0px; 
		background-color: #353535; 
		margin-left: 0px;	
		margin-top: 0px;
		height: auto;
                background-image: url(uploadedFiles/body001.jpg);
               background-repeat: repeat-x;
               background-position: top left;
}



/* ---------- Text Components ----------------------------------------------------------------------------------------------------------------------- */

a { 
		text-decoration: none; 
		color: #fff;
		font-smooth: always;
}
a:hover { 
		color: #000000; 
}
h1 {
		font-size: 14pt;
		font-weight: bold;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
}
h2 {
		font-size: 14pt;
		font-weight: bold;
                font-style: italic;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
}
h3 {
		font-size: 12pt;
		font-weight: bold;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
}
h4 {
		font-size: 11pt;
		font-weight: normal;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
}
h5 {
		font-size: 10pt;
		font-weight: bold;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
}
h6 {
		font-size: 10pt;
		font-weight: normal;
		font-style: italic;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
}
li { 
		font-size: 10pt;	
		list-style-type: square;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
		font-smooth: always;
}
p { 
		font-size: 10pt;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #D3D3D3;
		font-weight: normal;
}
td {
		font-size: 10pt;
		font-weight: normal;
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #fff;
         
}
th {     
		font-size: 8pt; 
		font-weight: bold; 
		font-smooth: always;
		font-family: Arial, Verdana, Helvetica, Myriad, Geneva, sans-serif;
		color: #fff;
}



/* ---------- Main Tables ------------------------------------------------------------------------------------------------------------------------------ */

#mainbodycell {	
		margin: 0px; 
		height: 100%; 
                width: auto;
		background-color: #353535; 
}
#mainbodytable {
		margin-bottom: 0px;	
		margin-right: 10px; 
		font-size: 10pt; 
		margin-left: 10px; 
		height: 100%; 
		margin-top: 0px;
                width: 95%;
		background-color: #353535; 
}
#maintable {  
		border: px #333333 solid; 
		margin-bottom: 0px; 
		background-repeat: no-repeat;	
		height: 100%; 
		margin-top: 0px; 
		width: 100%; 
		margin-left: auto; 
		margin-right: auto;
}



/* ---------- Banner Area ----------------------------------------------------------------------------------------------------------------------------- */

#bannerimage { 
		display: none; 
}
#mainheader {
	height: 290px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(uploadedFiles/newmainheader002.jpg);
}
.bannertitle { 
		display: none;
}
.bannerslogan {
		display: none;
}


/* ---------- Navigation Components -------------------------------------------------------------------------------------------------------------------- */

#mainleftcell {
		background-color: #212121; 
		width: 200px; 
		margin: 0px;
               background-image: url(uploadedFiles/mainleftcell001.jpg);
               background-repeat: no-repeat;
               background-position: top left;
}
#navigationbox {
		width: 100%;
		padding-top: 10px;
}
.childnav {	
		clear: both; 
		padding-top: 2px; 
		font-size: 8pt; 
		height: 20px;	
		display: block;	
		padding-left: 25px;	
		width: auto; 
		font-weight: normal;

}
.childnav:hover { 
		clear: both; 
		display: block;
		color: #333333;

}
.childnavline {
		height: 20px;
}
.leftbox { 
		margin-top: 0px; 
		padding-left: 0px; 
		padding-right: 0px; 
		width: 100%; 
		font-size: 8pt;
}
.nav {        
		clear: both; 
		font-size: 8pt; 
		height: 23px;	
                padding-top: 2px;
                line-height: 23px;
		display: block;	
		padding-left: 20px;	
		width: auto; 
		font-smooth: always;
                text-transform: uppercase;
                background-image: url(uploadedFiles/nav001.jpg);
                background-repeat: no-repeat;
                background-position: 10px center;
}
.nav:hover {  
		clear: both; 
		display: block;
                color: #BFBFBF;
                background-image: url(uploadedFiles/navhover001.jpg);
                background-repeat: no-repeat;
                background-position: 10px center;


}
.navline {
		height: 23px;
}
.navlink:hover {
}
.opennav { 
		clear: both; 
		font-size: 8pt; 
		height: 23px;	
                padding-top: 2px;
                line-height: 23px;
		display: block;	
		padding-left: 20px;	
		width: auto; 
		font-smooth: always;
                text-transform: uppercase;
                background-image: url(uploadedFiles/navhover001.jpg);
                background-repeat: no-repeat;
                background-position: 10px center;
                color: #BFBFBF;
}
.opennav:hover { 
		clear: both; 
		display: block; 
                background-image: url(uploadedFiles/navhover001.jpg);
                background-repeat: no-repeat;
                background-position: 10px center;
                color: #BFBFBF;
}
.opennavline {
		height: 23px;
}
.pagenav {
}
.pagenav:hover {
}



/* ---------- Search Components ----------------------------------------------------------------------------------------------------------------------- */

#formfieldSearch {
		width: 91px;
		height: 20px;
		color: #333333;
		font-size: 8pt;
		border: 1px solid #cccccc;
		margin-left: 5px;

}
#searchbox { 
		padding-top: 45px;
		width: 100%;
                padding-left: 12px;
                background-image: url(uploadedFiles/search002.jpg);
                background-repeat: no-repeat;
                background-position: top left;
                display: block;
                height: 30px;

                
}
#searchboxbutton { 
		font-size: 8pt;
		height: 20px;
		width: 66px;
		text-transform: uppercase;
		padding-bottom: 2px;
		color: #fff;
		font-smooth: always;
		border: 1px solid #fff;
                background-color: #212121;

}
#submitinfobox {
}
.searchDirectoryColumnHeader{
}
.searchDirectoryColumnData{
}
.searchDirectoryFieldName{
}
.searchDirectoryResult {
		text-align: center;
}
.searchresultsinfo { 
		font-weight: bold;
}
.searchresultsline {
}
.searchresultslink {
}
.searchresultstable { 
		width: 100%; 
}
.searchresultstext { 
		font-size: 8pt; 
}
.searchresultstitle { 
		font-size: 8pt; 
		font-weight: bold;
}



/* ---------- Content Area --------------------------------------------------------------------------------------------------------------------------- */

.header {
		border-bottom: 1px solid #666666;
		font-size: 12pt;
		text-transform: none;
		margin-top: 12px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #666666;
		font-family: Helvetica, Myriad, Geneva, Arial, sans-serif;
		font-smooth: always;
                display: none;
}



/* ---------- Side Bar ---------- */

.sidebar {
                width: 150px;
                margin-left: 10px;
                background-color: #212121;
}
.sidebar p {
                margin: 0;
}
.sidebarFeature {
                padding: 10px;
                margin-top: 10px;
                background-color: #212121;
}
.sidebarFeatureHeader {
                font-size: 8pt;
                font-weight: bold;
}
.sidebarFeatureNotes {
                font-size: 8pt;
}
.sidebarFeaturePrice {
                font-size: 8pt;
                font-weight: bold;
                text-align: right;
}
.sidebarCart { 
                padding: 10px;
                margin-top: 10px;
                background-color: #212121;
}
.sidebarCartHeader { 
                font-weight: bold; 
                text-transform: uppercase;
                padding-bottom: 5px;
}
.sidebarCartNumber { 
                margin-top: 0px; 
}
.sidebarCartTotal { 
                font-weight: bold; 
                text-align: right; 
                color: #990000; 
}
.sidebarCartFreightNote {
                font-size: 7pt;
                text-align: right;
}
.sidebarCheckoutLink {
                font-size: 10px;
                font-weight: bold;
                color: #ffae00;
                text-align: center;
                text-transform: uppercase;
                padding-top: 10px;
}



/* ---------- Shopping Cart ---------- */
                
.categoryPanel { 
                font-size: 9pt;
}
.categoryPathHeaderLine {
                padding: 12px;
                background-color: #212121;
}
.categoryPathHeaderLink {
                font-weight: bold;
                color: #c0c0c0;
}
.leftCategoryColumn {
                display: block; 
                color: #c0c0c0;
                margin-left: 10px;
                padding-top: 15px;
                padding-right: 0;
                padding-bottom: 15px;
                padding-left: 30px;
                background-image: url(uploadedFiles/design05_readmoreicon.gif);
                background-repeat: no-repeat;
                background-position: 0 14px;
}
.rightCategoryColumn {
                display: block;
                color: #c0c0c0;
                margin-left: 10px;
                padding-top: 15px;
                padding-right: 0;
                padding-bottom: 15px;
                padding-left: 30px;
                background-image: url(uploadedFiles/design05_readmoreicon.gif);
                background-repeat: no-repeat;
                background-position: 0 14px;
}
.productbox {
                margin-bottom: 50px;
                width: 100%;
}
.productimage {
                margin-top: 0; 
                margin-right: auto;
                margin-bottom: 0; 
                margin-left: auto;
}
.noimage {
                text-align: center; 
                vertical-align: middle; 
                margin-top: 0; 
                margin-right: auto;
                margin-bottom: 0; 
                margin-left: auto;
                width: 120px; 
                height: 120px; 
                border-width: 1px;
                border-style: solid;
                border-color: #bcbcbc;
}
.productCatalogue-spacer-image {
                height: 164px;
}
.productCatalogue-spacer-image-wide {
                width: 168px;
}
.productheader {
                font-size: 10pt;
                font-weight: bold;
                padding-left: 4px;
                height: 18px;
}
.productheaderlink {
                font-size: 10pt;
                font-weight: bold;
                color: #c0c0c0;
}
.itemstable {
                width: 100%;
                color: #ffffff;
                background-color: #212121;
                border-style: solid;
                border-width: 1px;
                border-color: #c0c0c0;
}
.productcolumnheader {
                font-size: 8pt;
                font-weight: normal;
                color: #9d9d9d;
                text-align: left;
                vertical-align: top;
                background-color: #212121;
}
.productcolumnitemcode {
                font-size: 8pt;
                font-weight: bold;
                text-align: left;
                vertical-align: top;
                padding: 6px;
}
.productdescriptionheader {
                font-size: 8pt;
                font-weight: bold;
                padding: 8px;
                width: 200px;
}
.productcolumnprice {
                font-size: 8pt;
                font-weight: bold;
                background-color: #212121; 
                padding: 6px;
                vertical-align: top;
}
.productdescription {
                font-size: 8pt;
                color: #ffffff;
                padding: 4px;
}
.productcolumnaddintocart {
}
.productcolumnattributes {
}
.addToCartImage {
                display: block;
                padding: 4px;
}
.producttext {
                padding-left: 4px;
                font-size: 9pt;
                color: #9d9d9d;
}
.producttext-taxes {
                font-size: 8pt;
                color: #9c9b9b;
                padding: 10px;
}

/* ----- Shopping Cart: Image Layout ----- */

.productlayouttableimage {
}
.productlayoutsingleproduct {
                padding: 20px;
}
.itemstableimage {
                height: 1px;
}
.productImageDisplay_itemRow {
}
.productdescriptioncell {
                font-size: 8pt;
                padding-right: 10px;
}
.price {
                font-size: 8pt;
                color: #c0c0c0;
                font-weight: bold;
}
.productsystemcode {
                padding-left: 4px;
                font-size: 8pt;
                color: #9d9d9d;
}

/* ----- Shopping Cart: Line Layout ----- */

.productboxlineitem {
                margin-top: 20px;
                margin-bottom: 20px;
                width: 100%;
                border-bottom-width: 0px;
                border-bottom-style: solid;
                border-bottom-color: #d5d5d5;
}
.productbox-lineitem {
                width: 100%;
}
.itemstablelineitem {
                width: 100%;
}

/* ----- Shopping Cart: Checkout ----- */

.orderStep {
                padding-top: 3px;
                padding-right: 5px;
                padding-bottom: 3px;
                padding-left: 5px;
                border-width: 1px;
                border-style: solid;
                border-color: #606060;
}
.activeOrderStep {
                font-weight:bold;
                color: #ffffff; 
                padding-top: 3px;
                padding-right: 5px;
                padding-bottom: 3px;
                padding-left: 5px;
                border-width: 1px;
                border-style: solid;
                border-color: #0082bf;
}
.orderTable {
                margin-bottom: 5px;
                border-width: 0px;
                border-style: solid;
                border-color: #d7d7d7;
} 
.cartSubmitLine{
}
.cart-qty-input-field {
                width: 35px;
}
.cartbutton {
}
.cartcheckoutlink {
}
.cartcheckoutlink:hover {
}
.carttotaltext {
}
.continueShoppingButton { 
                font-size: 8pt;
}
.checkoutButton {
                font-size: 8pt;
}
.updateButton {
                font-size: 7pt;
}
.removeCartButton {
                font-size: 9pt;	
                margin-left: 0; 
                margin-right: 0;
}
.error {
                color: #FF0000;
} 
.invoiceItemDetail {
                display: block;
                font-size: 75%; 
}
.pricestrikethrough {
                text-decoration: line-through;
                font-size: 8pt;
}
.downloadtable{
}
.downloadlabels{
}
.downloadbutton{
}
.outOfStock {
}
.callForPrice {
}
#offsetaligntable {
}
.productMoreLink {
}
.projectImage {
}
.projectDetailImage {
}
.product_details_image {
                margin-bottom: 5px;
                margin-right: 5px;
}
.orderDetailsContinueTable {
}
.productPrice {
                font-size: 10pt;
}
.product-details-productdescription {
}
.attributeHeader {
}
.productCurrentPageSelection {
                font-weight: bold;
}

/* ----- Shopping Cart: Item Description Page ----- */

.productdetails-back-link {
                display: block;
                font-weight: bold;
                padding: 10px;
                background-color: #212121;
}
.productdetails-item-category-table {
                width: 75%;
                font-family: Arial, Verdana, sans-serif;
                text-align: left;
                font-size: 8pt;
}
.productdetails-items-box {
                background-color: #ececec;
}
.product-details-colCode {
}
.product-details-colDescription {
}
.product-details-colAttributes {
}
.product-details-colPrice {
}
.product-details-description {
}
.productdetails-tax-categories-table {
                width: 100%;
                background-color: #212121;
}
.productdetails-in-categories {
                width: 100%;
                font-weight: bold;
}
.productdetails-taxes {
                font-weight: bold;
}
.productdetails-discounts {
                width: 100%;
                font-weight: bold;
}

/* ----- Shopping Cart: Cart Page ----- */

.shoppingCartTable {
                color: #000000;
                background-color: #353535;
                width: 90%;
}
.shoppingCartHeaderRow {
                color: #9d9d9d;
                font-size: 8pt;
                text-align: left;
                background-color: #212121;
}
.shoppingcartrow {
                font-size: 8pt;
                color: #9d9d9d;
                vertical-align: middle;
                height: 40px;
}
.shoppingcarttotalline {
                height: 40px;
}
.shoppingcartupdatebar {
                font-weight: bold;
                font-size: 8pt;
}
.shoppingcartupdatebutton {
                font-size: 8pt;
}
.shoppingcartsubtotallabel {
                font-weight: bold;
                text-align: right;
                font-size: 8pt;
}
.shoppingcartsubtotal {
                font-weight: bold; font-size: 8pt;
}
.shoppingCartButtonBlock { 
                text-align: center; 
                display: block; 
                margin-bottom: 45px;
}

.shoppingcarttaxtotallabel {
                text-align: right;
                font-size: 8pt;
}
.shoppingcarttaxtotal {
                font-size: 8pt;
display: none;
}
.shoppingcarttotallabel {
                font-size: 100%;
                font-weight: bold;
                text-align: right;
}
.shoppingcarttotal {
                font-size: 100%;
                font-weight: bold;
}
.shoppingcartdiscountsubtotal {
                color: red; 
                font-size: 8pt;

}
.shoppingcartdetailscell {
                font-size: 80%;
                padding-left: 10px;
                padding-bottom: 10px
}
.shoppingcartitemcell {
                background-color: #000;
}
.shoppingcartdiscountcell {
                color: red;
                background-color: #000;
}
.shoppingCartImgForm {
}
.shoppingCartAddIcon {
}


/* ---------- Form Components ------------------------------------------------------------------------------------------------------------------- */

input {
		font-size: 8pt;
}

select {
		font-size: 8pt;	
		border: 1px solid #000000;
}
.formfield { 
		font-size: 8pt;
		font-smooth: always;
		color: #333333;
}
.formheading { 
		font-weight:bold; 
		font-size: 11pt;
}
.formlabel { 
		font-size: 10pt;
}
.formvalue {
		font-size: 10pt;
}
.surveyBox {
}
.surveyHeader {
}
textarea {
}



/* ---------- Login Components ------------------------------------------------------------------------------------------------------------------------ */

#formfieldLoginPassword {
		height: 20px;
		width: 91px;
		font-smooth: always;
		font-family: Helvetica, Myriad, Geneva, Arial, sans-serif;
		color: #333333;
		border: 1px solid #cccccc;
display: none;
}
#formfieldLoginUsername {
		height: 20px;
		width: 91px;
		font-smooth: always;
		font-family: Helvetica, Myriad, Geneva, Arial, sans-serif;
		color: #333333;
		border: 1px solid #cccccc;
display: none;
}
#loginbox {
		font-size: 8pt;
		margin-top: 20px;
		padding-top: 0px;
		width: auto;
                background-image: url(uploadedFiles/paypal001.jpg);
                background-repeat: no-repeat;
                background-position: center top;
                height: 300px;
}
.edituserbutton {
}
.edituserlabel {
}
.editusertable {
}
.loginbutton {
display: none;
}
.logindata {
}
.loginform {
}
.loginhead {
display: none;
}
.loginlabels {
display: none;
}
.loginlink {
display: none;
}
.loginlink:hover {
}
.logintable {
}
.logoutbutton {
}
.registerbutton {
}
.registerlink:hover {
}
.required {
		color: #ff0000;
}
.submitinfobutton {
		font-size: 8pt;
		height: 20px;
		width: 120px;
		padding-bottom: 2px;
		color: #333333;
		border: 1px solid #cccccc;
		margin-left: 0px;
		margin-right: 25px;
}
.submitinfolabels {
		font-size: 10pt;
}


/* ---------- Contact Details ------------------------------------------------------------------------------------------------------------------------- */

#contactdetailsbox {
		margin-top: 30px;
		padding-left: 10px;
		width: auto;
                display: none;
}
.contactdetailslink {
		text-transform: lowercase;
		font-smooth: always;
		color: #666666;
}
.contactdetailslink:hover {
}
.contactdetailstext {
		font-smooth: always;
}




/* ---------- Miscellanious --------------------------------------------------------------------------------------------------------------------------- */

#state_selection {
}
#stateSelect {
}
#state_input {
}
#offsetaligntable {
}
#friendly-tools-row {
		display: none;
}
tbody { 
		height: 0px
}
.mainLink {
}
.bigtext { 
		font-size: larger; 
}
.tablehead { 
		font-size: 10pt; 
		font-weight: bold;
}
.data { 
		font-size: 10pt;
}
.small { 
		font-size: 8pt; 
}
.smlheader { 
		font-size: 10pt; 
		font-weight: bold;
}
.pageimage {
}
.pagetext {
}
.pgtable {
}
.pgtablecell {
}
.productMessage {
}



/* ---------- Snippet Components ------------------------------------------------------------------------------------------------------------------- */

.snippetcell { 
		font-size: 8pt; 
		padding-left: 4px;
}
.snippetheader { 
		font-size: 8pt; 
		white-space: nowrap;
}
.snippetlink { 
		font-weight: bold;
}
.snippetlink:hover { 
}
.snippettable {
}
.snippettext {
}


/* ---------- Calendar Components -------------------------------------------------------------------------------------------------------------------- */

.calendaritemdate {
}
.calendaritemheader {
}
.calendaritemtable {
}  
.calendaritemtext {
}



/* ---------- Multiple Profile Components -------------------------------------------------------------------------------------------------------------- */

.multipleprofileheader { 
		font-size: 10pt; 
		font-weight: bold; 
		color: #333333;
}
.multipleprofileimage {	
		float: right;
}
.multipleprofilesubheader { 
		font-weight: bold;
}
.multipleprofiletable {
}
.multipleprofiletext {
}



/* ---------- News Components ----------------------------------------------------------------------------------------------------------------------- */

.newsitemcell {
}
.newsitembox {
}
.newsitemheader { 
		font-size: 10pt; 
		font-weight: bold; 
		color: #375aa5;
}
.newsitemlink { 
		font-size: 8pt;
}
.newsitemlink:hover {
}
.newsitemtext {
}



/* ---------- Project Components ---------------------------------------------------------------------------------------------------------------------- */

.product_details_image {
}
.productmorelink {
}
.projectdetailimage {
}
.projectimage {
}
.projectscell {
		height: 130px;
		width: 50%;
		vertical-align: top;
}
.projectsdetailsimage {
		border: 1 solid #ececec;
		float: right;
}
.projectsimage {
		border: auto;
}
.projectstable {
		width: 100%;
}



/* ---------- Content styles---------------------------------------------------------------------------------------------------------------------- */

#welcome{
margin-right: 15px;}

#offer4{
background-image: url(uploadedFiles/offer2_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
border: 5px solid #000;
width: 316px;
height: 132px;
margin-top: 10px;
_height: 112px; /* ---------- IE alignment ------------ */

}
#offer4 img{
margin-right: 10px;
}

#offer4 p{
font-size: 8pt;
padding: 0px;
margin: 0px;
}

#offer5{
background-image: url(uploadedFiles/offer2_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
border: 5px solid #000;
width: 316px;
height: 132px;
margin-top: 10px;
_height: 122px;  /* ---------- IE alignment ------------ */

}
#offer5 img{
margin-right: 10px;
}

#offer5 p{
font-size: 8pt;
padding: 0px;
margin: 0px;
}


#newsletter{
background-image: url(uploadedFiles/newsletter_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 209px;
height: 132px;
padding-top: 30px;
margin-top: 10px;
margin-left: 10px;
}
#offer2{
background-image: url(uploadedFiles/offer2_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
border: 5px solid #000;
width: 316px;
height: 132px;
margin-top: 10px;
_height: 122px;  /* ---------- IE alignment ------------ */
}

#offer2 img{
margin-right: 10px;}


#offer2 p{
font-size: 8pt;
padding: 0px;
margin: 0px;
}


#offer3{
background-image: url(uploadedFiles/offer2_bg.jpg);
background-repeat: no-repeat;
background-position: left top;
border: 5px solid #000;
width: 316px;
height: 130px;
_height: 122px;  /* ---------- IE alignment ------------ */
margin-top: 10px;
}

#offer3 img{
margin-right: 10px;}


#offer3 p{
font-size: 8pt;
padding: 0px;
margin: 0px;
}
#main{
width: 650px;
}