/* CSS Document */

html {
overflow: -moz-scrollbars-vertical;
}

:focus {
 -moz-outline-style: none; 
}

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bodyBkgrd.jpg);
	background-repeat: repeat-x;
	color: #333;
	background-color: #fff;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}

#wrapper{
	width: 900px;
	padding: 0 10px;
	margin: 0 auto;
}

strong{
	font-weight: bold;
	color: #333366;
}

em{
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	color: #ff6600;
}

a {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#669;
	text-decoration:underline;
}
/*table{
	margin: 0 0 10px 0;
}*/

/*------------------------------------------------------------------------------------------------------TAGLINE*/

#tagline{
	display: block;
	width: 900px;
	height: 22px;
	line-height: 20px;
	color: #fff;
	text-align: right;
	margin: 0 auto;
}

#tagline strong{
	color: #fff;
}

#tagline a:hover{
	text-decoration: none;
}

/*------------------------------------------------------------------------------------------------------TOPNAV*/

#topNav{
	float: right;
}

#topNav li{
	float: left;
}

#topNav a:link, #topNav a:visited{
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	margin: 10px 0 0 5px;
	padding: 0 25px 0 5px;
	background-color: #ccc;
	border: 1px solid #999;
	border-bottom: 1px solid #666;
	background-image: url(../images/links.jpg);
	background-repeat: repeat-x;
}

#topNav a:hover{
	background-color: #999;
	color: #666699;
}

#phoneNumber{
	float: right;
	clear: right;
	margin: 5px 0 0 0;
}

.pn{
	font-size: 16px;
	font-weight: bold;
	color: #333366;
}

/*------------------------------------------------------------------------------------------------------BRANDING*/

#branding{
	width: 900px;
	height: 68px;
	margin: 0 0 7px 0;
	background-image: url(../images/branding.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

#homeLogo a:link, #homeLogo a:visited, #homeLogo a:hover{
	float: left;
	display: block;
	width: 100px;
	height: 73px;
	line-height: 75px;
	margin-top: 0px;
	padding: 0;
}

/*------------------------------------------------------------------------------------------------------MAINNAV*/

#nav{
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 900px;
	list-style: none;
	margin: 0 0 5px 0;
	background-color: #666699;
	background-image: url(../images/mainLinks.jpg);
	background-repeat: repeat-x;
}

#nav li{
	float: left;
}

#nav a:link, #nav a:visited{
	display: block;
	width: 170px;
	padding: 5px 0 5px 10px;
	margin: 0;
	height: 15px;
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
	color: #333;
}

#nav a:hover{
	margin: 0;
	color: #ff6600;
}

#nav p{
    margin: 0;
    padding:0;
}

#catalog{
	background-image: url(../images/navLeft.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#catalog a:link, #catalog a:visited{
	color: #fff;
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 11px;
	width: 170px;
	height: 23px;
	font-weight: 900;
	line-height: 21px;
	background-image: url(../images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	border: none;
	text-align: left;
	cursor: default;
}

#approval a:link, #approval a:visited, #screenPrinting a:link, #screenPrinting a:visited, #embroidery a:link, #embroidery a:visited, #info a:link, #info a:visited{
	color: #fff;
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 11px;
	width: 169px;
	height: 23px;
	font-weight: bold;
	line-height: 21px;
	border: none;
	text-align: left;
	border-left: 1px solid #333399;
	background-image: url(../images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	cursor: default;
}


#info a:link, #info a:visited{
	color: #fff;
	padding: 5px 0 5px 10px;
	margin: 0;
	font-size: 11px;
	width: 169px;
	height: 23px;
	font-weight: bold;
	line-height: 21px;
	border: none;
	text-align: left;
	border-left: 1px solid #333399;
}

#info{
	background-image: url(../images/navRight.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}



#catalog a:hover, #approval a:hover, #screenPrinting a:hover, #embroidery a:hover{
	color: #fff;
}

#approval a:hover, #screenPrinting a:hover, #embroidery a:hover, #info a:hover{
	color: #fff;
	border-left: 1px solid #333399;
}

