html, body {
	margin:0;
	padding:0;
}
body {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height:1.4em;
	font-weight: normal;
	color: #7a7a7a;
	text-align:center;
	background-color:#9e9a8e;
	background-image: url(images/back_mainwide.gif);
	background-repeat: repeat-x;
	background-position: center 170px;
}
#headerwide{
	height:170px;
	color:#2c3339;
	background-color:#263034;
	background-image: url(images/back_headerwide.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
#header{
	height:170px;
	width:950px;
	margin:0 auto;
	padding:0 20px 0 0;
	background-image: url(images/back_headerlogo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#header h1 {
	display:none;
	padding:0;
	margin:0;
}
#header h2 {
	margin:40px 0 0 0;
	padding:0;
	clear:right;
	float:right;
	font-size:12px;
	font-weight:normal;
	color:#bec6b7;
}

/* CART MENU */
#header #cartmenu {
	float:right;
	background-image: url(images/cartmenu_back.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	background-color:#232d32;
	padding: 0 7px 0;
	margin:0;
}
#header #cartmenu ul {
	margin:0px;
	padding:5px;
	list-style:none;
}
#header #cartmenu li {
	text-transform:uppercase;
	font-size:9px;
	display:inline;
}
#header #cartmenu li a {
	color:#e5dac6;
	background-repeat: no-repeat;
	background-position: 0px center;
	padding: 4px 4px 3px 20px;
}
#header #cartmenu li a:hover {
	text-decoration:underline;
}
#header #cartmenu li#sn-signout a {
	background-image: url(images/cartmenu_signout.gif);
}
#header #cartmenu li#sn-viewcart a {
	background-image: url(images/cartmenu_cart.gif);
}
#header #cartmenu li#sn-account a {
	background-image: url(images/cartmenu_account.gif);
}
#header #cartmenu li#sn-help a {
	background-image: url(images/cartmenu_help.gif);
}


/* NAV */
#header #nav{
	width:730px;
	height:35px;
	clear:both;
	float:right;
}
#header #nav ul, #header #nav li {
	padding:0;
	margin:0;
}
#header #nav {
	margin:30px 0 0 0;
	padding:0;
	overflow:hidden;
	height:35px;
}
#header #nav li { display: inline; }
#header #nav li a { float: left; width: 100px; height: 0; padding-top: 35px; overflow: hidden; outline:none; }
#header #nav li a, #header #nav { background-image: url(images/back_nav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#header #nav li#nav-home a { background-position: 0 0; width: 71px; }
#header #nav li#nav-hats a { background-position: -71px 0; width: 150px; }
#header #nav li#nav-sizing a { background-position: -221px 0; width: 93px; }
#header #nav li#nav-embroidery a { background-position: -314px 0; width: 143px; }
#header #nav li#nav-lettering a { background-position: -457px 0; width: 129px; }
#header #nav li#nav-upload a { background-position: -586px 0; width: 144px; }

#header #nav li#nav-home a:hover { background-position: 0 -35px; }
#header #nav li#nav-hats a:hover { background-position: -71px -35px; }
#header #nav li#nav-sizing a:hover { background-position: -221px -35px; }
#header #nav li#nav-embroidery a:hover { background-position: -314px -35px; }
#header #nav li#nav-lettering a:hover { background-position: -457px -35px; }
#header #nav li#nav-upload a:hover { background-position: -586px -35px; }

#header.home #nav li#nav-home a:hover { background-position: 0 -70px; }
#header.style #nav li#nav-hats a { background-position: -71px -70px; }
#header.hatsize #nav li#nav-sizing a { background-position: -221px -70px; }
#header.stock #nav li#nav-embroidery a { background-position: -314px -70px; }
#header.letters #nav li#nav-lettering a { background-position: -457px -70px; }
#header.digitize #nav li#nav-upload a { background-position: -586px -70px; }

/* MAIN */
#mainwide {
	padding: 10px 0 0 0;
}
#main{
	width:970px;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding: 15px 0 0 0;
	background-image: url(images/back_maintop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}
