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

html {
	padding: 0;
	margin: 0;
}
img {
border: 0;
display: block;
}

a:link, a:visited {color: black;}
a:hover {text-decoration: none;}

h1 {font-size: 2em; padding-top: 0; margin-top: 0;}
h2 {font-size: 1.8em; padding-top: 0; margin-top: 0;}
h3 {font-size: 1.6em; padding-top: 0; margin-top: 0; text-align: center;}


p {
font-size : 12px;
line-height: 1.5;
margin-top: 0;
}

:focus { outline-style: none; } /* fix for FF post-click ghost outlines */

noscript{
width: 90%;
font-size: 1.8em;
text-align: center;
padding: 25px;
}

body {
margin: 0;
background-color:#fdfdfd;
color: black;
font: 62.5% Verdana, Arial, Helvetica, sans-serif; /* Using system where 1em equals 10px */
background-image: url(../images/green_vertical_vignette.gif);
background-repeat: repeat-x;
background-position:top center;
}

/* overall wrapper for all content, centres everything*/
#wrapper {
position: relative;
width: 944px;
margin: 0px auto;
}

/* wraps AJAX content with green border */
#outer_content_wrapper {
position: relative;
border: 3pt solid #006600;
background-color: #fff;
}

/* your actual AJAX'ed content */
#contentDiv{
text-align: left;
}
#greyoutOverContentDiv{
position: absolute;
top: 132px;
left: 4px;
width: 936px;
height: 536px;
background-color: #fff;
filter: alpha(opacity=75);
opacity: 0.80;
z-index: 2;
display: none;
}

.tl_green{ position: absolute; left: -3pt; top: -3pt;}
.tr_green{ position: absolute; right: -3pt; top: -3pt;}
.bl_green{ position: absolute; left:  -3pt; bottom: -3pt}
.br_green{ position: absolute; right:  -3pt; bottom:  -3pt;}

#green_shape{
position: absolute;
right: -12px;
top: -13px;
}

#phone_number{
position: absolute;
right:70px;
top: 30px;
font-size: 1.8em;
color: #fff;
font-weight: 700;
}
#office_hours {
position: absolute;
left: 674px;
top: 70px;
font-size: 1em;
color: #FFFFFF;
}
.clearer {
height: 0;
padding: 0;
margin: 0;
clear: both;
}
#talkSport {
position: absolute;
top: 119px;
right: 92px;
width: 170px;
height: 170px;
z-index: 2;
display:none;
text-align: center;
}
#talksport_text {
position: absolute;
width: 150px;
top: 87px;
left: 6px;
line-height: 1.2;
color: #FFFF00;
font-size: 1.1em;
font-family: Georgia, "Times New Roman", Times, serif;
}
#close_talksport {
position: absolute;
top: 140px;
right: 12px;
cursor: pointer;
}
#main_footer{
position: relative;
background-color: #161616;
color: #FFFFFF;
padding: 10px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-size: 1.1em;
text-align: center;
}
#main_footer a:link, #main_footer a:visited{
color: #FFFFFF;
}

.tl_transparent{ position: absolute; left: 0; top: 0;}
.tr_transparent{ position: absolute; right: 0; top: 0;}
.bl_transparent{ position: absolute; left: 0; bottom: 0;} 
.br_transparent{ position: absolute; right: 0; bottom: 0;}

/* Quick Order Form */

#quick_order_formDiv{
display: none;
overflow: hidden;
position: absolute;
top: 131px;
left: 23px;
width: 700px;
height: 180px;
z-index: 3;
}
#qo_top_wrapper {
position: relative;
top: 10px;
left: 20px;
height: 145px;
width: 650px;
z-index: 5;
}
#qo_background{
position: absolute;
top: 0;
left: 0;
z-index: 4;
}

#complete_order_formDiv{
background-image: url(../images/710x342_white_background.png);
background-repeat: no-repeat;
display: none;
overflow: hidden;
position: absolute;
top: 288px;
left: 23px;
width: 710px;
height: 342px;
padding: 20px;
z-index: 3;
}
#qo_heading{
margin-bottom: 8px;
}
.qoLabel{
font-size: 1em;
padding: 1px;
}
#complete_qo_but{
position: absolute;
right: 0;
bottom: 0;
width: 120px;
}
#submit_qo{
position: absolute;
right: 80px;
top: 295px;
width: 100px;
}
#hide_qo_form{
position: absolute;
right: 20px;
top: 10px;
cursor: pointer;
z-index: 6;
}
#hide_qo_complete_form{
position: absolute;
right: 70px;
top: 10px;
cursor: pointer;
}
a.qochange:link, a.qochange:visited{
color: #000;
font-weight: bold;
}
#qo_text {
position: absolute;
left: 0;
bottom: 0;
font-size: 1.1em;
font-weight: 700;
line-height: 1.3;
color: #0066CC;
}
#qo_newline{
font-weight: 700;
}
#qo_messageDiv {
position: absolute;
right: 190px;
top: 298px;
font-size: 1.2em;
color: #0066CC;
}
/* menus */

