/* 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;
}

#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;
}

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;
	font-size: 12px;
}

#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: absolute;
	top: 0;
	left: 0;
	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;
}

#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;
}

#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;
}

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

ul{
	list-style: none;
}

#mainCol{
	clear: left;
	float: left;
	width: 665px;
	margin: 40px 0 0 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;
}

#subColR{
	float: right;
	width: 325px;
}

#mainColSmall{
	clear: right;
	width: 220px;
	float: right;
	margin: 39px 0 0 0;
}

#mainColSmall 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: 205px;
	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;
}
#mainFeatureLarge {
	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;
}

#mainFeatureSWF {
	height: 205px;
	width: 665px;
	margin-bottom: 8px;
	position: relative;
	z-index: 0;
}

#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{
	background-image: url(images/subSp.jpg);
	background-repeat: no-repeat;	
}

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

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

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

.order{
	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;
}

.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;
}


/*BUILDER
--------------------------------------------------------------------------------------------------*/
#builder #tagline{
    display:none;
}

#builder{
    background-image: url(images/bodyBkgrd.jpg);
	background-repeat: repeat-x;
    background-position: 0 -22px;
}

#builder #wrapper{
    width: 1250px;
}

#builder #branding{
	width: 1250px;
}

#builder h1{
    margin: 5px 0 10px;
}

#builderCol{
    float:left;
    clear:left;
}

#tabCol{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    float:right;
    height: 666px;
    width: 490px;
    overflow: hidden;
    margin: 0 0 30px;
    }
 
#topControl{
     width:745px;
     height: 100px;
     margin: 5px 0 5px;
     padding: 0 5px 0 0;
     }
  
#topControl img{
         float: left;
         margin-right: 10px;
         border: 2px solid #999;
  }
  
#turnaround{
      width: 288px;
      height: 100px;
      float: right;
      padding:0 0 0 15px;
      border-left: 1px solid #ccc;
      font-weight:500;
      font-size: 11px;
      margin: 0;
  }
  
  
.rush{
      
      clear: both;
      color: #ff6600;
  }
  
span.dateLabel{
      clear: right;
      float: right;
      color: #ff6600;
      margin: 0;
      padding: 0;
  }
  
span.dateText{
      clear: left;
      float: left;
      margin: 0;
      padding: 0;
  }
  
#garmentControl{
      float: left;
  }
  
#topColorDisplay{
      float: right;
  }
  
.colorDisplay{
      float: right;
      text-align:right;
  }
  
.colorDisplay img{
      float: right;
      width: 17px;
      height: 17px;
      float: right;
      border: 2px solid #999;
      margin: 5px 0 0 10px;
      padding: 0;
  }
  
.gridBtns{
      padding: 10px 0 0;
      width: 330px;
  }
  
.gridBtnFloat{
      float: left;
  }
  
.garmentDesc{
      float: left;
  }
     
#total{
     clear: both;
     width: 461px;
     text-align: right;
     padding: 1px 5px 3px;
     margin: 5px 0 10px;
     border: 1px solid #999;
     line-height: 16px;
     background-image: url(images/totalBkgrd.jpg);
	 background-repeat: repeat-x;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
 } 
 
.treb{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;   
 }
 
.lblTotal{
     font-size: 15px;
     font-weight: 700;
     color: #ff6600;
     margin: 0 5px;
 }
 
.qTotal input{
     font-size: 15px;
     font-weight: 700;
     color: #ff6600;
     margin: 2px 5px 0;
     border: none;
	height: 15px;
     background-color: transparent;
     text-align: center;
 }

 
#builder h1.title{
     float: left;
     margin: 0 0 5px;
     padding: 0;
 }
 
p.chatlink{
     float: right;
     line-height: 24px;
     margin-right: 10px;
 }
 
 .chatlink a{
	margin-left: 15px;
}
 
#decoratingDetail{
  padding: 7px 0 7px 7px;
  height: 90px;
  width: 468px;
  margin: 0 0 10px;
  /*background-color: #ddd;
  background-image: url(images/decoDetailBox.jpg);
  background-repeat: no-repeat;*/
 }   
 
