@charset "UTF-8";
/* CSS Document */


a {color:#0099FF;}
a:hover {
	color:#003399;
	text-decoration:underline;
	font-weight: 100;
}
	
#logoname { 
	font-size: 0.7em;
	line-height:1em;
	padding:2px 0px 5px 50px;text-decoration:none;color:#A8A6A6;}
#logoname a {color:#A8A6A6;text-decoration:none;}
#logoname a:hover { color:#FFF; text-decoration:underline;font-weight: 100;}

#zotiLogo { 
	font-size: 0.7em;
	line-height:1em;
	padding:2px 0px 5px 35px;text-decoration:none;color:#A8A6A6;}
#zotiLogo a {color:#A8A6A6;text-decoration:none;}
#zotiLogo a:hover { color:#FFF; text-decoration:underline;font-weight: 100;}

.menuContainer {
	margin:0px 0px 0px 0px;
	background-image: url(img/menuBg.jpg);
	background-repeat: repeat-y;
}
/** --- nav---- **/
.nav-intro { margin:0px 0px 0px 10px; padding:0;}
#nav-intro { margin:0px 0px 0px 10px; padding:0;}
#nav-intro a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_intro_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-intro a:hover { background-image: url("img/btn_intro_on.jpg");}
#nav-intro a span { display:none }

.nav-prd { margin:0px 0px 0px 10px; padding:0;}
#nav-prd { margin:0px 0px 0px 10px; padding:0;}
#nav-prd a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_prd_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-prd a:hover { background-image: url("img/btn_prd_on.jpg");}
#nav-prd a span { display:none }

.nav-contact { margin:0px 0px 0px 10px; padding:0;}
#nav-contact { margin:0px 0px 0px 10px; padding:0;}
#nav-contact a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_contact_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-contact a:hover { background-image: url("img/btn_contact_on.jpg");}
#nav-contact a span { display:none }

.nav-delivery { margin:0px 0px 0px 10px; padding:0;}
#nav-delivery { margin:0px 0px 0px 10px; padding:0;}
#nav-delivery a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_delivery_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-delivery a:hover { background-image: url("img/btn_delivery_on.jpg");}
#nav-delivery a span { display:none }

.nav-dl { margin:0px 0px 0px 10px; padding:0;}
#nav-dl { margin:0px 0px 0px 10px; padding:0;}
#nav-dl a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_dl_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-dl a:hover { background-image: url("img/btn_dl_on.jpg");}
#nav-dl a span { display:none }

.nav-how { margin:0px 0px 0px 10px; padding:0;}
#nav-how { margin:0px 0px 0px 10px; padding:0;}
#nav-how a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_how_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-how a:hover { background-image: url("img/btn_how_on.jpg");}
#nav-how a span { display:none }

.nav-price { margin:0px 0px 0px 10px; padding:0;}
#nav-price { margin:0px 0px 0px 10px; padding:0;}
#nav-price a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_price_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-price a:hover { background-image: url("img/btn_price_on.jpg");}
#nav-price a span { display:none }

.nav-size { margin:0px 0px 0px 10px; padding:0;}
#nav-size { margin:0px 0px 0px 10px; padding:0;}
#nav-size a {
	display:block;
	width:173px; height:27px;
	margin:0; padding:0;
	background: url("img/btn_size_off.jpg") top left no-repeat;
	text-decoration: none;
	}
#nav-size a:hover { background-image: url("img/btn_size_on.jpg");}
#nav-size a span { display:none }



.mainContent {
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: 100;
	color: #000000;
	font-family: "Helvetica Neue Light", Helvetica, "Arial Narrow";
	word-spacing: 0.2em;
	text-align: justify;
}

h1{
	color:#FF3300;
	font-weight:bold;
	font-size:1.3em;
	line-height: 1em
}

#generalTable { border: 1px solid #A8A6A6; padding:2px; width:100%; }
#generalTable th {
	border-top: 1px dotted #A8A6A6;
	border-left: 1px dotted #A8A6A6;
	border-collapse:collapse;
	height:20px;
	text-align:right;
	padding:2px 10px 2px 0px;
	background-color:#FF0000;
	color:white;
	font-size: 0.8em;
	font-style: bold;
	line-height: 1.4em;
}
#generalTable td { padding:2px 0px 2px 10px; border-top: 1px dotted #A8A6A6; border-left: 1px dotted #A8A6A6; border-collapse:collapse; height:20px;text-align:left;background-color:white;color:#000000;font-size: 0.8em;
	font-style: normal;
	line-height: 1.4em;}
	
	
#generalTable th.w1{ width:190px;}

	
#priceTable { border: 1px solid #A8A6A6; padding:2px; width:100%; }
#priceTable th {
	border-top: 1px dotted #A8A6A6;
	border-left: 1px dotted #A8A6A6; 
	border-collapse:collapse;
	height:20px;
	text-align:left;
	padding:2px 0px 2px 10px;
	background-color:#FF0000;
	color:white;
	font-size: 0.8em;
	font-style: bold;
	line-height: 1.4em;
}
#priceTable td { padding:2px 0px 2px 10px; border-top: 1px dotted #A8A6A6; border-left: 1px dotted #A8A6A6; border-collapse:collapse; height:20px;text-align:left;background-color:white;color:#000000;font-size: 0.8em;
	font-style: normal;
	line-height: 1.4em;}
	
#priceTable th.title{ background-color:#eeeeee;color:#000066;}
	
#priceTable th.w1{ width:288px;}
#priceTable th.w2{ width:128px;}
#priceTable th.w3{ width:32px;}