#main h1 {
	font-size:15px;
	font-weight:bold;
	color:#25463f;
}
#main h2 {
	font-size:14px;
	font-weight:normal;
	color:#46615b;
	margin:8px 0 3px 0;
	padding:0;
}
#main p {
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	margin:0 0 8px 0;
}
#main p.direction {
	padding:3px;
	margin:3px 0 20px;
	border:1px solid #c2e6dc;
	color:#346c6f;
	background-color:#e0f4f0;
}
#main .fontbox {
	padding:5px;
	border:1px solid #dfdfdf;
	width:210px;
	float:left;
	margin:3px;
}
#main .textpreviewbox {
	color:#999999;
	padding: 20px;
	width:250px;
	float:right;
	text-align:center;	
}
#main .textpreviewbox img {
	height:25px;
}
#main .textinput input {
	border:4px #c9e0db solid;
	height:30px;
	width:275px;
	font-size:20px;
	color:#003333;
	padding: 5px 5px 0px 5px;
}
#main .textinput span {
	color:#CCCCCC;
}
#main .textinput p {
	font-size:10px;
}
#main .fontbox img {
	height:25px;
}

#main .textinputbox {
	width:280px;
	padding:10px;
	margin: 10px 3px;
	float:left;
	border:1px solid #dfdfdf;
	border-top:#f9f9f9 1px solid;
	border-left:#f2f2f2 1px solid;
	border-bottom:1px solid #c2c2c2;
}
#main .textinputbox h2 {
	padding:0 0 4px 0;
	margin: 0 0 5px 0;
	border-bottom:1px solid #f9f9f9;
}
#main .textinputbox label {
	cursor:hand;
	cursor:pointer;
}
#main #side {
	width:235px;
	float:left;
	color:#7a7a7a;
	margin:0;
	padding: 0 0 15px 15px;
/*	border:1px solid #99FF33;  */
}

#main #side .sidewidgetimg {
	width:235px;
	margin:0 0 5px 0;
	padding:0;
}
#main #side .sidewidget {
	width:235px;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	background-image: url(images/back_sidebarwidget_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main #side .sidewidget h2 {
	margin:0 0 4px 0;
	padding:8px 10px 0;
	font-size:13px;
	font-weight:normal;
	color:#5d7836;
	height:17px;
	display:block;
	background-image: url(images/back_sidebarwidget_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	outline:none;
}
#main #side .sidewidget p {
	margin:0 0 7px 0;
}
#main #side #widget-search h2 {
	background-image: url(images/back_widget_search.gif);
	text-indent:-5000px;
}
#main #side #widget-team h2 {
	background-image: url(images/back_widget_team.gif);
	text-indent:-5000px;
}
#main #side #widget-upload h2 {
	background-image: url(images/back_widget_upload.gif);
	text-indent:-5000px;
}
#main #side #widget-upload a {
	background-image: url(images/back_button_tellmore.gif);
	width:109px;
	height:22px;
	display:block;
	text-indent:-5000px;
}
#main #side #widget-team a {
	background-image: url(images/back_button_save.gif);
	width:168px;
	height:22px;
	display:block;
	text-indent:-5000px;
}
#main #side .sidewidget .widgetcontent{
	padding:0 15px 0 30px;
	font-size:11px;
	line-height:13px;	
}
input.embsearch {
	width:138px;
	color:#677455;
	border:1px solid #d5d5d5;
	background-color:#f0f5e9;
	padding: 2px 4px;
	margin:0;
	float:left;
}
.cleaninput {
	width:200px;
	color:#424853;
	border:1px solid #d5d5d5;
	background-color:#f0f5e9;
	padding: 2px 4px;
	margin:0;
	float:left;
}
.promoinput {
	width:200px;
	color:#424853;
	border:1px solid #d5d5d5;
	background-color:#f0f5e9;
	padding: 2px 4px;
	margin:0;
}
textarea.cleaninput {
	height:60px;
}
select.cleaninput {
	width:210px;
}
input.gobutton {
	margin:0;
	padding:0;
	position:relative;
	border:0;
}
#main #focus {
	width:680px;
	padding: 0 15px 0 0;
	float:right;
}
#main #focus #homesteps {
	width:671px;
	height:66px;
	display:block;
	background-image: url(images/back_homesteps.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#main #focus #homesteps ol {
	display:none;
}
#customprogress {
	margin:0 0 10px 0;
	display:block;
	height:35px;
	width:680px;
	background-image: url(images/back_customize_steps.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#customprogress ol {
	display:none;
}
.step-style {
	background-position: 0px -35px !important;	
}
.step-color {
	background-position: 0px -70px !important;	
}
.step-size {
	background-position: 0px -105px !important;	
}
.step-custom, .step-custom-text {
	background-position: 0px -140px !important;	
}

