@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/css/font/opensans600.eot');
  src: local('Open Sans'), local('OpenSans'), url('/css/font/opensans600.woff') format('woff');
}
html{
font-family:Arial,Helvetica;
font-size:12px;
color:#333;
}
body{
min-width:995px;
margin:0;
padding:0;
background-color:#FFF;
}
a:link, a:visited{
color:#F60;
font-weight:normal;
text-decoration:none;
}
a:hover{
color:#F90;
}
p{
margin:0;
display:inline;
}
table{
border-collapse:collapse;
margin:0;
border:0;
}
td{border:0;}
img{border:0;}
h1{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
}
h1,h2,h3,h4{
margin:0px;
margin-bottom:3px;
padding:0px;
font-size:17px;
font-weight:bold;
}
h2,h3,h4{
margin-left:0px;
font-size:13px;
font-weight:normal;
text-transform:none;
}
h3,h4{margin-left:0px;}
h4{font-weight:bold;}
select,input,textarea{
font-family:Arial, Helvetica;
font-size:12px;
}
.toggle{
position:absolute;
margin-left:920px;
margin-top:-28px;
z-index:900;
}
.switch_gst{
position:absolute;
margin-left:868px;
margin-top:-28px;
z-index:900;
}
.fb_ltr{
height:32px !important;
}
#fb_contact .fb_ltr{
height:60px !important;
}
#gplus_top{
width:90px;
margin-left:-35px;
}
.page_title{
width:944px;
height:30px;
line-height:30px;
margin-top:-38px;
margin-left:-4px;
padding-left:8px;
font-family:'Open Sans', sans-serif,"Trebuchet MS",Arial,Helvetica;
font-size:16px;
background-image:url(/images/layout/title.jpg);
position:absolute;
color:#FFF;
z-index:11;
}
.view_uniforms h1 a:link{
font-weight: bold !important;
}
div#tipDiv, .swatch_table{
position:absolute;
visibility:hidden;
padding:5px;
text-align:left;
z-index:20;
color:#FFF;
text-shadow:1px 1px #000;
background-image:url(/images/layout/trans.png);
border:1px solid #999;
z-index:1003;
}
div#tipDiv{
left:0;
top:0;
}
.swatch_table{
margin-top:-50px;
margin-left:130px;
text-align:center;
padding-right:1px;
padding-left:5px;
max-width:270px;
visibility:hidden;
}
#change_picture select{
font-size:11px;
}
.header{
height:5px;
background-color:#333;
width:100%;
box-shadow:0px 0px 4px rgba(0, 0, 0, 0.35);
}
.backing{
width:100%;
min-width:995px;
height:500px;
top:108px;
position:absolute;
background-color:#333;
z-index:-1;
}
.shadow{
background-image:url(/images/layout/shadow.png);
width:992px;
height:126px;
margin:0px auto;
margin-top:602px;
z-index:-1;
}
.headertop_bg{
width:950px;
height:77px;
padding-top:4px;
margin:0px auto;
margin-top:-730px;
z-index:11;
}
.page_content{
width:960px;
height:100%;
min-height:680px;
z-index:10;
margin:0px auto;
background-color:#FFF;
border:2px solid #FFF;
padding-top:34px;
border:1px solid #DDD;
box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15);
}
.wrapper{
width:960px;
}
.logo{
width:200px;
display:inline;
float:left;
height:55px;
margin-top:8px;
}
.my_nav{
float:left;
margin-top:8px;
width:245px;
font-size:11px;
}
.links{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
color:#FFF;
text-align:center;
background-color:#666;
padding-top:5px;
padding-bottom:5px;
background-image:url(/images/layout/menu.jpg);
background-position:center;
}
#uorder{
font-size:12px;
text-align:center;
padding:8px;
padding-top:4px;
padding-bottom:4px;
background-color:#EEE;
margin-bottom:4px;
border-bottom:2px solid #333;
}
.links a:link,.links a:visited{
color:#DDD;
font-weight:bold;
}
.links a:hover{
color:#FFF;
}
.links a:active{
color:#DDD;
}
.header_bg{
width:100%;
min-width:995px;
height:36px;
line-height:36px;
background-color:#333;
margin:0px auto;
z-index:2;
background-image:url(/images/layout/menu.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.menu{
width:590px;
float:left;
}
.menu img{
vertical-align:middle;
margin-bottom:2px;
}
.menu a:link,.menu a:visited,#p_selected a:link,#p_selected a:visited{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
height:30px;
text-align:center;
line-height:30px;
text-transform:uppercase;
font-size:11px;
color:#FFF;
float:left;
padding-left:6px;
padding-right:6px;
margin-right:1px;
border:0px;
}
.menu a:hover{
background-image:url(/images/layout/menu_hover.jpg);
color:#FFF;
}
.menu a:active{
background-image:url();
background-color:#FFAF37;
}
.top_menu{
width:958px;
margin:0px auto;
margin-top:2px;
z-index:1001;
}
.top_menu img{
vertical-align:middle;
padding-bottom:4px;
}
.top_menu a:link,.top_menu a:visited,#p_selected a:link,#p_selected a:visited{
font-family:'Open Sans',sans-serif,Arial,helvetica;
height:32px;
text-align:center;
line-height:32px;
font-size:14px;
text-transform:none;
font-weight:bold;
color:#CCC;
float:left;
padding-left:10px;
padding-right:10px;
margin-right:1px;
margin-top:2px;
}
.top_menu a:hover{
color:#FFF;
}
.top_menu a:active{
color:#CCC;
}
#p_selected a:link,#p_selected a:visited{
color:#FFF;
background-color:#FF9900;
}
#p_selected a:hover{
background-image:url();
}
#p_selected a:active{
box-shadow:inset 0px 0px 3px #FF9900;
}
#search_menu a:link,#search_menu a:visited{
background-image:url(/images/layout/button.jpg) !important;
border:1px solid #000;
margin-right:1px;
border-radius:2px;
font-weight:bold;
}
#search_menu a:hover{
background-image:url(/images/layout/menu_hover.jpg) !important;
border:1px solid #FF6600;
color:#FFF !important;
}
#uniform_button{
width:100px;
}
.menu_wrapper{
position:absolute;
margin-top:30px;
margin-left:43px;
z-index:1004;
visibility:hidden;
background-image:url(/images/layout/pointer.png);
background-repeat:no-repeat;
border-bottom:1px solid #CCC;
}
#uniform_menu{
margin-top:20px;
width:191px;
text-align:left;
background-color:#FFF;
}
#uniform_menu a:link, #uniform_menu a:visited{
width:187px;
height:23px;
line-height:23px;
display:inline-block;
padding:0px;
padding-left:4px;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
text-align:left;
background-image:url(/images/layout/trans.png);
border:0px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
color:#FFF;
margin:0px;
border-radius:0px;
}
#uniform_menu a:hover{
background-image:url(/images/layout/menu_hover.jpg);
color:#FFF;
}
#uniform_menu a:active{
background-image:url();
background-color:#FFAF37;
}
.main_search{
width:456px;
height:34px;
line-height:36px;
border:1px solid #AAA;
vertical-align:middle;
float:left;
padding-left:6px;
margin-top:20px;
margin-left:15px;
margin-right:18px;
box-shadow:inset 0px 0px 5px #DDD;
}
#top_search{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
width:300px;
height:23px;
font-size:14px;
font-weight:normal;
color:#999;
padding-left:5px;
border:0px;
}
.search_button{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
color:#FFF;
font-size:13px;
cursor:pointer;
width:105px;
height:26px;
text-transform:uppercase;
background-color:#FF9900;
background-image:url(/images/layout/menu_hover.jpg);
border:0px;
}
.search_button:hover{
background-image:url();
background-color:#FFAF37;
box-shadow:0px 0px 2px rgba(0, 0, 0, 0.15);
}
.search_button:active{
background-color:#FF9900;
background-image:url(/images/layout/menu_hover.jpg);
box-shadow:inset 0px 0px 2px #FF9900;
}
.search_box{
height:50px;
line-height:48px;
vertical-align:middle;
z-index:1000;
float:left;
}
.content{
padding:8px;
padding-right:8px;
width:944px;
float:none;
}
.side_menu{
width:177px;
min-height:650px;
float:left;
padding-top:10px;
padding-bottom:20px;
text-align:left;
display:none;
}
.side_menu img{
width:174px;
}
.side_menu .form_bg{
padding:8px;
padding-top:2px;
padding-bottom:10px;
}
#loader{
position:absolute;
margin-top:155px;
margin-left:130px;
height:16px;
width:16px;
visibility:hidden;
}
#side_search{
width:160px;
font-size:12px;
margin-top:5px;
margin-bottom:10px;
}
#side_search h1{
margin-bottom:2px;
margin-top:8px;
}
#view_options{
overflow:hidden;
width:920px;
height:96px;
position:absolute;
z-index:8;
color:#FFF;
background-repeat:repeat;
background-image:url(/images/layout/trans.png);
padding:10px;
padding-left:5px;
padding-bottom:5px;
padding-right:20px;
border-bottom:1px solid #CCC;
z-index:900;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
#view_options .menu a:link{
padding-left:4px;
padding-right:4px;
}
#view_options .menu img{
padding-bottom:1px;
}
#tvu_menu{
text-align:center;
width:750px;
background-color:#222;
margin-left:5px;
padding-bottom:4px;
}
.tvu_title img{
padding-bottom:2px;
vertical-align:middle;
height:12px;
margin:0px auto;
}
.tvu_title a:link,.tvu_title a:visited{
color:#555;
font-size:12px;
font-weight:normal;
background-image:url(/images/layout/menu_bg.jpg);
background-repeat:repeat-x;
background-position:0px 0px;
border:1px solid #BBB;
border-bottom-color:#999;
padding-left:6px;
padding-right:6px;
margin-right:2px;
margin-bottom:4px;
line-height:24px;
height:24px;
display:inline-block;
vertical-align:middle;
border-radius:2px;
box-shadow:inset 0 0 1px #fff;
text-shadow:0px 0px 0px transparent,0px 1px 0px white;
}
.tvu_title a:hover{
background-position:0px -2px;
color:#444;
border-color:#AAA;
box-shadow:0px 0px 1px rgba(0, 0, 0, 0.40);
}
.tvu_title a:active{
background-position:0px 0px;
box-shadow:inset 0px 1px 2px #AAA;
}
.top_viewed .tvu_title a:link,.top_viewed .tvu_title a:visited{
background-image:url(/images/layout/header_bg.jpg);
background-position:0px 0px;
color:#FFF;
border:1px solid #666;
text-shadow:0px 0px 0px transparent,0px 1px 0px #333;
}
.top_viewed .tvu_title a:hover{
background-image:url(/images/layout/menu_hover.jpg);
border:1px solid #FF9900;
color:#FFF;
}
.top_viewed .tvu_title a:active{
background-image:url();
background-color:#FFAF37;
font-weight:normal !important;
}
.footer_bg{
width:100%;
min-width:995px;
height:80px;
background:#333;
border-top:2px solid #999;
}
.footer{
width:960px;
margin:0px auto;
height:50px;
color:#FFF;
padding-left:5px;
background-image:url(/images/layout/menu.jpg);
background-repeat:no-repeat;
}
.footer_left{
float:left;
margin-right:10px;
}
.footer_options{
width:570px;
float:left;
padding-top:14px;
padding-left:20px;
}
.uniformnz_info{
width:350px;
float:left;
text-align:right;
line-height:16px;
font-size:11px;
padding-top:8px;
}
#uimages_right,#uimages_left{
min-width:300px;
position:absolute;
z-index:-1;
top:110px;
}
#uimages_right{
text-align:right;
right:0;
}
#uimages_left{
text-align:left;
left:0;
}
.livesearch{
width:298px;
min-height:192px;
font-weight:bold;
text-align:left;
color:#FFF;
font-size:13px;
line-height:24px;
margin-top:-5px;
margin-left:0px;
padding-top:20px;
position:absolute;
display:none;
z-index:1002;
background-image:url(/images/layout/pointer.png);
background-repeat:no-repeat;
}
.ls_inner{
width:284px;
background-image:url(/images/layout/trans.png);
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:6px;
box-shadow:0px 3px 3px #999;
}
.livesearch a:link, .livesearch a:visited{
font-family:'Open Sans',sans-serif,Arial,helvetica;
color:#FFF;
font-size:12px;
font-weight:normal;
text-align:left;
z-index:1000;
height:24px;
line-height:24px;
display:block;
}
.livesearch a.hovered{
background-image:url(/images/layout/menu_hover.jpg);
color:#FFF;
}
.livesearch a:active{
background-color:#DDD;
}
.ls_inner .tvu_title a:link,.ls_inner .tvu_title a:visited{
color:#666;
margin:0px;
margin-top:6px;
}
#steps{
width:700px;
height:55px;
background-image:url(/images/layout/steps.jpg);
background-repeat:no-repeat;
padding:8px;
padding-left:50px;
color:#FFF;
z-index:999;
}
.steps{
font-size:28px;
line-height:28px;
color:#FFF;
font-weight:normal;
float:left;
}
.steps_title{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
margin-right:20px;
color:#F90;
font-size:14px;
line-height:30px;
float:left;
cursor:pointer;
}
.steps_title:hover{color:#FFF;}
.steps_desc{
height:12px;
margin-top:12px;
}
.top_viewed{
width:750px;
background-color:#222;
z-index:999;
padding:5px;
color:#FFF;
}
.top_viewed img.prod{
border:1px solid #666 !important;
}
.top_viewed img.prod:hover{
border:1px solid #999 !important;
}
.uniform_options{
width:30%;
max-width:330px;
min-width:200px;
min-height:200px;
margin-right:5px;
float:left;
padding:10px;
background-color:#EEEEEE;
}
.mtp{
width:90px;
height:144px;
line-height:13px;
padding-left:1px;
padding-right:1px;
margin-right:2px;
margin-bottom:15px;
vertical-align:top;
background-color:#171717;
border-top:1px solid #171717;
float:left;
}
.mlt{
background-position:0px 30px !important;
background-repeat:no-repeat;
}
a.mlt:link,a.mlt:visited{
font-family:"Open Sans",sans-serif,Arial,Helvetica;
width:86px;
height:140px;
color:#FFF;
display:block;
padding-top:2px;
padding-left:2px;
padding-right:2px;
text-align:center;
text-transform:uppercase;
}
a.mlt:hover{
color:#F60;
}
.msb{
height:114px;
font-size:11px;
line-height:16px;
text-align:left;
margin:0px;
margin-top:-112px;
display:none;
background-image:url(/images/layout/trans.png);
}
.msb a:link, .msb a:visited{
width:90px;
color:#FFF;
display:block;
text-align:center;
}
.msb a:hover{
color:#F60;
}
.uniform{
width:95%;
padding:5px;
margin:0px auto;
background-color:#EEE;
margin-bottom:5px;
border-radius:2px;
}
.uniform:hover{
background-color:#DDD;
box-shadow:0px 0px 3px #DDD;
}
.phead{
width:100%;
padding-left:5px;
margin-bottom:5px;
background-color:#DDD;
}
.ptitle{
text-align:left;
padding-left:8px;
}
.ptitle a:link, .ptitle a:visited{
color:#333;
font-weight:bold;
}
.ptitle a:hover{
color:#F90;
}
.hide{
text-align:right;
padding-top:3px;
}
.pimage{
width:125px;
text-align:center;
vertical-align:top;
}
.pdesc{
width:540px;
vertical-align:top;
padding-left:10px;
}
.pstyles{
width:220px;
vertical-align:top;
padding-right:10px;
text-align:right;
}
.cf{
padding-left:4px;
}
.descriptions{
cursor:pointer;
}
.view_uniforms h2{
font-weight:bold;
}
.gallery{
font-size:11px;
color:#999;
text-align:center;
margin-right:10px;
margin-bottom:2px;
padding:4px;
background-color:transparent;
border:1px solid transparent;
float:left;
border-radius:3px;
}
.gallery img.prod{
width:125px;
height:145px;
cursor:pointer;
}
.gallery .trans_text{
width:121px;
margin-left:-127px;
margin-top:119px;
}
.gallery:hover{
background-color:#FAFAFA;
border:1px solid #DDD;
box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.15);
}
.gallery a:link,.gallery a:visited,.goptions a:link, .goptions a:visited{
color:#666;
}
.gallery a:hover, .goptions a:hover{
color:#F60;
}
.ttp{
width:129px;
text-align:center;
position:absolute;
margin-top:133px;
z-index:900;
visibility:hidden;
color:#CCC;
cursor:pointer;
}
.ttp a:link,.ttp a:visited,.ttp a:hover{
color:#CCC !important;
}
.ftick{
position:absolute;
margin-left:108px;
}
.prod{
padding:1px;
border:1px solid #CCC;
}
.prod:hover{
border:1px solid #AAA;
}
.gtxt{
height:28px;
padding:2px;
padding-left:3px;
padding-right:3px;
}
.goptions{
margin:0px auto;
visibility:hidden;
}
.goptions img{
vertical-align:middle;
height:10px;
}
.goptions .tvu_title a:link,.goptions .tvu_title a:visited{
width:117px;
min-height:16px;
max-height:16px;
line-height:16px;
font-size:10px;
margin:0px auto;
margin-top:1px;
}
.goptions .tvu_title a:hover{
color:#666 !important;
}
.form_buttons{
border:1px solid #BBB;
cursor:pointer;
}
.colourw{
float:left;
margin-right:4px;
margin-top:4px;
}
.lc{
width:12px;
height:12px;
border:1px solid #999;
float:left;
}
.rc{
width:12px;
height:12px;
border-top:1px solid #999;
border-bottom:1px solid #999;
border-right:1px solid #999;
float:left;
}
.cs{
width:1px;
}
td.cn{
font-size:11px;
}
td.cv{
width:40px;
}
.cols{
width:175px;
float:left;
cursor:pointer;
}
.all_colours a{
display:block;
position:absolute;
width:175px;
height:16px;
z-index:1000;
}
.size_header{
background-color:#000;
color:#FFF;
font-weight:bold;
line-height:12px;
padding:3px;
background-image:url(/images/layout/menu.jpg);
background-position:center bottom;
}
.size_chart{width:100%}
.size_chart td{
width:8%;
line-height:18px;
font-size:9px;
text-align:center;
padding-top:2px;
padding-bottom:2px;
border:1px solid #666;
}
.highlight{
font-weight:bold;
color:#FFF;
background-color:#FFD291;
text-transform:uppercase;
height:18px;
line-height:18px;
margin-bottom:3px;
background-image:url(/images/layout/hl.jpg);
padding:2px;
}
.highlightred{
max-width:940px;
font-size:12px;
font-weight:bold;
height:20px;
line-height:20px;
text-transform:uppercase;
margin-right:5px;
text-align:center;
color:#FFF;
background-image:url(/images/layout/hr.jpg);
background-repeat:repeat-x;
}
.form_bg{
padding:15px;
background-color:#EEE;
}
.form_bg input[type="submit"]{
font-family:'Open Sans',sans-serif,Arial,helvetica;
color:#FFF;
font-size:12px;
cursor:pointer;
min-width:120px;
padding:4px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
text-transform:uppercase;
font-weight:bold;
background-image:url(/images/layout/submit.png);
border:1px solid #999;
border-radius:2px;
vertical-align:middle;
}
.form_bg input[type="submit"]#small_submit{
min-width:80px;
padding:2px;
}
.form_bg input[type="submit"]:hover{
background-image:url(/images/layout/menu_hover.jpg);
border:1px solid #FF9900;
box-shadow:0px 0px 2px #CCC;
}
.form_bg input[type="submit"]:active{
box-shadow:inset 0px 0px 2px #FF6600;
}
.measurements td{
line-height:20px;
padding-left:4px;
padding-right:4px;
text-align:center;
}
.trans_text{
background-image:url(/images/layout/trans.png);
height:28px;
width:111px;
font-size:11px;
line-height:14px;
color:#FFF;
position:absolute;
display:inline;
margin:0 auto;
margin-left:-117px;
margin-top:109px;
text-align:center;
cursor:pointer;
padding-left:2px;
padding-right:2px;
z-index:10;
}
.uni_colours{
width:12px;
height:12px;
float:left;
margin-right:1px;
margin-bottom:2px;
border:1px solid #CCC;
cursor:pointer;
background-image:url(/images/layout/gradient.png);
}
#uni_colours{
position:absolute;
margin-left:500px;
width:400px;
}
.cart_bg{
background-color:#EEEEEE;
margin-top:2px;
padding:5px;
padding-left:10px;
padding-right:10px;
}
.cart_bg h1{
font-size:14px;
margin-right:5px;
}
.cart_button{
padding:4px;
cursor:pointer;
}
#cart_info{
height:24px;
line-height:24px;
vertical-align:middle;
text-align:center;
}
#cart{
vertical-align:middle;
}
.reflect{
margin: 0px auto;
}
.reflect canvas{
margin-top:-10px;
}
#order_form td,#sample_type_cc td,#c_card td{height:22px;}
#sample_options,#c_card,#cash,#bank,#account{padding:10px;}
#mobile_text{
height:46px;
width:177px;
text-align:center;
vertical-align:middle;
background-color:#333;
color:#FFF;
display:none;
margin-bottom:5px;
padding:2px;
background-image:url(/images/layout/menu.jpg);
background-position:center top;
background-repeat:no-repeat;
cursor:pointer;
}
#cboxContent,#cboxMiddleLeft,#cboxMiddleRight{
padding-bottom:24px;
}
#cboxTitle{
margin-bottom:24px !important;
}
.printer .view_uniforms{
max-width:700px !important;
}
.print_table{
border-bottom:1px solid #CCC;
}
#fb_top,#FaceBookLikeButton{
max-height:21px;
overflow:hidden;
}
.gsc-input input{
height:24px;
padding-left:5px !important;
background-position:5px 7px !important;
box-shadow:inset 0px 0px 5px #CCC;
}
.gsc-search-button input{
background-image:url(/images/layout/submit.png) !important;
font-family:'Open Sans',sans-serif,Arial,helvetica !important;
text-transform:uppercase;
font-size:12px !important;
cursor:pointer !important;
padding:4px !important;
padding-left:10px !important;
padding-right:10px !important;
}