/* CSS Resets =============================== */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body					{line-height: 1.5;}
table					{border-collapse: separate; border-spacing: 0;}
caption, th, td			{text-align: left; font-weight: normal;}
table, td, th			{vertical-align: middle;}
a img					{border:none;}

/* Default ================================ */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
	text-align: center;
	color: #000;
	background: #000;
	margin: 0; padding: 18px 0 0 0;	
}
a								{text-decoration: none; outline: none;}
a:hover							{text-decoration: underline;}
h1								{font-size: 24px;}
h2								{font-size: 18px;}
h3								{font-size: 14px;}

/* UTILITIES =============================== */
.clearfix:after					{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix						{overflow: hidden;}
* html .clearfix				{height: 1%;}

.clear							{clear: both;}
.center							{text-align: center;}

/* WRAPPER =============================== */
#wrapper 						{width: 960px; text-align: left; margin: 0 auto; background-color: #eaeaea; border-top: 1px solid #1783be;}

/* HEADER =============================== */
#header							{width: 960px; height: 195px; background: url(../images/img_header.jpg) no-repeat; border-top: 13px solid #1060a6; position: relative;}
#header h1						{}
#header h1 a					{display: block; width: 187px; height: 62px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; position: absolute; top: 11px; left: 15px;}
#header p						{position: absolute; top: 64px; right: 15px;}
#header p a						{float: left; height: 20px; line-height: 20px; padding: 0 10px; margin-left: 10px; text-align: center; color: #231f20; background-color: #dededf; border: 1px solid #999;}
#header p a:hover				{text-decoration: none; color: #e1e3e4; background-color: #231f20;}
#header a.rowe					{display: block; width: 171px; height: 103px; position: absolute; top: 85px; left: 22px;}

/* mainnav */
.mainNav						{width: 448px; height: 38px; list-style-type: none; position: absolute; top: 0; right: 15px; z-index: 1;}
.mainNav li						{display: inline;}
.mainNav li a					{float: left; height: 33px; margin: 0 0 0 3px; padding: 0; background: url(../images/mainnav.png) no-repeat; text-indent: -9999px;}

.mainNav li.home a				{width: 71px; background-position: 0px 0px;}
.mainNav li.about a				{width: 74px; background-position: -74px 0px;}
.mainNav li.tech a				{width: 96px; background-position: -151px 0px;}
.mainNav li.catalogues a		{width: 105px; background-position: -250px 0px;}
.mainNav li.contact a			{width: 87px; background-position: -358px 0px;}

.mainNav li.home a:hover		{width: 71px; background-position: 0px -33px;}
.mainNav li.about a:hover		{width: 74px; background-position: -74px -33px;}
.mainNav li.tech a:hover		{width: 96px; background-position: -151px -33px;}
.mainNav li.catalogues a:hover	{width: 105px; background-position: -250px -33px;}
.mainNav li.contact a:hover		{width: 87px; background-position: -358px -33px;}

#home .mainNav li.home a				{width: 71px; background-position: 0px -33px;}
#about .mainNav li.about a				{width: 74px; background-position: -74px -33px;}
#tech .mainNav li.tech a				{width: 96px; background-position: -151px -33px;}
#catalogues .mainNav li.catalogues a	{width: 105px; background-position: -250px -33px;}
#contact .mainNav li.contact a			{width: 87px; background-position: -358px -33px;}

/* SPORTS NAV =============================== */
#sportsNav					{list-style-type: none; width: 960px; height: 44px; border-top: 4px solid #1060a6;}
#sportsNav li				{display: inline;}
#sportsNav li a				{float: left; height: 44px; background: url(../images/sportsnav.png) no-repeat; text-indent: -9999px;}

#sportsNav li.squash a			{width: 141px; background-position: 0px 0px;}
#sportsNav li.badminton a		{width: 157px; background-position: -141px 0px;}
#sportsNav li.tennis a			{width: 113px; background-position: -298px 0px;}
#sportsNav li.racketball a		{width: 168px; background-position: -411px 0px;}
#sportsNav li.clothing a		{width: 140px; background-position: -579px 0px;}
#sportsNav li.golf a			{width: 98px; background-position: -719px 0px;}
#sportsNav li.hockey a			{width: 143px; background-position: -817px 0px;}

#sportsNav li.squash a:hover		{width: 141px; background-position: 0px -44px;}
#sportsNav li.badminton a:hover		{width: 157px; background-position: -141px -44px;}
#sportsNav li.tennis a:hover		{width: 113px; background-position: -298px -44px;}
#sportsNav li.racketball a:hover	{width: 168px; background-position: -411px -44px;}
#sportsNav li.clothing a:hover		{width: 140px; background-position: -579px -44px;}
#sportsNav li.golf a:hover			{width: 98px; background-position: -719px -44px;}
#sportsNav li.hockey a:hover		{width: 143px; background-position: -817px -44px;}

#squash #sportsNav li.squash a			{background-position: 0px -44px;}
#badminton #sportsNav li.badminton a	{background-position: -141px -44px;}
#tennis #sportsNav li.tennis a			{background-position: -298px -44px;}
#racketball #sportsNav li.racketball a	{background-position: -411px -44px;}
#clothing #sportsNav li.clothing a		{background-position: -579px -44px;}
#golf #sportsNav li.golf a				{background-position: -719px -44px;}
#hockey #sportsNav li.hockey a			{background-position: -817px -44px;}

#squashDetails #sportsNav li.squash a			{background-position: 0px -44px;}
#badmintonDetails #sportsNav li.badminton a		{background-position: -141px -44px;}
#tennisDetails #sportsNav li.tennis a			{background-position: -298px -44px;}
#racketballDetails #sportsNav li.racketball a	{background-position: -411px -44px;}
#clothingDetails #sportsNav li.clothing a		{background-position: -579px -44px;}
#golfDetails #sportsNav li.golf a				{background-position: -719px -44px;}
#hockeyDetails #sportsNav li.hockey a			{background-position: -817px -44px;}

/* SPORTS NAV HOME ==================== */
#home #sportsNav					{height: 190px; background: url(../images/bg_nav_sport_home.png) no-repeat bottom center; position: relative;} /* Orig: height: 189px; */
#home #sportsNav ul					{list-style-type: none; width: 910px; height: 150px; position: absolute; top: 26px; left: 26px;}
#home #sportsNav ul li				{display: inline;}
#home #sportsNav ul li a			{float: left; width: 130px; height: 150px; background: url(../images/sportsnav_home.png) no-repeat; text-indent: -9999px;}

#home #sportsNav li.squash a		{background-position: 0px 0px;}
#home #sportsNav li.badminton a		{background-position: -130px 0px;}
#home #sportsNav li.tennis a		{background-position: -260px 0px;}
#home #sportsNav li.racketball a	{background-position: -390px 0px;}
#home #sportsNav li.clothing a		{background-position: -520px 0px;}
#home #sportsNav li.golf a			{background-position: -650px 0px;}
#home #sportsNav li.hockey a		{background-position: -780px 0px;}

#home #sportsNav li.squash a:hover		{background-position: 0px -150px;}
#home #sportsNav li.badminton a:hover	{background-position: -130px -150px;}
#home #sportsNav li.tennis a:hover		{background-position: -260px -150px;}
#home #sportsNav li.racketball a:hover	{background-position: -390px -150px;}
#home #sportsNav li.clothing a:hover	{background-position: -520px -150px;}
#home #sportsNav li.golf a:hover		{background-position: -650px -150px;}
#home #sportsNav li.hockey a:hover		{background-position: -780px -150px;}

/* CONTENT ============================= */
#content						{padding-bottom: 11px; background: url(../images/bg_content.png) repeat-y;}
#content h1, #content h2,
#content h3, #content h4,
#content h5, #content h6,
#content p, #content fieldset,
#content table					{margin-bottom: 1em;}
#mainContent					{float: left; width: 648px;}
#subContent						{float: right; margin: 10px 10px 10px 0; padding: 5px; background-color: #fff;}
* html #subContent				{display: inline;}

/* MAIN CONTENT ============================= */
#mainContent .wide				{margin: 10px 0 0 10px; padding: 10px; background-color: #fff;}
#mainContent .wideImage				{margin: 1px 0 0 10px; padding: 1px; background-color: #fff;}

/* SUB CONTENT ============================= */

/* BANNERS ============================= */
ul#banners						{list-style-type: none; clear: both; margin-left: 5px; margin-bottom: 18px; height: 127px; background-color: #f5f5f5; border-bottom: 1px solid #e0e0e0;}
ul#banners li					{display: inline;}
ul#banners li a					{float: left; margin-left: 5px;}

/* FOOTER 1 ============================= */
#footer1						{height: 108px; padding-left: 27px; color: #fff; background: #274f75 url(../images/bg_foot_1.png) repeat-x;}
#footer1 div					{float: left; margin-top: 17px; background-repeat: no-repeat; background-position: 0px 25px;}
#footer1 .contact				{width: 360px; background-image: url(../images/icon_foot_contact.png);}
#footer1 .mail					{width: 322px; background-image: url(../images/icon_foot_mail_add.png);}
#footer1 .office				{width: 250px; background-image: url(../images/icon_foot_office_add.png);}
#footer1 div h3					{text-indent: -9999px; width: 113px; height: 11px; background-repeat: no-repeat;}
#footer1 div p					{margin: 11px 0 0 55px; line-height: 21px;}
* html #footer1 div p			{margin-top: 4px;} /* Fix IE6 large margin top */
#footer1 .contact h3			{background-image: url(../images/txt_01_contact.png);}
#footer1 .mail h3				{background-image: url(../images/txt_02_mail_add.png);}
#footer1 .office h3				{background-image: url(../images/txt_03_office_add.png);}
#footer1 a						{color: #fff;}

/* FOOTER 2 ============================= */
#footer2						{height: 46px; font-weight: bold; color: #757575; background-color: #1d1d1d; border-top: 3px solid #000;}
#footer2 p						{float: left; height: 20px; line-height: 20px; margin: 9px 0 0 27px; padding-left: 26px; background: url(../images/bg_copyright.png) no-repeat;}
* html #footer2 p				{display: inline;} /* Fix IE6 doubled horizontal margin on floated elements */
#footer2 p a					{color: #fff; margin: 0 5px;}
#footer2 span					{float: right; margin: 14px 25px 0 0;}
#footer2 span a					{margin: 0 4px;}

/* ==========================================================================================
									INDIVIDUAL PAGES						
============================================================================================= */

/* HOMEPAGE ================================ */
#home #sportsNav				{}
#home #sportsNav ul				{}
#home #banners					{margin-top: 10px;}

/* ABOUT ================================== */
#about .col1					{float: left; width: 387px; margin: 10px 0 0 10px; padding: 10px; background-color: #fff;}
#about .col2					{float: right; width: 200px; margin: 10px 0 0 10px; padding: 10px; background-color: #fff;}
* html #about .col1,
* html #about .col2				{display: inline;}
#about .col1 strong				{display: block;}
#about .col1 span				{display: block; margin-left: 18px;}
#about .col2 strong				{float: left; width: 110px;}
#about .col2 span				{float: left;}

/* CATALOGUES ============================== */
ul.catalogues					{list-style-type: none; margin-left: -30px;}
ul.catalogues li				{display: inline;}
ul.catalogues li a				{float: left; width: 130px; height: 80px; margin-left: 30px; margin-bottom: 50px; color: #000; text-decoration: none;}
* html ul.catalogues li a		{display: inline; width: 124px; margin-bottom: 25px;} /* Fix IE6 Bug */
ul.catalogues li a:hover span	{text-decoration: underline;}
ul.catalogues li a img			{margin-bottom: 8px; display: block;}

/* CONTACT ================================= */
.contactinfo p					{float: left; width: 120px;}

/* DEALER AND DISTRIBUTOR LOCATOR ========== */
.locatorResult					{margin-left: -30px;}
.locatorResult p				{float: left; width: 185px; margin-left: 30px;}
* html .locatorResult p			{display: inline; width: 175px;}

/* TECH AREA ================================= */
.techDetails					{margin-bottom: 15px; overflow: hidden;}
.techDetails div				{margin-left: 105px;}
.techDetails img.techThumb		{float: left; width: 90px;}
#mainContent .techDetails div h4 {font-size: 14px; font-weight: bold; margin: 0;}
#mainContent .techDetails p		{padding: 0;}


/* ==========================================================================================
									SPORTS PAGES						
============================================================================================= */
#mainContent .wide h2					{padding-left: 10px; margin-bottom: 5px; color: #000000; font-weight: bold;}
#mainContent .wide h2.titleCat			{float: left; height: auto; line-height: normal; padding: 0; margin: -3px 10px 0 0;}
#mainContent .wide ul.menu				{margin-left: 0px; list-style-type: none; }
#mainContent .wide ul.menu li			{display: inline;}
#mainContent .wide ul.menu li a			{padding: 0 3px; border-right: 1px solid #cccccc; font-size: 12px; font-weight: bold; color: #000000; text-transform: uppercase;}
#mainContent .wide ul.menu li a:hover	{text-decoration: none; color: #ac0303;}

#mainContent .wide img.imgDept			{margin: 10px 0;}

/* OLD
#mainContent .wide h2					{height: 35px; line-height: 35px; padding-left: 10px; margin-bottom: 5px; color: #fff; font-weight: normal; background-color: #ac0303;}
#mainContent .wide ul.menu				{width: 599px; margin-left: 4px; margin-top: 15px; list-style-type: none;}
#mainContent .wide ul.menu li			{display: inline;}
#mainContent .wide ul.menu li a			{float: left; display: inline; width: 107px; height: 30px; line-height: 30px; margin: 0 0 5px 5px; text-align: center; font-size: 14px; font-weight: bold; color: #000000; background: url(../images/bg_cat_link.png) no-repeat left top;}
#mainContent .wide ul.menu li a:hover	{background-position: left bottom; text-decoration: none; color: #ffffff;}
*/

#mainContent div.info			{width: 599px; margin-left: 9px; margin-top: 15px; background: url(../images/bg_squash_02body.png) repeat-y;}
#mainContent h3					{display: block; height: 26px; line-height: 26px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #a90303; background: url(../images/bg_squash_01title.png) no-repeat;}
#mainContent p					{padding: 0 10px;}
#mainContent p.last				{padding-bottom: 10px; margin-bottom: 0; background: url(../images/bg_squash_03bottom.png) no-repeat bottom left;}
#mainContent .info ul			{margin: 0; padding: 0 0 10px 3px;}
#mainContent .info ul li		{display: inline;}
#mainContent .info ul li a		{margin: 0 0 0 2px;}
#mainContent .info p.view		{margin: 5px 0 0 0; padding-bottom: 10px; background: url(../images/bg_squash_03bottom.png) no-repeat bottom left; text-align: right;}
#mainContent .info p.view a		{padding: 3px 8px; font-size: 11px; text-transform: uppercase; color: #000000; background-color: #DEDEDF;}
#mainContent .info p.view a:hover	{color: #ffffff; background-color: #ac0303; text-decoration: none;}

.wide ul.items					{width: 605px; margin-left: 4px; list-style-type: none;}
.wide ul.items li				{display: inline;}
.wide ul.items li a				{float: left; width: 195px; height: 100px; margin-left: 5px; margin-bottom: 5px;}

/* ==========================================================================================
									PRODUCT DETALS						
============================================================================================= */
#content a.back					{float: right; display: inline; margin: -23px 0 0 30px; padding-left: 20px; background: url(../images/arrow_back.png) no-repeat center left; color: #000000;}
#content a.back:hover			{color: #A90303;}
#content .details h2			{padding-left: 10px; margin-bottom: 0;}

#content .horNarrow img,
#content .verNarrow img			{margin-bottom: 13px; display: block; margin-left: auto; margin-right: auto;}

#content .horWide,
#content .horNarrow,
#content .verWide,
#content .verNarrow				{margin-bottom: 10px;}

/* HORIZONTAL VIEW ============================= */
#content .details .thumbMain	{float: left; width: 620px; margin: 0;}
#content .details .thumbMain img {max-width: 620px;}
#content .details .thumbSmall	{float: right; width: 150px; margin: 20px 0 0 0;}
#content .details .thumbSmall a	{display: block; margin-bottom: 30px;}
#content .details .thumbSmall img {max-width: 114px;}
#content .details ul			{margin-left: 15px;}

#content .horWide				{width: 450px; float: left;}
#content .horWide img			{max-width: 420px;}
#content .horNarrow				{width: 197px; float: right;}
#content .horNarrow img			{max-width: 110px;}


/* VERTICAL VIEW ============================= */
#content .verWide				{width: 375px; float: left;}
#content .verNarrow				{width: 272px; float: right;}

#content .verWide img			{max-width: 345px;}
#content .verNarrow img			{max-width: 110px;}