/*
#274368 = blue type (p, etc)
#DADEE4 = light grey/blue (hr, etc)
#486284 = mid blue (nav bg, etc)
#EE6931 = red highlights (borders, etc)
#5E7799 = light blue (minor type, etc)
-----------------------------------------------
Site Title
Author:   Tim Anderson-Bonsor
Version:  Date V1.0
----------------------------------------------- */

/* File Content
-----------------------------------------------
 1/ Global Structure
 2/ Leftbar Structure
 3/ Rightbar Structure
 4/ Headings
 5/ Navigation + Links
 6/ Header
 7/ Footer
 8/ Tables
 9/ Lists
 10/ Forms
 11/ Misc
 12/ End
----------------------------------------------- */
 

/* =Global Structure
----------------------------------------------- */

/* Clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

/* end clearfix */


html {
	 overflow-y:scroll
	}

body {
 margin: 0;
 font: 12px/1.5em arial, helvetica, verdana, sans-serif;
 /*width: 770px;*/
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 color: #5E7799;
}

hr {
height: 1px;
overflow: hidden;
border: 0;
color: #DADEE4;
background: #DADEE4;
}
p {
margin: 10px 0;
}
a {
color: #EE6931;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #274368;
}
a.uline {
 text-decoration: underline;
 font-size: 12px;
}
.img_replace {
 display: block;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
}
img, a {
 border: 0;
}
.left {
display: block; 
float: left; 
position: relative; 
top: 2px; 
}
sup {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
line-height: 0pt;
position: relative;
top: 4px;
}
/*
sup {
 margin: 0;
 line-height: 0;
 position: relative;
 top: 4px;
}
*/
.float_right {
 float: right;
 margin-top: 10px;
}
/* =Leftbar Structure
----------------------------------------------- */
div#content {
 position: relative;
}
div#left {
 float: left;
 position: relative;
}
div#full {
 float: left;
 margin: 0 15px;
}
p.left_p {
 margin-left: 15px;
}
img.feat_right {
 float: right;
 margin: 0 0 20px 20px;
}

#headerBg {
 background: transparent url(../images/bg.gif) 0 0 repeat-x;
 width:100%;
 margin:0 auto
}

#wholesale-header {
 background: transparent url(../images/wholesale-header.png) 0 0 repeat-x;
 width:100%;
 margin:0 auto
}

#wholesaleHeaderBg {
	background:transparent url(../images/bg-wholesale.gif) 0 0 repeat-x;
	width:100%;
	margin:0 auto;
	height:126px
}

#wholesaleProducts {
	margin:66px auto;
}

.wholesaleProductsLeft {
	width:188px;
	float:left
}

.wholesaleProductsRight {
	width:570px;
	float:left
}

.wholesale-product-title-right, .wholesale-product-title-left  {
 font: 17px/1.2em arial, helvetica, sans-serif;
 margin: 0;
 padding-bottom: 9px;
 border-bottom: 1px solid #ad0018;
 color:#ad0018;
 display:block;
 text-align:left;
}

.wholesale-product-title-right  {
 text-align:right;
}

.wholesale-product-title-left  {
	margin-left:12px
}

.wholesale-category {
	margin-top:20px;
	margin-left:12px;
	text-align:left
}

.wholesale-category #kids, .wholesale-category #ladies, .wholesale-category #adults,
.wholesale-category #teesMenu, .wholesale-category #polosMenu, .wholesale-category #outerwearMenu,
.wholesale-category #pantsMenu {
	width:144px;
	display:none
}

.wholesale-category a {
	width:144px;
	height:auto;
	display:block;
	border-bottom:1px solid #ad0018;
	font-size:11px;
	color:#FFF;
	margin-top:1px;
	margin-bottom:1px;
	background:#274368;
}

.wholesale-category a span  {
	padding:1px 11px;
	display:block
}

.wholesale-category a:hover {
	background:#7a91af;
	text-decoration:none;
	color:#FFF;
}

.wholesale-category img {
	padding-bottom:1px
}

.wholesale-product-info {
	margin:26px auto;
	width:350px;
	float:left;
	text-align:left
}

.wholesale-product-image {
	margin:26px auto;
	width:220px;
	float:left;
	text-align:right
}

.wholesale-product-image img {
	padding:3px;
	border:1px solid #DADEE4
}

.shirts {
	clear:both;
	margin:5px 0px 25px 0px;
	display:block
}

.one-color, .two-color {
	border:1px solid #CCCCCC;
	float:left;
	height:16px;
	overflow:hidden;
	display:block;
	padding:0;
	width:16px;
	margin-right:2px
}

.one-color span {
	width:16px;
	display:block
}

