@charset "utf-8";
BODY{
  background-color: black;
  margin: 0px; padding: 0px;	
}
P, A, LI, INPUT, TEXTAREA, TH, TD, H1, H2{
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 0.90em;	
	font-weight: normal;
	line-height: 1.4em;
	letter-spacing: -0em;
	text-decoration: none;
	color: white;
	margin: 0px; padding: 0px;
}
P{
	margin-bottom: 10px;
}
P.highlight{
	color: #0054a5;
}
A{
	font-size: 1.0em;
}
H1{
	color: #0054a5;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0px; padding: 0px;
}
IMG{
	margin: 0px; padding: 0px;
	border: none;
}
IMG.blueLine{
	width: 423px; height: 1px;
	line-height: 1px;
	position: relative; left: 15px; top: 5px;
	display: block;
	margin: 10px 0 15px 0; padding: 0px;
}


/*   Content   */

DIV.content P, DIV.content H1{
	padding-left: 15px;
}
DIV.contentLong P, DIV.content H1{
	padding-left: 15px;
	padding-right: 15px;
	font-size:0.8em;
	margin-top:15px;
}
DIV#LeftColumn DIV.content P, DIV#LeftColumn DIV.content H1{
	width: 620px;
}
DIV.content H1{
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 1.4em;
	padding-top: 40px;
}

DIV#homeContent{
	background: url('images/contentBgIndex.jpg') 205px 299px no-repeat;
}
DIV#homeContent DIV.text{
	position: relative; top: -250px;
  float: left; clear: both;
}
DIV#homeContent H1{
	padding-top: 0px;
}
DIV#homeContent H1.title{
	padding-top: 20px;
}
DIV#homeContent P{
	font-size: 1.2em;
	line-height: 1.1em;
}
DIV#homeContent SPAN.phoneNumber{
	color: #0054a5;
	font-size: 2.1em;
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.0em;
	display: block; padding-top: 5px;
	height: 35px; margin: 0px;
}
DIV#homeContent IMG.icon1{
	position: relative; top: -50px; left: -10px;
	float: right;
	z-index: 1;
}
DIV#homeContent IMG.icon2{
	position: relative; top: 350px; left: -21px;
	float: left;
}

DIV#aboutContent{
	background: url('images/contentBgAbout.gif') 409px 242px no-repeat;
}
DIV#aboutContent IMG.products{
	position: relative; top: -23px; left: 15px;
	display: block;
}

DIV#productsContent IMG{
	position: relative; left: 107px; top: 18px;
}

DIV#contactContent TABLE{
	position: relative; left: 15px;
}
DIV#contactContent TH{
	width: 110px;
	text-align: left;
	padding-top: 5px;
}
DIV#contactContent INPUT.text, DIV#contactContent TEXTAREA.text{
	width: 275px;
	background-color: white;
	border: solid 1px #0054a5;
	margin-bottom: 15px;
	color: black;
	padding: 5px 0 5px 9px;
}
DIV#contactContent TEXTAREA.text{
	height: 130px;
}
DIV#contactContent TD.button{
	height: 40px;
	text-align: center;
}
DIV#contactContent{
  background: url('images/contact.jpg') no-repeat 420px 337px;
}

DIV#predesignedContent P{
	font-size: 3.0em;
	text-align: center;
	padding-top: 150px;
}

DIV.gallery{
	margin-left: 15px;
}
DIV.gallery DIV.galleryEntry{	
	width: 179px; height: 202px;
	background: url('images/galleryBg.gif') no-repeat 0px 0px;
	margin-bottom: 20px;
	float: left;
}
DIV.galleryEntry IMG.galleryImage{
	border: solid 1px #babab9;
	position: relative; top: 8px; left: 9px;
}

