@charset "utf-8";



/*****************************************************
****   HERO BANNERS   ********************************
*****************************************************/
#v3hero {margin:0 0 10px; clear:both;}
.v3hero {width:960px; height:165px; display:block; overflow:hidden; position:relative;}
#v3hero .banner-text {top:20px; left:10px; padding:0 0 8px 0; position:absolute;}
#v3hero .banner-text h1 {color:#820a24; /*default:#820a24*/ font-size:3.5em; font-weight:400; line-height:.7em; padding:0 0 10px;}
#v3hero .banner-text h2 {color:#820a24; /*default:#820a24*/ font-size:2em; font-weight:400; line-height:1em; padding:0 0 0 12px;}

/* Company Pages */
#v3hero .about {background:url("../images/hero/about.jpg") no-repeat;}
#v3hero .faq {background:url("../images/hero/faq.jpg") no-repeat;}
#v3hero .personalization {background:url("../images/hero/personalization.jpg") no-repeat;}
#v3hero .privacy {background:url("../images/hero/privacy.jpg") no-repeat;}
#v3hero .sitemap {background:url("../images/hero/sitemap.jpg") no-repeat;}



/*****************************************************
*****   ABOUT PAGE   *********************************
*****************************************************/
#about-page {width:960px; margin:0 0 10px 0; clear:both;}
#about-page .content {float:left; width:370px; text-align:justify;}
#about-page h1, #about-page h2 {font-size:9.5pt;}
#about-page .contact p {float:left; padding:0 18px 0 0;}
#about-page .image {float:right; width:585px; height:570px; background:url("../images/design/about-page-bg.png") no-repeat;}



/*****************************************************
*****   COUPONS PAGE   *******************************
*****************************************************/
#coupons {margin:10px 0; position:relative; clear:both;}
#coupons-left {float:left; width:320px; overflow:hidden;}
#coupons-logo {width:202px; height:231px; background:url("../images/design/coupons-page-sprite.png") 0 0 no-repeat; margin:0 0 10px;}
#coupons-text h1 {font-size:12pt; margin:0 0 10px;}
#coupons-text .footnote {font-size:7.5pt;}
#coupons-right {float:right; width:630px; overflow:hidden;}
#coupons-right ul {list-style-type:none;}
#coupons-right ul li.small {float:left; width:290px; height:150px; text-align:right; border:6px dashed #b2b2b2; margin:0 10px 10px 0; position:relative;}
#coupons-right ul li.small h2 {top:10px; right:10px; color:#820a24; font-size:24pt; position:absolute;}
#coupons-right ul li.small h3 {top:52px; right:10px; font-size:9.5pt; position:absolute; z-index:2;}
#coupons-right ul li.small p.code {top:90px; left:0; width:280px; height:34px; font-size:16pt; line-height:34px; text-transform:capitalize; background-color:#ededed; padding-right:10px; position:absolute;}
#coupons-right ul li.small p.expiration {top:130px; right:10px; position:absolute;}
#coupons-right ul li.small .save-icon {top:58px; left:10px; width:85px; height:81px; background:url("../images/design/coupons-page-sprite.png") -310px -100px no-repeat; position:absolute; z-index:1;}
#coupons-right ul li.small .ship-icon {top:70px; left:10px; width:81px; height:66px; background:url("../images/design/coupons-page-sprite.png") -322px 0 no-repeat; position:absolute; z-index:1;}
#coupons-right ul li.big {float:left; width:602px; height:150px; text-align:right; border:6px dashed #b2b2b2; margin:0 10px 10px 0; position:relative;}
#coupons-right ul li.big h2 {top:10px; right:25px; color:#820a24; font-size:42pt; position:absolute;}
#coupons-right ul li.big h3 {top:100px; left:200px; font-size:10pt; position:absolute; z-index:2;}
#coupons-right ul li.big p.code {top:90px; left:0; width:592px; height:34px; font-size:16pt; line-height:34px; text-transform:capitalize; background-color:#ededed; padding-right:10px; position:absolute;}
#coupons-right ul li.big p.expiration {top:130px; right:10px; position:absolute;}
#coupons-right ul li.big .save-icon {top:31px; left:40px; width:108px; height:102px; background:url("../images/design/coupons-page-sprite.png") -202px -100px  no-repeat; position:absolute; z-index:1;}
#coupons-right ul li.big .ship-icon {top:25px; left:25px; width:120px; height:100px; background:url("../images/design/coupons-page-sprite.png") -202px 0  no-repeat; position:absolute; z-index:1;}