#sizeTable { border: 1px solid #A8A6A6; padding:2px; width:100%; }
#sizeTable th {
	border-top: 1px dotted #A8A6A6;
	border-left: 1px dotted #A8A6A6; 
	border-collapse:collapse;
	height:20px;
	text-align:left;
	padding:2px 5px 2px 5px;
	background-color:#FF0000;
	color:white;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.4em;
}
#sizeTable td { padding:2px 5px 2px 5px; border-top: 1px dotted #A8A6A6; border-left: 1px dotted #A8A6A6; border-collapse:collapse; height:20px;text-align:left;background-color:white;color:#000000;font-size: 0.8em;
	font-style: normal;
	line-height: 1.4em;}
	
#sizeTable th.title{
	background-color:#eeeeee;
	color:#000066;
}
	
#sizeTable th.w1{ width:100px;}
#sizeTable th.w2{ width:50px;}


.prdContainer {
	margin:5px;
	padding:5px;
}
.prdTitle {
	font-size: 0.9em;
	font-style: normal;
	line-height: 2em;
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.price {
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.2em;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
}

.code {
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.5em;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
}
	
#prd-playShirtA { margin:0px; padding:0;}
#prd-playShirtA a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/playShirt_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-playShirtA a:hover { background-image: url("prd/img/playShirt_b.gif");}
#prd-playShirtA a span { display:none }

#prd-playShirtB { margin:0px; padding:0;}
#prd-playShirtB a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/playShirtB_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-playShirtB a:hover { background-image: url("prd/img/playShirtB_b.gif");}
#prd-playShirtB a span { display:none }

#prd-short { margin:0px; padding:0;}
#prd-short a {
	display:block;
	width:87px; height:76px;
	margin:0; padding:0;
	background: url("prd/img/short_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-short a:hover { background-image: url("prd/img/short_b.gif");}
#prd-short a span { display:none }

#prd-goalKeeperA { margin:0px; padding:0;}
#prd-goalKeeperA a {
	display:block;
	width:99px; height:116px;
	margin:0; padding:0;
	background: url("prd/img/goalKeeper_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-goalKeeperA a:hover { background-image: url("prd/img/goalKeeper_b.gif");}
#prd-goalKeeperA a span { display:none }


#prd-goalKeeperB { margin:0px; padding:0;}
#prd-goalKeeperB a {
	display:block;
	width:99px; height:116px;
	margin:0; padding:0;
	background: url("prd/img/goalKeeperB_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-goalKeeperB a:hover { background-image: url("prd/img/goalKeeperB_b.gif");}
#prd-goalKeeperB a span { display:none }

#prd-themVest { margin:0px; padding:0;}
#prd-themVest a {
	display:block;
	width:99px; height:116px;
	margin:0; padding:0;
	background: url("prd/img/themVest_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-themVest a:hover { background-image: url("prd/img/themVest_b.gif");}
#prd-themVest a span { display:none }

#prd-tShirtA { margin:0px; padding:0;}
#prd-tShirtA a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/tshirtA_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-tShirtA a:hover { background-image: url("prd/img/tshirtA_b.gif");}
#prd-tShirtA a span { display:none }


#prd-tShirtB { margin:0px; padding:0;}
#prd-tShirtB a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/tshirtB_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-tShirtB a:hover { background-image: url("prd/img/tshirtB_b.gif");}
#prd-tShirtB a span { display:none }

#prd-poloA { margin:0px; padding:0;}
#prd-poloA a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/poloA_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-poloA a:hover { background-image: url("prd/img/poloA_b.gif");}
#prd-poloA a span { display:none }

#prd-poloB { margin:0px; padding:0;}
#prd-poloB a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/poloB_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-poloB a:hover { background-image: url("prd/img/poloB_b.gif");}
#prd-poloB a span { display:none }

#prd-gillet { margin:0px; padding:0;}
#prd-gillet a {
	display:block;
	width:107px; height:118px;
	margin:0; padding:0;
	background: url("prd/img/gillet_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-gillet a:hover { background-image: url("prd/img/gillet_b.gif");}
#prd-gillet a span { display:none }

#prd-ben { margin:0px; padding:0;}
#prd-ben a {
	display:block;
	width:66px; height:61px;
	margin:0; padding:0;
	background: url("prd/img/ben_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-ben a:hover { background-image: url("prd/img/ben_b.gif");}
#prd-ben a span { display:none }

#prd-stdPant { margin:0px; padding:0;}
#prd-stdPant a {
	display:block;
	width:63px; height:141px;
	margin:0; padding:0;
	background: url("prd/img/sadPant_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-stdPant a:hover { background-image: url("prd/img/sadPant_b.gif");}
#prd-stdPant a span { display:none }

#prd-shkFlee { margin:0px; padding:0;}
#prd-shkFlee a {
	display:block;
	width:107px; height:129px;
	margin:0; padding:0;
	background: url("prd/img/sheekF_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-shkFlee a:hover { background-image: url("prd/img/sheekF_b.gif");}
#prd-shkFlee a span { display:none }

#prd-tracTop { margin:0px; padding:0;}
#prd-tracTop a {
	display:block;
	width:107px; height:129px;
	margin:0; padding:0;
	background: url("prd/img/tracTop_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-tracTop a:hover { background-image: url("prd/img/tracTop_b.gif");}
#prd-tracTop a span { display:none }

#prd-hooded { margin:0px; padding:0;}
#prd-hooded a {
	display:block;
	width:110px; height:155px;
	margin:0; padding:0;
	background: url("prd/img/hSwet_f.gif") top left no-repeat;
	text-decoration: none;
	}
#prd-hooded a:hover { background-image: url("prd/img/hSwet_b.gif");}
#prd-hooded a span { display:none }