html,body { margin:0; padding:0; } body { text-align:center; } a.linkmain { color: #3cb0dd; text-decoration: none; } a.linkmain:hover { color: #3cb0dd; text-decoration: underline; } .copy_title_small { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 13px; color: #533519; font-weight: bold; } h1.headermain { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 18px; font-weight: bold; color: #3cb0dd; } .bodyheader { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 14px; font-weight: bold; color: #3cb0dd; } .bodyhighlight { width: 533px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 14px; font-weight: bold; color: #ffffff; background: #533519; } .boldbodytext { font-weight: bold; } img.center { display: block; margin-left: auto; margin-right: auto; } div.imgleft { float: left; width: 276px; text-align: center; } div.imgright { float: right; width: 276px; text-align: center; } div.clear { clear: both; } div#container { text-align: left; width: 760px; margin-left: auto; margin-right: auto;  } div#search_lt { text-align:right; width:410px; padding-top: 5px; padding-left: 9px; padding-right: 15px; padding-bottom: 0px; float: left; } div#search_rt { text-align: right; width: 197px; padding-top: 5px; padding-left: 0px; padding-right: 9px; padding-bottom: 0px; float: left; } div#hackersafe { float: right; } .search_field { width: 123px; height: 13px; float: left; font-family: "Verdana", "Arial"; font-size: 11px; } .search_button { float: right; } div#homediv1 { width: 760px; height: 20px; clear: both; } div#logo { text-align: left; width: 330px; height: 17px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 0px; float: left; } div#secondary_nav { text-align: right; width: 382px; height: 17px; padding-top: 0px; padding-left: 0px; padding-right: 9px; padding-bottom: 0px; float: right; } div#homediv2 { width: 760px; height: 9px; clear: both; } div#breadcrumb { width: 751px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#main_nav { text-align: center; width: 748px; height: 34px; background-image: url('../images/main-nav-background.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 12px; } div#holiday_main_nav { text-align: center; width: 752px; height: 34px; background-image: url('../images/main-nav-background.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 8px; } div#homediv3 { width: 760px; height: 9px; } div#wrapper { float:left; width:760px; } div#content { width: 552px; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 10px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#featured_cards { text-align: center; width: 552px; min-height: 100px; background-image: url('../images/featured-cards-background.gif'); background-repeat: no-repeat; background-position: center center; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#featured_cards_head { text-align: center; width: 552px; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#featured_categories { clear: left; text-align: center; width: 751px; min-height: 100px; background-image: url('../images/featured-categories-background.gif'); background-repeat: no-repeat; background-position: center center; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#category01 { float: left; text-align: center; width: 115px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#category02 { float: left; text-align: center; width: 115px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#category03 { float: left; text-align: center; width: 115px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#category04 { float: left; text-align: center; width: 115px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#category05 { float: left; text-align: center; width: 115px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#category06 { float: left; text-align: center; width: 115px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#subdiv1 { clear: both; text-align: center; width: 760px; height: 10px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } img.subimg { float: left; padding-top: 5px; padding-left:0px; padding-right: 5px; padding-bottom: 5px; } p#seo_content1 { display: inline; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } p#homepg_content1 { display: inline; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } .seo_header1 { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 18px; font-weight: bold; color: #3cb0dd; } .homepg_header1 { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 18px; font-weight: bold; color: #3cb0dd; display: inline; } .seo_author1 { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 12px; color: #533519; } .homepg_author1 { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 12px; color: #533519; } div#prodwrapper { float:left; width:760px; } div#prodcontent { width: 751px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#prodnav { width: 751px; } div#prodsort { text-align: left; width: 50%; float: left; } div#prodpages { text-align: right; float: right; } div#prodnavbot { width: 751px; } div#prodsortbot { text-align: left; width: 50%; float: left; } div#prodpagesbot { text-align: right; float: right; } div#prodclearbot { clear: both; } #prodwrap div { width: 167px; height: 250px; float: left; } div.productitem { text-align: center; padding-top: 0px; padding-left: 10px; padding-right: 10px; } div#main_img { text-align: left; width: 552px; height: 290px; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; } div#mn_image { text-align: left; float: left; width: 353px; height: 290px; } div#mn_categories { text-align: center; float: left; width: 190px; height: 290px; background-image: url('../images/category-nav-background.gif'); background-repeat: no-repeat; background-position: top left; } div#cards1 { text-align: left; width: 552px; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; } div#card_cat1 { float: left; width: 50%; padding-top: 9px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div.card_cat_left { float: left; width: 135px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } div.card_cat_right { float: left; width: 135px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } div#card_cat2 { float: right; width: 50%; padding-top: 9px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#cards2 { clear: both; text-align: left; width: 552px; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; } div#card_cat3 { float: left; width: 50%; padding-top: 9px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#card_cat4 { float: right; width: 50%; padding-top: 9px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#cards3 { clear: both; text-align: left; width: 552px; margin-top: 0px; margin-left: 208px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 9px; padding-right: 0px; padding-bottom: 10px; } div#card_cat5 { float: left; width: 50%; padding-top: 9px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#card_cat6 { float: right; width: 50%; padding-top: 9px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } .card_cat_header { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 14px; font-weight: bold; color: #3cb0dd; } ul { text-align: left; display: inline; margin-left: 0; padding-left: 0; } div#side_nav { text-align: left; float: left; width: 208px; min-height: 722px; margin-left: -760px; padding-top: 10px; padding-left: 10px; padding-right: 0px; padding-bottom: 0px; background-image: url('../images/side-nav-background.gif'); background-repeat: no-repeat; background-position: top left; font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 13px; font-weight: bold; color: #533519; line-height: 18px; } * html div#side_nav { line-height: 18px; margin-left: -769px; }  li.s_nav { font-family: "Arial", "Verdana", sans-serif; font-size: 11px; font-weight: normal; list-style-type: square; list-style-position: inside; } .s_nav_category { font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 13px; font-weight: bold; color: #533519; } p.s_nav_divide { display: inline; } a.link_sidenav { color: #533519; text-decoration: none; } a.link_sidenav:hover { color: #533519; text-decoration: underline; } div#marketing { width:751px; clear:left; padding-top: 10px; padding-left: 9px; padding-right: 0px; padding-bottom: 0px; } div#mkt_01 { text-align: left; float: left; width: 193px; height: 87px; padding-top: 18px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } div#mkt_02 { text-align: left; float: left; width: 194px; height: 87px; padding-top: 18px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } div#mkt_03 { text-align: left; float: left; width: 193px; height: 87px; padding-top: 18px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } div#mkt_04 { text-align: right; float: right; width: 171px; height: 87px; padding-top: 18px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } div#wpd_overview { width:751px; clear:left; padding-top: 14px; padding-left: 9px; padding-right: 0px; padding-bottom: 14px; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; } div#footer_nav { text-align: center; width: 760px; height: 20px; background: #533519; clear:left; font-family: "Times New Roman", serif, "Arial", "Verdana"; font-size: 12px; color: #ffffff; padding-top: 5px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } a.link_footernav { color: #ffffff; text-decoration: none; } a.link_footernav:hover { color: #c7eafb; text-decoration: none; } div#footer { text-align: center; width: 760px; clear:left; font-family: "Arial", "Verdana", sans-serif; font-size: 11px; color: #533519; line-height: 16px; padding-top: 14px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } a.footerlink { color: #533519; text-decoration: none; } a.footerlink:hover { color: #533519; text-decoration: underline; }  #fallcolors_contain { text-align: center; width: 760px; float:left; height:220px; clear:both; font-size:12px; font-weight:bold; font-family: arial, verdana, sans-serif; padding-top:15px;} .fallcolortitle { font-family:arial, verdana, sans serif; font-size: 16px; font-weight: bold; color: #3cb0dd; } .colors { padding: 5px 5px 0 5px; float:left; color:#3cb0dd; text-decoration:none; text-align: center; width:180px;} a.clink { color:#3cb0dd; text-decoration:none;} a.clink:hover { color:#3cb0dd; text-decoration:underline;}  div#hp_emailsignup_container { margin-left: 220px; text-align: left; width: 552px; height: 35px;  } div#hp_emailsignup_left { text-align:left; width:265px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; float: left; font-family:arial, verdana, sans serif; font-size: 11px; color: #533519; } div#hp_emailsignup_right { text-align: left; width: 287px; padding-top: 2px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; float: right; } #hp_emailsignup_button { float: right; position: relative; left: -8px; top: 1px; } div#hp_emailsignup_clear { clear: both; } div#hp_emailsignup_error { font-family: "Arial", "Verdana"; font-size: 11px; font-weight: bold; color: #ff0000; text-align: right; padding-right: 8px; } #sub_email { float: left; border: 1px solid #a19388; width: 173px; height: 19px; font-family: "Arial", "Verdana"; font-size: 12px; color: #cccccc; margin-top: 0px; padding-top: 4px; padding-left: 5px; } .newitem { font-weight: bold; color: #3cb0dd; } .stockings-left-nav { float: right; position: relative; left: -20px; }  div.calendar { position: relative; } .calendar, .calendar table { border: 1px solid #556; font-size: 11px; color: #000; cursor: default; background: #eef; font-family: tahoma,verdana,sans-serif; }  .calendar .button {  text-align: center;  padding: 2px;  } .calendar .nav { background: #778 url(menuarrow.gif) no-repeat 100% 100%; } .calendar thead .title {  font-weight: bold;  text-align: center; background: #fff; color: #000; padding: 2px; } .calendar thead .headrow {  background: #778; color: #fff; } .calendar thead .daynames {  background: #bdf; } .calendar thead .name {  border-bottom: 1px solid #556; padding: 2px; text-align: center; color: #000; } .calendar thead .weekend {  color: #a66; } .calendar thead .hilite {  background-color: #aaf; color: #000; border: 1px solid #04f; padding: 1px; } .calendar thead .active {  background-color: #77c; padding: 2px 0px 0px 2px; }  .calendar tbody .day {  width: 2em; color: #456; text-align: right; padding: 2px 4px 2px 2px; } .calendar tbody .day.othermonth { font-size: 80%; color: #bbb; } .calendar tbody .day.othermonth.oweekend { color: #fbb; } .calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #bdf; } .calendar tbody .rowhilite td { background: #def; } .calendar tbody .rowhilite td.wn { background: #eef; } .calendar tbody td.hilite {  background: #def; padding: 1px 3px 1px 1px; border: 1px solid #bbb; } .calendar tbody td.active {  background: #cde; padding: 2px 2px 0px 2px; } .calendar tbody td.selected {  font-weight: bold; border: 1px solid #000; padding: 1px 3px 1px 1px; background: #fff; color: #000; } .calendar tbody td.weekend {  color: #a66; } .calendar tbody td.today {  font-weight: bold; color: #00f; } .calendar tbody .disabled { color: #999; } .calendar tbody .emptycell {  visibility: hidden; } .calendar tbody .emptyrow {  display: none; }  .calendar tfoot .footrow {  text-align: center; background: #556; color: #fff; } .calendar tfoot .ttip {  background: #fff; color: #445; border-top: 1px solid #556; padding: 1px; } .calendar tfoot .hilite {  background: #aaf; border: 1px solid #04f; color: #000; padding: 1px; } .calendar tfoot .active {  background: #77c; padding: 2px 0px 0px 2px; }  .calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; cursor: default; border: 1px solid #655; background: #def; color: #000; font-size: 90%; z-index: 100; } .calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; } .calendar .combo .label-IEfix { width: 4em; } .calendar .combo .hilite { background: #acf; } .calendar .combo .active { border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #eef; font-weight: bold; } .calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8; } .calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #fff; } .calendar td.time .ampm { text-align: center; } .calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; } .calendar td.time span.hilite { border-color: #000; background-color: #667; color: #fff; } .calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; } .clickable{cursor: pointer} .moveable{cursor:move} .toolTipContent{ font-family: Helvetica; font-size: 11px; color: #53351a; padding:4px; overflow-y: auto; overflow-x: hidden; } .colorElement{ margin:6px; width:18px; height:18px; border: 1px solid #55381a; } .colorElementSelector { float:left; margin: 4px; margin-bottom:0px; } .selectedColorElementSelector{ border: 2px solid #55381a; margin: 2px; margin-bottom:0px; } #missingProductWarning, #javascriptWarning, #browserWarning{ border-color:#E0E0E0; border-style:solid; border-width:1px 2px 2px 1px; margin-left:6px; padding:20px; padding-left:30px; margin-top:16px; width:900px; font-family:Helvetica; font-size:13px; } #javascriptWarning h3, #browserWarning h3{ font-family:Helvetica; font-size:15px; font-weight:bold; }  #personalizeStep_editorInfo{ padding: 8px; font-familiy: Helvetica; font-size:11px; } #reviewTextWarning{ color: red; margin-top:6px; } .photoUploadPhotoElem{ height: 60px; padding:4px; margin-bottom:4px; border-bottom: 1px dashed #d9d9d9; } .photoUploadPhotoDescrElem{ font-family: helvetica; font-size:12px; width:250px; } #personalizeErrorViewer{ color:red; font-family:Helvetica; font-size:12px; width:340px; } .textErrorWarningText{ color: #FFF; } .textErrorWarning{ padding:4px; } #reviewStep_contentArea{ padding:8px; } .previewFontsLink{ color: #3cafde; padding-bottom: 6px; padding-top: 4px; font-size:10px; } .nonSelectedColor{ margin: 2px; margin-left:4px;width:14px; height:14px; border: 1px solid #a4aeb0; } .selectedColor{ margin: 1px; margin-left:3px;width:14px; height:14px; border: 2px solid #696969; } .textEditorArea{ width:97%; border: 1px solid #f0f2f4; font-family:helvetica; font-size:12px; padding: 4px; } .customColorWarning{ font-size:11px; font-family:helvetica; width: 320px; } #reviewStep_panelSwitcher, #personalizeStep_panelSwitcher{ font-family:Helvetica; min-width: 200px; float:left; margin-bottom:8px; } #personalizeStep_colorSwitcher{ font-family:Helvetica; float:left; margin-bottom:8px; } .panelSwitchTitle{ font-size:12px; margin-bottom:4px; } .panelSwitchThumbContainer{ margin-left:24px; } .advancedCustomColorContainer{ font-family: helvetica; font-weight:bold; font-size: 22px; } .advancedCustomColorContainer input{ border:1px solid #dedede; width:56px; font-family: helvetica; font-weight:bold; font-size: 22px; margin:0 4px 0 4px; } #personalizeStep_personalizeArea{  padding:8px; margin-bottom:8px; } #personalizeStep_photoTray{ text-align:left; } .panelThumbnail{ border:2px solid #FFF; padding:2px; } .panelThumbnailContainer{ float:left; font-size:11px; margin-right:16px; } .personalizePopupHandle, .enterInfoZoomHandle, .saveProjectHandle, .photoUploadHandle, .photoEditorHandle{ background-color:#3cb1dd; height:18px; width:100%; text-align: left; } .personalizePopupTitle, .enterInfoZoomTitle, .saveProjectTitle, .photoUploadTitle, .photoEditorTitle{ font-family: Helvetica; font-size:12px; font-weight:bold; color:white; float:left; text-align:left; padding:2px; padding-left:4px; } .personalizePopupClose, .enterInfoZoomClose, .saveProjectClose, .photoUploadClose, .photoEditorClose{ position:relative; top:3px; margin-right:3px; float:right; _font-size:8px; } .personalizePopupCloseTxt { position:relative; color:white; font-family:arial; font-size:11px; margin-right:3px; top:3px; float:right; } .wpdBlueFont{ color: #1688aa; font-family: Helvetica; }  .photoEditorZoomContainer{ top:10px; height:40px; position:relative; width:164px; } .zoomIn{ position: absolute; left: 2px; } .zoomOut{ position: absolute; left: 93px; } .photoEditorMoveContainer{ background-color:#DFEAEE; border:2px solid #FFFFFF; height:90px; position:relative; top:30px; width:120px; } .moveUp{ left:50px; position:absolute; top:8px; } .moveDown{ left:50px; position:absolute; top:54px; } .moveLeft{ left:28px; position:absolute; top:31px; } .moveRight{ left:72px; position:absolute; top:31px; } .photoEditorRotateContainer{ height:40px; position:relative; width:164px; top:50px; } .rotateLeft{ position: absolute; left: 2px; } .rotateRight{ position: absolute; left: 93px; } .photoEditorFxContainer{ height:40px; position:relative; width:164px; top:70px; } .fxSepia{ position:absolute; left: -2px; } .fxGrayscale{ position:absolute; left:47px; } .fxOriginal{ position:absolute; left:96px; } .photoEditorCmdContainer{ height:30px; position:absolute; } .photoEditorButton{ width:68px; height:50px; font-family: Helvetica; font-size:12px; } .photoEditorButtonIcon{ position:relative;  } .photoEditorSmButtonIcon{ position:relative; left:26px; } .photoEditorCmdButton{ float:right; margin: 4px; } .photoEditorControls{ background-color:#E8F6F9; border-right:1px solid #b4d4dc; width:164px; float:left; position:relative; height:310px; } .photoEditorPhotoArea{ position:relative; margin-left: 165px; _margin-left: 0px; _float:left; text-align: left; } .photoEditorButtons{ position:relative; margin-left:165px; text-align:left; }  .photoTrayContainer{ background-color: #EFF9FE; border: 1px solid #dee0df; font-family:Helvetica; font-size: 12px;  margin-left:6px; border-right:2px solid #dee0df; border-bottom:2px solid #dee0df; } .photoTrayHeader{ height: 20px; padding:4px; padding-top:10px; } .photoTrayFooter{ height: 20px; } .photoTrayCounter{ float: left; }  .templateContainer{ margin-left : 10px; padding : 8px; } .verseContainer{ margin-top:6px; border: 2px solid #EFF9FE; padding: 3px; } .verseContainerOver{ margin-top:6px; border: 2px solid #fad9b8 !important; padding: 3px; cursor:pointer; } .verseTitleContainer{ float: left; width:100%; } .verseTitle{ font-size:13px; font-weight:bold; background-color: #d4ecfa; padding: 4px; } .verseDescription{ padding: 10px; } .verseSelectButton{ text-align:right; } .verseText{ margin-bottom:6px; margin-left:10px; margin-right:10px; padding:10px; border: 1px solid #e9e9e9; } .break-line { border-top: 1px solid #E0E0E0; height:1px; margin-top:10px; margin-bottom:10px; line-height: 1px; width:95%; } #recentlyViewedContainer { } #recentlyViewedContainer .sectionLabel{ color: #533519; font-size:13px; font-weight:bold; font-family:arial; text-align: left; padding-left: 15px; } #recentlyViewedContainerList, .recentlyViewedContainerList { height: 180px; } #recentlyViewedContainerList .recent-view-item, .recentlyViewedContainerList .recent-view-item { float: left; width: 150px; padding: 10px; padding-top: 0px; } #recentlyViewedContainerList .recent-view-item .recent-view-item-image, .recentlyViewedContainerList .recent-view-item .recent-view-item-image { text-align: center; margin-top: 10px; margin-bottom: 10px; height: 105px; } #recentlyViewedContainerList .recent-view-item .recent-view-item-desc, .recentlyViewedContainerList .recent-view-item .recent-view-item-desc { color: #3eafdd; font-size:11px;  font-family:arial; } #recentlyViewedContainerList .recent-view-item .recent-view-item-desc a, .recentlyViewedContainerList .recent-view-item .recent-view-item-desc a{ color: #3eafdd; text-decoration:none; } #recentlyViewedContainerList .recent-view-item .recent-view-item-desc a:hover, .recentlyViewedContainerList .recent-view-item .recent-view-item-desc a:hover{ text-decoration:underline; } #recentlyViewedContainerList .recent-view-item .recent-view-item-size, .recentlyViewedContainerList .recent-view-item .recent-view-item-size { color: #533519; font-size:11px; font-family:arial; } #recentlyViewedContainerList .recent-view-item .recent-view-item-price, .recentlyViewedContainerList .recent-view-item .recent-view-item-price { color: #533519; font-size:10px; font-family:arial; } .more-link { color: #3eafdd; font-size:12px; font-family:helvetica; line-height:20px; text-decoration: none; } .control-bar-left-align { float: right; margin-top: 5px; width:230px; } .summaryTemplate { margin-bottom: 15px; } .summaryVerse { margin-bottom: 15px; } .enterInfofield input, select{ border:1px solid #533519; margin-left: 10px; } .enterInfofield .textInput{ width:325px; } .enterInfoHelpIcon{ display: inline-block; margin-top: 2px; float: right; margin-right: 5px; } .enterInfoLabel{ margin-top:4px; margin-left: 10px; _margin-left: 5px; } .enterInfoHelp{ color: #533519; margin-left: 10px;  position: relative; } .text-brown { color:#53351a; font-size:12px; font-family:arial; }  #personalizeBreadcumbs{ margin-right: 50px; float:left; margin-bottom:5px; width:600px; } #personalizeBreadcumbs a{ color:#3CB0DD; text-decoration:none; } #personalizeBreadcumbs a:hover{ text-decoration:underline; } #personalizeBreadcumbs .category{ color:blue; } #personalizeBreadcumbs .page{ color:#53351A; } #personalizeRecentlyViewed{ float:left; } #personalizeAllStepLinks{ font-size:11px; font-family:arial; } #personalizeAllStepLinks{ padding:0 6px 6px; } #personalizeStepTabsContainer { height:64px; line-height:20px; margin-bottom:3px; text-align:center; width:960px; } #personalizeStepTitle{ color:#53351a; font-weight:bold; float:left; width:224px; margin-left:6px; margin-bottom:4px; text-align:left; font-family:helvetica; } #personalizeStepDescription { color:#53351a; font-size:0.7em; text-align:left; width:570px; font-family:helvetica; line-height:12px; margin-left:6px; float: left; } #personalizeStepTabs { float:right; height:10px; width:618px;  } #personalizeStepTabs ul{ list-style-image:none; list-style-position:outside; list-style-type:none; text-align:center; float:left; margin:0px; } #personalizeStepTabs li{ float:left; margin-left:8px; } #personalizeButtonContainer{ float:right; margin-top:30px; text-align:right; width: 372px; } .personalizeStepTab{ width:100px; line-height:23px; height:16px; } .personalizeStepTabName{ font-family:helvetica; color:#533519; float:left; margin-left:4px; } .personalizeStepTab .disabled{ color: #aea093; } .personalizeTextEditorHeader{ background-color:#D4ECFA; font-size:12px; padding:2px; margin-bottom: 4px; position:relative; height:16px; } .personalizeTextEditorHeaderTitle{ font-weight: bold; }  .wpdPersonalizeBox{ border-color:#E0E0E0; border-style:solid; border-width:1px 2px 2px 1px; margin-bottom:8px; } .wpdBoxHeader{  background: transparent url(/../../../image/wpd/gradientBar.gif) repeat-x; color:#53351a; font-size:14px; font-weight:bold; font-family:arial; padding:3px; padding-left:6px; } .wpdBoxContent{ background-color:#EFF9FE; color:#533519; padding:6px; font-size:12px; font-family:arial; padding-left: 0; padding-right: 0; } .wpdBoxContent .instruction { padding: 4px 0px 10px 6px;  } .wpdHighlightEdit{ font-style: italic; margin: 0px 10px; color: #ff6633; } .test {border:0px solid #000; background-color:#000} .test1 {border:0px solid #000;} html {overflow-y: scroll;} #leftColumnContent { border-color:#E0E0E0; border-style:solid; border-width:1px 2px 2px 1px; margin-left:6px; width:100%; _width:98.5%; padding-top:20px; } .styleTitle{ font-size:10px; } .personalizePage, .reviewPage { padding-top: 0px !important; } #templateSelectBox, #verseStep_verseSelectBox, #reviewBox, #enterInfo_verseBox, #enterInfoBox, #personalizeLayoutTrayBox {  margin-left: 14px; } #reviewApproveText{ padding:4px 12px 10px 6px; } #reviewApproveBox{ padding:4px 0 10px 6px; } #reviewBox textarea{ } div#reviewApproveText .inputLabel { margin-left: 3px; } .initialCheckbox{ border:1px solid #d9d9d9; font-family:helvetica; font-size:12px; width:30px; } .approvedText {color: green} .notApprovedText{color: red}  .prettySelect { width: 280px; height: 42px; margin-top: 10px; border: 1px solid #c0ad90; background-color: #FFF; cursor: pointer; } .prettySelectButton { } .prettySelectSelectedContainer { } .prettySelectSelected { height: 42px; } ul.prettySelectList { list-style-type: none; position: absolute; z-index: 10000; background-color: #FFFFFF; border: 1px solid #c0ad90; margin-left: -1px; width: 299px; max-height: 203px; overflow: auto; overflow: -moz-scrollbars-vertical; overflow-y: scroll; } .prettySelect > ul.prettySelectList { width: 280px; margin-top: 3px; } ul.prettySelectList li { _position: relative; _left: -15px; } ul.prettySelectList .prettySelectItem { width: 301px; margin-bottom: -2px; } ul.prettySelectList li > .prettySelectItem { width: auto; margin: 0; } .prettySelectItem table { width: 100%; height: 42px; } html>body .prettySelectItem table { width: auto; } .prettySelectSpacer { width: 25px; } .prettySelectDivider { border-bottom: 1px solid #c0ad90; margin: 0; padding: 0; } .prettySelect .optionOdd { background-color: #F5F5F5; } .prettySelect .optionEven { background-color: #CCCCCC; } ul.prettySelectList, ul.prettySelectList li div.prettySelectItem { _width: 247px; }  .errorHilite { background-color: red; } .helpText{ list-style-position: inside; } .helpText li{ margin: 4px; }  #progressBarContainer { width: 150px; height: 20px; float: left; margin-left: 5px; } #progressBarContainer .progress-bar { background-color: white; border: 1px solid #EFF9FE; overflow: hidden; padding: 1px; } #progressBarContainer .percentage-bar { background: transparent url(/../../../image/wpd/personalize-sprites.png) repeat scroll -0px -42px; margin-right:1px; } #progressBarContainer .progress-bar-label { font-size:12px; width:200px; }  .avatarWizardContainer { visibility: visible;  background-color: #f9f9f9; margin: 0px 0px 8px 14px; border-color:#E0E0E0; border-style:solid; border-width:1px 2px 2px 1px; height: 163px; font-family:arial; padding: 5px 5px 0px 0px; } .avatarImageContainer { float: left; width: 129px; margin: 10px 5px 0px 0px; } .avatarWizard { font-size: 12px; color:gray; } .avatarWizard p { margin: 7px 0px; } .avatarWizardContent { height: 130px; } #rightColumn p { margin: 5px 0px; } .avatarWizardHeading { font-size: 22px; color:#3992b4; margin-bottom: 15px; line-height: 1; font-family: times New Roman,Georgia; } #review_avatarWizardHeading { font-size: 21px; } .avatarChatLink { text-decoration: none; color: #3992b4; }  .textEditorSizeSelect{ width: 50px; float:left; } .textEditorSizeSelect .PrettySelectItem{ width: 40px; height:20px; } .textEditorSizeSelect .PrettySelectList{ width:40px; overflow:hidden; z-index: 100000; } .textEditorSizeSelect .PrettySelectItemContent{ width:18px; } .textEditorFontSelect{ width:210px; float:left; } .textEditorFontSelect .PrettySelectItem{ width: 200px; height: 20px;  overflow: hidden; z-index: 1000; } .textEditorFontSelect .PrettySelectItemContent{ width: 179px; } .textEditorFontSelect .PrettySelectList{ width:200px; height:260px; overflow-y: auto; overflow-x:hidden; z-index: 100000; } .textEditorFontSelect .PrettySelectItemHover { background-color: #d4ecfa !important; } .sprite-icon-prettyselectarrow { background: transparent url(../../../../../../image/wpd/product-page-sprite-wpd.png) no-repeat scroll -125px -36px; height: 8px; width: 13px; } .textAlignIcon { float: left; margin: 2px 0px; } .textAlignIconSelected { border: 2px solid #533519; margin: 0px; }  #personalizeLayoutTray { width: 100%; overflow-x: auto; overflow-y: hidden; } .personalizeLayoutTrayThumbContainer{ width: 75px; margin: 8px; float: left; } .personalizeLayoutTrayThumb{ width:70px; height:70px; } .personalizeLayoutTrayThumb.selected{ border: 2px solid #533519; } .personalizeLayoutTrayThumbName{ text-decoration: none; text-align: center; font-size: 10px; line-height: 1; }  #borderTray{ margin: 4px; padding: 4px; height: 50px; } .borderSampleImage { float: left; height: 15px; width: 100px; padding: 2px; margin-top: 5px; margin-left: 15px; }  .doodle-editor-image-panel { width: 420px; height: 160px; } .doodle-editor-text-panel { width: 420px; height: 50px; padding: 3px; } .doodle-editor-text-panel-title { font-family:arial; font-size:10pt; font-weight:bold; color: #53351A; text-align:left; clear:both; } .doodle-editor-text-panel-colors { float:left;  height:auto; margin-left:0px; margin-top:3px; padding:1px; width:100px; } .doodle-editor-text-panel-color { width: 20px; height: 20px; float: left; margin-left:0px; border: 2px solid #ffffff; } .doodle-editor-text-panel-color-selected { border: 2px solid #696969; } .doodle-editor-text-panel-color-display { width: 18px; height: 18px; float: left; border: 1px solid #ffffff; cursor: pointer; } #personalizeStepBottomTrayTabControllers { font-family:Helvetica; height:30px; margin-top:2px;  text-align:center; width:564px; } #personalizeStepBottomTrayTabControllers .bottomTab { border:1px solid #dee0df; cursor:pointer; float:left; height:24px; margin-top:5px; width:122px; font-size: 14px; color: #6ab8d6; background-color: #f7f3f7 } #personalizeStepBottomTrayTabControllers .activeTab { background-color:#eff9fe; cursor:pointer; height:24px; margin-top:0; padding-top:5px; font-weight: bold; color: #53351a; font-size: 14px; border-bottom: 1px solid #eff9fe; border-top: 1px solid #dee0df; border-right: 1px solid #dee0df; border-left: 1px solid #dee0df; float: left; width: 122px; } #personalizeStep_doodleTray { background-color: #eff9fe; border: 1px solid #dee0df; font-family:Helvetica; font-size: 12px;  margin-left:6px; border-right:2px solid #dee0df; border-bottom:2px solid #dee0df; width: 576px; } .trayHeader { margin-top: 5px; } .trayFooter { height: 20px; } #deleteAllDoodles { padding: 5px; font-weight: bold; color: #6AB8D6; } .trayHeader .headerDescription { float: left; width: 410px; padding-left: 28px; text-align: left; } .trayHeader .headerShowDropArea { float: left; width: 110px; color: #6AB8D6; } .doodle-images-area { float: left; width: 508px; position: relative; overflow: hidden; background-color: white; border: 1px solid #dee0df; text-align: left; padding-top:5px; } .monogram-images-area { float: left; width: 299px; position: relative; overflow: hidden; background-color: white; border: 1px solid #dee0df; text-align: left; padding-top:5px; } .doodleSelected { border: 2px solid #533519; } .personalizeMonogramEditorHeader { background-color:#D4ECFA; font-size:12px; height:16px; margin-bottom:4px; margin-left:9px; padding:2px; width:344px; }  .doodleEditorWindow{ width: 430px; } .doodleEditor{ position: absolute; } .doodleEditorBorder{ position: absolute; border: 1px dashed #a4a4a4; } .doodleEditorDragger{ position: absolute; width : 6px; height: 6px; border: 1px solid #a0a0a0; background-color: #efefef; } .personalizeWarningCalloutContent{ background:url("/image/tp/warningPopup-gradient.png") repeat-x; background-color:#FFFFFF; border: 1px solid #AAAAAA;  padding-top: 0; position:relative;  width:235px; padding: 5px; } .calloutTitle{ color:#009999; font-size:16px; font-weight:bold; margin:3px; } .calloutContent{ font-size:11px; margin:3px; } .calloutOkay{ float: right; color: #009999; margin: -10px 5px 0 0; font-weight: bold; } .personalizeWarningCalloutArrow{ position:relative; margin-top: -10px; } #container th,#container td { padding: 4px 5px 4px 0; }