DIV#diyContent{
	position: relative; top: 10px;
}
DIV#diyContent DIV#Tabs{
	width: 100%; height: 38px; 
	background: url('images/diyBgTabs.gif') no-repeat top white;
}
DIV#diyContent DIV#Tabs DIV.tab, DIV#diyContent DIV#Tabs DIV.tabSelected{
	width: 88px; height: 35px;
	background: url('images/tab.gif') no-repeat #fcb226;
	margin: 3px 0 0 20px;
	float: left;
}
DIV#diyContent DIV#Tabs DIV.tabSelected{
	background: url('images/tabSelected.gif') no-repeat #f7f8c2;
}
DIV.tab P A, DIV.tabSelected P A{
	color: black;
	font-size: 0.75em;
	font-weight: bold;
}
DIV.tab P, DIV.tabSelected P{
	text-align: center;
	width: 88px;
	margin: 0px; padding: 10px 0 0 0px;
}
DIV#diyContent DIV#Selection{
	width: 100%; height: 99px; 
	background: url('images/diyBgSelection.jpg') repeat-x top #f6f7b7;
}
DIV#diyContent DIV#Selection IMG{
	position: relative; top: 8px; left: 20px;
	margin: 0px; padding: 0px;
}
DIV#diyContent DIV#Details{
	width: 100%; height: 443px; 
	background: url('images/diyBgDetails.gif') no-repeat bottom white;
}
DIV#diyContent DIV#Details DIV#Thumbnails{
	width: 107px; height: 100%;
	float: left;
}
DIV#Thumbnails DIV.thumbnail, DIV#Thumbnails DIV.thumbnailSelected{
	width: 67px; height: 67px;
	background: url('images/thumbnailBg.gif') no-repeat;
	margin: 10px 0 0 20px; padding-top: 4px;
	text-align: center;
	clear: left;
}
DIV#Thumbnails DIV.thumbnailSelected{
	background: url('images/thumbnailBgSelected.gif') no-repeat;
}
DIV#diyContent DIV#Details DIV#Image{
	width: 433px; height: 100%;
	float: left;
}
DIV#Image DIV.imageContainer{
	width: 379px; height: 379px;
	background: url('images/imageContainer.gif') no-repeat white;
	text-align: center;
	margin-top: 11px;
}
DIV#Image IMG.previewButton{
	position: relative; left: 95px; top: 10px;
	clear: left;
}
DIV#diyContent DIV#Details DIV#Info{
	width: 371px; height: 100%;
	float: left;
}
DIV#Info H1, DIV#Info H2, DIV#Info P{
	color: black;
	padding: 0px;
}
DIV#Info H1{
	margin-top: 30px;
}
DIV#Info H2{
	font-weight: bold; font-style: italic;
	font-size: 1.05em;
	margin-bottom: 10px;
}
DIV#Info P.price{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 30px;
}
DIV#Info DIV.buttons{
	width: 111px;
	margin-right: 13px;
	float: right;
}
DIV#Info DIV.buttons IMG{
	margin-bottom: 5px;
}
DIV#Info DIV.sizes{
	margin-top: 30px;
}
DIV#Info DIV.sizes TD, DIV#Info DIV.sizes INPUT{
	color: black;
}
DIV#Info DIV.sizes TD{
	padding: 0 10px 5px 0;
}
Right{
	font-size: 1.1em;
	font-weight: bold;
	color: white;
	padding: 5px 5px 5px 5px;
}
/*   Boxes   */

DIV.blueBox DIV, DIV.greenBox DIV{
	cursor: pointer;
}

DIV#RightColumn DIV.blueBox DIV#workwearBox{
	background: url('images/boxBgWorkwear.jpg') 56px 30px no-repeat;
	position: relative; left: 9px;
}
DIV#RightColumn DIV.blueBox DIV#merchandiseBox{
	background: url('images/boxBgMerchandise.jpg') 0px 0px no-repeat;
	position: relative; top: -3px; left: -2px;
	text-align: right;
	width: 232px;
}
DIV#RightColumn DIV.blueBox DIV#uniformsBox{
	background: url('images/boxBgUniforms.jpg') top right no-repeat;
	position: relative; top: -3px; left: 8px;
}
DIV#RightColumn DIV.blueBox DIV#workwearBox H1{
	padding-top: 10px;
}
DIV#RightColumn DIV.blueBox DIV#merchandiseBox H1{
	padding-top: 10px;
}
DIV#RightColumn DIV.blueBox DIV#uniformsBox H1{
	padding-top: 10px;
}

DIV#BottomRow DIV.blueBox DIV#diyBox{
	background: url('images/boxBgDiy.jpg') 192px bottom no-repeat;
	position: relative; top: 3px; left: 10px;
}
DIV#BottomRow DIV.blueBox DIV#predesignedBox{
	background: url('images/boxBgPredesigned.jpg') 100px 13px no-repeat;
	position: relative; left: 5px;
}
DIV#BottomRow DIV.blueBox DIV#charityBox{
	background: url('images/boxBgCharity.jpg') 101px 14px no-repeat;
	position: relative; left: 10px;
}
DIV#BottomRow DIV.blueBox DIV#diyBox H1{
	padding-top: 15px;
}
DIV#BottomRow DIV.blueBox DIV#predesignedBox H1{
	padding-top: 15px;
}
DIV#BottomRow DIV.blueBox DIV#charityBox H1{
	padding-top: 15px;
}

DIV#BottomRow DIV.greenBox DIV#contactBox{
	background: url('images/boxBgContactGreen.jpg') 192px 7px no-repeat;
	position: relative; left: 9px;
}
DIV#BottomRow DIV.greenBox DIV#charityBox{
	background: url('images/boxBgCharityGreen.jpg') 93px 14px no-repeat;
	position: relative; left: 9px;
}
DIV#BottomRow DIV.greenBox DIV#contactBox H1{
	padding-top: 15px;
	position: relative; left: -2px;
}
DIV#BottomRow DIV.greenBox DIV#contactBox P{
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	letter-spacing: -0.em;
	position: relative; left: -2px;
}
DIV#BottomRow DIV.greenBox DIV#contactBox SPAN.phoneNumber{
	color: #0054a5;
	font-size: 2.1em; 
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.0em;
	display: block; padding-top: 5px;
	height: 35px;
}
DIV#BottomRow DIV.greenBox DIV#charityBox H1{
	padding-top: 15px;
}
	
	
DIV#RightColumn DIV.blueBox{
	width: 240px; height: 188px;
	margin: 9px 0 0 11px;
	background: url('images/boxBlueRight.jpg') no-repeat 0px 0px #0054a5;
}
DIV#RightColumn DIV.blueBox DIV{
	width: 100%; height: 100%;
}
DIV.blueBox DIV H1{
	color: #8bc53f;
	font-size: 1.2em; line-height: 1.2em;
	margin: 0 0 5px 0; padding: 0px;
}
DIV.blueBox DIV P, DIV.greenBox DIV P{
	color: white;
	font-size: 1.05em; line-height: 1.2em;
	margin: 0px; padding: 0px;
}
DIV.greenBox DIV H1{
	color: #0054a5;
	font-size: 1.2em; line-height: 1.2em;
	margin: 0 0 5px 0; padding: 0px;
}