/*****************************************************
*****   E-MAIL SUBSCRIBED PAGE   *********************
*****************************************************/
#email-subscribed {margin:0 0 10px; clear:both;}
#email-subscribed .text {float:left; width:350px;}
#email-subscribed h1 {color:#c41330; fon-size:1em; font-weight:bold; margin:0 0 10px; padding:20px 0 0;}
#email-subscribed h2 {font-size:1em; font-weight:normal; margin:0 0 25px;}
#email-subscribed .shop-now-button {width:350px;}
#email-subscribed .shop-now-button a {float:left; width:123px; height:25px; background:url("../images/design/email-subscribed-sprite.png") 0 -350px  no-repeat; display:block;}
#email-subscribed .shop-now-button a:hover {background-position:-125px -350px;}
#email-subscribed .splash-image {float:right; width:600px; height:350px; background:url("../images/design/email-subscribed-sprite.png") 0 0  no-repeat; border:1px solid #b2b2b2; margin:20px 0 25px;}



/*****************************************************
*****   E-MAIL UNSUBSCRIBED PAGE   *******************
*****************************************************/
#email-unsubscribed {margin:0 0 10px; clear:both;}
#email-unsubscribed .text {float:left; width:350px;}
#email-unsubscribed h1 {color:#c41330; fon-size:1em; font-weight:bold; margin:0 0 10px; padding:20px 0 0;}
#email-unsubscribed h2 {font-size:1em; font-weight:normal; margin:0 0 25px;}
#email-unsubscribed .shop-now-button {width:350px;}
#email-unsubscribed .shop-now-button a {float:left; width:123px; height:25px; background:url("../images/design/email-unsubscribed-sprite.png") 0 -350px  no-repeat; display:block;}
#email-unsubscribed .shop-now-button a:hover {background-position:-125px -350px;}
#email-unsubscribed .splash-image {float:right; width:600px; height:350px; background:url("../images/design/email-unsubscribed-sprite.png") 0 0  no-repeat; border:1px solid #b2b2b2; margin:20px 0 25px;}



/*****************************************************
*****   F.A.Q. PAGE   ********************************
*****************************************************/
#faq {clear:both;}
#faq-questions {float:left; width:180px; font-size:.95em; border:1px solid #b2b2b2; padding:10px 10px 0 10px;}
#faq-questions h3 {height:25px; line-height:25px; font-size:1.45em; font-weight:700; text-indent:5px; background-color:#ededed; border-bottom:1px solid #b2b2b2;}
#faq-questions h4 {font-weight:700; font-size:1.25em; padding:0 0 5px;}
#faq-questions ol {padding:0 0 12px 0;}
#faq-questions ol li {margin:0 0 0 20px;}
#faq-content {float:right; width:740px; border:1px solid #b2b2b2;}
#faq-content .header {height:25px; background-color:#ededed; border-bottom:1px solid #b2b2b2; clear:both;}
#faq-content .header h3 {float:left; line-height:25px; text-indent:5px; text-decoration:none;}
#faq-content .header div {float:right; line-height:25px; padding:0 5px 0;}
#faq-content .section {padding:25px; border-bottom:1px solid #b2b2b2; overflow:auto;}
#faq-content .last {border-bottom:none;}
#faq-content .item {padding:0 0 10px;}
#faq-content .question {font-weight:bold; margin:0 0 10px;}
#faq-content .answer {padding:0 0 0 25px;}
#faq-content .top-link {font-size:.925em;}



