body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url("pagebg.jpg");
background-position: top left;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #59A2D8;
margin: 0px;
}


p {
font-size: 12px;
}

td {
font-size: 12px;
}


h1 {
font-size: 14px;
font-weight: bold;
color: #000;
margin-top: 20px;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #000;
margin: 0px;
padding: 0px;
padding-bottom: 10px;
}


#pagewidth {
width: 1000px;
background-image: url("pagewidthbg.gif");
background-position: top center;
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}


#header {
height: 170px;
text-align: left;
background-image: url("headerbg.jpg");
background-position: top center;
background-repeat: no-repeat;
}

#workwear {
width: 181px;
height: 115px;
float: left;
position: relative;
left: 8px;
top: 7px;
position: relative;
}


.workwear {
color: #004F9E;
font-size: 20px;
font-weight: bold;
}


.work {
display: none;
}

#sameday {
width: 163px;
height: 105px;
float: left;
position: relative;
left: 18px;
top: 15px;
background-image: url("sameday.jpg");
background-position: top center;
background-repeat: no-repeat;
margin-left: 10px;
}


#download {
width: 155px;
height: 114px;
float: left;
position: relative;
left: 30px;
top: 7px;
margin-left: 12px;
color: #004F9E;
font-weight: bold;
}



#localservices {
width: 206px;
height: 111px;
float: left;
position: relative;
background-color: white;
left: 30px;
top: 7px;
margin-left: 40px;
border: 2px #004F9E solid;
text-align: center;
color: #004F9E;
}


#localservices a:link { color: #004F9E; text-decoration: underline; }
#localservices a:active { color: #004F9E; text-decoration: underline; }
#localservices a:visited { color: #004F9E; text-decoration: underline; }
#localservices a:hover { background-color: #004F9E; color: #fff; text-decoration: none; }


#login {
width: 138px;
height: 106px;
float: left;
position: relative;
left: 30px;
top: 12px;
margin-left: 30px;
color: #004F9E;
font-size: 16px;
font-weight: bold;
text-align: center;
}


#login a:link { color: #004F9E; text-decoration: none; }
#login a:active { color: #004F9E; text-decoration: none; }
#login a:visited { color: #004F9E; text-decoration: none; }
#login a:hover { color: #004F9E; text-decoration: underline; }


#topnav {
height: 31px;
background-color: #5E6679;
width: 998px;
clear: both;
left: 1px;
position: relative;
top: 18px;
line-height: 30px;
text-align: left;
color: #fff;
}

#maincol {
width: 1000px;
background-image: url("pagewidthbg.gif");
background-position: top center;
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
clear: both;
text-align: left;
}


#footer {
background-color: #004F9E;
width: 998px;
height: 32px;
margin-left: auto;
margin-right: auto;
clear: both;
text-align: center;
color: #fff;
line-height: 32px;
border-bottom: 1px black solid;
border-top: 1px #000 solid;
font-size: 11px;
}

#footer a:link { color: #FFF; text-decoration: none; }
#footer a:active { color: #FFF; text-decoration: none; }
#footer a:visited { color: #FFF; text-decoration: none; }
#footer a:hover { color: #FFF; text-decoration: none; }










#breadcrumb {
font-size: 12px;
margin-bottom: 12px; 
}




#vb {
float: right;
position: relative;
top: 0px;
left: -26px;
margin-left: 100px;
width: 132px;
height: 31px;
}


















.priceblocktop {
background-image: url("priceblocktop.gif");
background-position: top center;
background-repeat: no-repeat;
}



























































































a .direct { display: none; }






a#corporate {
    display: block;
    width: 69px;
    height: 31px;
    background-image: url(buttons/home.jpg);
    background-position: 0 0;
    float: left;
}
a#corporate:hover {
    background-position: 0 -31px;
}















a#clothes {
    display: block;
    width: 116px;
    height: 31px;
    background-image: url(buttons/howitworks.jpg);
    background-position: 0 0;
    float: left;
}
a#clothes:hover {
    background-position: 0 -31px;
}













a#wear {
    display: block;
    width: 168px;
    height: 31px;
    background-image: url(buttons/youraccount.jpg);
    background-position: 0 0;
    float: left;
}
a#wear:hover {
    background-position: 0 -31px;
}












a#logo {
    display: block;
    width: 67px;
    height: 31px;
    background-image: url(buttons/faqs.jpg);
    background-position: 0 0;
    float: left;
}
a#logo:hover {
    background-position: 0 -31px;
}




a#findus {
    display: block;
    width: 81px;
    height: 31px;
    background-image: url(buttons/findus.jpg);
    background-position: 0 0;
    float: left;
}
a#findus:hover {
    background-position: 0 -31px;
}







a#shirts {
    display: block;
    width: 103px;
    height: 31px;
    background-image: url(buttons/contactus.jpg);
    background-position: 0 0;
    float: left;
}
a#shirts:hover {
    background-position: 0 -31px;
}