#navcontainerDiv {
position: relative;
padding: 0;
height: 22px;
margin-bottom: 6px;
}
#navlist {
float : left;
width: 100%;
padding : 0;
margin: 2px 0px 2px 0px;
background-color : #000;
color : #fff;
font-family : arial, helvetica, sans-serif;
font-size : 12px;
}
#navlist li {
display : inline;
}
#navlist li a {
padding : 0.2em 1em;
background-color : #000;
color : #fff;
text-decoration : none;
float : left;
width: auto;
border-right : 1px solid #fff;
}
#navlist li a:hover {
background-image: url(../images/small_green_vert_vig.gif);
background-repeat: repeat-x;
/*background-color : #009900; */
}

/* Home */

#flipcat_area {
background-image: url(../images/home_page_top_panel.jpg);
position: absolute;
top: 20px;
left: 20px;
width: 600px;
height: 280px;
background-repeat: no-repeat;
}

#mission_statement {
background-image: url(../images/600x280_white_background.jpg);
position: absolute;
top: 230px;
left: 20px;
width: 600px;
height: 286px;
background-repeat: no-repeat;
}
#mission_statement_inner {
padding: 20px 20px;
font-family: "Trebuchet MS", "Times New Roman", Times, serif;
font-size: 1.1em;
}
#mission_statement_inner p {
font-size: 1.1em;
}
#flipcatPlugDiv {
position: absolute;
top: 25px;
left: 490px;
}

#offers_wrapper{
position: absolute;
top: 0;
right: 0;
}
#arrow{
position: absolute;
top: 160px;
left: 525px;
cursor: pointer;
}
#qo_arrow{
position: absolute;
top: 65px;
left: 135px;
cursor: pointer;
}

/* T&C */

.bold_green_headings  { 
color: #006400; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
font-weight: bold 
}
.centred_bold_green_headings  {
font-size: 14px;
color: #006400; 
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
font-weight: bold; 
text-align: center; 
margin-top: 0;
padding-top: 0;
margin-bottom: 6px;
}
.tc_small_text {
text-align: left;
font-size: 1.1em;
margin-bottom: 6px;
line-height: 1.3;
}

/* Contact */

#contact_one {
position: relative;
background-image: url(../images/fawn_vert_vig.gif);
background-repeat: repeat-x;
position: relative;
height: 100px;
background-color: #c7b79f;
padding: 20px;
margin-bottom: 15px;
}
#contact_one p, #contact_two p, #contact_three p{
font-size: 1.4em;
line-height: 1;
margin-top: 0;
}
#contact_one h2, #contact_two h2{
color:#FFFFFF;
font-size: 2.5em;
margin-bottom: .8em;
}
#contact_two a:link, #contact_two a:visited{
color:#FFFFFF;
text-decoration: none;
}
#contact_two a:hover{
text-decoration: underline;
}
.contact_inner {
position: absolute;
top: 20px;
left: 170px;
}
#fax_us {
position: absolute;
top: 20px;
right: 25px;
width: 350px;

}
#contact_two {
background-image: url(../images/fawn_vert_vig.gif);
background-repeat: repeat-x;
position: relative;
height: 80px;
background-color: #c7b79f;
padding: 20px;
margin-bottom: 15px;
	
}
#contact_three {
background-image: url(../images/fawn_vert_vig.gif);
background-repeat: repeat-x;
position: relative;
height: 140px;
float: left;
width: 436px;
background-color: #c7b79f;
margin-right: 5px;
margin-bottom: 6px;
}
#contact_three p {
line-height: 1.5;
}
#contact_four {
background-image: url(../images/fawn_vert_vig.gif);
background-repeat: repeat-x;
position: relative;
height: 140px;
float: right;
width: 436px;
background-color: #c7b79f;
margin-left: 5px;
margin-bottom: 6px;
}
#contact_four p {
font-size: 1.4em;
line-height: 1.5;
margin-top: 0;
}
#contact_four h4 {
font-size: 1em;
}
#contact_bottom_text {
font-size: 1.3em;
font-weight: 700;
}
/* Smart Tabs */