#info a:hover{
	color: #fff;
}

.desc{
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-decoration: none;
}

.lastLink{
	margin: 0 0 3px 0;
}

/*--------------------------------------------------------------------------------------------------------SUCKERFISH*/

#nav li ul { 
	display: none;    
	position: absolute;  
	left: -999em;
	width: 170px;
	padding: 5px;
	background-image: url(../images/subMenu.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#nav li ul li{     
	float: none;
	list-style: none;
	width: 170px;
	padding: 0;
	font-size: 10px;
	line-height: 13px;
	color: #666699;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
	display: block;
	z-index: 10
}


#nav li ul li a:link, #nav li ul li a:visited{
	clear: left;
	display: block;
	border: dotted #ccc;
	border-width: 0 0 1px 0;
	background-image: none;
	width: 170px;
	height: 15px;
	line-height: 13px;
	font-size: 10px;
	float: none;
	color: #666666;	
	font-weight: normal;
	text-align: left;
	padding: 8px 0 3px 0;
	cursor: pointer;
}

#nav li ul li a:hover{
	border: dotted #ccc;
	border-width: 0 0 1px 0;
	color: #ff6600;	
	background-image: none;
}

#nav li ul li img{
	margin: 0 0 5px 0;
	padding: 3px;
	border: 1px solid #999;
	background-color: #fff;
}

#catImg a:link, #catImg a:visited{
	line-height: 50px;
	margin: 0 0 15px 0;
	padding: 0;
}

.caption{
	clear: left;
}

#nav li:hover, #nav li.hover {
    position: static;
}


/* SUCKER - SUCKER */

#nav li ul ul {     
	position: absolute;  
	left: -999em;
	width: 175px;
	background-image: none;
	background-color: #f7f7f7;
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
	padding: 0 0 5px 0;

}

#nav li ul ul a:link, #nav li ul ul a:visited{
	clear: left;
	display: block;
	border-bottom: 1px dotted #ccc;
	background-image: none;
	width: 165px;
	height: 15px;
	line-height: 13px;
	font-size: 10px;
	float: none;
	color: #666666;	
	font-weight: normal;
	text-align: left;
	padding: 8px 0 3px 5px;
	margin: -1px 0 0 0;
}

#nav li ul ul li a:hover{
	border-bottom: 1px dotted #ddd;
	color: #ff6600;	
	background-image: none;
}


#nav li ul ul{
	margin: -85px 0 0 170px;
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
	z-index: 10;
}

#nav li:hover ul.hRight, #nav li li:hover ul.hRight, #nav li.sfhover ul.hRight, #nav li li.sfhover ul.hRight {
	right: 174px;
	z-index: 10;
}

#nav li ul ul img{
	margin: 0 0 5px 0;
	padding: 0;
	border: none;
	background-color: #fff;
}

.subMenu{
	background-image: url(../images/navArrowSIDE.gif);
	background-repeat: no-repeat;
	background-position: bottom right;

}

.lastLinkSub{
	background-image: url(../images/navArrowSIDE.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0 0 3px 0;
}

#nav li ul ul .subHeader{
	display: block;
	width: 169px;
	color: #fff;
	padding: 5px 0 5px 5px;
	font-size: 11px;
	font-weight: bold;
	background-color: #666699;
	border: 1px solid #333399;
	background-image: url(../images/infoBarHead.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	font-size: 11px;
}

/*--------------------------------------------------------------------------------------------------------END-SUCKERFISH*/


/*------------------------------------------------------------------------------------------------------SUBNAV*/

#subNav{
	clear: left;
	width: 208px;
	padding: 0 5px 5px 5px;
	border: solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-width: 0 1px 1px 1px;
	background-color: #f7f7f7;
	background-image: url(../images/subNavBkgrd.jpg);
	background-repeat: repeat-x;
	margin: 0 0 6px 0;
}

#subNav a:link, #subNav a:visited{
	display: block;
	height: 16px;
	border-bottom: 1px dotted #ccc;
	font-size: 11px;
	padding: 8px 0 5px 3px;
	color: #777;
	font-weight: bold;
}