#stage {
width: 774px;
float: right;
left: 0px; 
position: relative;
}


#leftcol {
width: 226px; 
float: right; 
position: relative;
}




ul {
position: relative;
top: 20px;
margin-bottom: 20px;
padding-bottom: 20px;
left: -10px;
position: relative;
}

li {
margin-top: 10px;
list-style-type: none;

}





























#greystrip {
background-color: #5E6679;
height: 22px;
width: 100%;
clear: both;
}

.greyhead {
font-size: 12px;
font-weight: bold;
color: white;
line-height: 22px;
float: left;
position: relative;
text-indent: 12px;
}

#clothesencase {
width: 448px;
background-color: #CCCCCC;
float: left;
position: relative;
margin-left: auto;
margin-right: auto;
}

#hppics {
width: 230px;
background-color: #cccccc;
float: left;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}




#hppicyellow {
width: 225px;
height: 168px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image: url("hppicyellow.gif");
background-position: top center;
background-repeat: no-repeat;
}

#hppicgrey {
width: 225px;
height: 168px;
margin-top: 2px;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image: url("hppicgrey.gif");
background-position: top center;
background-repeat: no-repeat;
}

#mediumpic {
width: 102px; 
height: 158px; 
float: left; 
top: 5px; 
left: 5px; 
position: relative;
}

#mediumtext {
width: 101px; 
height: 127px; 
color: #323232; 
float: left; 
top: 35px; 
left: 10px; 
position: relative;
}

.redbutton { color: white; font-weight: bold; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: transparent; background-image: url(redbutton.gif); text-align: center; cursor: pointer; width: 144px; height: 23px; border-style: none; border-width: 0; }

#corporate-clothing {
height: 60px;
width: 206px;
float: left;
left: 12px;
top: 30px;
position: absolute;
}















#clothing {
float: left;
position: relative;
width: 221px;
height: 90px;
margin: 1px;
background-image: url("clothingbg.gif");
background-position: top center;
background-repeat: no-repeat;
}


.smallpic {
border: 1px #999999 solid;
float: left;
left: 2px;
top: 4px;
position: relative;
}


#smallbox {
float: left;
left: 4px;
top: 4px;
position: relative;
width: 131px;
color: #323232;
}























#addbox {
top: 10px;
margin-bottom: 20px;
padding-bottom: 20px;
text-align: center;
width: 214px; 
height: 184px;
left: 5px;
position: relative;
background-image: url("buybox.jpg");
background-position: top center;
background-repeat: no-repeat;
}


.cartbutton {
color: white; 
font-weight: bold; 
font-size: 11px; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
background-color: transparent;
background-image: url(addtocart.jpg); 
text-align: center; 
cursor: pointer; 
width: 166px; 
height: 27px; 
border-style: none; 
border-width: 0; 
}


.addtable {
font-size: 13px;
}




#itemdesc {
width: 214px;
left: 5px;
position: relative;
}


.bigfont {
font-size: 16px;
font-weight: bold;
}




li {
margin-top: 10px;
list-style-type: none;
}

a:link { color: #003366; text-decoration: underline; } 
a:active {color: #003366; text-decoration: underline;} 
a:visited {color: #003366; text-decoration: underline;} 
a:hover {color: #990000; background-color: #cccccc; text-decoration: underline; }








#greenbox {
width: 343px;
float: left;
position: relative;
}

#greenboxtop {
width: 343px;
height: 46px;
background-image: url("images/greenboxtop.gif");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
}

#greenboxmid {
width: 343px;
background-image: url("images/greenboxmid.gif");
background-position: top center;
background-repeat: repeat-y;
float: left;
position: relative;
}

#greenboxbtm {
width: 343px;
height: 13px;
background-image: url("images/greenboxbtm.gif");
background-position: top center;
background-repeat: no-repeat;
float: left;
position: relative;
font-size: 1px;
}









.cpformclass {
background-color: silver;
font-weight: bold;
}
























#otheritemstop {
width: 215px;
height: 23px;
background-image: url("otheritemstop.jpg");
background-position: top center;
background-repeat: no-repeat;
}


#otheritemsmid {
width: 215px;
background-image: url("otheritemsmid.gif");
background-position: top center;
background-repeat: repeat-y;
}

#otheritemsbtm {
clear: both;
width: 215px;
height: 11px;
background-image: url("otheritemsbtm.jpg");
background-position: top center;
background-repeat: no-repeat;
}






.carttable {
color: #000;
font-size: 12px;
border: 1px black solid; 
}

.cartth {
color: #000;
font-size: 12px;
border: 1px black solid;
background-color: #E1E7EF;
}

.carttd {
color: #000;
font-size: 12px;
border: 1px black solid;
}



#si {
display: none;
color: white;
}

#si a:link { color: #FFF; text-decoration: none; }
#si a:active { color: #FFF; text-decoration: none; }
#si a:visited { color: #FFF; text-decoration: none; }
#si a:hover { color: #FFF; text-decoration: none; }