.two-color span {
	float:left;
	height:16px;
	padding:0;
	width:8px;
}

.sizetable table {
	display:block;
	clear:both;
}

.sizetable thead {
	font:bold;
}

.sizetable thead td {
	font-weight:bold;
	color:#FFF;
	background:#5E7799
}

.sizetable td {
	padding:2px 4px;
	font:11px Arial, Helvetica, sans-serif;
}

.all {
	width:770px;
	margin:0 auto;
	text-align:center;
}

 
/* =Rightbar Structure
----------------------------------------------- */
div#right {
 float: right;
}
div.trackies div#right table {
 width: 93%;
}
p.inline {
 float: right;
 margin: 0;
}

/* =Header
----------------------------------------------- */
#header {
 position: relative;
/* border-bottom: 2px solid #EE6931;*/
 width:770px;
 margin:0 auto;
z-index:101;
}

#header p#checkout {
 position: absolute;
 right: 14px;
 top: 5px;
 margin: 0;
 padding: 0;
 color: #94AEC9;
}
#header p#checkout a {
color: #BBCCE0;
text-decoration: underline;
}

#wholesaleHeader {
 position: relative;
 width:770px;
 margin:0 auto;
 background:transparent;
 height:93px;
}

#wholesaleHeader p#checkout {
 position: absolute;
 right: 14px;
 top: 5px;
 margin: 0;
 padding: 0;
 color: #94AEC9;
}
#wholesaleHeader p#checkout a {
color: #BBCCE0;
text-decoration: underline;
}

.mouse_overs {
position: absolute; 
height: 15px;
margin: 0;
padding: 0;
bottom: -22px;
color: #5E7799;
display: none;
}
#uniforms_p {left: 210px; text-align: center; width: 572px;}
#streetwear_p {left: 310px; text-align: center; width: 572px;}
#trackies_p {left: 210px; text-align: center; width: 572px;}
#design_p {left: 210px; text-align: center; width: 572px;}
#account_p {left: 210px; text-align: center; width: 572px;}
#about_p {left: 180px; text-align: right; width: 572px;}
#wholesale_p {left: 180px; text-align: right; width: 572px;}
#links_p {left: 180px; text-align: right; width: 572px;}
#contact_p {left: 210px; text-align: center; width: 572px;}

/* =Footer
----------------------------------------------- */
div#footer {
	font-size: 11px;
 float: left;
 width: 744px;
 border-bottom: 1px solid #EE6931;
 color: #8696AA;
 margin: 30px 0;
 padding: 5px 13px;
 clear: both;
}
div#footer p img {
 position: relative;
 top: 3px;
 margin-left: 5px;
}
div#footer p.left {
 width: 200px;
 float: left;
 text-align: left;
 margin: 0;
}
div#footer p.right {
 width: 500px;
 float: right;
 text-align: right;
 margin: 0;
 position: relative;
 top: -2px;
}
/* =Headings
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 0;
	width: 646px;
	height: 78px;
}

h1 a {
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/logo.png) no-repeat;
	height: 133px;
	width:113px;
	position:absolute;
	behavior: url(iepngfix.htc);
}

#logo{
	/*behavior: url(iepngfix.htc);*/
}

#wholesaleLogin {
	position: absolute;
	width:124px;
	top:0;
	right:0
}

#registerForWholesale {
	position: absolute;
	width:150px;
	top:2px;
	right:95px
}

#registerForWholesale a{
	color:#FFF;
	text-decoration:none;
	font-size:11px;
}

#registerForWholesale a:hover{
	color:#FFF;
	text-decoration:underline
}


#wholesaleLoginFields {
	height:80px;
	width:100%;
	margin:0 auto;
	background: #ee6931 url(../images/wholesaleBg.png) top left repeat-x;
	display:none
}

.wholesaleLoginInner {
	width:770px;
	margin:0 auto;
	color:#FFF;
}

#wholesaleLoginFields .input {
	height:14px;
	width:90px;
	font-size:10px;
	background:#d1541f;
	color:#FFF;
	border:none
}

.padding10 {
	padding:10px 0px;
}

.padding16 {
	padding:16px 0px 0px;
}

.text10 {
	font-size:10px
}


h2 {
 font: bold 14px/1em arial, helvetica, verdana, sans-serif;
 color: #EE6931;
}
h2 em {
 font-style: normal;
 font-weight: normal;
}
  h2#title_bar {
   background: #E4E9EF;
   margin: 27px 0 21px;
   padding: 17px 15px;
   border-top: 1px solid #EE6931;
  }
  img#feature_home {
   width: 770px;
   height: 246px;
   margin-top: 27px;
  }
  h2#title_bar.design {
   margin: 27px 0 21px;
   padding: 17px 15px;
   border-top: 1px solid #EE6931;
  }