#decoratingDetail ul{
 	 clear: both;
     float: left;
     margin: 0px 0 2px;
     width: 461px
 }
 
#decoratingDetail li{
     float: left;
     font-size: 11px;
     font-weight: 500;
     color: #333;
     line-height: 20px;
     padding: 0 15px 0 0;
 }
 
#decoratingDetail select{
	height: 20px;
}
 
  
.decoLabel{
     font-size:14px;
     font-weight: 700;
     color: #666699;
     display: block;
     width: 55px;
 }
 
ul.decoListMargin{
 }
 
 
 
 /*TABS
--------------------------------------------------------------------------------------------*/
ul.tabNavigation{
width: 490px;
height: 23px;
margin:0;
background-color: #fff;
padding: 3px 0 0 0;
border-bottom: 1px solid #999;
z-index: 5;
}

ul.tabNavigation li{
list-style: none;
margin: 0;
display: inline;
padding: 0;
}

ul.tabNavigation li a:link, ul.tabNavigation li a:visited{ 
display: block;
float: left;
height: 16px;
width: 100px;
padding: 3px 5px;
margin: 0 5px 0 0;
font-size: 11px;
color: #666699;
border: 1px solid #aaa;
border-bottom: 1px solid #999;
background: #ddd;
text-decoration: none;
font-weight: bold;
background-color: #fff;
background-image: url(images/tabBkgrd.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}

ul.tabNavigation li a:hover{
color: #666699;
background: #fff;
background-image: url(images/tabBkgrd.jpg);
background-repeat: repeat-x;
}

ul.tabNavigation li.tabNavigation a{
background-color: #fff;
height: 17px;
color: #333;
background-image: url(images/tabBkgrd.jpg);
background-position: top left;
background-repeat: repeat-x;
border-bottom: none;
z-index: 5;
}

ul.tabNavigation li.tabNavigation a:hover{
color: #666699;
background-color: #fff;
background-image: url(images/tabBkgrd.jpg);
background-position: top left;
background-repeat: repeat-x;
}

ul.tabNavigation li a.selected{
background-color: #fff;
height: 17px;
color: #333;
background-image: url(images/tabBkgrd.jpg);
background-position: top left;
background-repeat: repeat-x;
border-bottom: none;
z-index: 5;
}

#first, #second, #third, #fourth {
width: 474px;
padding: 5px 7px;
border: 1px solid #aaa;
border-top: none;
height: 628px;
z-index: 4;
}

.sizeLink a{
    font-size: 11px;
    font-weight: 500;
}

/*QUANTITY CONTROL
-------------------------------------------------------------------------------------------------------*/

 #quantityControl{
  padding: 0 0 0 0;
  width: 475px;
  height: 71px;
  margin: 0 0 10px;
  background-image: url(images/sizeControlBkgrd.jpg);
  background-repeat: no-repeat;
 }
 
 #quantityControl table{
     float: left;
     margin: 7px 0 0 10px;
 }
 
 #quantityControl table td{
     text-align: center;
 }
 
 #quantityControl input{
     color: #555;
     background-color: #fff;
     text-align: center;
     margin: 1px 0 0 0;
     border: 1px solid #999;
     font-size: 11px;
     padding: 3px 0;
 }
 
 .scLabel{
     float: left;
     font-size: 13px;
     line-height: 18px;
     font-weight: 700;
     color: #666699;
     width: 30px;
     text-align: right;
     margin: 7px 0 0 7px;
 }
     

 
 /*span input td*/
 
 
 
 #totalQuantity{
     text-align: center;
     width: 75px;
     float: right;
     padding: 0;
     margin: 9px 0 0;
 }
 
 #totalQuantity label{
     font-size: 13px;
     line-height: 13px;
     color: #666699;
     font-weight:700;
    
 }
 
 #totalQuantity input{
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     border: none;
     background-color: #fff;
     color: #555;
     text-align: center;
     margin: 12px 0 0;
     padding: 5px;
 }
 
 #totalQuantity li
 {
     padding: 0;
     margin: 0;
 }
 
 /*MARKETINGLIST
-------------------------------------------------------------------------------------------------------*/