/*****************************************************
*****   ORDER STATUS PAGE   **************************
*****************************************************/
#order-status {width:960px; height:385px; background:url("../images/design/order-status-bg.jpg") right bottom no-repeat; clear:both;}
#order-status .text {width:620px;}
#order-status .text h1 {font-size:12pt; margin:0 0 8px 0;}
#order-status .text h2 {font-size:10pt; margin:0 0 3px 0; clear:both;}
#order-status .text form {width:400px; margin:30px 0 0 25px; clear:both;}
#order-status .text form fieldset div.line1, #order-status .text form fieldset div.line2, #order-status .text form fieldset div.line3, #order-status .text form fieldset div.line4 {clear:both;}
#order-status .text form fieldset div.line1 input {margin:0 0 25px 0;}
#order-status .text form fieldset div.line3 label {font-size:10pt; font-weight:normal; text-indent:50px;}
#order-status .text form fieldset div label {float:left; font-size:11pt; font-weight:700; padding:4px 0 0 0; clear:both;}
#order-status .text form fieldset div input {float:right; width:275px; height:18px; color:#808080; text-indent:3px; border:1px solid #b2b2b2; clear:right;}
#order-status .submit {float:right !important; width:80px !important; height:20px !important; background:url("../images/design/check-status-btn.jpg") top no-repeat; border:none !important; margin:15px 0 25px 0; cursor:pointer; clear:both !important;}
#order-status .submit:hover {background-position:bottom;}



/*****************************************************
*****   PERSONALIZATION PAGES   **********************
*****************************************************/
/* General Styles */
.bx-prev {width:30px; height:30px; top:50%; left:-15px; background:url("../images/design/embroidery-sprite.png") -671px 0 no-repeat; position:absolute;}
.bx-prev:hover {background-position:-671px -30px;}
.bx-next {width:30px; height:30px; top:50%; right:-15px; background:url("../images/design/embroidery-sprite.png") -671px -60px no-repeat; position:absolute;}
.bx-next:hover {background-position:-671px -90px;}
.last {border:0;}

/* Content Formatting */
#personalization-container {margin:0; padding:0; clear:both;}
#personalization-container h1 {color:#820a24; font-size:1.5em; font-weight:700; margin:0 0 10px;}
#personalization-container h2 {font-size:1.25em; font-weight:700; margin:0 0 10px;}
#personalization-container .bold {font-weight:700;}
#personalization-container .personalization-intro {clear:both;}
#personalization-container .personalization-intro ul {margin:0 0 20px 20px;}

/* Thread Colors */
#personalization-colors {clear:both;}
#personalization-colors ul {list-style:none;}
#personalization-colors li {float:left; width:25px; height:25px; border:1px solid #b2b2b2; margin:0 4px 20px 0; display:inline;}
#personalization-colors li.black {background-color:#000;}
#personalization-colors li.burgandy {background-color:#891f35;}
#personalization-colors li.fuschia {background-color:#863793;}
#personalization-colors li.gold {background-color:#b98a2e;}
#personalization-colors li.hunter {background-color:#1a453b;}
#personalization-colors li.khaki {background-color:#d6ab89;}
#personalization-colors li.light-blue {background-color:#a5cfe8;}
#personalization-colors li.navy {background-color:#0e2243;}
#personalization-colors li.purple {background-color:#4d277a;}
#personalization-colors li.red {background-color:#9e1c36;}
#personalization-colors li.royal {background-color:#233e8d;}
#personalization-colors li.teal {background-color:#017a97;}
#personalization-colors li.white {background-color:#fff;}