h3 {
color: #EE6931;
font: 14px/1em arial, helvetica, sans-serif;
border-bottom: 1px solid #DADEE4;
padding: 10px 0 5px;
margin: 0;
}
  h3#title_bar_right {
   position: absolute;
   right: 15px;
   top: 6px;
   border: 0;
   color: #274368;
  }
  h3#title_bar_right a {
   text-decoration: underline;
  }
  form#choose_school h3 {
   margin-bottom: 10px;
  }
  h3.img_replace {
   border: 0;
   font-size: 1px;
   width: 180px;
   height: 89px;
   background: #DADEE4 url(../images/h3_1.gif) 0 0 no-repeat;
  }
  h3.img_replace#step1 {background-image: url(../images/non_h3_1.gif);}
  h3.img_replace#step2 {background-image: url(../images/non_h3_2.gif);}
  h3.img_replace#step3 {background-image: url(../images/non_h3_3.gif);}
  .home h3 {
   margin: 10px 0 15px;
   border-bottom: 1px solid #ECD5D6;
   padding: 10px 0 8px;
  }
  .home h3 a {
   text-decoration: underline;
  }
  div.contact #right h3 {
   margin: 10px 0 5px;
  }
  div.trackies #right h3 {
   border: 0;
   margin: 0 0 0 -100px;
   position: relative;
   border-bottom: 1px solid #DADEE4;
   padding: 3px 0 8px 0;
   text-indent: 100px;
   line-height: 1.3em;
   width: 331px;
  }
  h3 em {
   font-size: 10px;
   font-style: normal;
  }
  h3 em a {
   text-decoration: underline;
  }
h4 {
color: #EE6931;
font: 12px/1em arial, helvetica, sans-serif;
padding: 5px 0;
margin: 0;
}
 li h4 {
  font-size: 14px;
  margin: 15px 0 5px;
  padding-top: 3px;
 }
h5 {
 font: 17px/1.2em arial, helvetica, sans-serif;
 margin: 0;
 padding-bottom: 9px;
 border-bottom: 1px solid #DADEE4;
}
 .school_detail h5 {
  border: 0;
 }
h5 strong {
 color: #EE6931;
}
h6 {
 font: 10px/1.4em arial, helvetica, sans-serif;
 margin: 0;
}
   
/* =Navigation + =Links
----------------------------------------------- */

ul#nav {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 656px;
 height: 24px;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul#nav.wholesaleNav {
	width:374px
}

ul#nav li {
 margin: 0;
 padding: 0;
}
ul#nav li a {
 display: block;
 text-indent: -9999px;
 height: 24px;
 float: left;
 /*position: absolute;*/
}
li#uniforms a {width: 102px; float:left; background: transparent url(../images/nav.gif) 0 0 no-repeat; display:block }
li#streetwear a {width: 73px; float:left; background: transparent url(../images/nav.gif) -102px 0 no-repeat; display:block }
li#trackies a {width: 61px; float:left; background: transparent url(../images/nav.gif) -175px 0 no-repeat; display:block }
li#designService a {width: 116px; float:left; background: transparent url(../images/nav.gif) -236px 0 no-repeat; display:block }
li#account a {width: 118px; float:left; background: transparent url(../images/nav.gif) -352px 0 no-repeat; display:block }
li#about a {width: 63px; float:left; background: transparent url(../images/nav.gif) -470px 0 no-repeat; display:block }
li#wholesale a {width: 76px; float:left; background: transparent url(../images/nav.gif) -533px 0 no-repeat; display:block }
li#links a {width: 48px; float:left; background: transparent url(../images/nav.gif) -609px 0 no-repeat; display:block }
li#contact a {width: 74px; float:left; background: transparent url(../images/nav.gif) -657px 0 no-repeat; display:block }

li#tshirts a {width: 58px; float:left; background: transparent url(../images/nav-ws.gif) 0 0 no-repeat; display:block }
li#polos a {width: 48px; float:left; background: transparent url(../images/nav-ws.gif) -58px 0 no-repeat; display:block }
li#outerwear a {width: 74px; float:left; background: transparent url(../images/nav-ws.gif) -106px 0 no-repeat; display:block }
li#wovenShirts a {width: 85px; float:left; background: transparent url(../images/nav-ws.gif) -180px 0 no-repeat; display:block }
li#coloursOfCotton a {width: 109px; float:left; background: transparent url(../images/nav-ws.gif) -265px 0 no-repeat; display:block }