#offers_table {
margin-bottom: 12px;
}
#offers_table td{
width: 250px;
height: 172px;
padding-top: 1px;
padding-bottom: 1px;
vertical-align: middle;
/*border: 2px solid #fff;*/
}
#smartTabsMessage_Div {
position: absolute;
bottom: 10px;
left: 125px;
width: 490px;
color: #fff;
text-align: left;
font-size: 1.2em;
}

#offer_bottom_wrapper{
position: absolute;
left: 50px;
bottom: 20px;
width: 850px;
}
#basket_mono{
position: absolute;
right: 240px;
bottom: 15px;
cursor: pointer;
}
#goods_in_basket{
position: absolute;
right: 305px;
bottom: 43px;
width: 30px;
height: 16px;
font-size: 1.4em;
text-align: center;
color:#FF0000;
border:1px solid #fff; /* fix for disapearing div bug */
}
#offers_bottom_text{
position: absolute;
left: 235px;
width: 250px;
top: 20px;
font-size: 1.2em;
font-weight: bold;
}
#more_offers_button{
position: absolute;
right: 50px;
top: 0px;
cursor: pointer;
}

/* Options */

#options_table td{
width: 220px;
height: 169px;
padding-top: 1px;
padding-bottom: 1px;
}
#goods_in_basket2{
position: absolute;
right: 400px;
bottom: 50px;
font-size: 1.4em;
color:#FF0000;
}
#options_plus_description {
position: absolute;
right: 50px;
top: 385px;
width: 210px;
font-size: 11px;
}
#options_bottom_wrapper{
position: relative;
margin-top: 10px;
}
#basket_mono2{
position: absolute;
left: 480px;
bottom: 20px;
cursor: pointer;
}
#options_bottom_text {
position: absolute;
left: 55px;
top: 4px;
width: 410px;
font-size: 1.2em;
line-height: 1.3;
font-weight: bold;
}
#back_arrow {
position: absolute;
left: 0px;
bottom: 20px;
cursor: pointer;
}
/* Offers and Options forms */
#form_slideDownDiv {
	background-color : #3f3f3f;
	color: #FFFFFF;
	border : 2px solid #6e9872;
	position : absolute;
	top : 0;
	left : 0;
	padding : 10px;
	z-index : 98;
	overflow : auto;
	}
	a.change:link, a.change:visited{
	color: #FFFFFF;
	}
	#form_slideDownDiv img {
	display: inline;
	}
	#order_formDiv input, #accrued_priceDiv input {
	margin : 4px 4px 0 0;
	border : 0;
	padding : 3px;
	}
	.hide_icon_form {
	position : absolute;
	bottom : 3px;
	right : 3px;
	}
	#form_labels input {
	padding : 1px;
	margin-right : 4px;
	border : 2px solid #3f3f3f;
	}
	#form_labels {
	border-top : 1px solid #ffffff;
	}
	#print_icon, #send_order_button {
	position : absolute;
	left : 6px;
	bottom : 3px;
	cursor : pointer;
	}
	#complete_order_icon {
	position : absolute;
	left : 110px;
	bottom : 3px;
	cursor : pointer;
	}
	#complete_order_slideDownDiv {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 100;
	padding : 10px;
	background-color : #3f3f3f;
	color: #FFFFFF;
	border : 2px solid #6e9872;
	}
	#complete_order_slideDownDiv input, complete_order_slideDownDiv textarea {
	margin : 0;
	margin : 4px 4px 0 0;
	border : 0;
	padding : 3px;
	}
	#invoice_address, #delivery_address {
	width : 250px;
	height : 92px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	}
	#organisation {
	width : 250px;
	}
	#message_Div {
	color : #ffffff;
	position : absolute;
	bottom : 5px;
	left : 140px;
	font-size : 1.2em;
	}
	#intructionsDiv {
	float : left;
	width : 700px;
	display : none;
	}
	#intructionsDiv p {
	font-size: 0.8em;
	margin : 2px 0 2px 0;
	padding : 2px 0 2px 0;
	}
/* Cat Page */