.marketingList
{
    width: 474px;
    height: 39px;
    font-size: 12px;
    margin: 5px 0 8px;
}

.marketingList li
{
    float: left;
    width: 55%;
    margin: 0 0 3px;
    padding-left: 15px;
    background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
    
}

li.even
{
    width: 35%;
}


/*PRICEBREAKDOWN
----------------------------------------------------------------------------------------------------------*/

#priceBreakdown{
  width: 461px;
  margin: 0px;
  padding: 0;
}

#priceBreakdown table, #priceBreakdown tr, #priceBreakdown td{
    text-align: left;
    padding: 0;
    margin: 0;
    white-space:normal !important;
	border: 1px solid;
	border-color: #fff;
	border-collapse: collapse !important;
	border-width: 0px;

}


#priceBreakdown td{
	white-space:normal !important;
	border: none;
	padding: 0;
    /*padding: 2px 15px 3px 0;*/
}

#priceBreakdown span{
	/*display: block !important;*/
	border: none !important;
    white-space:normal !important;
    margin: 0;
    padding: 0;
    border: none;
    
}


#priceBreakdown table{
    clear: left;
    padding: 0;
    margin: 0px;
    white-space:normal !important;
}

#priceBreakdown th{
    display: none;
}

#breakdownHead{    
    clear: both;
     width: 461px;
     height: 17px;
     padding: 3px 5px;
     margin: 0px 0 5px;
     border: 1px solid #999;
     line-height: 17px;
     background-image: url(images/totalBkgrd.jpg);
	 background-repeat: repeat-x;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
}

#breakdownHead li{
    float: left;
    font-size: 12px;
    font-weight: 700;
    color: #666699;
    margin: 0 0 3px 0;
}



.sizeLbl{
    width: 190px;
    padding: 0 0 3px 0;
}

.qtyLbl{
    width: 40px;
    padding: 0 0 3px 0;
    text-align: center;
}

.priceLbl{
    width: 100px;
    text-align: right;
    padding: 0 10px 3px 0;
}

.extLbl{
    width: 100px;
    text-align: right;
    padding: 0 10px 3px 0;
}

.sizeCol{
    width: 198px;
    height: 18px;
    line-height: 18px;
    display: block;
    text-align: left;
    color: #666699;
    padding: 0 0 3px 10px;
    white-space:normal !important;
	border: none;

}

span.qtyCol{
	display: none;
}


input.qtyCol{
	float: left;
    height: 18px;
    width: 40px;
    background-color: #eee;
    text-align: center;
    color: #ff6600;
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 3px 0;
	margin: 0 0 0 10px;
}

#priceBreakdown td.priceCol{
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: right;
    color: #ff6600;
    padding: 0 10px 3px 0;
    border: none;
    white-space:normal !important;
}

#priceBreakdown input{
padding: 0;
margin: 0;
}


.bottomNav{
    clear: both;
    float: right;
    margin: 10px 0 5px;
}

.bottomNav li{
    float: left;
    display: inline;
    margin: 0 0 0 10px;
}

.guideBtn{    
}

.nextBtn{
}



/*.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}*/

/*CONTACT
---------------------------------------------------------------------------------------------------------*/

#contact{
    margin: 10px 0;
}

#contact p{
    height: 30px;
}

#contact label{
    float: left;
    font-weight: 700;
    color: #666699;
    margin-right: 10px;
    line-height: 25px;
}

#contact .textInput{
    float: right;
    width: 340px;
    margin: 0;
}

#contact input{
    padding: 2px 5px;
}

.messageP{
    height: 150px;
}

#contact textarea{
    width: 460px;
    padding: 5px;
}

/*ALTERNATE CONTENT
---------------------------------------------------------------------------------*/

#myContent{
width:755px;
    height: 563px;
}

#builderContent{
}


#myContent p.header{
    margin: 25px 0 0 0;
}

/*USER GUIDE
---------------------------------------------------------------------------------*/

#uGuide{
    overflow: auto;
    height: 582px;
    width: 467px;
    padding: 0 10px 5px 0;
}