/* hover */
li#uniforms a:hover {background: transparent url(../images/navo.gif) 0 0 no-repeat;}
li#streetwear a:hover {background: transparent url(../images/navo.gif) -102px 0 no-repeat;}
li#trackies a:hover {background: transparent url(../images/navo.gif) -175px 0 no-repeat;}
li#designService a:hover {background: transparent url(../images/navo.gif) -236px 0 no-repeat;}
li#account a:hover {background: transparent url(../images/navo.gif) -352px 0 no-repeat;}
li#about a:hover {background: transparent url(../images/navo.gif) -470px 0 no-repeat;}
li#wholesale a:hover {background: transparent url(../images/navo.gif) -533px 0 no-repeat;}
li#links a:hover {background: transparent url(../images/navo.gif) -609px 0 no-repeat;}
li#contact a:hover {background: transparent url(../images/navo.gif) -657px 0 no-repeat;}

li#tshirts a:hover {width: 58px; float:left; background: transparent url(../images/navo-ws.gif) 0 0 no-repeat; display:block }
li#polos a:hover {width: 48px; float:left; background: transparent url(../images/navo-ws.gif) -58px 0 no-repeat; display:block }
li#outerwear a:hover {width: 74px; float:left; background: transparent url(../images/navo-ws.gif) -106px 0 no-repeat; display:block }
li#wovenShirts a:hover {width: 85px; float:left; background: transparent url(../images/navo-ws.gif) -180px 0 no-repeat; display:block }
li#coloursOfCotton a:hover {width: 109px; float:left; background: transparent url(../images/navo-ws.gif) -265px 0 no-repeat; display:block }
/* selected */
li#uniforms.selected a {background: transparent url(../images/navo.gif) 0 0 no-repeat;}
li#streetwear.selected a {background: transparent url(../images/navo.gif) -102px 0 no-repeat;}
li#trackies.selected a {background: transparent url(../images/navo.gif) -175px 0 no-repeat;}
li#designService.selected a {background: transparent url(../images/navo.gif) -236px 0 no-repeat;}
li#account.selected a {background: transparent url(../images/navo.gif) -352px 0 no-repeat;}
li#about.selected a {background: transparent url(../images/navo.gif) -470px 0 no-repeat;}
li#wholesale.selected a {background: transparent url(../images/navo.gif) -533px 0 no-repeat;}
li#links.selected a {background: transparent url(../images/navo.gif) -609px 0 no-repeat;}
li#contact.selected a {background: transparent url(../images/navo.gif) -657px 0 no-repeat;}

li#tshirts.selected a {width: 58px; float:left; background: transparent url(../images/navo-ws.gif) 0 0 no-repeat; display:block }
li#polos.selected a {width: 48px; float:left; background: transparent url(../images/navo-ws.gif) -58px 0 no-repeat; display:block }
li#outerwear.selected a {width: 74px; float:left; background: transparent url(../images/navo-ws.gif) -106px 0 no-repeat; display:block }
li#wovenShirts.selected a {width: 85px; float:left; background: transparent url(../images/navo-ws.gif) -180px 0 no-repeat; display:block }
li#coloursOfCotton.selected a {width: 109px; float:left; background: transparent url(../images/navo-ws.gif) -265px 0 no-repeat; display:block }



p#cart {
 background: transparent url(../images/icon_bag.gif) no-repeat 0 5px;
 text-indent: 25px;
 padding: 10px 0;
 position: absolute;
 right: 15px;
 top: -3px;
 font-size: 12px;
}
ul#menu {
 margin-bottom: 18px;
 width: 374px;
}
ul#menu li a {
 color: #fff;
 background: #95A7BF;
 padding: 5px 28px;
 margin-right: 1px;
}

.subnav {
	float:left;
	width:174px;
	margin-top:5px;
}

.subnav a {
	padding:3px 10px;
	margin-bottom:2px;
	/*background:#ad0018 url(../images/subnavBg.gif) top left repeat-x;*/
	display:block;
	text-align:left
}

.subnav a:hover {
	text-decoration:none;
}


.aboutUsContent {
	float:left;
	width:564px;
	text-align:left
}

.aboutUsContent P {
	padding:10px
}

.aboutImage {
	margin:10px 0px 10px 10px;
	padding:2px;
	border:1px solid #CCC
}

#keyPersonnel {
	display:none
}