#subNav a:hover{
	text-decoration: none;
	color: #ff6600;
}

/*--------------------------------------------QUOTE------*/
/*.quoteNav
{
	color:#333;
	height:25px;
	width:900px;
	background-color:#ddd;
	text-align:center;
	border-width:0;
}
.quoteNav li
{
    float:left;
}

.quoteNav a
{
	display: block;
	width: 61px;
	height: 23px;
	line-height: 23px;
	background-image: url(../quote/images/mainLinks.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-decoration: none;
}

.quoteNav a:hover{
    background-position: bottom left;
    color: #fff;
    border: 1px solid #666699;
    text-decoration: none;
}

.quoteNav .accessories a{
	width: 73px;
}

.quoteNav .outerwear a{
    width: 67px;
}*/

*/

/*------------------------------------------------------------------------------------------------------LAYOUT*/

ul{
	list-style: none;
}

#mainCol{
	clear: right;
	float: left;
	width: 665px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainColBrand {
	clear: left;
	float: left;
	width: 715px;
	margin: 0;
}


#mainCol ul li{
	line-height: 16px;
	margin: 0 0 10px 5px;
	padding: 0 5px 0 15px;
	list-style: none;
	background-image: url(../images/MBBullet.gif);
	background-repeat: no-repeat;
	text-align: justify;
}

#subColL{
	float: left;
	width: 325px;
}
#subColLBrand {
	float: left;
	width: 172px;
	margin-top: 5px;
}
#subColLBrand ul li {
	padding-left: 5px;
	margin-bottom: 2px;
	margin-top: 2px;
}


#subColL3 {
	float: left;
	width: 325px;
	clear: both;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
}

#subColL2 {
	float: left;
	width: 325px;
	clear: both;
	text-align: left;
	margin-bottom: 10px;
	height: auto;
	margin-top: 10px;
}




#subColR{
	float: right;
	width: 325px;
}
#subColRBrand {
	float: right;
	width: 530px;
	margin-top: 10px;
}

#subColR2 {
	float: right;
	width: 325px;
	right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	top: auto;
}

#mainColSmall{
	clear: right;
	width: 220px;
	float: right;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#mainColSmallBrand {
	clear: both;
	width: 172px;
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#mainColSmallBrand ul li {
	padding-left: 10px;
	background-image: url(../images/benefitsList.jpg);
	background-position: left -3px;
	background-repeat: no-repeat;
	line-height: 13px;
	margin-top: 6px;
	margin-bottom: 6px;
}



#mainColSmall img{
	clear: left;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#mainColSmallBrand img {
	clear: left;
	margin: 0 0 5px 0;
	border: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}


#mainColSmall img.payPal{
	border: #fff;
}

.clear{
	clear: both;
}

.clearL{
	clear: left;
}

.clearR{
	clear: right;
}

.pad{
padding: 10px 0 0 0;
}

#mainContent{
	position: relative;
	width: 900px;
	clear: both;
	float: left;
	padding: 0 0 20px;
	margin: 0 0 10px 0;
}

#mainContent p{
	line-height: 15px;
	text-align: justify;
	margin: 0 0 10px 0;
}

.header{
	font-size: 18px;
	font-weight: bold;
	color: #666699;
}

/*--------------------------------------------------------------------------MAINFEATURE*/

#mainFeature{
	height: 250px;
	border: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin: 0 0 5px 0;
	background-image: url(../images/mainFeature.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#alternate1{
}

#main{
	float: left;
	width: 493px;
}

#sub{
	float: left;
	width: 170px;
}

#flashMovie{
	height: 248px;
	width: 663px;
	overflow: hidden;
}

#subFeature{
	height: 175px;
	border: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin: 0 0 10px 0;
	padding: 0px;
}

#subFeature a:link, #subFeature a:visited{
	display: block;
	width: 663px;
	height: 175px;
}

#subFeature p{
	font-size: 20px;
	font-weight: bold;
	margin: 90px 0 0 0;
	color: #fff;
}

#subFeature h1{
	font-size: 20px;
	font-weight: bold;
	margin: 85px 0 0 0;
	color: #fff;
}