#cat_page_bottomDiv {
position: absolute;
bottom: 0;
width: 100%;
height: 77px;
background-color: #f3c618;
}
#cat_page_list {
margin-top: 10px;
font-size: 1.3em;
line-height: 1.5;
}
#cat_page_list li{
list-style-type: circle;  
}
#order_printed {
background-image: url(../images/order_printed.png);
background-repeat: no-repeat;
background-position: top;
position: absolute;
right: 50px;
top: 0px;
width: 77px;
height: 77px;
padding-top: 16px;
text-align: center;
cursor: pointer;
font-size: 1.1em;
font-weight: 700;
-moz-user-select: none;
}
#order_cat_panel {
background-image: url(../images/white_panel_drop_shadow.png);
background-repeat: no-repeat;
display: none;
overflow: hidden;
position: absolute;
top: 0;
right: 25px;
width: 530px;
height: 250px;
padding: 20px;
/*background-color: #bcc5c1;*/
z-index: 1;
text-align: right;
}

#their_name {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
width: 378px;
}
#their_address {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
width: 380px;
height: 102px;
}
#order_cat_button {
position: absolute;
top: 175px;
right: 68px;
width: 130px;
}
#order_cat_panel{
font-size: 1.2em;
}
#close_order_cat_panel {
position: absolute;
left: 510px;
top: 230px;
cursor: pointer;
}
#messageDiv {
position: absolute;
top: 210px;
left: 25px;
width: 490px;
color: #0066FF;
text-align: left;
}

/* Nike */

#nike_heading {
position: absolute;
right: 30px;
top: 20px;
width: 610px;
color: #fff;
font-size: 2em;
font-weight: 700;
line-height: 1.5;
}

/* Pencarrie */
#tk_iframe{
overflow: hidden;
}
#pancarrie_loader{
display: none;
}

/* Custom Clothing */


#colourup_area {
position: absolute;
top: 186px;
left: 10px;
z-index: 0;
}
#clothing_header {
margin-top: 10px;
width: 100%;
}
#area_buttons {
font-size: 1.3em;
}
#area_buttons input{
margin-bottom: 6px;
}

#custom_table{
position: absolute;
top: 30px;
left: 158px;
z-index: 1;
}
#clothing_instructions{
display: none;
position: absolute;
top: 20px;
left: 20px;
width: 125px;
z-index: 2;
}
#clothing_instructions p{
font-size: 1.2em;
line-height: 1.5;
color: #FFFFFF;
}
#clothing_form {
position: absolute;
top:0;
left: 18px;
width: 906px;
height: 343px;
display: none;
background-image: url(../custom_clothing/images/white_gell_background.png);
background-repeat:no-repeat;
z-index: 99;
}
#complete_order_table {
position: absolute;
top:20px;
left: 200px;
}
#clothing_form textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.15em;
}
#orderSwfwDiv{
position: absolute;
top: 25px;
left: 25px;
}
#hide_icon_form{
position: absolute;
bottom:25px;
right: 25px;
cursor: pointer;
}
#cont_order_button{
position: absolute;
bottom: 45px;
right: 225px;
width: 120px;
z-index: 10;
cursor: pointer;
}
#tabs{
position: absolute;
right: 60px;
top: 35px;
z-index: 99;
}
#clothing_submit_button{
position: absolute;
bottom: 25px;
right: 115px;
width: 130px;
}
#inputs {
position: absolute;
top: 165px;
left: 25px;
font-size: 1.2em;
}
#inputs select{
margin-bottom: 12px;
}
#min_quant {
position: absolute;
left: 25px;
bottom: 25px;
}
.red_text {
color: #FF0000;
}
#top_small_grey_panel{
margin-left: 10px;
}
#clothing_top_images{
position: relative;
left: 7px;
height: 140px;
}
#clothing_top_images img{
display: inline;
cursor: pointer;
margin-right: 6px;
border: 1px solid #fff;
}
#clothing_inst_line1 {
position: absolute;
top: 45px;
left: 25px;
width: 110px;
z-index: 2;
}
#clothing_inst_line1 p{
font-size: 1.2em;
line-height: 1.5;
color: #FFFFFF;
}
#clothing_caption1{
position: absolute;
top: 123px;
left: 176px;
width: 100px;
text-align: center;
}
#clothing_caption2{
position: absolute;
top: 123px;
left: 287px;
width: 230px;
text-align: center;
}
#clothing_caption3{
position: absolute;
top: 123px;
left: 498px;
width: 110px;
text-align: center;
}
#custom_clothing_messageDiv {
position: absolute;
bottom: 23px;
right: 260px;
width: 400px;
height: 20px;
text-align: right;
color: #0066FF;
}