/* =Tables
----------------------------------------------- */
table {
 border-collapse: collapse;
 border: 0;
}
table td {
  vertical-align: top;
}
table#nametape {
 width: 100%;
}
table#schoolselect td {
 padding: 0 14px 14px 0;
 vertical-align: top;
}
table#swatches {
 float: right;
 width: 80px;
 margin: 0;
 position: relative;
 top: 20px;
 left: 1px;
}
table#swatches td a {
display: block;
width: 40px;
height: 28px;
}
a#col01 {background: #001d4c;}
a#col02 {background: #000;}
a#col03 {background: #f9003a;}
a#col04 {background: #005cd5}
a#col05 {background: #01009b}
a#col06 {background: #1d473d}
a#col07 {background: #a3abb0}
a#col08 {background: #39444e}
a#col09 {background: #e20058}
a#col10 {background: #f6f433}
a#col11 {background: #ff5f1d}
a#col12 {background: #00b8ae}
a#col13 {background: #ff3172}
a#col14 {background: #8a2fca}
a#col15 {background: #4bd4e9}
a#col16 {background: #b586dd}
a#col17 {background: #8ab2e9}
a#col18 {background: #f1bfc9}

table#sizechart {
 margin-left: 15px;
}
table#sizechart td,
table#sizechart th {
 border: 1px solid #eee;
 text-align: center;
 padding: 5px;
}
table#sizechart th {
 text-align: right;
 color: #EE6931;
}

.tooltip {
width: 100px; 
color: #526A86;
font: bold 14px/1.3 Arial,sans-serif;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}

.tooltip span.top {
 padding: 20px 0 0;
 background: url(../images/bt.gif) no-repeat top;
}

.tooltip b.bottom {
 padding: 3px 8px 8px;
 color: #548912;
 background: url(../images/bt.gif) no-repeat bottom;
 }

/* ================== cart styles ================== */
p#cart_alert {
position: absolute; 
height: 15px;
margin: 0;
padding: 0;
bottom: -22px;
right: 15px;
font-size: 11px;
color: #5E7799;
font-weight: bold;
font-size: 14px;
color: #EE6931;
}
p#cart_alert a {
 text-decoration: underline;
}
  table.cart {
   width: 730px;
   margin: -20px 20px 0;
  }
  table.cart sup {
   font-size: 9px;
   font-weight: normal;
   margin-left: 3px;
  }
  
  /* table rows */    
    /* category heading row */
    
table.cart tr th {
font-weight: normal;
color: #b6001a;
font-size: 120%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #274368;
text-align: left;
padding-top: 15px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0pt;
}
    
    /*
    table.cart tr th {
     font-weight: normal;
     color: #B6001A;
     font-size: 120%;
     border-bottom: 1px solid #274368;
     text-align: left;
     padding: 15px 0 5px;
    }
    */
    /* delivery row */
    table.cart tr.delivery_row td {
     border-top: 4px solid #F2f2f2;
     padding: 15px;
     text-align: right;
    }
    /* total row */
    table.cart tr.total_row td {
     padding: 20px 15px;
     background: #E4E9EF;
     font-weight: bold;
     font-size: 110%;
     color: #EE6931;
     text-align: right;
    }
    table.cart tr.total_row td {
     white-space: nowrap;
    }
    table.cart tr.total_row td.checkout_buttons {
     text-align: left;
     font-size: 100%;
    }
    table.cart tr.total_row td.checkout_buttons a {
     color: #274368;
     margin-right: 20px;
    }
     
  /* table cells */
  table.cart td {
   border-top: 1px solid #F2F2F2;
   vertical-align: middle;
   padding: 5px 15px;
  }
  td.cartcol1 {width: 10px;}
  td.cartcol2 {
   padding-left: 20px;
  }
  td.cartcol3 {
   width: 120px;
   text-align: right;
  }
  td.cartcol4 {
   width: 10px;
   text-align: right;
  }
  td.cartcol5 {
   font-weight: bold;
   font-size: 110%;
   text-align: right;
   padding-left: 230px;
  }
  
  table.cart td select {
   width: auto;
  }
  /* links and fonts */
  table.cart td a {
   line-height: 1.3em;
   text-decoration: underline;
  }


/* ================== checkout step 1 ================== */
 /* selected item box */
 div#selected_items {
  float: right;
  margin-right: 20px;
  width: 200px;
 }
 div#selected_items ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
 }
 div#selected_items ul li {
 border-bottom: 1px solid #DADEE4;
 padding: 9px 0;
 }
 div#selected_items ul li img {
  float: left;
  margin: 2px 9px 0 0;
  border: 3px solid #DADEE4;
 }
 div#selected_items p {
  text-align: left;
  padding-left: 52px;
 }
 div#selected_items p strong {
  color: #EE6931;
 }
 div#selected_items p a {
  text-decoration: underline;
  font-weight: normal;
 }
 div#selected_items p strong {
  display: block;
  float: left;
 }
 div#selected_items p span {
  text-align: right;
  padding-right: 20px;
  width: 70px;
  display: block;
  float: right;
 }
 /* big form */
 form#checkout_step1 table {
  width: 500px;
  margin-left: 20px;
 }
 form#checkout_step1 table td { 
  padding: 5px 10px;
 }
 form#checkout_step1 table td input.text {
  width: 100%;
 border-top: 1px solid #7C7C7C;
 border-left: 1px solid #7C7C7C;
 border-right: 1px solid #C3C3C3;
 border-bottom: 2px solid #DDDDDD;
 }
 