/* Fonts */
#personalization-fonts {margin:0 0 20px; clear:both;}
#personalization-fonts p {margin:0 0 3px;}
#personalization-fonts .embroidery-block span, #personalization-fonts .embroidery-script span {width:671px; height:65px; background:url("../images/design/embroidery-sprite.png") no-repeat; margin:0 0 10px; display:block;}
#personalization-fonts .embroidery-block span {background-position:0 0;}
#personalization-fonts .embroidery-script span {background-position: 0 -65px;}

/* Sliders */
#personalization-container .slider-header {width:888px; background-color:#ededed; border:1px solid #b2b2b2; border-bottom:0; margin:0 0 0 35px; clear:both;}	 
#personalization-container .slider-header h2 {font-size:1.05em; line-height:25px; text-align:center; margin:0;}
#personalization-examples-1, #personalization-examples-2, #personalization-examples-3 {width:888px; height:190px; text-align:center; border:1px solid #b2b2b2; margin:0 0 20px 35px; clear:both;}
#personalization-examples-1 ul, #personalization-examples-2 ul, #personalization-examples-3 ul {list-style:none;}
#personalization-examples-1 .slider-box, #personalization-examples-2 .slider-box, #personalization-examples-3 .slider-box {float:left; width:100px; height:190px; border-right:1px solid #b2b2b2; padding:0 13px; overflow:hidden; clear:none;}
#personalization-examples-1 .last, #personalization-examples-2 .last, #personalization-examples-3 .last {border:none;}
* html #personalization-examples-1 .slider-box, * html #personalization-examples-2 .slider-box, * html #personalization-examples-3 .slider-box {height:auto !important; height:190px; overflow:hidden;}
.slider-box span {width:90px; height:90px; margin:10px auto; border:1px solid #b2b2b2; display:block;}
.slider-box h3, .slider-box a h3 {font-size:10pt; margin:0 0 5px;}
.slider-box h4, .slider-box a h4 {font-size:8.5pt; font-weight:500;}
.slider-box a h3:hover, .slider-box a h4:hover {text-decoration:underline;}

/* Embroidery Icons */
.products, .emblems, .samples {background:url("../images/design/embroidery-icons-sprite.jpg") no-repeat;}
.products.icon1 {background-position:-270px -90px;}
.products.icon2 {background-position:-360px -90px;}
.products.icon3 {background-position:-450px -90px;}
.products.icon4  {background-position:-540px -90px;}
.products.icon5  {background-position:-360px -180px;}
.emblems.icon1 {background-position:0 0;}
.emblems.icon2 {background-position:-90px 0;}
.emblems.icon3 {background-position:-180px 0;}
.emblems.icon4  {background-position:-270px 0;}
.emblems.icon5 {background-position:-360px 0;}
.emblems.icon6 {background-position:-450px 0;}
.emblems.icon7 {background-position:-540px 0;}
.emblems.icon8 {background-position:0 -90px;}
.emblems.icon9 {background-position:-90px -90px;}
.emblems.icon10 {background-position:-180px -90px;}
.emblems.icon11 {background-position:-630px 0;}
.emblems.icon12 {background-position:-720px 0;}
.emblems.icon13 {background-position:-810px 0;}
.emblems.icon14 {background-position:-900px 0;}
.emblems.icon15 {background-position:-630px -90px;}
.emblems.icon16 {background-position:-720px -90px;}
.emblems.icon17 {background-position:-810px -90px;}
.emblems.icon18 {background-position:-900px -90px;}
.samples.icon19 {background-position:-990px 0;}
.samples.icon20 {background-position:-990px -90px;}
.samples.icon21 {background-position:-90px 0;}
.samples.icon22 {background-position:0 -180px;}
.samples.icon23 {background-position:-90px -180px;}
.samples.icon24 {background-position:-180px -180px;}
.samples.icon25 {background-position:-270px -180px;}



/*****************************************************
*****   SECURE PAGE   ********************************
*****************************************************/
#secure-content {width:960px; height:562px; background:url("../images/design/secure-page-bg.png") no-repeat; position:relative;}
#secure-header .lock {top:23px; left:40px; width:100px; height:156px; background:url("../images/design/secure-page-lock.png") no-repeat; position:absolute;}
#secure-header h1 {top:40px; left:165px; font-size:18pt; position:absolute;}
#secure-header p {top:110px; left:165px; position:absolute;}
#secure-checklist {list-style:none; top:210px; left:10px; width:550px; position:absolute;}
#secure-checklist li {padding-left:35px; background:url("../images/design/secure-page-checkmark.png") no-repeat;}
#secure-checklist li h2 {font-size:14pt;}
#secure-footnote {bottom:20px; left:10px; width:550px; position:absolute;}



/*****************************************************
*****   SITE MAP PAGE   ******************************
*****************************************************/
#sitemap {padding:12px 0 0; clear:both;}
#sitemap ul {float:left; list-style:none; width:190px; height:425px; margin:0; padding:0; overflow:hidden;}
#sitemap ul li {padding:0 0 3px 10px;}
#sitemap ul li.section {font-weight:bold; padding:10px 0 3px;}



/*****************************************************
*****   404 PAGE   ***********************************
*****************************************************/
#no-page-warning {width:750px; height:75px; background:url("../images/design/404-heart.jpg") 0 0 no-repeat; margin:30px auto 15px auto; clear:both;}
#no-page-warning h1 {color:#c41330; font-size:1.5em; line-height:75px; font-weight:bold; text-align:center; text-indent:25px;}
#no-page-suggestions {width:450px; margin:0 auto 40px auto; clear:both;}
#no-page-suggestions ul {margin:0 15px 0; padding:0;}
#no-page-search {width:400px; height:50px; background-color:#ededed; border:1px solid #b6b6b6; margin:0 auto 40px auto; padding:25px;}
#no-page-search form fieldset div {float:left; width:333px; height:20px; background:url("../images/design/header-footer-sprite.gif") 0 -94px no-repeat;}
#no-page-search form fieldset div input {width:322px; color:gray; font-size:.925em; background:none; border:0; padding:0 0 0 5px;}
#no-page-search .submit-btn {float:right; width:50px; height:20px; background:url("../images/design/header-footer-sprite.gif") -225px -54px no-repeat;}
#no-page-search .submit-btn:hover {background-position:-225px -74px;}
.no-page-xmargin {margin:0 0 15px; clear:both;}

/* Featured Categories */
#v3category-content5 {width:960px; clear:both;}
#v3category-header h2 {width:960px; height:30px; font-size:1.25em; font-weight:bold; line-height:32px; text-align:center; background-color:#ededed;}
#v3categories5 {width:960px; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; margin:0 0 12px; padding:0; overflow:hidden;}
#v3categories5 .v3category {float:left; width:191px; min-height:225px; text-align:center; border-bottom:1px solid #cfcfcf; border-right:1px solid #cfcfcf; clear:none;}
* html #v3categories5 .v3category {height:auto!important; height:225px; overflow:hidden;}
#v3categories5 .v3category .v3category-title, #v3categories5 .v3category h2 {font-weight:700; line-height:12px; text-transform:uppercase; padding:15px 10px 0 10px;}
#v3categories5 .v3category .v3category-title a, #v3categories5 .v3category h2 a {color:#820a24;}
#v3categories5 .v3category .v3category-desc {padding:5px 10px 0 10px;}
#v3categories5 .v3category .v3category-desc a {color:#464646;}
#v3categories5 .v3category .v3category-img {width:125px; height:125px; position:relative; margin:0 auto; padding:20px 0 0;}
#v3categories5 .v3category .v3category-img img {background:url("../images/design/frame.png") 0 0 no-repeat; padding:5px;}
#v3categories5 h2 {padding:5px 10px 0 10px;}
#v3categories5 h2 a {color:#820a24; font-size:8.5pt; text-transform:uppercase;}