.screenPrinting #subFeature{
	background-image: url(../images/subSp.jpg);
	background-repeat: no-repeat;	
}

.information #subFeature{
	background-image: url(../images/subInfo.jpg);
	background-repeat: no-repeat;
}	

.art #subFeature{
	background-image: url(../images/subArt.jpg);
	background-repeat: no-repeat;
}

.embroidery #subFeature{
	background-image: url(../images/subEmb.jpg);
	background-repeat: no-repeat;
}

.order #subFeature{
	background-image: url(../images/subOrder.jpg);
	background-repeat: no-repeat;
}

.school{
	background-image: url(../images/subSchool.jpg);
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------------------HEADINGS*/

h1{
	font-size: 18px;
	color: #666699;
	margin-bottom: 3px;
	font-weight: bold;
}

h2{
	font-size: 16px;
	color: #666699;
	margin-bottom: 3px;
	font-weight: bold;
}

h3{
	font-size: 14px;
	color: #666699;
	margin-bottom: 3px;
	font-weight: bold;
}

/*a:link, a:visited{
	color: #ff6600;
	text-decoration: none;
}*/

a:link strong, a:visited strong{
	color: #ff6600;
}

a:hover{
	text-decoration: underline;
}

ol{
	list-style: decimal;
	line-height: 16px;
	margin: 0 0 10px 5px;
	padding: 0 5px 0 25px;
	text-align: left;
}

ol ol{
	margin: 5px 0;
}

ol li{
	background-image: none;
	margin: 0 0 5px 0;
}

.inst{
	font-size: 12px;
	font-weight: normal;
}

h1.mainHead{
	color: #ff6600;
	font-size: 21px;
	line-height: 26px;
	margin-bottom: 3px;
}

/*--------------------------------------------------------------------------IMAGES*/

img.sidepic{
	float: left;
	border: none;
	margin: 0 10px 0 0;
	background-color: #fff;
}

img.sidepic2{
	float: right;
	border: none;
	margin: -10px 0 0 10px;
	padding: 5px 5px 10px 5px;
	background-color: #fff;
	border: solid #ccc;
	border-right: solid #999;
	border-bottom: solid #999;
	border-width: 1px;
}

img.sidepicL{
	float: left;
	border: none;
	margin: 0 10px 0 0;
	padding: 5px 5px 10px 5px;
	background-color: #fff;
	border: solid #ccc;
	border-right: solid #999;
	border-bottom: solid #999;
	border-width: 1px;
}

/*--------------------------------------------------------------------------FOOTER*/

#footer{
	width: 100%;
	min-width: 920px;
	background-color: #999;
	padding: 10px 0;
	border: solid #555;
	border-width: 1px 0 0 0;
	background-image: url(../images/footerBkgrd.gif);
	background-repeat: repeat-x;
}

#footer p{
	clear: both;
	color: #fff;
	font-size: 11px;
	padding: 10px 0 0 0;
}

#footer h3{
	clear: left;
	color: #fff;
	font-size: 16px;
	margin: 0 0 10px 0;
	text-align: left;
}

#footer img{
	border: none;
}

#footer a:link, #footer a:visited{
	text-decoration: none;
	color: #fff;
}

#footer a:hover{
	text-decoration: underline;
	color: #ccccff;
}

/*--------------------------------------------------------------------------BRANDFOOTER*/

#brandFooter{
	clear: both;
	width: 900px;
	margin: 0 auto;
}

#brandFooter ul{
	margin: 0 0 5px;
}

#brandFooter li{
	float: left;
	padding: 0 5px 0 0;
}

#infoLink{
	clear: both;
	width: 100%;
	padding: 0 ;
	min-width: 920px;
	height: 20px;
	background-color: #666;
	text-align: right;
	border-top: solid #666;
	border-bottom: solid #444;
	border-width: 1px 0;
	background-image: url(../images/infoLinkBkgrd.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#infoLink ul{
	width: 900px;
	margin: 0 auto;
}

#infoLink li{
	float: right;
	line-height: 20px;
	padding: 0 5px 0 0;
}