/* prices table */
li table {
 width: 142px;
 border-bottom: 1px solid #DADEE4;
 margin-bottom: 9px;
}
li table td {
 width: 80px;
 padding-right: 0;
}
li table td,
li table th {
 border-top: 1px solid #DADEE4;
 text-align: left;
}

table#orderblock {
 clear: both;
 position: absolute;
 left: 160px;
 top: 85px;
 width: 300px;
 background: #274368;
 border-collapse: collapse;
 display: none;
 border: 3px solid #111;
}
table#orderblock td {
 padding: 0 20px;
 background: #eee;
}
table#orderblock th {
 border-bottom: 1px solid #999;
 padding: 10px 20px;
 text-align: left;
 color: #274368;
 background: #eee;
}
table#orderblock th a {
 text-align: right;
 display: block;
 position: relative;
 top: -4px;
 right: -9px;
}
#orderblock input.text {
 width: 100%;
}
tr#toprow td {
 padding-top: 10px;
}


/* =Lists
----------------------------------------------- */
.hor_list {
 margin: 0;
 padding: 0;
 list-style: none;
}
.hor_list li {
 float: left;
 margin: 0;
 list-style-type: none;
}


.std_list_new {
 position: relative;
 top: -4px;
 margin: 0;
 padding: 0 0 0 40px;
 list-style-type: none;
 font-size: 12px;
}
.std_list_new li {
 background: #fff url(../images/bullet.gif) 0 5px no-repeat;
 padding-left: 12px;
 margin-bottom: 4px;
}
div.design ul.std_list_new {
 margin-bottom: 15px;
}
.std_list_new#prices {

 line-height: 1.2em;
 padding-top: 0;
}
.std_list_new#prices li {
 background: transparent;
 color: #5E7799;
 padding-top: 5px;
}
.std_list_new#prices li h3 {
 position: relative;
 top: -5px;
 font-weight: bold;
}
ul.std_list_new#prices li.sm_pale {
font-size: 11px; 
color: #7A91B5; 
padding-bottom: 3px;
}

ul.prod_list {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 164px;
 margin-top: 27px;
 float: right;
}
ul.prod_list li a {
color: #555555;
font-size: 11px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #e0e1e5;
display: block;
padding-top: 3px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
/*
ul.prod_list li a {
 color: #555;
 font-size: 11px;
 border-bottom: 1px solid #E0E1E5;
 display: block;
 padding: 3px 5px;
}
*/

/* =Forms
----------------------------------------------- */
form input.button {
 margin: 5px 0;
}

form#choose_school {
 display: block;
 width: 232px;
 margin-left: 87px;
}
form#choose_school select {
 margin: 4px 0 5px;
}
/*
select {
width: 100%;
 border-top: 1px solid #7C7C7C;
 border-left: 1px solid #7C7C7C;
 border-right: 1px solid #C3C3C3;
 border-bottom: 2px solid #DDDDDD;
}
*/
select {
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #7c7c7c;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #7c7c7c;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #c3c3c3;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #dddddd;
}
textarea {
 width: 100%;
 height: 40px;
 border-top: 1px solid #7C7C7C;
 border-left: 1px solid #7C7C7C;
 border-right: 1px solid #C3C3C3;
 border-bottom: 2px solid #DDDDDD;
}
.comingsoon {
 margin-bottom: 161px;
}
form#enquiry input.text {
 width: 100%;
 border-top: 1px solid #7C7C7C;
 border-left: 1px solid #7C7C7C;
 border-right: 1px solid #C3C3C3;
 border-bottom: 2px solid #DDDDDD;
}
form.faq_table {
 margin-left: 10px;
}
form#enquiry td {
 padding: 5px 5px 5px 15px;
}
form#style_select {
 position: absolute;
 left: 205px;
 top: 14px;
 width: 200px;
}
    .school_detail form#product_select {
     width: 250px;
    }
    .trackies form#product_select {
     width: 250px;
     margin-top: 5px;
    }
    form#product_select {
     float: left;
    }
    form#product_select td.last {
     padding-right: 0;
    }
    form#product p {
     margin: 0 0 3px;
    }
    tr#sizerow td {
     padding-right: 10px;
     color: #EE6931;
     padding-bottom: 7px;
    }
    /*
    tr#sizerow td  p {
     margin: 0 0 4px;
    }
	*/
	tr#sizerow td p {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 4px;
	margin-left: 0pt;
	}

