/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
html, div, map, dt, isindex, form {display:block;}
body {line-height: 1; font-size: 62.5%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table tr td {vertical-align:top;}
/* End CSS RESET */


/* Some Defaults
--------------------------------------------------------------------------------------- */

html {overflow-y: scroll; overflow-x: hidden; height: 100%}
body {background: #FFF;font: normal 11px verdana; color: #666;_text-align:center;
    line-height:18px; }
.container {margin:0 auto; width:966px; padding:0;}
.containerWrap {width:100%;}
p {padding-bottom:10px;}

/* Typography
--------------------------------------------------------------------------------------- */

em {font-style:italic; }
strong {font-weight:bold;}
h1 {font-size: 15px; font-weight:bold;}
h2 {font-size: 13px; font-weight:bold;}
h3 {font-size: 11px; font-weight:bold;}

body a {color: #999;text-decoration:none;}
body a:hover {color: #FF6600;}

table.brdCollapse {border-collapse:collapse;}

.centerContent ul {list-style-type: disc; padding-left:20px;}
.centerContent h1 {margin-bottom:-20px;}
.centerContent h2 {margin-bottom:-28px; margin-top: 4px;}

/* Structure
--------------------------------------------------------------------------------------- */

#header {height:80px;position:relative; font-size:10px; padding-top: 3px;}
#content  {position:relative; text-align:left; height:auto; display:table; 
    background: transparent url(../../includes/images/shadow_left.png) repeat-y scroll 250px top;}
 /* The above background image is for the left nav shadow effect; */ 
    
#leftNav  {position:relative; text-align:left; width:250px;float:left; 
    border-right:3px solid #ccc;display:block; font: normal 10px verdana;}
    
#centerContent  {position:relative; text-align:left; width:550px; float:right;
    display:block;}
    
#navigation {clear:both;}
#footer {position:relative;text-align:left; clear:both; font-size:10px;}
#footContent {height:25px; padding-top: 10px; position:relative; background: transparent url("../../images/interface/fill_bottom.gif") no-repeat scroll 0 0; }
/* NAVIGATION MENUS		
------------------------------------------------------------------------------------ */
/* TOP NAV  Home, account, shop, search, contact */
#topNav  {display:none;}
#topNav ul {display:inline; float:right; height:16px; width:340px;}
#topNav li {height:16px; float:left;}
#topNav li a {display:table-cell; height:16px; vertical-align:bottom; text-align:right;}
#topNav li a:hover {background-position: 0 -16px;}
#lnkHome > a {width: 67px;height: 16px; background: transparent url("../../images/interface/g_home.gif") no-repeat scroll right top; }
#lnkAccount > a {width: 67px;height: 16px; background: transparent url("../../images/interface/g_account.gif") no-repeat scroll right top; }
#lnkCart > a {width: 67px;height: 16px; background: transparent url("../../images/interface/g_cart.gif") no-repeat scroll right top; }
#lnkSearch > a {width: 67px;height: 16px; background: transparent url("../../images/interface/g_search.gif") no-repeat scroll right top; }
#lnkContact > a {width: 67px;height: 16px; background: transparent url("../../images/interface/g_contact.gif") no-repeat scroll right top; }
.g_divider {width: 1px;height: 16px; background: transparent url("../../images/interface/g_divider.gif") no-repeat scroll right top; }

/* TAB NAV  Shop, Our Products, About Uniforms, Who We Are */
#navigation img {display:inline; float:left;}
#navigation ul {display:inline; float:left; height:80px; width:526px;}
#navigation li {height:80px; float:left;}
#navigation li a {display:table-cell; height:80px; vertical-align:bottom; text-align:right;}
#navigation li a:hover {background-position: 0 -80px;}
#lnkShop > a {width: 126px;height: 80px; background: transparent url("../../images/interface/section1.gif") no-repeat scroll right top; }
#lnkProducts > a {width: 127px;height: 80px; background: transparent url("../../images/interface/section2.gif") no-repeat scroll right top; }
#lnkAbout > a {width: 126px;height: 80px; background: transparent url("../../images/interface/section3.gif") no-repeat scroll right top; }
#lnkWho > a {width: 147px;height: 80px; background: transparent url("../../images/interface/section4.gif") no-repeat scroll right top; }

/* LEFT NAV  Dynamic UL */

.colNav li {border-bottom:1px solid #fff; display: block;  padding: 0 5px; height:26px}
.colNav li a {display:block; width:100%; height:26px; color: #000; font-size: 10px; line-height:26px;}
.colNav li a:hover {color: #FFF;}

.colorWho {background-color: #9CF; background: #9CF url("../../images/interface/ll_blue.gif") no-repeat scroll bottom left; }
.colorWho li:hover, .colorWho li a:hover {background-color: #369;}
.bgSubHeaderBlue {background: transparent url("../../images/interface/ttl_whoweare.jpg") no-repeat scroll 0 0;} 

.colorShop {background-color: #9ACC99; background: #9ACC99 url("../../images/interface/ll_green.gif") no-repeat scroll bottom left; }
.colorShop li:hover, .colorShop li a:hover {background-color: #686;}
.bgSubHeaderGreen {background: transparent url("../../images/interface/ttl_shop.jpg") no-repeat scroll 0 0;} 

.colorYellow {background-color: #FBDF8A; background: #FBDF8A url("../../images/interface/ll_yellow.gif") no-repeat scroll bottom left; }
.colorYellow li:hover, .colorYellow li a:hover {background-color: #FC3;}
.bgSubHeaderYellow {background: transparent url("../../images/interface/ttl_products.jpg") no-repeat scroll 0 0;} 

.colorRed {background-color: #CE3633; background: #CCC url("../../images/interface/ll_grey.gif") no-repeat scroll bottom left; }
.colorRed li:hover, .colorRed li a:hover {background-color: #999;}
.bgSubHeaderRed {background: transparent url("../../images/interface/ttl_uniforms.jpg") no-repeat scroll 0 0;} 

.colorBlack {background-color: #CE3633; background: #CCC url("../../images/interface/ll_grey.gif") no-repeat scroll bottom left; }
.colorBlack li:hover, .colorRed li a:hover {background-color: #999;}
.bgSubHeaderBlack {background: transparent url("../../images/interface/ttl_franchise.jpg") no-repeat scroll 0 0;} 

a.btnCart {width: 72px;height: 74px; background: transparent url("../../images/interface/cart.png") no-repeat scroll right top; display:block; float:left;}
a.btnAccount {width: 72px;height: 74px; background: transparent url("../../images/interface/account.png") no-repeat scroll right top; display:block; float:left;}
a.btnCart:hover , a.btnAccount:hover {background-position: 0 -74px;}
/* CUSTOM	
.bgSearch{background-color:#000; color:#fff;width:990px; height: 100px;}
.welcomeText {float:right; width:400px; margin-top:100px; color:#fff; }
.bgHomeHeader {background:transparent url("../../images/interface/homefeature1.jpg") no-repeat scroll 0 0; width:990px; height: 200px; }

------------------------------------------------------------------------------------ */
.contentTable {width:964px; margin: 0 auto; height:300px; clear:both; background: transparent url("../../images/interface/fade.gif") repeat-y scroll 0 0; }
.borderSpace {width: 17px !important;}

.codeLookup {padding-left:30px; width:400px; float:left; font-size:10px; line-height:normal;}
.codeLookup img {display:inline; float:left;}
.codeLookup a.btnHelp {display:inline-block; width:24px; height:37px; background: transparent url(../../images/interface/help.gif) no-repeat scroll 0 10px;}
.codeLookup a.btnHelp:hover {background: transparent url(../../images/interface/help.gif) no-repeat scroll 0 -27px;}
.codeLookup input {height:14px; width:200px; display:inline; color: #666; border:0; margin:2px 0 0 0; padding: 0 0 0 2px;font-size:10px;}
.codeLookup a.btnSearch {display:inline-block; width:53px; height:14px; background: transparent url(../../images/interface/search.gif) no-repeat scroll 10px -1px;}
.codeLookup a.btnSearch:hover {background: transparent url(../../images/interface/search.gif) no-repeat scroll 10px -16px;}
.moreAcademic {text-align:left; padding-right:30px; width:300px; float:right;font-size:10px; line-height:normal;}
.moreAcademic img {display:inline; float:left;}
.moreAcademic a.btnHelp {display:inline-block; width:24px; height:37px; background: transparent url(../../images/interface/help.gif) no-repeat scroll 0 10px;}
.moreAcademic a.btnHelp:hover {background: transparent url(../../images/interface/help.gif) no-repeat scroll 0 -27px;}
.moreAcademic input {height:14px; width:200px; display:inline; color: #666;border:0; margin:2px 0 0 0; padding: 0 0 0 2px;font-size:10px;}
.moreAcademic a.btnSearch {display:inline-block; width:53px; height:16px; background: transparent url(../../images/interface/search.gif) no-repeat scroll 10px 0;}
.moreAcademic a.btnSearch:hover {background: transparent url(../../images/interface/search.gif) no-repeat scroll 10px -16px;}

.welcomeText a.right {float:right; color:#FFF;}
.welcomeText ul {text-align:left; height:20px;clear:both;}
.welcomeText ul li {display:inline; }
.welcomeText ul li a {display:inline; padding: 0 5px; }
.homeSections {width:930px; margin: 0 auto; height:300px; }
.homeSections td {position:relative; height:300px; }
.homeSections p {padding: 0 10px;color: #666; font-size:10px; line-height:normal; width:190px;}
.homeSections p.home4 {width:160px; margin-top: -75px;}
.homeSections div {position:relative; min-height:270px; width:auto;}
.homeSections a.lnkMore {position:absolute; bottom:0; right:30px; color:#C00;}
.homeSections a.lnkMore:hover { color:#F60; }

.lnkGreen {background: transparent url("../../images/interface/more_green.gif") no-repeat scroll 0 0; 
    display:block; width:68px; height: 25px; float:right; padding-right:10px; margin-top:-30px;}
.lnkGreen:hover {background-position: 0 -25px;}

.bgSubHeader {width:930px; height: 150px;}
.lnkFranchise {padding-top:20px;}
.titleText {float:left; }
.schoolText {padding: 90px 20px 4px 0; float:right; font: normal 28px Times New Roman; letter-spacing: .5px; color: #fff; }
.bgbottom {height:18px; background: transparent url("../../images/interface/bottomfade.gif") no-repeat scroll 0 0; }
.colNav {width:246px !important; height:100%;}
.colNav table {height:100%; border-collapse:collapse; }
.colNav .tdNav {height:100%; vertical-align::top !important;;}
.colNav .tdComm {height:100%; position:relative;}
.navComments {position:relative; height:100%; width:246px;}

.divComments {position:relative; height:100%; width:246px;}
#lblComments {position:relative;bottom:0;padding:10px;width:226px;font-size:9px;line-height: normal;}
#lblComments a {color: #FFF;}
#lblComments a:hover {color: #F90;}

.col3Content .centerContent {margin: 0 20px;}
.col3RightGrey {width: 165px !important; padding: 10px; background-color: #FFF;}
.col3RightGrey span a {font-weight:bold; font-size: 10px; display:block; color:#666;}
.col3RightGrey span p {color:#666; font-size: 10px;}
.col3RightGrey p {padding: 0 0 0 10px;color: #666; font-size:10px; line-height:normal; width:190px;}
.col3RightGrey a.lnkMore {position:absolute; bottom:0; right:30px; color:#C00;}
.col3RightGrey a.lnkMore:hover { color:#F60; }
.col3RightGrey div {position:relative; min-height: 270px;  width:auto;}
.col3Right{width: 215px; }
.col2Content {width: 681px;}
.col2Content .centerContent {margin: 0 25px 0 20px;} 
#footer ul {text-align:left; height:20px;padding-left: 12px;}
#footer ul li {display:inline; }
#footer ul li a {display:inline; padding: 0 8px; text-align:center; font-size:10px; border-right:1px solid #666;}
#footer .container strong {float:right; padding-right:20px; }

/* Search Results */
.srchResult {padding-left: 30px;}
.srchResult td {padding: 3px;}
.tableResult {border: #999999 1px solid; padding:10px;}

/* products pages */
.productFont {font: normal 10px verdana; color: #666;}
.productFont select, .productFont input {border: 1px solid #ccc; font: normal 10px verdana; color: #666;}
.productFont .tb125 {width: 125px; display:block;}
.productFont .tb150 {width: 150px; display:block;}
.catDisplay {border:1px solid #CCC;width: 100px; height:120px;text-align:center !important;vertical-align:middle;}
.catDisplay a {width:100px; height: 100%;}
.catDisplay img {display:block; margin:0 auto;}
.tbCategories {border-top: 0px solid #FFF;border-bottom: 15px solid #FFF; border-right: 15px solid #FFF;border-left: 15px solid #FFF; height: 130px; width:130px; margin-top: -26px;}
.fxRightMargin {margin-right: -15px;}
.productPage table {border-bottom: 15px solid #FFF; border-right: 15px solid #FFF;border-left: 15px solid #FFF; width:110px;}
.productPage table td {width: height: 125px; width:110px;}
.productSize {padding:0; margin: 0; border:0 !important;}
.imgBordertopLR {border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC; width:132px; height: 145px; text-align:center; vertical-align:middle;}
.imgBorderbottomLR {border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;}
.imgBorderbottomLR a {background: transparent url(../../images/interface/viewdetails.gif) no-repeat scroll 5px 0; height: 16px; width:124px; display:block;}
.paddedTD {padding: 15px 0 ;}
.prodImage {width:300px; vertical-align:top; padding-top: 15px; text-align:center;}
.prodDesc {font-weight:bold; text-align:right; width: 66px; padding:8px 2px 8px 0;}
.prodValue {text-align:left; width: 254px; padding:8px 0 8px 6px;}
.prodValue2 {text-align:left; width: 500px; padding:8px 0 8px 6px;}
.alignRight {text-align:right;}
.bg9ACC99 {background-color: #9ACC99;}
.prodColumn {width: 324px;}
.cbProducts {border:none;border-collapse:collapse;}
.colorChoice {width:50px; height:15px; float:right; margin-right:42px;border:1px solid #666;}
.colorSelect {cursor:pointer;margin-left:auto; margin-right:auto; width:25px;}
.colorPanel {border: 1px solid #999999; display:block; height:25px; width:25px;}
.singleSpanColor {margin-top:-27px; display:table;}
.noWrap {white-space:pre;}
.tbCheckout td {height: 20px; padding: 5px;}
.userText {text-align: right;}
.userText select {width: 146px;}
table.cellColor tr td {text-align:center;}
table.cellColor {margin-top:10px; margin-left:-25px;}
.tbLastName {margin: 5px 0 5px 5px;display: none;}
.imgLogo {border:1px solid #CCC; height:90px; width:150px;text-align:center;padding:5px;vertical-align:middle;}
.divLogo {cursor:pointer;width:140px;}
.divLogo a {height:100%}
.imgLogo img {max-width:140px; margin:auto;}
.NormalTextBox label {display:inline; width:300px; float:right}
.hideAttribute {display:none;}
.NormalTextBox input  {display:inline; float:left}
.finePrint {font-size: 9px; line-height:normal;}
.ColorSelect1 option {display:block; }
/* Home Page Style */
.bgHomeHeader {background:transparent url("../../images/interface/homefeature1.jpg") no-repeat scroll 0 0; width:930px; height: 300px; }
.welcomeText1, .welcomeText2, .welcomeText3 {font: normal normal normal 18px/18px Times New Roman; float:right; width:532px; margin-top:149px; color:#fff; height:60px;}
.welcomeText1 p, .welcomeText2 p, .welcomeText3 p {width:472px;}
.welcomeText2, .welcomeText3 {display:none;}
.welcomeRedirect {float:right; width:531px;}
.welcomeRedirect ul {display:inline;}
.welcomeRedirect ul li {width: 174px; height:58px;display:inline;float:left;}
.welcomeRedirect ul li a {width: 171px; height:58px;display:block}
#redirect1 a {background: transparent url("../../images/interface/button1.gif") no-repeat scroll 0 0;cursor:pointer; }
#redirect2 a {background: transparent url("../../images/interface/button2.gif") no-repeat scroll 0 0;cursor:pointer; }
#redirect3 a {background: transparent url("../../images/interface/button3.gif") no-repeat scroll 0 0;cursor:pointer; }
#redirect1 a:hover, #redirect2 a:hover, #redirect3 a:hover {background-position: 0 1px;}

#franHeader {display:block;width:195px; height:21px;padding-left:10px;}
#franHeader a {display:block; text-decoration:none;background: transparent url(../../images/interface/franchise.gif) no-repeat scroll 0 0; width:195px; height:21px;}
#franHeader a:hover {background-position:0 -21px;}
#divMap {display:none;}
.hiddenPic {display:none;}
#WzTtDiV {background:transparent url('../../images/interface/bubble.png') no-repeat scroll 0 0; height:190px !important;color: #FFF;}
#WzTtDiV2 {background:transparent url('../../images/interface/bubble2.png') no-repeat scroll 0 0; height:430px !important; padding-top:2px !important;}
#WzTtDiV ul {list-style-type:disc; margin-left: 20px; padding-top:12px; }
#WzTtDiV p {margin-left:10px;}

#prntBack {display:block; position:relative; margin-top:-20px; color:#FFF;}
#prntBack img {position:absolute; margin-top:0px;}
#prntBack p {position:absolute; top:160px; right:50px; color:#FFF;width:470px;}
.bgSearch{display:none;}
.bgSubHeader {}