/* this css governs the row of rounded boxes in the content */ .content { width: 953px; background-image: url("./../images/contentAreaCenter.png"); background-repeat: repeat-y; background-position: center; margin-bottom: 20px;} .contentTop { width: 953px; background-image: url("./../images/contentAreaTop.png"); background-repeat: no-repeat; background-position: center top;} .contentBottom { width: 944px; background-image: url("./../images/contentAreaBottom.png"); background-repeat: no-repeat; background-position: center bottom; padding: 0px; padding: 4px; padding-left: 5px;} .innerContent { width: 944px; background-image: url("./../images/blueShade.png"); background-repeat: no-repeat; background-position: top right;} /* left nav bar css */ .leftSide .leftNav { width: 199px; } /*.leftNav .menu { background: transparent url("./../images/leftNavContent.gif") repeat-y left top;} */ .leftNav ul li.first { background-image: url("./../images/leftNavTop.gif"); background-repeat: no-repeat; background-position: left top;} .leftNav ul li { background-image: url("./../images/leftNavContent.gif"); background-repeat: repeat-y; background-position: left center;} .leftNav ul li.last { background-image: url("./../images/leftNavBottom.gif"); background-repeat: no-repeat; background-position: left bottom;} .leftNav ul li.last span.img { padding-right: 14px;} /*.leftNav ul li.last span.border { border-left: 1px solid #EBE29F; border-right: 1px solid #EBE29F;}*/ .leftNav .menu ul li.last ul { border: 0px; padding-bottom: 29px; padding-left: 0px; width: 185px; background-image: url("./../images/leftNavBottom.gif"); background-repeat: no-repeat; background-position: left bottom;} .leftNav .menu ul li.last ul li { border-left: 1px solid #EBE29F ; border-right: 1px solid #EBE29F; padding-left: 10px;} .leftNav ul li a { display: block;} .leftNav ul li a span.img { display: block; padding-right: 16px; } .leftNav ul li.first a:hover { background-image: url("./../images/leftNavTopActive.gif"); background-repeat: no-repeat; background-position: left top; text-decoration:none;} .leftNav ul li.first a:hover span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top; text-decoration:none;} .leftNav ul li.first:hover { } .leftNav ul li.first a span.border { border-top: 0px none;} .leftNav ul li a:hover span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top; color: #2781b8;} .leftNav ul li a:hover span.img span.border { text-decoration: underline; color: #2781b8;} .leftNav ul li.last a:hover span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top; color: #454546;} .leftNav ul li.last a:hover { background-image: url("./../images/leftNavBottomActive.gif"); background-repeat: no-repeat; background-position: left top;} .leftNav ul li.last:hover { } .leftNav ul li.firstActive a { background-image: url("./../images/leftNavTopActive.gif"); background-repeat: no-repeat; background-position: left top;} .leftNav ul li.firstActive a span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top;} .leftNav ul li.firstActive a span.border { color: #2781b8; text-decoration: none;} .leftNav ul li.firstActive a span.border:hover { color: #2781b8; text-decoration:none;} .leftNav ul li.firstActive { background-image: none;} .leftNav ul li.firstActive a span.border { color: #2781b8; text-decoration: none;} .leftNav ul li.firstActive { background-image: none;} .leftNav ul li.lastActive a { background-image: url("./../images/leftNavBottomActive.gif"); background-repeat: no-repeat; background-position: left top;} .leftNav ul li.lastActive a span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top; color: #2781b8;} .leftNav ul li.lastActive a span.border { color: #2781b8; text-decoration: none;} .leftNav ul li.lastActive a span.border:hover { color: #2781b8; text-decoration:none;} .leftNav ul li.lastActive { background-image: none;} .leftNav ul li.lastWithItems a { background-image: url("./../images/leftNavContent.gif"); background-repeat: no-repeat; background-position: left top;} .leftNav ul li.lastWithItems a span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top; color: #2781b8;} .leftNav ul li.lastWithItems a span.border { color: #2781b8; border-left: 1px solid #EBE29F; text-decoration: none; border-right: 0px;} .leftNav ul li.lastWithItems a { background-image: none;} .leftNav ul li.lastWithItems a:hover span.img { background-image: url("./../images/leftNavActive2.jpg");} .leftNav ul li.lastWithItems a:hover { background-image: none;} .leftNav ul li.lastWithItems ul { } .leftNav ul li.contentActive a span.img { background-image: url("./../images/leftNavActive2.jpg"); background-repeat: no-repeat; background-position: right top; color: #2781b8; text-decoration:none;} .leftNav ul li.contentActive a span .border { color: #2781b8; text-decoration: none;} .leftNav ul li.contentActive a span .border:hover { color: #2781b8; text-decoration: none;} .leftNav ul li a span.border { display: block;padding-left: 14px; margin-left: 0px; font-size: 12px; font-weight: bold; color: #454546; text-decoration: none; display: block; line-height: 15px; padding-top: 7px; padding-bottom: 7px; letter-spacing: 0.1px; border-top: 1px solid #ebe29f; } .leftNav ul li a span.border:hover {display: block; padding-left:14px; margin-left:0px; font-size:12px; font-weight:bold; color:#454546; text-decoration:underline; display: block; line-height: 15px; padding-top: 7px; padding-bottom: 7px; letter-spacing: 0.1px; border-top:none solid #ebe29f; } .leftNav .menu ul li ul { border-left: 1px solid #ebe29e; border-right: 1px solid #ebe29e; width: 173px; padding-left: 10px;} .leftNav .menu ul li ul li { background-image: none;} .leftNav .menu ul li ul li a { display: block; padding-left: 15px; background-image: none; color: #454546; font-size: 11px; line-height: 13px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px;} .leftNav .menu ul li ul li a:link, .leftNav .menu ul li ul li a:active, .leftNav .menu ul li ul li a:visited { color: #454546; text-decoration: none;} .leftNav .menu ul li ul li a:hover, .leftNav .menu ul li ul li a:focus, .leftNav .menu ul li ul li a.subLinkActive { background-image: url("./../images/arrowSub.gif"); background-repeat: no-repeat; background-position: left 7px; color: #2781b8; text-decoration: underline;} .leftNav .menu ul li ul li a.subLinkActive:link, .leftNav .menu ul li ul li a.subLinkActive:visited, .leftNav .menu ul li ul li a.subLinkActive:active { color: #2781b8; text-decoration: none;} .leftNav .menu ul li ul li a.subLinkActive:hover, .leftNav .menu ul li ul li a.subLinkActive:focus { text-decoration: underline; color: #2781b8;} /* end of the left nav bar */ .leftNav .activeWear { width: 185px; margin-top: 18px;} .leftNav .activeWear a { display: block;} /* ============= CATEGORY PAGE RIGHT SIDE CSS categoryPage.html file =================== */ .categoryPageContent { padding-top: 18px; padding-right: 24px; width: 705px;} .categoryPageContent .pageTitle { margin-bottom: 20px;} .categoryPageContent .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .categoryPageContent .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .categoryPageContent h4{ font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 50px; letter-spacing: 1px; color: #454546; text-align: right; margin-bottom:0px;} .categoryPageContent h5{ font-size: 18px; font-family: "Arial", Arial; line-height: 21px; letter-spacing: 1px; color: #454546; text-align: right; margin-bottom: 10px;} .categoryPageContent .products {} .categoryPageContent .products .indvProductDiv { background-image: url("./../images/prodBgImage.png"); background-repeat: no-repeat; background-position: center; width: 338px; height:145px; padding-top: 10px; margin-bottom: 20px;} .indvProductDiv div.floatLeft { width: 139px; height: 130px;} .indvProductDiv div.floatLeft img { margin: 0px auto; padding-left:5px; padding-top:5px; max-width:124px;} .indvProductDiv div.floatRight { width: 188px; margin-right: 10px; display: inline;} .indvProductDiv div.floatRight .top { margin-bottom: 16px; padding-left: 3px; height: 43px;} .indvProductDiv div.floatRight .top h1 { font-size: 11px; line-height: 13px; font-weight: bold; color: #454546; margin-bottom: 3px; } .indvProductDiv div.floatRight .top p.floatLeft { font-style: italic; font-size: 11px; line-height: 14px; color: #454546;} .indvProductDiv div.floatRight .top p.floatRight { font-size: 13px; line-height: 14px; color: #454546;} .indvProductDiv div.floatRight .top p.floatRight a { display: block; color: #2781b8; text-decoration: underline; font-style: italic; font-weight: bold; font-size: 11px;} .indvProductDiv div.floatRight .top p.floatRight a:link, .indvProductDiv div.floatRight .top p.floatRight a:active, .indvProductDiv div.floatRight .top p.floatRight a:visited, .indvProductDiv div.floatRight .top p.floatRight a:focus, .indvProductDiv div.floatRight .top p.floatRight a:hover { color: #2781b8; text-decoration: underline;} .indvProductDiv div.floatRight .bottom { width: 188px;} .indvProductDiv div.floatRight .bottom .l { width: 80px; float: left;} .indvProductDiv div.floatRight .bottom .l h2 { font-size: 11px; line-height: 14px; font-weight: bold; color: #454546;} .indvProductDiv div.floatRight .bottom .l p { font-size: 10px; margin-bottom: 5px; } .indvProductDiv div.floatRight .bottom .l p.colorP { margin-bottom: 0px; font-weight: bold; font-size: 11px;} .indvProductDiv div.floatRight .bottom .l p.colorP span.red { color: #b10404;} .indvProductDiv div.floatRight .bottom .l p.colorP span.green { color: #7bb104;} .indvProductDiv div.floatRight .bottom .r { width: 105px; float: right;} .indvProductDiv div.floatRight .bottom .r .viewColors { cursor: pointer; background-image: url("./../images/colorIconPng.png"); background-repeat: no-repeat; background-position: left 60%; font-weight: bold; font-size: 10px; line-height: 13px; display: block; color: #2781b8; padding-left: 9px; text-decoration: none; float: right; margin-top: 16px; margin-right: 7px; display: inline; margin-bottom: 17px;} .indvProductDiv div.floatRight .bottom .r .viewColors:hover, .indvProductDiv div.floatRight .bottom .r .viewColors:focus, .indvProductDiv div.floatRight .bottom .r .viewColors:active, .indvProductDiv div.floatRight .bottom .r .viewColors:link, .indvProductDiv div.floatRight .bottom .r .viewColors:visited { color: #2781b8; text-decoration: none; cursor:default;} .indvProductDiv div.floatRight .bottom .r .customizeButton { background-image: url("./../images/customizeButton.png"); background-repeat: no-repeat; background-position: center; display: block; height: 31px; width: 88px; float: right;} .indvProductDiv div.floatRight .absColorBox { position: absolute; background-image: url("./../images/popupBoxBg.png"); background-repeat: no-repeat; background-position: center; width: 188px; height: 75px; padding-top: 10px; padding-bottom: 7px; display: none;} .indvProductDiv div.floatRight .absColorBox .colors { padding-left: 12px; padding-right: 6px; width: 170px; height: 51px;} .indvProductDiv div.floatRight .absColorBox .colors a { display: inline; margin-bottom: 6px; margin-right: 6px; float: left;} .indvProductDiv div.floatRight .absColorBox .hideColors { cursor: pointer; background-image: url("./../images/colorIconPng.png"); background-repeat: no-repeat; background-position: left 60%; font-weight: bold; font-size: 10px; line-height: 13px; display: block; color: #2781b8; padding-left: 9px; text-decoration: none; float: right; margin-top: 14px; margin-right: 13px; display: inline;} .indvProductDiv div.floatRight .absColorBox .hideColors:hover, .indvProductDiv div.floatRight .absColorBox .hideColors:focus, .indvProductDiv div.floatRight .absColorBox .hideColors:active, .indvProductDiv div.floatRight .absColorBox .hideColors:link, .indvProductDiv div.floatRight .absColorBox .hideColors:visited { color: #2781b8; text-decoration: none;} /* ======================== PRODUCT PAGE LEFT SIDE CSS productPage.html file =================== */ .relatedProducts { background-image: url("./../images/productPageRelProdBox.png"); background-repeat: no-repeat; background-position: left top; width: 159px; margin-top: 20px; padding-top: 5px; padding-left: 13px; padding-right: 13px; height: 214px;} .relatedProducts h2 { font-size: 17px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 21px; letter-spacing: 0.5px; text-align: center; margin-bottom: 5px; color: #454546;} .relatedProducts div.floatLeft, .relatedProducts div.floatRight { width: 77px;} .relatedProducts .prodImg { height: 70px;} .relatedProducts .prodImg img { margin: 0px auto;} .relatedProducts p { text-align: center; font-size: 9px; line-height: 12px; color: #2781b8; min-height: 60px; margin-bottom: 5px;} .relatedProducts a { background-image: url("./../images/detailsBoxImg.png"); background-repeat: no-repeat; background-position: center; display: block; width: 73px; height: 31px; margin: 0px auto;} .relatedProducts p.price { font-size: 13px; line-height: 15px; color: #454546; height: 15px; min-height: 15px; margin-bottom: 0px; padding-bottom: 7px;} /* ==================== PRODUCT PAGE RIGHT SIDE CSS productPage.html file ====================== */ .productPageContent { padding-top: 30px; padding-right: 30px; width: 697px;} /* top level div */ .productPageContent .topLevelDiv { margin-bottom: 8px;} .productPageContent .topLevelDiv div.floatLeft { width: 338px;} .productPageContent .topLevelDiv div.floatLeft a { color: #2781b8; background-image: url("./../images/viewLargerImageIcon.png"); background-repeat: no-repeat; background-position: 5px center; display: block; width: 130px; font-size: 10px; line-height: 16px; padding-left: 22px; font-weight: bold; text-decoration: none;} .productPageContent .topLevelDiv div.floatLeft a:link, .productPageContent .topLevelDiv div.floatLeft a:visited, .productPageContent .topLevelDiv div.floatLeft a:active { text-decoration: none; color: #2781b8;} .productPageContent .topLevelDiv div.floatLeft a:focus, .productPageContent .topLevelDiv div.floatLeft a:hover { text-decoration: underline; color: #2781b8;} .productPageContent .topLevelDiv div.floatRight { width: 338px;} .productPageContent .topLevelDiv div.floatRight a.floatLeft { color: #2781b8; background-image: url("./../images/forwardToFriendIcon.png"); background-repeat: no-repeat; background-position: 5px center; padding-left: 22px; line-height: 16px; font-size: 10px; font-weight: bold;} .productPageContent .topLevelDiv div.floatRight a.floatLeft:link, .productPageContent .topLevelDiv div.floatRight a.floatLeft:visited, .productPageContent .topLevelDiv div.floatRight a.floatLeft:active { text-decoration: none; color: #2781b8;} .productPageContent .topLevelDiv div.floatRight a.floatLeft:focus, .productPageContent .topLevelDiv div.floatRight a.floatLeft:hover { text-decoration: underline; color: #2781b8;} .productPageContent .topLevelDiv div.floatRight a.floatRight { color: #2781b8; background-image: url("./../images/addBookmarkIcon.png"); background-repeat: no-repeat; background-position: 5px center; padding-left: 22px; line-height: 16px; font-size: 10px; font-weight: bold; padding-right: 15px;} .productPageContent .topLevelDiv div.floatRight a.floatRight:link, .productPageContent .topLevelDiv div.floatRight a.floatRight:visited, .productPageContent .topLevelDiv div.floatRight a.floatRight :active { text-decoration: none; color: #2781b8;} .productPageContent .topLevelDiv div.floatRight a.floatRight:focus, .productPageContent .topLevelDiv div.floatRight a.floatRight:hover { text-decoration: underline; color: #2781b8;} /* left box */ .productPageContent .imageBox { width: 338px; background-image: url("./../images/productPageLeftBox.jpg"); background-repeat: no-repeat; background-position: center; height: 344px; margin-bottom: 22px;} .productPageContent .imageBox table { width: 338px; height: 344px;} .productPageContent .imageBox table tr td { vertical-align: middle; } .productPageContent .imageBox table tr td img { margin: 0px auto; padding:18px;} /* right box */ .productPageContent .textDescription { width: 306px; background-image: url("./../images/productPageRightBox.jpg"); background-repeat: no-repeat; background-position: center; height: 328px; margin-bottom: 22px; padding-left: 20px; padding-right: 12px; padding-top: 16px;} .productPageContent .textDescription .top { margin-bottom: 30px;} .productPageContent .textDescription .top .l { width: 170px; float: left;} .productPageContent .textDescription .top .l h1 { font-size: 14px; line-height: 16px; color: #454546; font-weight: bold; text-align: left;} .productPageContent .textDescription .top .l p { font-size: 13px; font-style: italic; line-height: 15px; color: #525254;} .productPageContent .textDescription .top .r { width: 121px; float: right; text-align: right;} .productPageContent .textDescription .top .r h2 { font-size: 15px; line-height: 16px; color: #453546; font-weight: bold; text-align: right; margin-bottom: 2px;} .productPageContent .textDescription .top .r p { font-size: 10px; color: #525254; line-height: 12px; margin-bottom: 8px;} .productPageContent .textDescription .top .r p.stock { font-size: 10px; line-height: 12px; font-weight: bold; margin-bottom: 0px;} .productPageContent .textDescription .top .r p.stock span.green { color: #7bb104;} .productPageContent .textDescription .top .r p.stock span.red { color: #b10404;} .productPageContent .textDescription .middle { margin-bottom: 30px; height:150px; text-align:} .productPageContent .textDescription .middle p { font-size: 13px; color: #000000; line-height: 17px; margin-top: 15px;} .productPageContent .textDescription .middle p.first { margin-top: 0px;} .productPageContent .textDescription .bottom {} .productPageContent .textDescription .bottom a { display: block; background-image: url("./../images/customizeNowButton.png"); background-repeat: no-repeat; background-position: center; width: 182px; height: 47px; margin: 0px auto;} /* colorBox */ .productPageContent .colorBox { width: 338px;} .productPageContent .colorBox .items { margin-right: 22px; display: inline; width: 72px; } .productPageContent .colorBox .items ul li.first { margin-top: 0px;} .productPageContent .colorBox .items ul li { margin-top: 8px;} .productPageContent .colorBox .items ul li a { padding: 4px; display: block;} .productPageContent .colorBox .items ul li a.active { background-image: url("./../images/productPageSmallThumbnailAc.png"); background-repeat: no-repeat; background-position: center;} .productPageContent .colorBox .colorsAndSizes { width: 244px;} .productPageContent .colorBox .colorsAndSizes h3 { font-size: 11px; font-weight: bold; color: #000000; letter-spacing: 0.2px;} .productPageContent .colorBox .colorsAndSizes h3 span { color: #444444; font-weight: normal;} .productPageContent .colorBox .colorsAndSizes .colors a { float: left; padding: 3px; border: 2px solid #ffffff; margin: 1px; display: inline; } .productPageContent .colorBox .colorsAndSizes .colors a:hover, .productPageContent .colorBox .colorsAndSizes .colors a:focus, .productPageContent .colorBox .colorsAndSizes .colors a.active:link, .productPageContent .colorBox .colorsAndSizes .colors a.active:visited, .productPageContent .colorBox .colorsAndSizes .colors a.active:active, .productPageContent .colorBox .colorsAndSizes .colors a.active:focus, .productPageContent .colorBox .colorsAndSizes .colors a.active:hover { border: 2px solid #7f7f7f;} .productPageContent .colorBox .colorsAndSizes p { font-size: 11px; font-weight: normal; color: #444444;} .productPageContent .colorBox .colorsAndSizes p span { padding: 0px 3px;} /* why threadsmith */ .whyThreadsmith { width: 338px;} .whyThreadsmith div.floatLeft { width: 165px;} .whyThreadsmith div.floatRight { width: 165px;} .whyThreadsmith h5 { font-size: 15px; color: #2781b8; font-family: "Arial Narrow", Arial, Geneva; letter-spacing: 0.5px; line-height: 17px; margin-bottom: 10px;} .whyThreadsmith p { margin-bottom: 10px; font-size: 11px; line-height: 13px; color: #454546; } .whyThreadsmith p span { font-weight: bold; } .whyThreadsmith p.last { margin-bottom: 0px; font-style: italic;} .whyThreadsmith ul { margin-bottom: 15px;} .whyThreadsmith div.floatLeft ul li { font-size: 11px; text-align: center; line-height: 15px;} .whyThreadsmith div.floatRight ul li { background-image: url("./../images/checkMarksIcon.jpg"); background-repeat: no-repeat; background-position: left 6px; padding-left: 16px; line-height: 19px; font-size: 11px;} /* ====================== Orphan Pages ====================== */ .orphanPages .pageTitle { width: 890px;} .orphanPages .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .orphanPages .pageTitle p { color: #454546; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right;} .orphanPages { padding-top: 16px; width: 888px; padding-left: 28px; padding-right: 28px;} .orphanLeftNav { padding-right: 28px; width: 685px; padding-top: 16px;} .orphanPages h1, .orphanLeftNav h1 { font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 56px; letter-spacing: 1px; color: #454546; text-align: right; margin-bottom: 20px;} .orphanPages p, .orphanLeftNav p { font-size: 13px; line-height: 13px; color: #000000; margin-bottom: 20px; text-align: justify;} .orphanPages h2, .orphanLeftNav h2 { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} --> .orphanLeftNav .pageTitle { width: 685px;} .orphanLeftNav .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .orphanLeftNav .pageTitle p { color: #454546; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right;} .orphanPages p.question,.orphanLeftNav p.question { margin-bottom: 10px; color: #fda005; font-size: 16px; font-weight: bold;} .orphanPages p.question,.orphanLeftNav p.question a { margin-bottom: 10px; color: #fda005; font-size: 16px; font-weight: bold;} .orphanPages p.question,.orphanLeftNav p.question a:visited { margin-bottom: 10px; color: #fda005; font-size: 16px; font-weight: bold;} .orphanPages p.question,.orphanLeftNav p.question a:hover { margin-bottom: 10px; color: #fda005; font-size: 16px; font-weight: bold; text-decoration:none;} .orphanPages p, .orphanLeftNav p { font-size: 13px; line-height: 17px; color: #454546; margin-bottom: 20px; text-align: justify;} .orphanPages p.question { margin-bottom: 10px; color: #fda005; font-size: 16px; font-weight: bold;} .orphanPagesbox,.orphanLeftNav p.box { padding-left:15px; text-align:justify;} .orphanPages a { color: #2781b8; text-decoration: underline;} .orphanPages a:link, .orphanPages a:visited, .orphanPages a:active, .orphanPages a:focus, .orphanPages a:hover { color: #2781b8; text-decoration: underline;} .orphanPages a:link, .orphanPages a:visited, .orphanPages a:active, .orphanPages a:focus, .orphanPages a:hover, .orphanLeftNav a:link, .orphanLeftNav a:visited, .orphanLeftNav a:active, .orphanLeftNav a:focus, .orphanLeftNav a:hover { color: #2781b8; text-decoration: underline;} .orphanPages ul { margin-left: 40px; list-style-type: disc; } .orphanPages ol { margin-left: 40px; list-style-type: decimal; } /* ====================== Site Map ====================== */ .orphanPages .siteMapL { float:left; width:275px; padding-left:30px; padding-bottom: 40px; } .orphanPages .siteMapL .l1 p { margin: 0px; padding: 0px 0px 0px 16px; } .orphanPages .siteMapL .l1 a { text-decoration: none; font-size: 24px; font-weight: bold; color: #454545; } .orphanPages .siteMapL .l2 p { margin: 0px; } .orphanPages .siteMapL .l2 a { margin: 0px; padding: 2px 0px 0px 0px; text-decoration: none; font-size: 13px; color: #000000; font-weight: bold; } .orphanPages .siteMapL .l3 p { margin: 0px; } .orphanPages .siteMapL .l3 a { padding: 2px 0px 0px 15px; text-decoration: underline; font-size: 13px; color: #000000; } .orphanPages .siteMapL .l3 a:hover { padding: 2px 0px 0px 15px; text-decoration: none; font-size: 13px; color: #000000; } .orphanPages .siteMapR { float: right; padding-right: 80px; padding-bottom: 40px; } .orphanPages .siteMapR .l1 p { margin: 0px; padding: 0px 0px 0px 16px; } .orphanPages .siteMapR .l1 a { text-decoration: none; font-size: 24px; font-weight: bold; color: #454545; } .orphanPages .siteMapR .l2 p { margin: 0px; } .orphanPages .siteMapR .l2 a { margin: 0px; padding: 2px 0px 0px 0px; text-decoration: none; font-size: 13px; color: #000000; font-weight: bold; } .orphanPages .siteMapR .l3 p { margin: 0px; } .orphanPages .siteMapR .l3 a { padding: 2px 0px 0px 15px; text-decoration: underline; font-size: 13px; color: #000000; } /* =========================== Personal Shop Pages ===================== */ .personalShopContent { padding: 22px; } .personalShopContent .productDiv { margin-top: 34px;} .personalShopContent div.first { margin-top: 0px;} .personalShopContent .prodBox { background-image: url("./../images/personalShopSBox.png"); width: 155px; height: 243px; padding-top: 6px;} .personalShopContent .prodBox .absBox { background-image: url("./../images/personalShopPBox.png"); background-repeat: no-repeat; background-position: left top; position: absolute; width: 135px; height: 85px; padding-top: 16px; padding-bottom: 11px; padding-left: 15px; padding-right: 5px; display: none; margin-top: 67px; } .personalShopContent .prodBox .absBox .cols { height: 60px; margin-bottom: 10px;} .personalShopContent .prodBox .absBox .cols a { float: left; margin-right: 6px; margin-bottom: 6px; display: inline; } .personalShopContent .prodBox .absBox a.viewColors { background-image: url("./../images/colorIconPng.png"); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 12px; font-size: 10px; line-height: 12px; color: #2781b8; font-weight: bold; margin-left: 0px; margin-bottom: 0px;} .personalShopContent .prodBox .absBox a.viewColors:link, .personalShopContent .prodBox .absBox a.viewColors:visited, .personalShopContent .prodBox .absBox a.viewColors:active { color: #2781b8; text-decoration: none;} .personalShopContent .prodBox .absBox a.viewColors:focus, .personalShopContent .prodBox .absBox a.viewColors:hover { color: #2781b8; text-decoration: underline;} .personalShopContent .prodBox a.largeImg { background-image: url("./../images/viewLargerImageIcon.png") ; background-repeat: no-repeat; background-position: left center; line-height: 14px; margin-left: 5px; padding-left: 18px; display: block; font-size: 10px; font-weight: bold; color: #2781b8; margin-bottom: 5px;} .personalShopContent .prodBox a.largeImg:link, .personalShopContent .prodBox a.largeImg:visited, .personalShopContent .prodBox a.largeImg:active { color: #2781b8; text-decoration: none;} .personalShopContent .prodBox a.largeImg:focus, .personalShopContent .prodBox a.largeImg:hover { color: #2781b8; text-decoration: none;} .personalShopContent .prodBox table { padding-left:5px; width: 150px; height: 150px;} .personalShopContent .prodBox table tr td { vertical-align: middle;} .personalShopContent .prodBox table tr td img { margin: 0px auto;} .personalShopContent .prodBox a.viewColors { background-image: url("./../images/colorIconPng.png"); background-repeat: no-repeat; background-position: left 5px; margin-left: 15px; cursor: pointer; padding-left: 10px; color: #2781b8; text-decoration: none; font-weight: bold; font-size: 10px; margin-bottom: 13px; display: block;} .personalShopContent .prodBox a.viewColors:link, .personalShopContent .prodBox a.viewColors:visited, .personalShopContent .prodBox a.viewColors:active { color: #2781b8; text-decoration: none;} .personalShopContent .prodBox a.viewColors:focus, .personalShopContent .prodBox a.viewColors:hover { color: #2781b8; text-decoration: underline; } .personalShopContent .prodBox h5 { font-size: 11px; font-weight: bold; line-height: 13px; padding-left: 15px; padding-right: 15px; margin-bottom: 6px;} .personalShopContent .prodBox p { font-size: 10px; font-weight: normal; line-height: 13px; padding-left: 15px; padding-right: 15px; color: #444444;} .personalShopContent .prodBox p span { padding-right: 3px;} .personalShopContent .prodDesc { background-image: url("./../images/personalShopLBox.png"); background-repeat: no-repeat; background-position: center; width: 700px; height: 249px; padding-left: 19px; padding-right: 12px;} .personalShopContent .prodDesc h1 { font-size: 14px; font-weight: bold; color: #454546; line-height: 48px; height: 48px; margin-bottom: 15px; } .personalShopContent .prodDesc h1 span { font-style: italic; font-weight: normal; font-size: 13px;} .personalShopContent .prodDesc .contentText .desc { width: 225px;} .personalShopContent .prodDesc .contentText .desc p { font-size: 11px; line-height: 15px;} .personalShopContent .prodDesc .contentText .customDesign { width: 470px;} .personalShopContent .prodDesc .contentText .customDesign .box { margin-right: 10px;} .personalShopContent .prodDesc .contentText .customDesign .first { margin-right: 0px;} .personalShopContent .prodDesc .contentText .customDesign .box .imgAndTitle { background-image: url("./../images/personalShopDefThumb.png"); background-repeat: no-repeat; background-position: left top; width: 107px; height: 133px; padding-left: 3px; padding-top: 3px;} .personalShopContent .prodDesc .contentText .customDesign .box .imgAndTitle img { margin-bottom: 4px;} .personalShopContent .prodDesc .contentText .customDesign .box .imgAndTitle p { text-align: center; font-size: 11px; line-height: 13px; color: #454546;} .personalShopContent .prodDesc .contentText .customDesign .box .customize { background-image: url("./../images/customizeButton.png"); background-repeat: no-repeat; background-position: center; display: block; width: 88px; height: 31px; margin-left: 15px; cursor: pointer;} .personalShopContent .prodDesc .contentText .customDesign .box p.price { font-size: 11px; font-weight: bold; text-align: center; color: #454546; margin-top: -5px;} /* =========================== Check out Page ================================== */ .checkOutPage { width: 892px; padding-top: 20px; padding-left: 26px; padding-right: 26px;} .checkOutPage .pageTitle { width: 892px; margin-bottom: 20px;} .checkOutPage .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .checkOutPage .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .checkOutPage .checkOutBox { margin-bottom: 15px;} .checkOutPage .checkOutBox a.updateQuantities { cursor:default; background-image: url("./../images/grayupdatequantities.png"); background-repeat: no-repeat; background-position: center; width: 155px; height: 32px; display: block; margin-top: 5px; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-align: center; color: #ffffff; text-decoration: none; padding-top: 6px; margin-left: 730px;} .checkOutPage .checkOutBox a.updateQuantities:link, .checkOutPage .checkOutBox a.updateQuantities:hover, .checkOutPage .checkOutBox a.updateQuantities:active, .checkOutPage .checkOutBox a.updateQuantities:focus, .checkOutPage .checkOutBox a.updateQuantities:visited { text-decoration: none; color: #ffffff;} .checkOutPage .checkOutTop { background-image: url("./../images/checkOutTop.png"); background-repeat: no-repeat; background-position: center; padding-left: 20px; width: 872px;} .checkOutPage .checkOutTop p { text-align: center; color: #fda005; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica; line-height: 25px;} .checkOutPage .checkOutTop p.image { width: 66px; } .checkOutPage .checkOutTop p.desc {text-align: left; padding-left: 15px; width: 465px;} .checkOutPage .checkOutTop p.item { width: 78px; padding-left: 10px; padding-right: 10px; margin-right: 30px;} .checkOutPage .checkOutTop p.qty { width: 57px; padding-left: 10px; padding-right: 10px; margin-right: 25px;} .checkOutPage .checkOutTop p.itemTotal { width: 77px; padding-left: 7px; padding-right: 3px;} .checkOutPage .checkOutContent { background-image: url("./../images/checkOutContent.png"); background-repeat: repeat-x; background-position: top left; background-color: #fdfbe3; border-left: 1px solid #ebe29e; border-right: 1px solid #ebe29e; width: 890px;} .checkOutPage .checkOutContent .row { padding-top: 18px; padding-bottom: 10px; padding-left: 20px; border-top: 1px solid #e5e3dc; width: 870px;} .checkOutPage .checkOutContent .last { padding-bottom: 0px;} .checkOutPage .checkOutContent .row .image { background-image: url("./../images/checkOutImage.png"); background-repeat: no-repeat; background-position: left center; width: 66px; height: 69px; } .checkOutPage .checkOutContent .row .desc { padding-left: 15px; width: 465px; } .checkOutPage .checkOutContent .row .desc p { font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #454546; margin-bottom: 1px; } .checkOutPage .checkOutContent .row .desc p span { font-weight: bold;} .checkOutPage .checkOutContent .row .item { text-align: center; width: 68px; padding-left: 15px; padding-right: 15px; margin-right: 30px; display: inline;} .checkOutPage .checkOutContent .row .item table { width: 100%; height: 64px;} .checkOutPage .checkOutContent .row .item table tr td { vertical-align: middle; text-align: center;} .checkOutPage .checkOutContent .row .item td { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #454546;} .checkOutPage .checkOutContent .row .qty { padding-left: 10px; padding-right: 10px; width: 57px; display: inline; margin-right: 25px;} .checkOutPage .checkOutContent .row .qty table { width: 100%; height: 64px; } .checkOutPage .checkOutContent .row .qty table tr td { vertical-align: middle; text-align: center;} .checkOutPage .checkOutContent .row .qty form input { height: 20px; border: 2px solid #c3c3c3; text-align: center;font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; width: 54px; padding-top: 4px; margin-top: 20px; display: block;} .checkOutPage .checkOutContent .row .qty form a { display: block; font-size: 10px; font-weight: bold; color: #2781b8; text-align: center; text-decoration: underline;} .checkOutPage .checkOutContent .row .qty form a:link, .checkOutPage .checkOutContent .row .qty form a:visited, .checkOutPage .checkOutContent .row .qty form a:active, .checkOutPage .checkOutContent .row .qty form a:focus, .checkOutPage .checkOutContent .row .qty form a:hover { color: #2781b8; text-decoration: underline;} .checkOutPage .checkOutContent .row .itemTotal { width: 67px; padding-left: 10px; padding-right: 10px;} .checkOutPage .checkOutContent .row .itemTotal table { width: 100%; height: 64px;} .checkOutPage .checkOutContent .row .itemTotal table tr td { vertical-align: middle; text-align: center;} .checkOutPage .checkOutContent .row .itemTotal td { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #454546;} .checkOutPage .checkOutBottom { background-image: url("./../images/checkOutBottom.png"); background-repeat: no-repeat; background-position: top left; height: 16px; width: 892px; } .checkOutPage .leftCheck { width: 450px; background-color: white; } .checkOutPage .rightCheck { width: 376px; background-image: url("./../images/checkOutDBox.png"); background-repeat: no-repeat; background-position: center; height: 217px; padding-left: 16px; padding-right: 16px;} .checkOutPage .leftCheck .row { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #e5e5e5; width: 450px; } .checkOutPage .leftCheck .first { border-top: 0px none;} .checkOutPage .leftCheck .row select.floatRight { width: 285px; margin-right: 10px; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; } .checkOutPage .leftCheck .row p.floatLeft { width: 210px; margin-right: 10px; display: inline; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 14px;} .checkOutPage .leftCheck .row input.inputTxt { width: 150px; height: 17px; font-size: 13px; border: 2px solid #c3c3c3; margin-top: 2px;} .checkOutPage .leftCheck .row input.apply { background: transparent; background-image: url("./../images/grayapplybutton.png"); background-repeat: no-repeat; background-position: center; height: 23px; width: 62px; cursor: default;} .checkOutPage .leftCheck .row textarea { margin-top: 8px; width: 448px; height: 121px; border: 1px solid #737373;} .checkOutPage .rightCheck h2 { font-size: 16px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546; line-height: 44px; margin-bottom: 10px;} .checkOutPage .rightCheck div.floatLeft { width: 225px; } .checkOutPage .rightCheck div.floatLeft .row { padding: 15px 0px; border-top: 1px solid #e3e4e5; width: 225px;} .checkOutPage .rightCheck div.floatLeft .first { border-top: 0px none;} .checkOutPage .rightCheck div.floatLeft .row p { font-family: Verdana, Arial, Helvetica; width: 125px; padding-left: 10px; font-size: 13px; font-weight: normal; line-height: 17px; color: #454546;} .checkOutPage .rightCheck div.floatRight { width: 136px;} .checkOutPage .rightCheck div.floatLeft .row p.floatRight { padding-right: 10px; width: 65px; padding-left: 0px; text-align: right;} .checkOutPage .rightCheck div.floatLeft .row p.last { font-weight: bold;} .checkOutPage .rightCheck div.floatRight input { background-image: url("./../images/checkOutButton.png"); background-repeat: no-repeat; background-position: center; width: 136px; height: 41px; margin-top: 15px;} .checkOutPage .leftCheck .row p.floatShipLeft { float:left;width: 145px; margin-right: 10px; display: inline; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 14px;} .checkOutPage .leftCheck .row a.floatLeft { width: 450px; margin-right: 10px; display: inline; text-decoration:underline ;font-family: Verdana, Arial, Helvetica; font-size: 11px; color:Blue;padding-top:10px;} /* ===================================== My ThreadSmith Pages ================================= */ .myThreadsmith {padding-right: 28px; width: 685px; padding-top: 16px; min-height: 500px;} .myThreadsmith .pageTitle { width: 685px; margin-bottom: 55px;} .myThreadsmith .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .myThreadsmith .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .myThreadsmith .loginBox { margin-left: 20px;} .myThreadsmith .login { background-image: url("./../images/myThreadsmithBox.png"); background-repeat: no-repeat; background-position: center; width: 368px; height: 229px;} .myThreadsmith .login h3 { line-height: 44px; padding-left: 18px; font-size: 16px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546;} .myThreadsmith .login .row { padding-left: 33px; padding-right: 29px; width: 306px;} .myThreadsmith .login .row label { display: inline; float: left; width: 75px; text-align: right; margin-right: 10px; line-height: 25px; font-size: 13px; color: #454546; } .myThreadsmith .login .row input { padding-top: 2px; height: 19px; border: 2px solid #c3c3c3; width: 210px; padding-left: 5px; } .myThreadsmith .login .row a { float: right; display: inline; margin-right: 10px; text-decoration: underline; color: #2781b8; font-size: 11px; line-height: 18px;} .myThreadsmith .login .row .submitBox { float: right; display: inline; background: transparent url("./../images/signInBox.png"); background-repeat: no-repeat; background-position: center; width: 82px; height: 31px; border: 0px none; cursor: pointer;} .myThreadsmith .rembMe { margin-top: 12px ; margin-left: 17px; width: 330px;} .myThreadsmith .rembMe input { float: left; margin-right: 10px; line-height: 13px; height: 13px;} .myThreadsmith .rembMe h4 { float: left; font-size: 11px; line-height: 13px; font-family: Verdana, Arial, Helvetica; color: #454546; font-weight: bold; } .myThreadsmith .rembMe p { font-size: 9px; font-weight: normal; font-family: Verdana, Arial, Helvetica; color: #456546; padding-left: 23px; width: 307px;} .myThreadsmith .error{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff0000; height:20px; text-align:inherit; margin-top:5px;} .myThreadsmith .Check { width: 368px; padding-top:30px;} .myThreadsmith .forgotBox { margin-left: 20px;} .myThreadsmith .forgot { background-image: url("./../images/forgotpasswordBox.png"); background-repeat: no-repeat; background-position: center; width: 608px; height: 229px;} .myThreadsmith .forgot h3 { line-height: 44px; padding-left: 18px; font-size: 16px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546;} .myThreadsmith .forgot .row { margin-top: 45px; padding-left:163px;} .myThreadsmith .forgot .row label { display: inline; float: left; text-align: right; margin-right: 10px; line-height: 25px; font-size: 16px; color: #454546; } .myThreadsmith .forgot .row input { padding-top: 2px; height: 19px; border: 2px solid #c3c3c3; width: 210px; padding-left: 5px; } .myThreadsmith .forgot .row a { float: right; display: inline; margin-right: 10px; text-decoration: underline; color: #2781b8; font-size: 11px; line-height: 18px;} .myThreadsmith .forgot .row .submitBox { display: inline; background: transparent url("./../images/user_password_btn.png"); background-repeat: no-repeat; background-position:center; width:281px; height:41px; border: 0px none; cursor: pointer;text-align:center;} .myThreadsmith .forgot .btn {margin-top: 30px; padding-left:167px;} .myThreadsmith .newUser { background-image: url("./../images/newUser.png"); background-repeat: no-repeat; background-position: center; height: 174px; width: 190px; margin-top: 20px; padding-top: 15px; padding-left: 20px; padding-right: 20px;} .myThreadsmith .newUser h5 { font-size: 16px; line-height: 24px; color: #454546; font-weight: bold; margin-bottom: 5px;} .myThreadsmith .newUser p { font-size: 11px; line-height: 13px; } .myThreadsmith .newUser a { line-height: 15px; font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #2781b8; font-weight: bold; text-decoration: underline; display: block; width: 95px; margin-left: 50px; margin-top: 15px;} /* ================================== GET IDEAS ================================ */ .getIdeas {padding-right: 28px; width: 702px; padding-top: 16px; min-height: 500px;} .getIdeas .pageTitle { width: 685px; margin-bottom: 15px;} .getIdeas .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .getIdeas .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .getIdeas p { font-size: 13px; line-height: 17px; color: #000;} .getIdeas .boxes { margin-top: 40px;} .getIdeas .boxes .indvBox { background-image: url("./../images/getIdeasBox.png"); background-repeat: no-repeat; background-position: center; width: 198px; height: 79px; padding: 15px 15px 0px 15px; margin-left: 9px; margin-bottom: 9px; display: inline;} .getIdeas .boxes .first { margin-left: 0px;} .getIdeas .boxes .indvBox h2 { font-size: 15px; line-height: 17px; font-weight: bold; color: #454546; margin-bottom: 2px;} .getIdeas .boxes .indvBox p { line-height: 13px; font-size: 11px;} .getIdeas .boxes .indvBox p a{ font-size: 11px; line-height: 11px; color: #2781b8; text-decoration: none;} .getIdeas .boxes .indvBox p a:link, .getIdeas .boxes .indvBox p a:visited, .getIdeas .boxes .indvBox p a:active { color: #2781b8; text-decoration: none;} .getIdeas .boxes .indvBox p a:focus, .getIdeas .boxes .indvBox p a:hover { color: #2781b8; text-decoration: underline;} /* ========================= BEST SOLD ======================= */ .bestSold {padding-right: 28px; width: 702px; padding-top: 16px; min-height: 500px;} .menu { margin-bottom: 20px;} .customerTestimonial { background-image: url("./../images/cContent.png"); background-repeat: repeat-y; background-position: center; width: 185px;} .customerTestimonial .tRepeat { background-image: url("./../images/cRepeat.png"); background-repeat: no-repeat; background-position: center 15px;} .customerTestimonial .top { background-image: url("./../images/cTop.png"); background-repeat: no-repeat; background-position: top center;} .customerTestimonial .bottom { background-image: url("./../images/cBottom.png"); background-repeat: no-repeat; background-position: bottom center; padding: 10px;} .customerTestimonial . { background-image: url("./../images/quotes.png"); background-repeat: no-repeat; background-position: 0px 30px;} .customerTestimonial h5 { font-family: "Arial Narrow", Arial, Helvetica; font-size: 16px; letter-spacing: -0.4px; word-spacing: -0.2px; line-height: 20px; color: #2781b8 } .customerTestimonial .quotes div { margin-top: 30px;} .customerTestimonial .quotes div p { padding: 0px 10px; text-align: left; font-size: 11px; line-height: 13px;} .customerTestimonial .quotes div p.byWho { text-align: right; font-style: italic; margin-top: 2px;} .bestSold .pageTitle { width: 685px; margin-bottom: 15px;} .bestSold .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .bestSold .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .bestSold p { font-size: 13px; line-height: 17px; color: #000;} .bestSoldItem .leftBox { width: 200px;} .bestSoldItem .leftBox img { margin: 0px auto;} .bestSoldItem .rightBox { width: 490px; padding-top: 20px;} .bestSoldItem .rightBox h1 { font-size: 16px; line-height: 20px; color: #fda005; margin-bottom: 15px; font-weight: bold;} .bestSoldItem .rightBox h2 { font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 3px;} .bestSoldItem .rightBox h2 a { color: #2781b8; text-decoration: none; border-bottom: 2px solid #2781b8;} .bestSoldItem .rightBox h2 a:link, .bestSoldItem .rightBox h2 a:visited, .bestSoldItem .rightBox h2 a:focus, .bestSoldItem .rightBox h2 a:hover, .bestSoldItem .rightBox h2 a:active { color: #2781b8; text-decoration: none; border-bottom: 2px solid #2781b8; } .bestSoldItem .rightBox .cAbsBox { position: absolute; margin-left: 300px; width: 182px;} .bestSoldItem .rightBox .cAbsBox a { background-image: url("./../images/customizeNowButton.png"); background-repeat: no-repeat; background-position: center; display: block; width: 182px; height: 47px;} .bestSoldItem .rightBox .cAbsBox p { font-size: 10px; letter-spacing: -0.5px; font-weight: bold; text-align: center;} .bestSoldItem .rightBox p.byWho { font-size: 13px; line-height: 15px; font-style: italic; color: #454546; margin-bottom: 20px;} .bestSoldItem .rightBox p { color: #454546;} .bestSold .boxes { margin-top: 0px; padding-bottom: 20px;} .bestSold .boxes .indvBox { background-image: url("./../images/getIdeasBox.png"); background-repeat: no-repeat; background-position: center; width: 208px; height: 79px; padding: 15px 5px 0px 15px; margin-left: 9px; margin-bottom: 9px; display: inline;} .bestSold .boxes .first { margin-left: 0px;} .bestSold .boxes .indvBox .goBut { background-image: url("./../images/goButton.png"); background-repeat: no-repeat; background-position: center; position: absolute; width: 35px; height: 25px; margin-left: 115px; margin-top: 53px;} .bestSold .boxes .indvBox .l { float: left; width: 58px; height: 58px;} .bestSold .boxes .indvBox .r { float: right; width: 140px;} .bestSold .boxes .indvBox .r h5 { height: 34px;} .bestSold .boxes .indvBox .r a { display: block;} .bestSold .boxes .indvBox .r p { font-size: 11px; color: #454546;} .bestSold .boxes .indvBox a{ font-size: 15px; line-height: 17px; color: #2781b8; text-decoration: none; font-weight: bold;} .bestSold .boxes .indvBox a:link, .bestSold .boxes .indvBox p a:visited, .bestSold .boxes .indvBox p a:active { color: #2781b8; text-decoration: none;} .bestSold .boxes .indvBox a:focus, .bestSold .boxes .indvBox p a:hover { color: #2781b8; text-decoration: underline;} /* ======================================== CREATE ACCOUNT PAGE ========================== */ .createAccount {padding-right: 28px; width: 710px; padding-top: 16px; min-height: 500px;} .createAccount .pageTitle { margin-bottom: 20px;} .createAccount .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .createAccount .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .createAccount .createAccBox { width: 710px; background-image: url("./../images/checkOutContent.png"); background-repeat: repeat-x; background-position: center top; background-color: #FDFBE3;} .createAccount .createAccBox .caTopBox { background-image: url("./../images/createAccountTopBox.gif"); background-repeat: no-repeat; background-position: top center; } .createAccount .createAccBox .caBottomBox { background-image: url("./../images/createAccountBottomBox.gif"); background-repeat: no-repeat; background-position: bottom center; padding-top: 0px; padding-bottom: 16px; } .createAccount .createAccBox .borderFix { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding-left: 20px; padding-right: 20px;width: 668px; } .createAccount h3 { line-height: 54px; padding-left: 20px; font-size: 16px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546; } .createAccBox .leftCheck { width: 294px; margin-top:15px; } .createAccBox .rightCheck { width: 294px; margin-top:15px;} .createAccBox .leftCheck .row { padding-top:5px; width: 294px;} .createAccBox .leftCheck .first { border-top: 0px none;} .createAccBox .leftCheck .row p.floatLeft { color: #454546; width: 130px; margin-right: 10px; display: inline; font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 21px; text-align: right; } .createAccBox .leftCheck .row input.inputTxt { width: 150px; height: 17px; font-size: 13px; border: 2px solid #c3c3c3;} .createAccBox .leftCheck .row input.apply { background-image: url("./../images/applyButton.png"); background-repeat: no-repeat; background-position: center; height: 23px; width: 54px; cursor: pointer;} .createAccBox .leftCheck .row textarea { margin-top: 8px; width: 448px; height: 121px; border: 1px solid #737373;} .createAccBox .rightCheck .row { padding-top:5px; width: 294px; } .createAccBox .rightCheck .first { border-top: 0px none;} .createAccBox .rightCheck .row p.floatLeft { color: #454546;width: 130px; margin-right: 10px; display: inline; font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 21px; text-align: right; } .createAccBox .rightCheck .row input.inputTxt { width: 150px; height: 17px; font-size: 13px; border: 2px solid #c3c3c3;} .createAccBox .rightCheck .row input.apply { background-image: url("./../images/applyButton.png"); background-repeat: no-repeat; background-position: center; height: 23px; width: 54px; cursor: pointer;} .rememberMeBox { margin-top: 10px; width: 300px; margin-left:0px;} .rememberMeBox .s input#rBer { display:inline; float:left; height:16px; line-height:16px; margin-right:5px; width:13px } .rememberMeBox .s p { color:#454546; float:left; font-family:Tahoma,Helvetica; font-size:11px; text-align:left; font-weight: bold;} .rememberMeBox .s p.nC { } .rememberMeBox .s { display:inline; float:left; margin-left:00px; width:300px; margin-top: 5px; } .rememberMeBox .firstS { margin-top: 0px;} .createAccBox .rightCheck div.s {margin-left: 70px;} .createAccBox .rightCheck div.s input.submitB {background: transparent; background-image:url(./../images/loginToThreadsmith.png); background-position:center center; background-repeat:no-repeat; cursor:pointer; float:none; height:31px; margin-top:10px; width:179px; float: right; display: inline; } .createAccBox .error{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff0000; margin-top:5px; margin-bottom:5px; float:right; text-align:right; height:10px;} /* ======================================== PURCHASE HISTORY ===================== */ .purchaseHistory { padding-right:26px; padding-top:16px; width:685px; padding-bottom: 25px;} .purchaseHistory .pageTitle { margin-bottom: 20px;} .purchaseHistory .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .purchaseHistory .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .purchaseHistory .checkOutBox { margin-bottom: 15px;} .purchaseHistory .checkOutBox a.updateQuantities:link, .purchaseHistory .checkOutBox a.updateQuantities:hover, .purchaseHistory .checkOutBox a.updateQuantities:active, .purchaseHistory .checkOutBox a.updateQuantities:focus, .purchaseHistory .checkOutBox a.updateQuantities:visited { text-decoration: none; color: #ffffff;} .purchaseHistory .checkOutTop { background-image: url("./../images/checkOutTopS.png"); background-repeat: no-repeat; background-position: center; padding-left: 20px; width: 665px;} .purchaseHistory .checkOutTop p { text-align: center; color: #fda005; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica; line-height: 25px;} .purchaseHistory .checkOutTop p.image { width: 85px; margin-right: 20px; display: inline; } .purchaseHistory .checkOutTop p.desc {text-align: left; padding-left: 15px; width: 100px; margin-right: 20px; display: block;} .purchaseHistory .checkOutTop p.item { width: 220px; padding-left: 10px; padding-right: 10px; margin-right: 0px; text-align: left;} .purchaseHistory .checkOutContent { background-image: url("./../images/checkOutContent.png"); background-repeat: repeat-x; background-position: top left; background-color: #fdfbe3; border-left: 1px solid #ebe29e; border-right: 1px solid #ebe29e; width: 683px;} .purchaseHistory .checkOutContent .row { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-top: 1px solid #e5e3dc; width: 663px;} .purchaseHistory .checkOutContent .last { padding-bottom: 0px;} .purchaseHistory .checkOutContent .row .image { width: 85px; height: 29px; display: inline; margin-right: 20px; } .purchaseHistory .checkOutContent .row .image p { line-height: 29px; padding-left: 13px; font-size: 11px; color: #454546; } .purchaseHistory .checkOutContent .row .desc { padding-left: 15px; width: 100px; margin-right: 20px; } .purchaseHistory .checkOutContent .row .desc p { font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #454546; margin-bottom: 1px; line-height: 29px; } .purchaseHistory .checkOutContent .row .desc p span { font-weight: bold;} .purchaseHistory .checkOutContent .row .item { text-align: left; width: 220px; padding-left: 10px; padding-right: 15px; margin-right: 40px; display: inline;} .purchaseHistory .checkOutContent .row .item table { width: 100%; height: 29px;} .purchaseHistory .checkOutContent .row .item table tr td { vertical-align: middle; text-align: left; color: #454546; font-weight: normal;} .purchaseHistory .checkOutContent .row .item td { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #454546;} .purchaseHistory .checkOutContent .row .item td span { font-weight: bold; } .purchaseHistory .checkOutContent .row .itemTotal { padding-left: 0px; padding-right: 10px;} .purchaseHistory .checkOutContent .row .itemTotal span { font-weight: bold; } .purchaseHistory .checkOutContent .row .itemTotal table { width: 100%; height: 29px;} .purchaseHistory .checkOutContent .row .itemTotal table tr td { vertical-align: middle; text-align: left;} .purchaseHistory .checkOutContent .row .itemTotal td a{ font-size: 10px;font-family: Verdana, Arial, Helvetica; color: #2781B8; text-decoration: underline; font-weight: normal; } .purchaseHistory .checkOutContent .row .itemTotal td a:link, .purchaseHistory .checkOutContent .row .itemTotal td a:active, .purchaseHistory .checkOutContent .row .itemTotal td a:visited { font-family: Verdana, Arial, Helvetica; color: #2781B8; text-decoration: underline ;} .purchaseHistory .checkOutContent .row .itemTotal td a:hover, .purchaseHistory .checkOutContent .row .itemTotal td a:focus { color: #2781B8; text-decoration: underline;} .purchaseHistory .checkOutBottom { background-image: url("./../images/checkOutBottomS.png"); background-repeat: no-repeat; background-position: top left; height: 16px; width: 685px; } .alert {padding:25px 0px 20px 65px; text-align:left;} .alertbg{background:url("../images/error_box.png"); background-repeat:no-repeat;;padding:0 0 20px;} /* ========================================== My accounts Info ========================= */ .myAccountInfo { padding-right:28px; padding-top:16px; width:710px; padding-bottom: 25px;} .myAccountInfo .pageTitle { margin-bottom: 20px;} .myAccountInfo .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .myAccountInfo .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .myAccountInfo .cBox .indvRow { width: 345px; margin-bottom: 15px; } .myAccountInfo .cBox .indvRow .indvRowBottom { background-image: url("./../images/myAccountBottomBox.png"); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 13px; } .myAccountInfo .cBox .l, .myAccountInfo .cBox .r { width: 345px;} .myAccountInfo .cBox .indvRow .t { background-image: url("./../images/myAccountTopBoxWhite.png"); background-repeat: no-repeat; background-position: center; height: 25px; line-height: 25px; border-bottom: 1px solid #E5E3DC; width: 345px;} .myAccountInfo .cBox .indvRow .blueBox { background-image: url("./../images/myAccountTopBox.png");} .myAccountInfo .cBox .indvRow .t h4 { font-size: 11px; font-weight: bold; padding-left: 10px; color: #FDA005; float: left;} .myAccountInfo .cBox .indvRow .t h4 span { font-size: 9px; font-weight: normal;} .myAccountInfo .cBox .indvRow .t a { float: right; background-image: url("./../images/saveButtonS.png"); background-repeat: no-repeat; background-position: center; display: block; margin-top: 5px; width: 50px; height: 16px; margin-right: 15px; display: inline;} .myAccountInfo .cBox .indvRow .b { padding-left: 10px; padding-right: 10px; background-image: url("./../images/checkOutContent.png"); background-repeat:repeat; border-left: 1px solid #EBE29E; border-right: 1px solid #EBE29E; padding-top: 10px;} .myAccountInfo .cBox .indvRow .b label { float: left; width: 159px; font-size: 12px; color: #454546; line-height: 20px; padding-left: 0px; text-align: right;} .myAccountInfo .cBox .indvRow .b input { float: right; width: 150px; border: 2px solid #C3C3C3; height: 15px; padding-left: 5px; height: 16px;} .myAccountInfo .cBox .indvRow .b select { float: left; margin-left: 5px;} .myAccountInfo .cBox .indvRow .b div { padding-top: 3px; padding-bottom: 3px; width: 323px;} .myAccountInfo .cBox .indvRow .b div.clear { padding: 0px;} .myAccountInfo .cBox .required { font-size: 12px; color: #454546; line-height: 20px; padding-left: 0px; text-align: right; padding-right: 10px; } .myAccountInfo .cBox .saveContinue { padding-top: 40px;} .myAccountInfo .cBox .saveContinue a { height: 42px; width: 138px; float: right; padding-right: 0px; background-image: url("./../images/saveContinue.png"); background-repeat: no-repeat; display: block; } /* -================================================= My saved Designs ================================ */ div.savedDesigns { padding-right:28px; padding-top:16px; width:710px; padding-bottom: 25px;} .savedDesigns .pageTitle { padding-bottom: 25px;} .savedDesigns .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .savedDesigns .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .savedDesigns .insideC { width: 678px; margin-left: 38px; margin-top:40px;} .savedDesigns .insideC .designBox { background-image: url(./../images/smallDefThumb2.png); background-position: top right; background-repeat: no-repeat; width: 134px; padding-left: 0px; padding-right: 5px; padding-top: 0px; margin-left: 40px; margin-bottom: 20px;} .savedDesigns .insideC .first { margin-left: 0px;} .savedDesigns .insideC .designBox img { padding-left: 4px; padding-top: 4px;} .savedDesigns .insideC .designBox p { line-height: 20px; text-align: center; margin-bottom: 8px; color: #454546; font-size: 11px;} .savedDesigns .insideC .designBox .iBox { width: 128px;} .savedDesigns .insideC .designBox .iBox div { margin-bottom: 5px;} .savedDesigns .insideC .designBox .iBox div input { border: 1px solid #999999; width: 48px; float: left; height: 17px; padding-top: 4px; font-size: 11px; padding-left: 2px;} .savedDesigns .insideC .designBox .iBox div.clear { margin: 0px;} .savedDesigns .insideC .designBox .iBox div a.rename { background-image: url("./../images/savedDesignsRename.png"); background-repeat: no-repeat; background-position: center; float: right; height: 23px; width: 73px;} .savedDesigns .insideC .designBox .iBox div p { font-size: 11px; text-align: left; font-weight: bold; float: left; width: 65px; margin-bottom: 0px; margin-top: 2px;} .savedDesigns .insideC .designBox .iBox div a.chair { background-image: url("./../images/savedDesignsCart.png"); background-repeat: no-repeat; background-position: center; float: left; height: 23px; width: 34px;} .savedDesigns .insideC .designBox .iBox div a.cancel { background-image: url("./../images/savedDesignsCancel.png"); background-repeat: no-repeat; background-position: center; float: right; height: 23px; width: 26px;} /* ================================================ DESIGN FOUNDRY ============================== */ /* NOT USED div.designFoundry { padding-right:28px; padding-top:16px; width:705px;} .designFoundry .pageTitle { margin-bottom: 5px;} .designFoundry .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .designFoundry .pageTitle p { color: #454546; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right;} .designFoundry .largeBox { background-image: url("./../images/designFoundryLBox.png"); background-repeat: no-repeat; background-position: center; width: 498px; height: 504px;} .designFoundry .largeBox img { margin: 0px auto;} .designFoundry .firstAbs { background-image: url("./../images/greenArrow.png"); background-repeat: no-repeat; background-position: left center; height: 84px; position: absolute; padding-left: 75px; margin-top: -35px;} .designFoundry .firstAbs p { font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #454546; width: 240px;} .designFoundry .secondAbs { background-image: url("./../images/photoWoman.png"); background-repeat: no-repeat; background-position: center; position: absolute; height: 311px; width: 110px; margin-left: -77px; margin-top: 190px;} */ /* ============================================ GET IDEAS CATEGORY ============================== */ .getIdeasCategory { padding-right:28px; padding-top:16px; width:705px; padding-bottom: 25px;} .getIdeasCategory .pageTitle { margin-bottom: 10px;} .getIdeasCategory .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .getIdeasCategory .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .getIdeasCategory p.onlyP { color: #000; font-size: 13px; line-height: 17px; margin-bottom: 30px;} .getIdeasCategory .productDiv { margin-top: 34px;} .getIdeasCategory div.first { margin-top: 0px;} .getIdeasCategory .prodBox { background-image: url("./../images/personalShopSBox.png"); width: 155px; height: 243px; padding-top: 6px;} .getIdeasCategory .prodBox .absBox { background-image: url("./../images/personalShopPBox.png"); background-repeat: no-repeat; background-position: left top; position: absolute; width: 135px; height: 85px; padding-top: 16px; padding-bottom: 11px; padding-left: 15px; padding-right: 5px; display: none; margin-top: 67px; } .getIdeasCategory .prodBox .absBox .cols { height: 60px; margin-bottom: 10px;} .getIdeasCategory .prodBox .absBox .cols a { float: left; margin-right: 6px; margin-bottom: 6px; display: inline; } .getIdeasCategory .prodBox .absBox a.viewColors { background-image: url("./../images/colorIconPng.png"); background-repeat: no-repeat; background-position: left 3px; display: block; padding-left: 12px; font-size: 10px; line-height: 12px; color: #2781b8; font-weight: bold; margin-left: 0px; margin-bottom: 0px;} .getIdeasCategory .prodBox .absBox a.viewColors:link, .getIdeasCategory .prodBox .absBox a.viewColors:visited, .getIdeasCategory .prodBox .absBox a.viewColors:active { color: #2781b8; text-decoration: none;} .getIdeasCategory .prodBox .absBox a.viewColors:focus, .getIdeasCategory .prodBox .absBox a.viewColors:hover { color: #2781b8; text-decoration: underline;} .getIdeasCategory .prodBox a.largeImg { background-image: url("./../images/viewLargerImageIcon.png") ; background-repeat: no-repeat; background-position: left center; line-height: 14px; margin-left: 5px; padding-left: 18px; display: block; font-size: 10px; font-weight: bold; color: #2781b8; margin-bottom: 5px;} .getIdeasCategory .prodBox a.largeImg:link, .getIdeasCategory .prodBox a.largeImg:visited, .getIdeasCategory .prodBox a.largeImg:active { color: #2781b8; text-decoration: none;} .getIdeasCategory .prodBox a.largeImg:focus, .getIdeasCategory .prodBox a.largeImg:hover { color: #2781b8; text-decoration: none;} .getIdeasCategory .prodBox table { width: 155px; height: 150px;} .getIdeasCategory .prodBox table tr td { vertical-align: middle; padding-left:15px;} .getIdeasCategory .prodBox table tr td img { margin: 0px auto;} .getIdeasCategory .prodBox a.viewColors { background-image: url("./../images/colorIconPng.png"); background-repeat: no-repeat; background-position: left 5px; margin-left: 15px; cursor: pointer; padding-left: 10px; color: #2781b8; text-decoration: none; font-weight: bold; font-size: 10px; margin-bottom: 13px; display: block;} .getIdeasCategory .prodBox a.viewColors:link, .getIdeasCategory .prodBox a.viewColors:visited, .getIdeasCategory .prodBox a.viewColors:active { color: #2781b8; text-decoration: none;} .getIdeasCategory .prodBox a.viewColors:focus, .getIdeasCategory .prodBox a.viewColors:hover { color: #2781b8; text-decoration: underline; } .getIdeasCategory .prodBox h5 { font-size: 11px; font-weight: bold; line-height: 13px; padding-left: 15px; padding-right: 15px; margin-bottom: 6px;} .getIdeasCategory .prodBox p { font-size: 10px; font-weight: normal; line-height: 13px; padding-left: 15px; padding-right: 15px; color: #444444;} .getIdeasCategory .prodBox p span { padding-right: 3px;} .getIdeasCategory .prodDesc { background-image: url("./../images/getIdeasCategoryBox.png"); background-repeat: no-repeat; background-position: center; width: 506px; height: 249px; padding-left: 19px; padding-right: 12px;} .getIdeasCategory .prodDesc h3 { font-size: 14px; font-weight: bold; color: #454546; line-height: 48px; height: 48px; margin-bottom: 15px; } .getIdeasCategory .prodDesc h3 span { font-style: italic; font-weight: normal; font-size: 13px;} .getIdeasCategory .prodDesc .contentText .desc { width: 150px;} .getIdeasCategory .prodDesc .contentText .desc p { font-size: 11px; line-height: 15px; text-align:justify;} .getIdeasCategory .prodDesc .contentText .desc .scrollbar{ height:170px; width:160px; overflow:auto; padding:2px 2px;} .getIdeasCategory .prodDesc .contentText .customDesign { width: 350px;} .getIdeasCategory .prodDesc .contentText .customDesign .box { margin-right: 10px;} .getIdeasCategory .prodDesc .contentText .customDesign .first { margin-right: 0px;} .getIdeasCategory .prodDesc .contentText .customDesign .box .imgAndTitle { background-image: url("./../images/personalShopDefThumb.png"); background-repeat: no-repeat; background-position: left top; width: 107px; height: 133px; padding-left: 3px; padding-top: 3px;} .getIdeasCategory .prodDesc .contentText .customDesign .box .imgAndTitle img { margin-bottom: 4px;} .getIdeasCategory .prodDesc .contentText .customDesign .box .imgAndTitle p { text-align: center; font-size: 11px; line-height: 13px; color: #454546;} .getIdeasCategory .prodDesc .contentText .customDesign .box .customize { background-image: url("./../images/customizeButton.png"); background-repeat: no-repeat; background-position: center; display: block; width: 88px; height: 31px; margin-left: 15px; cursor: pointer;} .getIdeasCategory .prodDesc .contentText .customDesign .box p.price { font-size: 11px; font-weight: bold; text-align: center; color: #454546; margin-top: -5px;} /* ========================================= ORDER CONFIRMATION ================================ */ .confirmOrder { padding-right:28px; margin-left:25px; padding-top:16px; width:892px; padding-bottom: 25px; } .confirmOrder .pageTitle { margin-bottom: 25px;} .confirmOrder .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .confirmOrder .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right;} .confirmOrder .userDetails { margin-bottom: 20px;} .confirmOrder .userDetails .left { width: 195px; display: inline; margin-right: 60px;} .confirmOrder .userDetails .left div { margin-top: 20px;} .confirmOrder .userDetails .left div.first { margin-top: 0px;} .confirmOrder .userDetails .left h3 { margin-bottom: 10px; font-size: 16px; font-family: Verdana, Arial, Helvetica; line-height: 18px; font-weight: bold; color: #454546;} .confirmOrder .userDetails .left p { color: #454546; font-size: 13px; line-height: 19px; font-family: Verdana, Arial, Helvetica;} .confirmOrder .userDetails .center { width: 210px; display: inline; margin-right: 20px;} .confirmOrder .userDetails .center div { margin-top: 20px;} .confirmOrder .userDetails .center div.first { margin-top: 0px;} .confirmOrder .userDetails .center h3 { margin-bottom: 10px; font-size: 16px; font-family: Verdana, Arial, Helvetica; line-height: 18px; font-weight: bold; color: #454546;} .confirmOrder .userDetails .center p { color: #454546; font-size: 13px; line-height: 19px; font-family: Verdana, Arial, Helvetica;} .confirmOrder .userDetails .right { width: 255px; display: inline; background-image: url("./../images/confirmOrderRBox.png"); background-repeat: no-repeat; background-position: center top; height: 168px;} .confirmOrder .userDetails .right h3 { font-size: 14px; font-family: Verdana, Arial, Helvetica; line-height: 24px; font-weight: bold; color: #454546; padding-left: 15px; margin-bottom: 5px;} .confirmOrder .userDetails .right div { border-top: 1px solid #dfdfdf; padding-left: 15px; padding-right: 15px;} .confirmOrder .userDetails .right div.first { border-top: 0px none;} .confirmOrder .userDetails .right div.clear { border-top: 0px none;} .confirmOrder .userDetails .right p { line-height: 34px; font-weight: bold; color: #454546; font-family: Verdana, Arial, Helvetica; font-size: 12px;} .confirmOrder .itemsBought { width: 892px; } .confirmOrder .itemsBought .topH { background-repeat: no-repeat; background-position: center; background-image: url(./../images/checkOutTop2.png); background-repeat: no-repeat; width: 892px;} .confirmOrder .itemsBought .topH p { font-size: 12px; text-align: center; float: left; line-height: 25px; font-weight: bold; color: #FDA005;} .confirmOrder .itemsBought .topH p.desc { width: 450px; text-align: left; padding-left: 20px; } .confirmOrder .itemsBought .topH p.itemPrice { width: 110px;} .confirmOrder .itemsBought .topH p.quality { width: 110px;} .confirmOrder .itemsBought .topH p.itemTotal { width: 110px;} .confirmOrder .itemsBought .content { background-image: url("./../images/checkOutContent.png"); background-repeat: repeat-x; background-position: top left; width: 890px; margin: 0px; margin-bottom: 0px; border-left: 1px solid #EBE29E; border-right: 1px solid #EBE29E; background-color: #FDFBE3;} .confirmOrder .itemsBought .cBottom { background-image: url(./../images/checkOutBottom.png); background-repeat: no-repeat; background-position: bottom left; height: 16px;} .confirmOrder .content .row { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; border-top: 1px solid #e5e3dc; width: 850px; padding-right: 20px; width: px;} .confirmOrder .content .last { padding-bottom: 0px;} .confirmOrder .content .row .bg { background-image: url("./../images/checkOutImage.png"); background-repeat: no-repeat; background-position: left center; width: 66px; height: 69px; } .confirmOrder .content .row .image { width: 380px; height: 29px; display: inline; } .confirmOrder .content .row .image p { line-height: 15px; font-size: 11px; color: #454546; margin-top:10px; margin-left:10px; text-align:inherit; } .confirmOrder .content .row .desc { width: 110px; } .confirmOrder .content .row .desc p { font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #454546; margin-top:18px; margin-bottom: 1px; line-height: 29px; text-align: center;} .confirmOrder .content .row .desc p span { font-weight: bold;} .confirmOrder .content .row .item { text-align: left; width: 110px; display: inline;} .confirmOrder .content .row .item table { width: 100%; height: 29px;} .confirmOrder .content .row .item table tr td { vertical-align: middle; text-align: center; color: #454546; font-weight: normal; padding-top:22px;} .confirmOrder .content .row .item td { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #454546;} .confirmOrder .content .row .item td span { font-weight: bold; } .confirmOrder .content .row .itemTotal { padding-left: 0px; width: 110px;} .confirmOrder .content .row .itemTotal span { font-weight: bold; } .confirmOrder .content .row .itemTotal table { width: 100%; height: 29px;} .confirmOrder .content .row .itemTotal table tr td { vertical-align: middle; text-align: center; font-size: 11px; line-height: 12px; color: #454546; padding-top:22px;} /* ============== ORDER RECEIPT specific CSS ================== */ .orderNr p { font-size: 24px; line-height: 30px; margin-bottom: 10px; font-weight: bold; color: #454545;} .orderNr p a { color:#2781B8; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: normal; text-decoration: underline;} .orderNr p a:link, .orderNr p a:active, .orderNr p a:visited { color: #2781b8; text-decoration: underline;} .submitYourOrderTop input { display: block; margin-top: 30px; background: transparent; background-image: url("./../images/submitYourOrder.png"); height: 42px; width: 229px; float: right; background-repeat: no-repeat; padding-right: 0px; padding-bottom: 5px; } .submitYourOrder { width: 892px; padding-bottom: 10px;} .submitYourOrderTop { width: 892px;} .submitYourOrderRight { FLOAT: right; WIDTH: 255px} .submitYourOrder input { background: transparent; background-image: url("./../images/submitYourOrder.png"); height: 42px; width: 229px; float: right; background-repeat: no-repeat; } /* ========================= Address and payment specific CSS ==================== */ .myAccountInfo .cBox .indvRow .b p { font-size: 12px; line-height: 20px; color: #454546; font-family: Verdana, Tahoma, Helvetica; } .myAccountInfo .cBox .indvRow .b div p.floatLeft { width: 185px; text-align: right;} .myAccountInfo .cBox .indvRow .b div p.floatRight { width: 115px;} .myAccountInfo .cBox .indvRow .b div.ccv input { width: 75px; float: left; margin-left: 5px; display: inline;} .myAccountInfo .cBox .indvRow .b div.ccv a { color: #2781B8; font-size: 9px; float: right; padding-left: 2px; padding-top: 2px;} .myAccountInfo .cBox .indvRow .b div.ccv a:link, .myAccountInfo .cBox .indvRow .b div.ccv a:visited, .myAccountInfo .cBox .indvRow .b div.ccv a:active { color: #2781b8; text-decoration: underline;} .myAccountInfo .cBox .indvRow .b div.ccv a:hover, .myAccountInfo .cBox .indvRow .b div.ccv a:focus { color: #2781b8; text-decoration: underline;} /* ======================== CCERROR BOX CSS ====================== */ .CCerror { padding-top: 28px; width: 888px; padding-left: 28px; padding-right: 28px; padding-bottom: 28px;} .oneBoxToRuleThemAll { background-repeat: no-repeat; background-position: center; width: 840px; height: 249px; padding-left: 24px; padding-right: 24px;} .oneBoxToRuleThemAll h1 { line-height: 49px; margin-bottom: 30px; font-family: Verdana, Arial, Helvetica; font-size: 30px; color: #ff0000;} .oneBoxToRuleThemAll p { line-height: 22px; font-size: 12px; font-weight: normal; color: #454546;} .oneBoxToRuleThemAll h1 a{color:#454546;text-decoration:underline;} /* ============================ Shops with Items ================= */ .shopsPage {padding-right: 28px; width: 710px; padding-top: 16px; } .shopsPage .pageTitle { margin-bottom: 20px;} .shopsPage .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .shopsPage .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .shopsPage .createAccBox { width: 710px; background-image: url("./../images/checkOutContent.png"); background-repeat: repeat-x; background-position: center top; background-color: #FDFBE3;} .shopsPage .createAccBox .caTopBox { background-image: url("./../images/createAccountTopBox.gif"); background-repeat: no-repeat; background-position: top center; } .shopsPage .createAccBox .caBottomBox { background-image: url("./../images/createAccountBottomBox.gif"); background-repeat: no-repeat; background-position: bottom center; padding-top: 0px; padding-bottom: 16px; background-color: #fff; } .shopsPage .createAccBox .borderFix { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding-left: 20px; padding-right: 20px;width: 668px; padding-top: 20px; } .shopsPage h3 { line-height: 54px; padding-left: 20px; font-size: 16px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546; } .shopsPage .createAccBox .borderFix h5 { font-size: 14px; font-weight: bold; line-height: 18px; color: #454546; margin-bottom: 10px;} .shopsPage .createAccBox .borderFix p { font-size: 13px; font-weight: normal; line-height: 16px; color: #454546; margin-bottom: 10px;} .shopsPage .createAccBox .borderFix p.indent { padding-left: 30px; background-image: url("./../images/blackDot.gif"); background-repeat: no-repeat; background-position: center left;} .shopsPage .createAccBox .borderFix p.indent span { font-weight: bold;} .shopsPage .otherInfo { padding-top: 15px; padding-left: 20px; padding-right: 20px;} .shopsPage .otherInfo p { font-size: 13px; color: #454546; font-weight: bold; margin-bottom: 10px;} .shopsPage p.noShop { font-size: 13px; font-weight: bold; margin-bottom: 10px; text-align: center;} /* ================= Shop with items ================= */ .noShopItem {padding-right: 28px; width: 710px; padding-top: 16px; } .noShopItem .pageTitle { margin-bottom: 20px;} .noShopItem .pageTitle h1 { color: #454546; font-size: 45px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .noShopItem .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .noShopItem .createAccBox { width: 710px; background-image: url("./../images/checkOutContent.png"); background-repeat: repeat-x; background-position: center top; background-color: #fff;margin: 0 0 45px 0;} .noShopItem .createAccBox .caTopBox { background-image: url("./../images/createAccountTopBox.gif"); background-repeat: no-repeat; background-position: top center; } .noShopItem .createAccBox .caBottomBox { background-image: url("./../images/createAccountBottomBox.gif"); background-repeat: no-repeat; background-position: bottom center; padding-top: 0px; padding-bottom: 16px; background-color: #fff; } .noShopItem .createAccBox .borderFix { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; padding-left: 20px; padding-right: 20px;width: 668px; padding-top: 20px; } .noShopItem h3 { line-height: 54px; padding-left: 20px; font-size: 16px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546; } .noShopItem .createAccBox .borderFix div { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf;} .noShopItem .createAccBox .borderFix h2 { font-size: 18px; font-weight: bold; line-height: 18px; color: #454546; margin-bottom: 10px;} .noShopItem .createAccBox .borderFix h3 { line-height: 18px; color: #454546; margin-bottom: 4px;} .noShopItem .createAccBox .borderFix p { display: block; font-size: 10px; margin-left: 20px; font-weight: bold; color: #454546;} .noShopItem .createAccBox .borderFix a { display: block; font-size: 18px; margin-left: 20px; font-weight: bold; color: #2781b8; text-align: left; text-decoration: underline;} .noShopItem .createAccBox .borderFix a:link, .noShopItem .createAccBox .borderFix a:active, .noShopItem .createAccBox .borderFix a:visited, .noShopItem .createAccBox .borderFix a:hover, .noShopItem .createAccBox .borderFix a:focus { text-decoration: underline; color: #2781B8;} .noShopItem .otherInfo {padding: 20px;} .noShopItem .otherInfo p { font-size: 13px; color: #454546; font-weight: normal; margin-bottom: 10px;} .noShopItem .otherInfo p span { font-size: 13px; color: #454546; font-weight: bold; margin-bottom: 10px;} .noShopItem p.noShop { font-size: 13px; font-weight: bold; margin-bottom: 10px; text-align: center;} .noShopItem .otherInfo a.admin-button:link, .noShopItem .otherInfo a.admin-button:visited {font-size:15px;color: #ffffff;text-decoration: none; background: #454546;font-weight:normal; padding: 3px 6px; margin-right: 12px; border-top: 2px solid #999999; border-left: 2px solid #999999; border-right: 2px solid #000000; border-bottom: 2px solid #000000;} .noShopItem .otherInfo a.admin-button:hover {background: #666; border-top: 2px solid #999999; border-left: 2px solid #999999; border-right: 2px solid #000000; border-bottom: 2px solid #000000;color: #fff;} .noShopItem .createAccBox .caBottomBox .instructions {left:1px;width:670px;float:left; padding: 6px 3px;background: #ffffe7; border: 1px solid #e5e5e5;font-size: 11px; text-align: left; color: #666666; font-weight: normal; margin: 5px 0;} .noShopItem .createAccBox .borderFix .designBox {text-align: center;background-image: url(./../images/smallDefThumb2.png); background-position: top center; background-repeat: no-repeat; width: 197px; padding-left: 0px; padding-right: 5px; padding-top: 0px; margin: 0 0 20px 0;} .noShopItem .createAccBox .borderFix .designBox img {margin: 0 auto 25px auto;} .noShopItem .createAccBox .borderFix .designBox p {margin: 0; text-align: left; font-weight: normal;} /* ============== Add Text =========== */ .addText { padding-right: 28px; padding-top: 16px; width: 848px; padding-bottom: 10px;} .addText .absImg { position: absolute; background-image: url("./../images/photoWoman.png"); background-repeat: no-repeat; background-position: center; width: 110px; height: 331px; margin-left: -95px; margin-top: 253px;} .addText .topBar { width: 630px; } .addText .topBar .leftBoxInactive { background-image: url("./../images/leftBoxInactive.png"); background-repeat: no-repeat; background-position: top left; width: 209px; } .addText .topBar .leftBoxActive { background-image: url("./../images/leftBoxActive.png"); background-repeat: no-repeat; background-position: top left; width: 209px; } .addText .topBar .middleBoxInactive { background-image: url("./../images/middleInactiveBox.png"); background-repeat: repeat-x; background-position: top left; width: 97px;} .addText .topBar .middleBoxActive { background-image: url("./../images/middleActiveBox.png"); background-repeat: repeat-x; background-position: top left; width: 97px;} .addText .topBar .rightBoxInactive { background-image: url("./../images/rightBoxInactive.png"); width: 114px; background-repeat: no-repeat; background-position: top right;} .addText .topBar .rightBoxActive { background-image: url("./../images/rightBoxActive.png"); width: 114px; background-repeat: no-repeat; background-position: top right;} .addText .topBar .browseIdeasInactive { background-image: url("./../images/browseIdeasInactive.png"); width: 114px; background-repeat: no-repeat; background-position: top right;} .addText .topBar .browseIdeasActive { background-image: url("./../images/browseIdeasActive.png"); width: 114px; background-repeat: no-repeat; background-position: top right;} .addText .topBar .text { width: 95px; cursor: default;} .addText .topBar .text p { padding-top: 12px; font-size: 20px; letter-spacing: 1px; font-weight: normal; color: #454546; line-height: 22px;} .addText .topBar div { cursor: pointer; float: left; height: 55px; padding-top: 13px;} .addText .topBar div div { height: auto; float: none; cursor: pointer; padding-top: 0px; border-right: 1px solid #c0c0c0;} .addText .topBar div p { font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica; color: #2781b8; text-align: center; line-height: 13px;} .addText .topBar div img { margin: 0px auto; padding-bottom: 3px;} .addText .rightSideBar { width: 199px;} .addText .rightSideBar .top { background-image: url("./../images/rightSideBoxTop.png"); background-repeat: no-repeat; background-position: center; padding-left: 11px; padding-right: 11px; width: 177px;} .addText .rightSideBar .top h1 { font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #fda005; line-height: 25px; float: left;} .addText .rightSideBar .top a { font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #2781b8; line-height: 25px; float: right;} .addText .rightSideBar .top a:link, .addText .rightSideBar .top a:active, .addText .rightSideBar .top a:visited { color: #2781b8; text-decoration: none;} .addText .rightSideBar .top a:focus, .addText .rightSideBar .top a:hover { color: #2781b8; text-decoration: underline;} .addText .rightSideBar .box1 { background-image: url("./../images/rightSideBox2.png"); background-repeat: repeat-y; background-position: center; padding-left: 11px; padding-right: 11px; padding-top: 8px; padding-bottom: 8px;} .addText .rightSideBar .box1 p { font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold; color: #454546;} .addText .rightSideBar .box2 { background-image: url("./../images/rightSideBox3.png"); padding-left: 11px; padding-right: 11px; width: 177px;} .addText .rightSideBar .box2 h2 { color: #fda005; font-size: 12px; font-weight: bold; line-height: 24px;} .addText .rightSideBar .box3 { background-image: url("./../images/rightSideBox4.png"); padding-left: 11px; padding-right: 6px; background-position: left top; background-repeat: repeat-y; padding-top: 4px; padding-bottom: 4px; width: 182px;} .addText .rightSideBar .box3 p { font-size: 11px; font-weight: bold; color: #454546; padding-bottom: 2px; line-height: 20px;} .addText .rightSideBar .box3 div img { float: left; padding: 3px; border: 2px solid #ffffff; margin: 0px 1px 1px 0px; cursor: pointer;} .addText .rightSideBar .box3 div img.active { border: 2px solid #7f7f7b;} .addText .rightSideBar .box4 { background-image: url("./../images/rightSideBox3.png"); padding-left: 11px; padding-right: 11px; background-repeat: no-repeat; background-position: left center; width: 177px;} .addText .rightSideBar .box4 h3 { float: left; font-size: 12px; color: #fda005; font-weight: bold; line-height: 24px;} .addText .rightSideBar .box4 h4 { float:right; font-size: 12px; color: #fda005; font-weight: bold; line-height: 24px; padding-right: 7px; } .addText .rightSideBar .box5 { background-image: url("./../images/rightSideBox5.png"); background-repeat: no-repeat; background-position: top left; padding: 5px 11px 30px 11px; background-color: #fdfadd;} .addText .rightSideBar .box5 form div { padding: 4px 0px;} .addText .rightSideBar .box5 form div p { float: left; font-size: 11px; font-weight: bold; color: #456546; line-height: 20px;} .addText .rightSideBar .box5 form div input { float: right; font-size: 13px; text-align: center; font-weight: bold; color: #456546; height: 18px; border: 1px solid #456546; width: 40px;} .addText .rightSideBar .box5 form div.submit { margin-top: 10px;} .addText .rightSideBar .box5 form div.submit input {background: transparent; background-image: url("./../images/updateQuantities2.png"); background-repeat: no-repeat; background-position: center; width: 155px; border: 0px none;height: 32px; float: none; margin-left: 20px;} .addText .rightSideBar .box6 { height: 84px; margin-bottom: 10px;} .addText .rightSideBar .box6 .abs{ padding-left: 10px; padding-right: 33px; background-image: url("./../images/rightSideBox6.png"); background-repeat: no-repeat; background-position: top left; position: absolute; width: 178px; padding-top: 10px; padding-bottom: 6px;} .addText .rightSideBar .box6 .abs p { font-size: 15px; line-height: 20px; color: #454546;} .addText .rightSideBar .box6 .abs a { background-image: url("./../images/addToCart.png"); background-repeat: no-repeat; background-position: center; display: block; height: 43px; width: 183px; margin-top: 5px;} .addText .rightSideBar .endBox { padding-left: 15px; padding-right: 15px;} .addText .rightSideBar .endBox a.saveDesign { background-image: url("./../images/diskIcon.png"); background-repeat: no-repeat; background-position: left center; font-size: 10px; font-weight: bold; line-height: 18px; margin-bottom: 3px; padding-left: 20px; color: #2781b8; text-decoration: none; display: block;} .addText .rightSideBar .endBox a.saveDesign:link, .addText .rightSideBar .endBox a.saveDesign:active, .addText .rightSideBar .endBox a.saveDesign:visited { text-decoration: none; color: #2781b8;} .addText .rightSideBar .endBox a.saveDesign:focus, .addText .rightSideBar .endBox a.saveDesign:hover { text-decoration: underline; color: #2781b8;} .addText .rightSideBar .endBox a.forward { background-image: url("./../images/forwardToFriendIcon.png"); background-repeat: no-repeat; background-position: left center; display: block; padding-left: 20px; color: #2781b8; font-size: 10px; line-height: 18px; font-family: Verdana, Arial, Helvetica; font-weight: bold;} .addText .rightSideBar .endBox a.forward:link, .addText .rightSideBar .endBox a.forward:active, .addText .rightSideBar .endBox a.forward:visited { text-decoration: none; color: #2781b8;} .addText .rightSideBar .endBox a.forward:hover, .addText .rightSideBar .endBox a.forward:focus { text-decoration: underline; color: #2781b8;} .addText .contentBar { width: 630px;} .addText .downGreenArrow { background-image: url("./../images/greenArrow.png"); background-repeat: no-repeat; background-position: center left; height: 84px; width: 75px; position: absolute; margin-top: 110px; margin-left: -20px;} .addText .upGreenArrow { background-image: url("./../images/greenArrowUp.png"); background-repeat: no-repeat; background-position: center left; height: 84px; width: 75px; position: absolute; margin-top: 65px; margin-left: -40px;} /* ================================ Main PAge ===================== */ .mainPageContent { width: 953px; margin-bottom: 20px;} .mainPageContent .content { background-image: url("./../images/mainPageContent.jpg"); background-repeat: no-repeat; background-position: center; height: 153px; padding-top: 30px; padding-left: 30px; width: 923px; margin-bottom: 0px;} .mainPageContent .content h1 { font-family: "Trebuchet MS", "Arial Narrow", Tahoma, Geneva, Arial; font-size: 25px; font-weight: normal; letter-spacing: 1px; color: #a32731; margin-bottom: 10px;} .mainPageContent .content .txtSide p { padding-left: 12px; margin-left: 12px; background-image: url("./../images/orangeDot.png"); background-repeat: no-repeat; background-position: left 55%; font-family:"Arial Narrow", Tahoma, Geneva, Arial; font-size: 18px; color: #000; line-height: 22px; font-weight: bold;} .mainPageContent .content .txtSide p.first { margin-left: 0px;} .mainPageContent .content .txtSide p span { color: #2781b8;} .mainPageContent .content .bSide { margin-top: 25px; margin-left: 36px;} .mainPageContent .content .bSide p { padding-top: 40px; margin-left: 40px; background-image: url("./../images/orangeDot.png"); background-position: left 92%; padding-left: 10px; background-repeat: no-repeat; color: #454546; font-size: 12px; line-height: 12px; } .mainPageContent .content .tryIt { background-image: url("./../images/yellowTabTop.png"); background-repeat: no-repeat; background-position: center bottom; font-family: "Trebuchet MS", "Arial Narrow", Tahoma, Geneva, Arial;} .mainPageContent .content .tryIt div { padding: 20px 91px 19px 25px; background-image: url("./../images/blueDownArrow.png"); background-repeat: no-repeat; background-position: 80% center; width: 162px;} .mainPageContent .content .tryIt h2 { font-size: 25px; margin-bottom: 0px; line-height: 27px; color: #000;} .mainPageContent .content .tryIt p { color: #454546; font-size: 14px; line-height: 14px; padding-left: 3px; padding-top: 0px; background-image: none; margin-left: 0px;} .mainPageContent .contentB { width: 828px; margin-left: 66px;} .mainPageContent .absBox { background-image: url("./../images/manImg.png"); background-repeat: no-repeat; background-position: center; width: 121px; height: 378px; position: absolute; margin-left: -80px; margin-top: 185px;} .mainPageContent .yellowBox { background-image: url("./../images/yellowTabContent.png"); background-repeat: repeat-y; background-position: center; margin-bottom: 20px;} .mainPageContent .yellowBoxTop { background-image: url("./../images/yellowTabTop2.png"); background-position: top left; background-repeat: repeat-x;} .mainPageContent .yellowBoxBottom { background-image: url("./../images/yellowTabBottom.png"); background-position: bottom center; background-repeat: no-repeat; padding: 7px 10px 4px 10px; width: 808px;} .mainPageContent .yellowBoxBottom .indvBox { background-image: url("./../images/whiteBox.png"); background-repeat: no-repeat; background-position: center; width: 243px; height: 94px; margin-bottom: 7px; margin-left: 8px; padding: 10px 10px 0px 10px; display: inline;} .mainPageContent .yellowBoxBottom .first { margin-left: 0px;} .mainPageContent .yellowBoxBottom .indvBox img { float: left; padding-top: 5px;} .mainPageContent .yellowBoxBottom .indvBox div.floatRight { float: right; width: 172px;} .mainPageContent .yellowBoxBottom .indvBox h3 { font-size: 15px; line-height: 16px; color: #2781b8; font-weight: bold; } .mainPageContent .yellowBoxBottom .indvBox p{ font-size: 11px; line-height: 13px; color: #456546;} .mainPageContent .yellowBoxBottom .indvBox p a { font-size: 11px; line-height: 13px; color: #456546;} .mainPageContent .yellowBoxBottom .indvBox p a:hover { font-size: 11px; line-height: 13px; color: #454546; text-decoration:underline;} .mainPageContent .mostFav { width: 828px;} .mainPageContent .mostFav h3 { font-size: 20px; font-family:"Trebuchet MS", "Arial Narrow", Tahoma; line-height: 22px; text-align: center; color: #454546; font-weight: normal; } .mainPageContent .mostFav .hBox { z-index:4; background-image: url("./../images/horizontalBox.png"); background-repeat: no-repeat; background-position: center left; padding-top: 19px; padding-bottom: 19px; padding-left: 18px; padding-right: 18px; width: 792px; margin-bottom: -19px; height: 94px;} .mainPageContent .mostFav .row { height: 94px; display: none; position: absolute; width: 792px;} .mainPageContent .mostFav .rowC { height: 94px; display: block; position: absolute; width: 792px;} .mainPageContent .mostFav .current { display: block;} .mainPageContent .mostFav .prev, .prev2 { float: left; background-image: url("./../images/lArrow.png"); background-position: left center; width: 16px; height: 94px; cursor: pointer; background-repeat: no-repeat;} .mainPageContent .mostFav .next , .next2 { float: right; background-image: url("./../images/rArrow.png"); background-position: right center; width: 16px; height: 94px; cursor: pointer; background-repeat: no-repeat; } .mainPageContent .mostFav .imgBgThumb { background-image: url("./../images/hpBgThumb.png"); background-repeat: no-repeat; background-position: top left; padding: 3px 8px 8px 3px; height: 83px; width: 83px; float: left; margin-left: 28px; display: inline;} .mainPageContent .mostFav .threeBoxes {z-index: 3; border-left: 1px solid #bfbfad; border-right: 1px solid #bfbfad; border-bottom: 1px solid #bfbfad; padding-left: 8px; padding-right: 8px;} .mainPageContent .mostFav .threeBoxes .indvBox { width: 232px; padding:20px 15px 10px 15px; border-left: 1px solid #bfbfab; border-right: 1px solid #bfbfab; margin-top: 18px; margin-left: 8px; display: inline;} .mainPageContent .mostFav .threeBoxes .first { margin-left: 0px;} .threeBoxes .indvBox h5 { font-family: "Arial Narrow", Verdana, Arial; font-size: 20px; line-height: 22px; color: #2781b8; font-weight: bold; margin-bottom: 5px;} .threeBoxes .indvBox p { font-size: 13px; color: #454546;} .threeBoxes .indvBox p.vOffer { font-style: italic; font-size: 11px; text-align: right;} .threeBoxes .indvBox p span { font-weight: bold;} .threeBoxes .indvBox ul { margin: 15px 0px; text-align: center;} .threeBoxes .indvBox ul li { font-size: 11px; font-weight: bold; padding-bottom: 5px;} .threeBoxes .indvBox form { width: 232px; margin-top: 10px;} .threeBoxes .indvBox form div input.inputText { border: 1px solid #454546; width: 154px; float: left;} .threeBoxes .indvBox form div input.inputSubmit { float: right; background: transparent; background-image: url("./../images/sendButton.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; height: 18px; width: 67px;} .threeBoxes .indvBox div.cT { background-image: url("./../images/quotes.png"); background-position: left 20px; background-repeat: no-repeat;padding-left: 8px;} .threeBoxes .indvBox .cT p.tName { font-style: italic; text-align: right; margin-top: 5px;} /* ===================== Shop for products ===================== */ .shopForProducts { padding-right:24px; padding-top:18px; width:705px; color: #454546;} .shopForProducts .pageTitle { margin-bottom: 20px;} .shopForProducts .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .shopForProducts .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .shopForProducts p.intro { font-size: 13px; text-align: justify; line-height: 17px; margin-bottom: 30px;} .shopForProducts div.whatsHot h2 { text-align: center; font-size: 24px; line-height: 26px; margin-bottom: 10px;} .shopForProducts div.whatsHot h3 { color: #2781b8; font-family: "Trebuchet MS","Arial Narrow", Tahoma; text-align: left; font-size: 20px; line-height: 22px; margin-bottom: 10px;} .shopForProducts div.whatsHot h4 { color: #2781b8; font-family: "Trebuchet MS","Arial Narrow", Tahoma; text-align: left; font-size: 16px; line-height: 18px; margin-bottom: 10px;} .shopForProducts div.whatsHot h5 { color: #454546; font-family: "Arial Narrow", Arial, Helvetica; text-align: justify; font-size: 14px; line-height: 16px; margin-bottom: 5px;} .shopForProducts .indvBox { background-image: url("./../images/coolBox.png"); background-repeat: no-repeat; background-position: top left; width: 180px; padding: 10px 10px 10px; height: 247px; margin-left: 40px; margin-bottom: 20px;} .shopForProducts .first { margin-left: 0px;} .shopForProducts div.whatsHot .top { margin-bottom: 14px; height: 56px;} .shopForProducts div.whatsHot .top h5{ font-size: 11px; line-height: 13px; font-weight: bold; color: #454546; margin-bottom: 3px; } .shopForProducts div.whatsHot .top p.floatLeft { font-style: italic; font-size: 13px; line-height: 14px; color: #454546;} .shopForProducts div.whatsHot .top p.floatRight { font-size: 13px; line-height: 14px; color: #454546;} .shopForProducts div.whatsHot .top p.floatRight a { display: block; color: #2781b8; text-decoration: underline; font-style: italic; font-weight: bold; font-size: 11px;} .shopForProducts div.whatsHot .top p.whatsHot a:link, .shopForProducts div.whatsHot .top p.floatRight a:active, .shopForProducts div.whatsHot .top p.floatRight a:visited, .shopForProducts div.whatsHot .top p.floatRight a:focus, .shopForProducts div.whatsHot .top p.floatRight a:hover { color: #2781b8; text-decoration: underline;} .shopForProducts div.indvBox .bottom img { margin: 0px auto; padding-top: 20px; margin-bottom: 20px;} .shopForProducts div.indvBox .bottom a { font-size: 15px; display: block; text-align: center; color: #454546; text-decoration: none; font-weight: bold; line-height: 18px;} .testimonialMOD { width: 185px; margin-top: 15px; background-color: #FFFFE7;} .testimonialMOD .indvBox { margin-top: 20px; padding-left: 8px; background-image: url("./../images/quotes.png"); background-repeat: no-repeat; background-position: left 10px; padding-right: 8px; width: 169px; padding-bottom: 10px;} .testimonialMOD .first { margin-top: 0px; padding-top: 10px;} .testimonialMOD h5 { font-family: "Arial Narrow", Verdana, Arial; font-size: 16px; line-height: 22px; color: #2781b8; font-weight: bold; margin-bottom: 5px;} .testimonialMOD p { font-size: 11px; line-height: 13px; color: #454546;} .testimonialMOD p.tName { font-size: 12px; font-style: italic; text-align: right;} /* ============= DESIGN NOW PAGE =============== */ .designNow { padding-top: 16px; width: 888px; padding-left: 28px; padding-right: 28px; padding-bottom: 13px;} .designNow .pageTitle { margin-bottom: 20px;} .designNow .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; } .designNow .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .designNow .womanAbs { position: absolute; background-image: url("./../images/photoWoman.png"); background-repeat: no-repeat; background-position: center; height:331px; width: 110px; margin-left: -25px; margin-top: 174px;} .designNow .mainBox { background-image: url("./../images/designNowMBox.png"); background-repeat: no-repeat; background-position: center; width: 751px; height: 479px; margin: 0px auto; padding-top: 10px;} .designNow .mainBox h1 { font-size: 28px; font-weight: normal; line-height: 32px; font-family: Tahoma, "Trebuchet MS", "Arial Narrow", Verdana, Arial; color: #454546; text-align: center; font-weight: normal; margin-bottom: 10px;} .designNow .mainBox .greenArrow { background-image: url("./../images/greenArrowEasy.png"); background-repeat: no-repeat; background-position: center; width: 124px; height: 85px; position: absolute; margin-left: 20px; } .designNow .mainBox .buttons { width: 552px; margin: 0px auto; margin-bottom: 10px;} .designNow .mainBox .buttons .button1 { background-image: url("./../images/button1.png"); background-repeat: no-repeat; background-position: center; width: 168px; height: 108px; float: left;} .designNow .mainBox .buttons .button2 { background-image: url("./../images/button2.png"); background-repeat: no-repeat; background-position: center; width: 168px; height: 108px; float: left; margin-left: 24px; display: inline;} .designNow .mainBox .buttons .button3 { background-image: url("./../images/button3.png"); background-repeat: no-repeat; background-position: center; width: 168px; height: 108px; float: left; margin-left: 24px; display: inline;} .designNow .mainBox .buttons p { margin-top: 60px; text-align: center; font-size: 11px; font-weight: bold; color: #2781b8;} .designNow .mainBox .buttons .startShopping { background-image: url("./../images/choose_a_product_btn.png"); background-repeat: no-repeat; background-position: center; display: block; width: 174px; height: 39px; margin: 0px auto; margin-top: 10px; cursor: pointer;} .designNow .mainBox .text { width: 636px; margin-left: 78px;} .designNow .mainBox .text h5 { color: #fc7e32; font-size: 16px; line-height: 18px; margin-bottom: 10px;} .designNow .mainBox .text h6 { font-size: 12px; line-height: 14px; color: #454546; font-weight: bold; margin-bottom: 2px;} .designNow .mainBox .text p { margin-bottom: 10px; font-size: 12px; line-height: 18px;} .designNow .mainBox .text p a { padding-left: 16px; background-image: url("./../images/questionMarkIcon.png"); background-repeat: no-repeat; background-position: left center; color: #454546; text-decoration: underline;} .designNow .mainBox .text p a:link, .designNow .mainBox .test p a:active, .designNow .mainBox .test p a:visited, .designNow .mainBox .test p a:focus, .designNow .mainBox .text a:hover { text-decoration: underline; color: #454546;} /* ---------------------- Site Map ==================== */ .siteMap { padding-top: 16px; width: 888px; padding-left: 28px; padding-right: 28px; padding-bottom: 13px;} .siteMap .pageTitle { margin-bottom: 20px;} .siteMap .pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; } .siteMap .pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px;} .siteMap .siteMapContent { width: 888px;} .siteMap .siteMapContent .l { width: 430px;} .siteMap .siteMapContent .r { width: 430px;} .siteMap .siteMapContent ul li.firstLvl { font-size: 20px; line-height: 24px;} .siteMap .siteMapContent ul li.secondLvl { font-size: 16px; line-height: 20px; padding-left: 20px;} .siteMap .siteMapContent ul li.thirdLvl { font-size: 12px; line-height: 16px; padding-left: 20px;} /* =============== Landing Page ================= */ .landingWrap { padding-top: 15px;} .landingPage { padding: 19px 24px 24px 22px; width: 898px;} .landingPage div.topBox { width: 898px; background-image: url("./../images/landingPage.jpg"); background-repeat: no-repeat; background-position: top left; height: 298px; margin-bottom: 22px; } .landingPage div.topBox a.absoluteP { position: absolute; width: 240px; height: 50px; z-index: 50; cursor: pointer; margin-top: -275px;} .landingPage div.topBox div.pageTitle { margin-bottom: 50px; width: 550px; margin-left: 0px; float: right;} .landingPage div.topBox div.pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .landingPage div.topBox div.pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px; padding-right: 0px;} .landingPage div.topBox div { margin-left: 530px; display: block;} .landingPage div.topBox div h2 { font-family: "Myriad Pro", Arial, Helvetica; line-height: 36px; font-size: 32px; letter-spacing: -2px; color: #a70021; margin-bottom: 30px;} .landingPage div.topBox div p { padding-left: 60px; padding-right: 25px;font-size: 11px; line-height: 15px; text-align: justify; color: #353536;} .landingPage div.topBox div p.byWho { font-style: italic; text-align: right;} /* Old CSS .landingWrap { padding-top: 15px;} .landingPage { padding: 19px 24px 24px 22px; width: 898px;} .landingPage div.topBox { width: 898px; background-image: url("./../images/landingPage.jpg"); background-repeat: no-repeat; background-position: top left; height: 298px; margin-bottom: 22px; } .landingPage div.topBox div.pageTitle { margin-bottom: 50px; width: 898px; margin-left: 0px;} .landingPage div.topBox div.pageTitle h1 { color: #454546; font-size: 50px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 52px; text-align: right; margin-bottom: -6px;} .landingPage div.topBox div.pageTitle p { color: #8e8f90; font-size: 18px; font-family: "Arial Narrow", Arial, Helvetica; line-height: 20px; text-align: right; letter-spacing: 1px; padding-right: 0px;} .landingPage div.topBox div { margin-left: 530px; display: block;} .landingPage div.topBox div h2 { font-family: "Myriad Pro", Arial, Helvetica; line-height: 36px; font-size: 32px; letter-spacing: -2px; color: #a70021; margin-bottom: 30px;} .landingPage div.topBox div p { padding-left: 60px; padding-right: 25px;font-size: 11px; line-height: 15px; text-align: justify; color: #353536;} .landingPage div.topBox div p.byWho { font-style: italic; text-align: right;} */ .landingPage .proProd { width: 898px; } .landingPage .proProd .indvBox { background-image: url("./../images/landingBox.png"); background-repeat: no-repeat; background-position: left center; width: 198px; height: 264px; margin-left: 35px; display: inline;} .landingPage .proProd .first { margin-left: 0px; } .landingPage .proProd .indvBox .top { padding: 10px 10px 0px 10px; margin-bottom: 9px; } .landingPage .proProd .indvBox .top h1 { font-size: 15px; line-height: 16px; font-weight: bold; color: #454546; margin-bottom: 3px; height: 36px; } .landingPage .proProd .indvBox .top p.floatLeft { font-style: italic; font-size: 11px; line-height: 14px; color: #454546;} .landingPage .proProd .indvBox .top p.floatRight { font-size: 11px; line-height: 14px; color: #454546;} .landingPage .proProd .indvBox .middle { height: 120px; width: 198px;} .landingPage .proProd .indvBox .middle table { width: 198px; height: 120px;} .landingPage .proProd .indvBox .middle table tr td { vertical-align: middle; text-align: center;} .landingPage .proProd .indvBox .middle img { text-align: center; margin: 0px auto;} .landingPage .proProd .indvBox .bottom { width: 198px; padding-top: 10px;} .landingPage .proProd .indvBox .bottom a.customize { background-image: url("./../images/customizeIt.png"); background-repeat: no-repeat; background-position: center; width: 178px; height: 43px; display: block; margin-left: 15px; margin-bottom: -3px; margin-right: 0px;} .landingPage .proProd .indvBox .bottom a { text-align: center; display: block; margin-left: 35px; margin-right: 35px; font-size: 9px; color: #006eae; text-decoration: underline; font-weight: bold;}