/* =Misc and =Redundant
----------------------------------------------- */
/* =Specific Pages
----------------------------------------------- */
 /* school navigation */
 ul.hor_list#school_nav {
  margin: 0 15px 13px;
 /* border-bottom: 1px solid #dadee4;*/
  height: 22px;
 }
 ul.hor_list#school_nav li a {
  font-size: 11px;
  color: #fff;
  display: block;
  background: #486284;
  margin-right: 1px;
  padding: 2px 20px;
  text-decoration: underline;
 }
 ul.hor_list#school_nav li a:hover {
  background: #7a91af;
 }
 ul.hor_list#school_nav li.selected a {
  background: #7a91af;
  text-decoration: none;
 }
    /* --- Select Page --- */
	.school_choose {
		padding-top:33px;
		text-align:left
	}
	
    div.school_choose div#left {
     padding-left: 13px;
     width: 375px;
    }
    div.school_choose div#right {
     width: 380px;
     height: 319px;
     background: transparent url(../images/bg_chooseschool.jpg) 25% 100% no-repeat;
    }
    /* --- School Index Page */
    table#school_thumbs td {
     padding: 10px 27px 10px 0;
     border-bottom: 1px solid #dadee4;
     width: 10px;
    }
    table#school_thumbs td.last {
     padding-right: 0;
    }
    table#school_thumbs a {
     font-size: 10px;
     line-height: 1.1em;
     color: #7483a0;
    }
    table#school_thumbs a img {
     border: 1px solid #dadee4;
     margin: 10px 0 5px;
    }
    table#school_thumbs a.selected img {
     border: 1px solid #8b0019
    }
    /* --- School Detail Page --- */
    .school_detail #left {
     margin-left: 15px;
     width: 535px;
     position: relative;
    }
    p.disclaimer {
     color: #72849C;
     margin: 12px 0 0;
     clear: both;
     font-size: 11px;
    }
    .school_detail #right {
     margin-right: 15px;
     width: 200px;
     float: right;
    }
 
 /* === Homepage Styles === */
 div.home div#left {
  width: 193px;
 }

 div.home div#right {
  width: 565px;
 }
 p#browse a {
  background: transparent url(../images/feat_browse.jpg) 0 0 no-repeat;
  width: 182px;
  height: 135px;
  float: left;
  margin-right: 9px;
  display: block;
 }
 p#choose a {
  background: transparent url(../images/feat_choose.jpg) 0 0 no-repeat;
  width: 182px;
  height: 135px;
  float: left;
  margin-right: 9px;
  display: block;
 }
 p#purchase a {
  background: transparent url(../images/feat_purchase.jpg) 0 0 no-repeat;
  width: 182px;
  height: 135px;
  float: left;
  display: block;
 }

 /* === Design Page Styles === */
 div.design p {
  margin-left: 15px;
 }
 div.design div#left {
  width: 375px;
 }
 div.design div#right,
 div.account div#right {
  width: 395px;
 }
 
 /* === Account Page Styles === */
 div.account p,
 div.account h3 {
  margin-left: 15px;
 }
 div.account h3 {
 background: #fff url(../images/acrobat.png) 0 9px no-repeat;
 text-indent: 22px;
 }
 div.account div#left {
  width: 375px;
 }
 div.account p em {
  display: block;
  float: left;
  margin-left: 22px;
  color: #5E7799;
 }
 div.account p a strong {
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
 }
 p.pdf_dl {
  width: 300px;
  margin: -5px 0 30px 0;
 }
 p.pdf_dl img {
  position: relative;
  top: 7px;
  margin-right: 5px;
 }
 
 /* === Contact Page Styles === */
 div.contact p,
 div.contact h3,
 div.help p,
 div.help h3 {
  margin-left: 15px;
 }
 #faq p {
  margin-left: 25px;
 }
 div.contact #left {
  width: 375px;
 }
 div.contact #right {
  width: 360px;
 }
 div.contact #right form#enquiry td {
  padding: 5px 15px 5px 0;
 }
 form#enquiry {
  width: 375px;
 }
 div.contact #right form#enquiry {
  margin: 0 0 10px 0;
 }
 
 /*=====  WHOLESALE FORMS =====*/
 
#wholesaleProducts h2 {
	border-bottom:1px solid #e0c25a;
	padding-bottom:6px;
}

#wholesaleProducts input {
	border-color:#7C7C7C #C3C3C3 #DDDDDD #7C7C7C;
	border-style:solid;
	border-width:1px 1px 2px;
}