#uGuide p{
    margin: 0 0 10px 0;
    text-align: justify;
}


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

#builder #infoLink ul{
	width: 1250px;
}

#builder #brandFooter{
	width: 1250px;
	height: 50px;
}

#emailPop{
	display: none;
	padding: 10px;
	width: 282px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #aaa;
	background-color: #f7f7f7;
	background-image: url(images/subNavBkgrd.jpg);
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#emailPop input{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#emailPop input.emailSet{
	font-size: 18px;
	padding: 5px;
	color: #555;
	width: 270px;
	margin: 15px 0 0;
}

.emailSubmit{
	text-align: center;
	margin: 0;
	padding: 0;
}

#UpdateProgress1{
	color: red;
	clear: left;
	margin: 2px 0 0 10px;
	padding: 0;
}





/*BUILDERUPLOAD
--------------------------------------------------------------------------------------*/

#prodUpload{
display: none;
	width: 340px;
	margin: 0 auto;
	padding: 10px;
	border: 2px solid #aaa;
	background-color: #f7f7f7;
	background-image: url(images/subNavBkgrd.jpg);
	background-repeat: repeat-x;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#builder iframe{
	border-width: 0px;
	width: 340px;
	height: 480px;
	}

#builderUpload{
width: 340px;
	margin: 0 auto;
	text-align: left;
	background-color: #f7f7f7;
	background-image: url(images/subNavBkgrd.jpg);
	background-repeat: repeat-x;
	background-position: left -10px;	
}

#builderUpload p{
	margin: 0 0 10px;
}

#builderUpload label{
	display: none;
}


/* COLORPICKER
---------------------------------------------------------------------------------------------------------------*/


#colorPicker h3{
	color: #666699;
}


#colorPicker{
	display: none;
	width: 350px;
	margin: 0 auto;
	padding: 10px;
	border: 2px solid #aaa;
	background-color: #f7f7f7;
	background-image: url(images/subNavBkgrd.jpg);
	background-repeat: repeat-x;
	text-align: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#colorPickerControl{
	float: left;
	width: 328px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#colorPickerData{
	clear: both;
	padding: 10px 0 0;
}

.noDisplay{
	display: none;
}

#colorPicker #colorPickerControl p{
	float: left;
	margin: 0 5px 5px 0;
	width: 20px; 
	height: 20px; 
	display: block; 
	cursor:pointer;
	border: 1px solid #333;
	padding: 0;
}

#certifyAlert span{
	display: block;
	clear: both;
	padding: 10px;
	padding-left: 25px;
	margin-bottom:10px;
	border:2px solid #ddd;
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	background-image: url(images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	text-align: left;
}

#colorPicker p{
	font-size: 11px;
	margin: 0 0 10px;
}

.checked{
	background-image: url(images/accept.png);
	background-position: center;
	background-repeat: no-repeat;
}

.notChecked{
	background-image: none;
}


#colorPicker input[type="text"]{
	width: 330px;
	padding: 5px;
	margin: 0 0 5px;
}

#colorPicker input[type="button"], #prodUpload input[type="button"]{
	width: 100px;
	padding: 5px;
	text-align:center;
	margin: 0 auto;
}


.cbx{
	clear: both;
}

.cbx input[type="checkbox"]{
	margin: 2px 10px 0 0;
	clear: left;
}

.cbx span{
}


#cbxCertify, #fullColor{
}

#itemLocation{
	margin: 0 0 10px;
}


/*ALERTS
------------------------------------------------------------------------------------------*/

.lblAlert{
	display: block;
	padding: 10px;
	padding-left: 25px;
	margin-bottom:10px;
	border:2px solid #ddd;
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	background-image: url(images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	font-size: 11px;
}

#colorAlert{
	width: 311px;
	padding: 10px;
	padding-left: 25px;
	margin-bottom:10px;
	border:2px solid #ddd;
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
	background-image: url(images/exclamation.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	font-size: 11px;
}


.hidden{
display: none;
}

.centerAlign{
	text-align: center;
}

#newGrid{
	display: none;
}

.visible{
	visibility: visible;
}

.invisible{
	visibility: hidden;
}