#infoLink li a:link, #infoLink li a:visited{
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#infoLink li a:hover{
	color: #ccccff;
}

/*--------------------------------------------------------------------------WIDGETS*/

iframe{
	border: solid #ccc;
	border-left: solid #999;
	border-top: solid #999;
	border-width: 1px;
}

#googleMap{
	padding: 10px;
	margin: 10px 0;
	border: solid #ccc;
	border-right: solid #999;	
	border-bottom: solid #999;
	border-width: 1px;
}

.infoBoxInst{
	clear: left;
	padding: 5px;
	margin: 5px 0 10px 0;
	background-color: #f7f7f7;
	border: solid #ccc;
	border-right: solid #999;
	border-bottom: solid #999;
	border-width: 1px;
	background-image: url('../images/subNavBkgrd.jpg');
	background-repeat: repeat-x;
}

.infoBoxInst strong{
	color: #666699;
	font-size: 13px;
}

.infoBoxAlert{
	clear: left;
	margin: 10px 0;
	padding: 5px 5px 0 2px;
	background-color: #fff;
	border: solid #ccc;
	border-right: solid #999;
	border-bottom: solid #999;
	border-width: 1px;
	background-color: #f7f7f7;
	background-image: url('../images/subNavBkgrd.jpg');
	background-repeat: repeat-x;
}

.infoBoxAlert p{
	padding: 10px 10px 9px 60px;
	background-image: url('../images/alertBox.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
}

.infoBoxAlert ul{
	margin: 0 0 10px 22px;
}

.infoBoxAlert strong{
	font-size: 14px;
	color: #ff6600;
}

.noAlert{
	background-image: none;
	padding: 0;
}

.point{
	font-size: 14px;
	color: #ff6600;
}

.infoBoxSmall{
	clear: left;
	width: 208px;
	padding: 5px;
	border: solid #ccc;
	border-width: 0 1px 1px 1px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #f7f7f7;
	background-image: url(../images/subNavBkgrd.jpg);
	background-repeat: repeat-x;
	margin: 0 0 10px 0;
}

.showName{
	clear: left;
	font-size: 14px;
	color: #666699;
	font-weight: bold;
	margin: 7px 0 0 0;
}

h3.categoryHead{
	padding: 0 0 0 10px;
	margin: 0;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/infoBarHead.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #333399;
	background-color: #666699;
}

.subCategoryHead{
	padding: 0 0 0 10px;
	margin: 0;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/category325.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #333399;
	background-color: #666699;
}
.subCategoryHead170 {
	padding: 0 0 0 10px;
	margin: 0;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/category170.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #333399;
	background-color: #666699;
}


.categoryFull{
	clear: both;
	height: 16px;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	height: 32px;
	line-height: 32px;
	background-image: url(../images/category665.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #333399;
	background-color: #666699;
}

.center{
	text-align: center;
}

#adList ul li{
	background-image: url(../images/snoList.jpg);
	line-height: 20px;
	padding-left: 25px;
}

/*-------------------------------------------------------------------------------------------APPLIQUE FONT CHART*/

#appliqueFontChart{
	margin: 0 0 5px 0;
}

#appliqueFontChart h3{
padding: 0 0 3px 0;
margin: 0 0 5px 0;
border-bottom: 1px dotted #666699;
}

#appliqueFontChart img{
margin: 0 0 10px 0;
}

/*--------------------------------------------------------------------------------------------MESSAGE*/

#message{
width: 600px;
margin: 50px auto;
text-align: center;
}

#message p{
text-align: center;
}

#buttonBig{
height: 50px;
text-align: center;
margin: 10px;
}

#buttonBig a:link, #buttonBig a:visited{
clear: left;
display: block;
width: 325px;
font-size: 18px;
font-weight: bold;
background-color: #666699;
color: #fff;
padding: 10px 0;
text-align: center;
text-decoration: none;
background-image: url(../images/approvalLink.jpg);
background-repeat: repeat-x;
border: 1px solid #666699;
margin: 0 auto;
}

#buttonBig a:hover{
background-color: #6666cc;
color: #eee;
}