#wholesaleProducts td {
	padding:3px;
}

#form1_submit {
	width:80px;
	height:20px;
	background:transparent url(../images/btn_login.gif) no-repeat top left;
 }
 

 /* === Trackie Page Styles === */
 div.trackies div#left {
  margin-left: 15px;
  width: 460px;
  text-align:left
 }
 div.trackies div#left ul.std_list_new {
  width: 200px;
  margin-top: 10px;
  color: #5E7799;
  padding-left: 0;
 }
 a#detail_img {
  display: block;
  position: relative;
 }
 #detail_img img {
  border: 1px solid #DADEE4;
  border-top: 0;
  margin: 0;
  position: relative;
 }
 #detail_img img#zoom {
  position: absolute;
  border: 0;
  right: 5px;
  bottom: 5px;
 }
.school_detail a#detail_img {
  float: left;
}
.school_detail #detail_img img {
  border-top: 1px solid #DADEE4;
  margin: 0 40px 50px 0;
  float: left;
}
 div.trackies div#right hr {
  margin-bottom: 10px;
 }
 div.trackies div#right #zoom
  div.school_detail #zoom {
  border: 0; 
  position: absolute; 
  top: 0; 
  left: 0;
 }
 div.trackies div#right {
  width: 231px;
  margin-right: 15px;
 }
 div.trackies div#left {
  margin-left: 15px;
  width: 460px;
 }
 div.trackies div#left ul.std_list_new {
  width: 200px;
  margin-top: 10px;
  color: #5E7799;
  padding-left: 0;
 }
 p#trackies_ad a {
  background: transparent url(../images/feat_trackies.jpg) 0 0 no-repeat;
  width: 193px;
  height: 135px;
  float: left;
  margin-right: 9px;
  display: block;
 }
 p#trackies_ad_new a {
  background: transparent url(../images/feat_trackies_new.jpg) 0 0 no-repeat;
  width: 248px;
  height: 135px;
  float: left;
  display: block;
 }
 
 
 .design-banner {
  width:248px;
  float:left
 }
 .welcome-message {
  width:507px;
  float:left;
  text-align:left;
  color:#666;
 }
 
 .front-banner-welcome {
 margin:15px 0px;
 height:140px;
 }
 
 /* === Size Chart Styles === */
 div.sizechart p {
  margin: 15px;
 }
 /* === Ajax Popup === */
 div#ajax_popup {
 background: #fff;
 width: 250px;
 position: absolute;
 z-index: 1000;
 margin: 0;
}
div#ajax_popup a#button img {
 border: 0;
 margin: 0;
}
div#ajax_popup p {
 margin: 0 10px 7px 0;
 line-height: 1.2em;
}
div#ajax_popup h3 {
 margin: 0 0 10px 0;
 padding: 0;
}
div#ajax_popup h3 a {
 display: block;
 text-indent: -9999px;
 background: #90A3BC url(../images/btn_close.gif) top left no-repeat;
 height: 21px;
}
div#ajax_popup img {
 float: left;
 margin:  3px 15px 15px;
 border: 1px solid #EE6931;
}
div#ajax_popup p#popup_footer {
 margin: 0;
 font: 10px/1.2em verdana, arial, helvetica, sans-seif;
 clear: both;
 background: #E4E9EF;
 padding: 10px 15px;
}
div#ajax_popup p#popup_footer a {
 text-decoration: underline;
}


/* add to cart box */
div#item_box_add {
z-index: 20; 
position: relative;
left: 0;
}
div#item_box_add img {
 float: left;
 margin:  3px 15px 15px 0;
 border: 1px solid #EE6931;
}
div#item_box {
position: absolute; 
bottom: 25px; 
left: 30; 
width: 200px; 
background: transparent url(../images/bg_alertbox.png) left bottom; 
border: 4px solid #DDE4E9;
padding: 10px;
}
div#item_box_add div#item_box p {
margin: 0;
}
div.trackies #right div#item_box h3 {
 margin: 0 0 10px 0;
 font-size: 15px;
 font-weight: bold;
 text-indent: 0;
 padding: 0;
 width: auto;
}

.text_button {
 background: #99ABC1; 
 border: 1px solid #5D728E; 
 color: #fff; 
 padding: 3px 6px;
 width: auto;
}

#coverup {
 background: #fff; 
 height: 20px; 
 width: 360px; 
 position: relative; 
 right: 0; 
 top: -50px; 
 float: right;
}

/* homepage updates for billing system */

 div.home div#left_new {
  width: 248px;
  margin: 0;
  float: left;
 }
 div.home div#right_new {
  width: 507px;
  float: left;
  margin: 0;
 }