.pageinstructions h2 {
	padding:15px 0 5px 0;
	margin:0;
	font-size:13px;
	font-weight:normal;
	color:#336699;
	border-bottom:1px solid #CCCCCC;
}
#main .homepopular {
	clear:left;
	width:680px;
}
#main .homepopular h2 {
	color:#7C8817;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:10px 0 5px 0;
}
#main .boxitem {
	float:left;
	width:123px;
	margin:0 2px 2px 0;
	padding:0;
	background-image: url(images/back_boxitem_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main .boxitem a {
	text-decoration:none;
}
#main .boxitem a:hover span.boxtitle {
	background-position: 0 -25px;
	color:#222d30;
}
#main .boxitem a span.boxprice {
	color:#336699;
	text-transform:uppercase;
	font-size:10px;
	padding: 0 4px;
}
#main .boxitem a:hover span.boxprice {
	color:#000033;
}
#main .boxitem img {
	width:114px;
	margin:4px;
}
#main .popembroidery .boxitem img {
	width:80px;
	height:60px;
}
#main .popembroidery .boxitem span.boximg {
	width:80px;
	height:70px;
	padding:12px 17px;
	display:block;
}
#main .boxitem span.boxtitle {
	height:25px;
	line-height:25px;
	font-size:11px;
	color:#ab9f82;
	display:block;
	overflow:hidden;
	padding: 0 3px 0 6px;
	background-image: url(images/back_boxitem_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main .homepopular .showmemore a {
	height:118px;
	width:40px;
	display:block;
	float:left;
	text-indent:-5000px;
	outline:none;
	background-image: url(images/back_showmemore.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#main .homepopular .showmemore a:hover {
	margin: 0 0 0 3px;
}
#main .searchblock {
	padding: 0 20px;
}
#main .browseblock a {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:5px;
	width:130px;
	margin:3px;
	float:left;
	background-color:#f4fbfa;
	border:1px solid #cbeee7;
	border-top:#efefef 1px solid;
	border-left:#efefef 1px solid;
	border-bottom:1px solid #bdd7d2;
}
#main .browseblock a:hover {
	background-color:#e1f3ef;
}
#main #buildbag {
	clear:both;
	padding:20px 0 10px 0;
	width:550px;
}
#main #buildbag p img {
	float:right;
}
#main #buildbag p.createbaglink a {
	background-image: url(images/back_button_createbag.gif);
	width:109px;
	height:22px;
	display:block;
	text-indent:-5000px;
}
#main #buildbag h2 {
	font-size:14px;
	font-weight:normal;
	color:#5D7836;
	margin:0;
	padding:10px 0 0 0;
}
#main #buildbag h2 a {
	color:#5D7836;
}
#main #buildbag h2 a:hover {
	text-decoration:underline;
}
#main #buildbag p img {
	margin:0 0 8px 0;
}
#main #internalpage {
	padding:0 20px;
}

#main .legal {
	padding:30px 0 0 0;
	clear:both;
	color:#999999;
}
#main .legal p{
	line-height:13px;
	margin:0;
	font-size:10px;
}
#main p.startover {
	margin: 40px 0 0 0;
}
#main #addressbox {
	border:#CCCCCC 1px solid;
	float:right;
	padding:5px;
	margin:0;
	width:265px;
}
#main #addressbox h2 {
	padding-bottom:4px;
	margin-bottom:5px;
	border-bottom:1px solid #F3F3F3;
}
#main #addressbox b {
	font-weight:normal;
	width: 100px;
	display:block;
	color:#8D99AA;
	margin:4px 0 0;
}
#main #bulkdiscounts {
	display:none;
	border:1px solid #F4F4F4;
	padding:5px;
}
#main #bulkdiscounts h4 {
	margin:0;
	padding:0;
}
#main #bulkdiscounts p {
	margin:0;
	padding:2px 0;
	border-bottom:1px solid #F5F5F5
}
#main #bulkdiscounts span {
	width:100px;
	display:block;
	float:left;
}
#main table.addembroidery {
}
#main table.carttable {
	border:0;
}
#main table.carttable a {
	text-decoration:none;
}
#main table.carttable a:hover {
	text-decoration:underline;
}
#main table.carttable td {
	padding: 3px 8px;
}
#main .movetocheckout {
	width:590px;
	padding:30px 5px 5px 5px;
	text-align:right;
}
#main #rightblock {
	float:right;
	width:300px;
}
tr.headrow{
	background-color:#f9f7f1;
}
#main tr.tablehead {
	color:#999999;
}
#main tr.itemhead {
	color:#387064;
	height:25px;
	background-image: url(images/back_cart_item.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#main .checkouttable {
	border:0;
}
#main .checkouttable td {
	border-bottom:1px solid #F2F2F2;
}
#main .checkouttable label {
	padding:5px;
	width:100%;
}
#main .checkouttable label:hover {
	background-color:#FFFFCC;
}
#main tr.totals {
	color:#387064;
}
#main tr.totals td{
	border-top:1px solid #D4E8D9;
	padding-top:10px;
}
#main tr.tablehead td {
	border-bottom:0px solid #D4E8D9;
}
#main tr.addthings {
	height:30px;
	border-top:1px solid #EEEEEE;
	background-color:#E9F4E5;
}
#main tr.addthings td {
	padding:3px;	
}
#main #yourorders p {
	margin:0;
	padding:0;
}
#main #yourorders p.even {
	background-color:#f9f7f1;
}
#main #yourorders a {
	padding:3px 5px;
	display:block;
	border-bottom:1px solid #E5E3D7;
	text-decoration:none;
	line-height:16px;
}
#main #yourorders a:hover {
	font-weight:bold;
	padding-left:10px;
}
#main #yourorders img {
	display:inline;
}