DIV#BottomRow DIV.blueBox{
	width: 321px; height: 154px;
	background: url('images/boxBlueBottom.jpg') no-repeat 0px 9px black;
	float: left;
}
DIV#BottomRow DIV.greenBox{
	width: 240px; height: 154px;
	background: url('images/boxGreenBottom.jpg') no-repeat 0px 9px black;
	float: right;
}
DIV#BottomRow DIV.blueBox DIV, DIV#BottomRow DIV.greenBox DIV{
	width: 100%; height: 100%;
}
DIV#BottomRow H1{
	margin: 0px;
}
DIV#BottomRow DIV#bottomLeft{
	width: 339px;
}



/*   Header / Footer   */

DIV#Header IMG.logo{
	position: relative; top: 8px;
	float: left; z-index: 100;
}
DIV#Header IMG.flag{
	float: right;
}
DIV#Header H1{
	width: 400px;
	color: white;
	font-size: 1.15em;
	line-height: 1.3em;
	margin: 0px; padding: 120px 0 0 0;
	position: relative; left: 10px;
	float: left;
}

DIV#Navigation DIV A, DIV#Footer DIV A{
	color: white;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 0.7em; font-weight: normal;
	height: 12px; line-height: 12px;
	padding: 0 8px 0 8px;
	letter-spacing: -0.00em;
	border-right: solid 1px white;
	position: relative; top: 14px;
	display: block; float: left;
	z-index: 100;
}
DIV#Footer DIV A{
	float: right;
}
DIV#Navigation DIV A.noborder, DIV#Footer DIV A.noborder{
	border: none;
}
DIV#Navigation DIV A.first{
	padding-left: 0px;
}


/*   Structure   */

DIV#Header{
  width: 947px; height: 177px;	
	background: url('images/headerBg.gif') no-repeat 609px 0px;
	margin: 0 auto 0 auto;
}

DIV#Navigation{
  height: 39px;
	background: url('images/navigationBg.gif') repeat-x #0054a5;
}

DIV#ContentWrapper{
	width: 911px; height: 744px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperLong{
	width: 911px; height: 2850px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperStore{
	width: 911px; height: 1204px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperDesigner{
	width: 911px; height: 775px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperCatalogue{
	width: 911px; height: 874px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperProducts{
	width: 911px; height: 1074px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperGolf{
	width: 911px; height: 1004px;
	margin: 0 auto 0 auto;
}
DIV#ContentWrapperWorkwearPW{
	width: 911px; height: 904px;
	margin: 0 auto 0 auto;
}
DIV#SingleColumn{
	width: 911px; height: 590px;
	background: url('images/pageBgSingle.gif') no-repeat 0px 10px;
}
DIV#CentreColumn{
	width: 911px; height: 590px;
	text-align:center;
}
DIV#SingleColumnLong{
	width: 911px; height: 2850px;
	background: url('images/pageBgSingle.gif') no-repeat 0px 10px;
}
DIV#SingleColumnStore{
	width: 911px; height: 1050px;
	background: url('images/pageBgSingleStore.gif') no-repeat 0px 10px;
}
DIV#SingleColumnEmail{
	width: 911px; height: 1400px;
	background: url('images/pageBgSingleEmail.jpg') no-repeat 0px 10px;
}
DIV#SingleColumnEmailAll{
	width: 911px; height: 1400px;
	background: url('images/pageBgSingleEmailAll.jpg') no-repeat 0px 10px;
}
DIV#LeftColumn{
	width: 660px; height: 590px;	
	float: left;
	background: url('images/pageBgLeft.gif') no-repeat 0px 10px;
}
DIV#LeftColumnLong{
	width: 660px; height: 2850px;	
	float: left;
	background: url('images/pageBgLeftLong.gif') no-repeat 0px 10px;
}
DIV#LeftColumn DIV.content{
	width: 100%; height: 100%;
}

DIV#RightColumn{
	width: 251px; height: 590px;	
	float: left;
}

DIV#BottomRow{
	width: 911px; height: 154px;
	clear: left;
}

DIV#Footer{
	height: 59px;
	background: url('images/navigationBg.gif') repeat-x 0px 0px;
}

DIV#Navigation DIV.centered, DIV#Footer DIV.centered{
	width: 911px;
	margin: 0 auto 0 auto;	
	clear: left;
}