#main .qtyinput {
	border:4px #c9e0db solid;
	height:30px;
	width:50px;
	font-size:20px;
	color:#003333;
	padding: 5px 5px 0px 5px;
}
#mainbottom {
	font-size:1px;
	line-height:1px;
	height:3px;
	width:970px;
	display:block;
	background-image: url(images/back_mainbottom.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin:0 auto;
	padding:15px 0 0 0;
}


#footerwide {

}

#footer {
	width:970px;
	margin:20px auto;
	padding:0 0 50px 0;
	color:#3c3c3c;
	clear:both;
	text-align:left;
}
#footer #subnav{
	width:315px;
	height:35px;
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	top:0px;
}
#footer #subnav ul, #footer #subnav li {
	padding:0;
	margin:0;
}
#footer #subnav { margin: 0; padding: 0; height:35px; overflow:hidden; }
#footer #subnav li { display: inline; }
#footer #subnav li a { float: left; width: 100px; height: 0; padding-top: 35px; overflow: hidden; outline:none; }
#footer #subnav li a,
#footer #subnav { background-image: url(images/back_footernav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#footer #subnav li#sub-about a { background-position: 0 0; width: 87px; }
#footer #subnav li#sub-location a { background-position: -87px 0; width: 92px; }
#footer #subnav li#sub-service a { background-position: -179px 0; width: 136px; }

#footer #subnav li#sub-about a:hover { background-position: 0 -35px; }
#footer #subnav li#sub-location a:hover { background-position: -87px -35px; }
#footer #subnav li#sub-service a:hover { background-position: -179px -35px; }

#footer p.copyright {
	color:#cccccc !important;
	float:right;
}
#footer p.ssl-link {
	margin:15px 0 0 0;
}


#footer p.ssl-link a {
	padding:3px 0 3px 0;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}
#footer p.ssl-link a:hover {
	text-decoration:underline;
}
#footer a {
	color : #cccccc;
}
#footer a:hover {
	color:#FFFFFF;
}

a {
	color:#39544f;
	text-decoration: underline;
}
a:visited {
	color : #446962;
}
a:hover {
	color : #08352c;
	text-decoration: none;
}
img {
	border:0;
}
img.threads{
	border:1px solid #dfdfdf;
}

.red {
	color:#ff0000;
}
sup {
	font-size: 9px;
}
table {
	border:1px solid #FAFAFA;
}
td {
	font-size:12px;
	font-weight:normal;
}
.td-right{
	text-align:right;
}
.td-center{
	text-align:center;
}
button {
	color:#796664;
	background-color:#c5adab;
	border:1px solid #b99693;
	border-top:#f5e7e6 1px solid;
	border-left:#f5e7e6 1px solid;
	border-bottom:1px solid #aa8e8c;
	cursor:pointer;
	cursor:hand;
}
label {
	cursor:pointer;
	cursor:hand;
}
input.textfield {	
	border:1px solid #8d887b;
	padding:3px;
	color:#9a968b;
	width:200px;
}
input.bringdown {
	display:inline;
	position:relative;
	top:3px;	
}

.clearfix {
	clear: both;
	visibility: hidden;
	line-height: 1px;
	height: 1px;
}
* html .clearfix {
	height: 1%;
}
