HTML {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
TEXT-ALIGN: center
}
.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; FONT-FAMILY: Century Gothic,Arial,sans-serif;margin:8px auto; width: 940px;
}
DIV#search_lt {
PADDING-RIGHT: 15px; PADDING-LEFT: 9px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 410px; PADDING-TOP: 5px; TEXT-ALIGN: right
}
DIV#search_rt {
PADDING-RIGHT: 9px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 197px; PADDING-TOP: 5px; TEXT-ALIGN: right
}
DIV#hackersafe {
FLOAT: right
}
.search_field {
FONT-SIZE: 11px; FLOAT: left; WIDTH: 123px; FONT-FAMILY: "Verdana", "Arial"; HEIGHT: 13px
}
.search_button {
FLOAT: right
}
DIV#homediv1 {
CLEAR: both; WIDTH: 760px; HEIGHT: 20px
}
DIV#logo {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 330px; PADDING-TOP: 0px; HEIGHT: 17px; TEXT-ALIGN: left
}
DIV#secondary_nav {
PADDING-RIGHT: 9px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 382px; PADDING-TOP: 0px; HEIGHT: 17px; TEXT-ALIGN: right
}
DIV#homediv2 {
CLEAR: both; WIDTH: 760px; HEIGHT: 9px
}
DIV#breadcrumb {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 751px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#main_nav {
BACKGROUND-POSITION: left top; PADDING-LEFT: 12px; BACKGROUND-IMAGE: url(../images/main-nav-background.gif); WIDTH: 748px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 34px; TEXT-ALIGN: center
}
DIV#holiday_main_nav {
BACKGROUND-POSITION: left top; PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(../images/main-nav-background.gif); WIDTH: 752px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 34px; TEXT-ALIGN: center
}
DIV#homediv3 {
WIDTH: 760px; HEIGHT: 9px
}
DIV#wrapper {
FLOAT: left; WIDTH: 760px
}
DIV#content {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 10px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#featured_cards {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: center center; PADDING-LEFT: 9px; FONT-SIZE: 11px; MIN-HEIGHT: 100px; BACKGROUND-IMAGE: url(../images/featured-cards-background.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#featured_cards_head {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#featured_categories {
CLEAR: left; PADDING-RIGHT: 0px; BACKGROUND-POSITION: center center; PADDING-LEFT: 9px; FONT-SIZE: 11px; MIN-HEIGHT: 100px; BACKGROUND-IMAGE: url(../images/featured-categories-background.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 751px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#category01 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 115px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#category02 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 115px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#category03 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 115px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#category04 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 115px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#category05 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 115px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#category06 {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 115px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
DIV#subdiv1 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; WIDTH: 760px; PADDING-TOP: 0px; HEIGHT: 10px; TEXT-ALIGN: center
}
IMG.subimg {
PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
P#seo_content1 {
DISPLAY: inline; FONT-SIZE: 11px; COLOR: #533519; LINE-HEIGHT: 16px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
P#homepg_content1 {
DISPLAY: inline; FONT-SIZE: 11px; COLOR: #533519; LINE-HEIGHT: 16px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
.seo_header1 {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #3cb0dd; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"
}
.homepg_header1 {
DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #3cb0dd; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"
}
.seo_author1 {
FONT-SIZE: 12px; COLOR: #533519; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"
}
.homepg_author1 {
FONT-SIZE: 12px; COLOR: #533519; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"
}
DIV#prodwrapper {
FLOAT: left; WIDTH: 760px
}
DIV#prodcontent {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 751px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 0px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#prodnav {
WIDTH: 751px
}
DIV#prodsort {
FLOAT: left; WIDTH: 50%; TEXT-ALIGN: left
}
DIV#prodpages {
FLOAT: right; TEXT-ALIGN: right
}
DIV#prodnavbot {
WIDTH: 751px
}
DIV#prodsortbot {
FLOAT: left; WIDTH: 50%; TEXT-ALIGN: left
}
DIV#prodpagesbot {
FLOAT: right; TEXT-ALIGN: right
}
DIV#prodclearbot {
CLEAR: both
}
#prodwrap DIV {
FLOAT: left; WIDTH: 167px; HEIGHT: 250px
}
DIV.productitem {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV#main_img {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; PADDING-TOP: 0px; HEIGHT: 290px; TEXT-ALIGN: left
}
DIV#mn_image {
FLOAT: left; WIDTH: 353px; HEIGHT: 290px; TEXT-ALIGN: left
}
DIV#mn_categories {
BACKGROUND-POSITION: left top; FLOAT: left; BACKGROUND-IMAGE: url(../images/category-nav-background.gif); WIDTH: 190px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 290px; TEXT-ALIGN: center
}
DIV#cards1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
DIV#card_cat1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 50%; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 9px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV.card_cat_left {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 135px; PADDING-TOP: 0px
}
DIV.card_cat_right {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 135px; PADDING-TOP: 0px
}
DIV#card_cat2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 50%; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 9px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#cards2 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
DIV#card_cat3 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 50%; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 9px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#card_cat4 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 50%; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 9px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#cards3 {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 0px 208px; WIDTH: 552px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
DIV#card_cat5 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 50%; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 9px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#card_cat6 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 50%; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 9px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
.card_cat_header {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #3cb0dd; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"
}
UL {
DISPLAY: inline; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; TEXT-ALIGN: left
}
DIV#side_nav {
PADDING-RIGHT: 0px; BACKGROUND-POSITION: left top; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 13px; MIN-HEIGHT: 722px; FLOAT: left; BACKGROUND-IMAGE: url(../images/side-nav-background.gif); PADDING-BOTTOM: 0px; MARGIN-LEFT: -760px; WIDTH: 208px; COLOR: #533519; LINE-HEIGHT: 18px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"; TEXT-ALIGN: left
}
* HTML DIV#side_nav {
MARGIN-LEFT: -769px; LINE-HEIGHT: 18px
}
LI.s_nav {
FONT-WEIGHT: normal; LIST-STYLE-POSITION: inside; FONT-SIZE: 11px; FONT-FAMILY: "Arial", "Verdana", sans-serif; LIST-STYLE-TYPE: square
}
.s_nav_category {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #533519; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"
}
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 {
CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; WIDTH: 751px; PADDING-TOP: 10px
}
DIV#mkt_01 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 193px; PADDING-TOP: 18px; HEIGHT: 87px; TEXT-ALIGN: left
}
DIV#mkt_02 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 194px; PADDING-TOP: 18px; HEIGHT: 87px; TEXT-ALIGN: left
}
DIV#mkt_03 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 193px; PADDING-TOP: 18px; HEIGHT: 87px; TEXT-ALIGN: left
}
DIV#mkt_04 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 171px; PADDING-TOP: 18px; HEIGHT: 87px; TEXT-ALIGN: right
}
DIV#wpd_overview {
CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FONT-SIZE: 11px; PADDING-BOTTOM: 14px; WIDTH: 751px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 14px; FONT-FAMILY: "Arial", "Verdana", sans-serif
}
DIV#footer_nav {
CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #533519; PADDING-BOTTOM: 0px; WIDTH: 760px; COLOR: #ffffff; PADDING-TOP: 5px; FONT-FAMILY: "Times New Roman", serif, "Arial", "Verdana"; HEIGHT: 20px; TEXT-ALIGN: center
}
A.link_footernav {
COLOR: #ffffff; TEXT-DECORATION: none
}
A.link_footernav:hover {
COLOR: #c7eafb; TEXT-DECORATION: none
}
DIV#footer {
CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; WIDTH: 760px; COLOR: #533519; LINE-HEIGHT: 16px; PADDING-TOP: 14px; FONT-FAMILY: "Arial", "Verdana", sans-serif; TEXT-ALIGN: center
}
A.footerlink {
COLOR: #533519; TEXT-DECORATION: none
}
A.footerlink:hover {
COLOR: #533519; TEXT-DECORATION: underline
}
#fallcolors_contain {
CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; WIDTH: 760px; PADDING-TOP: 15px; FONT-FAMILY: arial, verdana, sans-serif; HEIGHT: 220px; TEXT-ALIGN: center
}
.fallcolortitle {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #3cb0dd; FONT-FAMILY: arial, verdana, sans serif
}
.colors {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 180px; COLOR: #3cb0dd; PADDING-TOP: 5px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.clink {
COLOR: #3cb0dd; TEXT-DECORATION: none
}
A.clink:hover {
COLOR: #3cb0dd; TEXT-DECORATION: underline
}
DIV#hp_emailsignup_container {
MARGIN-LEFT: 220px; WIDTH: 552px; HEIGHT: 35px; TEXT-ALIGN: left
}
DIV#hp_emailsignup_left {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 265px; COLOR: #533519; PADDING-TOP: 0px; FONT-FAMILY: arial, verdana, sans serif; TEXT-ALIGN: left
}
DIV#hp_emailsignup_right {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 287px; PADDING-TOP: 2px; TEXT-ALIGN: left
}
#hp_emailsignup_button {
LEFT: -8px; FLOAT: right; POSITION: relative; TOP: 1px
}
DIV#hp_emailsignup_clear {
CLEAR: both
}
DIV#hp_emailsignup_error {
PADDING-RIGHT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: "Arial", "Verdana"; TEXT-ALIGN: right
}
#sub_email {
BORDER-RIGHT: #a19388 1px solid; BORDER-TOP: #a19388 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FLOAT: left; BORDER-LEFT: #a19388 1px solid; WIDTH: 173px; COLOR: #cccccc; PADDING-TOP: 4px; BORDER-BOTTOM: #a19388 1px solid; FONT-FAMILY: "Arial", "Verdana"; HEIGHT: 19px
}
.newitem {
FONT-WEIGHT: bold; COLOR: #3cb0dd
}
.stockings-left-nav {
LEFT: -20px; FLOAT: right; POSITION: relative
}
DIV.calendar {
POSITION: relative
}
.calendar {
BORDER-RIGHT: #556 1px solid; BORDER-TOP: #556 1px solid; FONT-SIZE: 11px; BACKGROUND: #eef; BORDER-LEFT: #556 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #556 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar TABLE {
BORDER-RIGHT: #556 1px solid; BORDER-TOP: #556 1px solid; FONT-SIZE: 11px; BACKGROUND: #eef; BORDER-LEFT: #556 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #556 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar .nav {
BACKGROUND: url(menuarrow.gif) #778 no-repeat 100% 100%
}
.calendar THEAD .title {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
BACKGROUND: #778; COLOR: #fff
}
.calendar THEAD .daynames {
BACKGROUND: #bdf
}
.calendar THEAD .name {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #556 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
COLOR: #a66
}
.calendar THEAD .hilite {
BORDER-RIGHT: #04f 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #04f 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #04f 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #04f 1px solid; BACKGROUND-COLOR: #aaf
}
.calendar THEAD .active {
PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: #77c
}
.calendar TBODY .day {
PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; COLOR: #456; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TBODY .othermonth.day {
FONT-SIZE: 80%; COLOR: #bbb
}
.calendar TBODY .oweekend.othermonth.day {
COLOR: #fbb
}
.calendar TABLE .wn {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #bdf; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
BACKGROUND: #def
}
.calendar TBODY .rowhilite TD.wn {
BACKGROUND: #eef
}
.calendar TBODY TD.hilite {
BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 1px; BACKGROUND: #def; PADDING-BOTTOM: 1px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #bbb 1px solid
}
.calendar TBODY TD.active {
PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #cde; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar TBODY TD.selected {
BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.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 {
BACKGROUND: #556; COLOR: #fff; TEXT-ALIGN: center
}
.calendar TFOOT .ttip {
PADDING-RIGHT: 1px; BORDER-TOP: #556 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; COLOR: #445; PADDING-TOP: 1px
}
.calendar TFOOT .hilite {
BORDER-RIGHT: #04f 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #04f 1px solid; PADDING-LEFT: 1px; BACKGROUND: #aaf; PADDING-BOTTOM: 1px; BORDER-LEFT: #04f 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #04f 1px solid
}
.calendar TFOOT .active {
PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #77c; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar .combo {
BORDER-RIGHT: #655 1px solid; BORDER-TOP: #655 1px solid; DISPLAY: none; FONT-SIZE: 90%; Z-INDEX: 100; BACKGROUND: #def; LEFT: 0px; BORDER-LEFT: #655 1px solid; WIDTH: 4em; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #655 1px solid; POSITION: absolute; TOP: 0px
}
.calendar .combo .label {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
WIDTH: 4em
}
.calendar .combo .hilite {
BACKGROUND: #acf
}
.calendar .combo .active {
BORDER-TOP: #46a 1px solid; FONT-WEIGHT: bold; BACKGROUND: #eef; BORDER-BOTTOM: #46a 1px solid
}
.calendar TD.time {
PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #f4f0e8; TEXT-ALIGN: center
}
.calendar TD.time .hour {
BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute {
BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
TEXT-ALIGN: center
}
.calendar TD.time .colon {
PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; COLOR: #fff; BORDER-TOP-COLOR: #000; BACKGROUND-COLOR: #667; BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active {
BORDER-LEFT-COLOR: #f00; BORDER-BOTTOM-COLOR: #f00; COLOR: #0f0; BORDER-TOP-COLOR: #f00; BACKGROUND-COLOR: #000; BORDER-RIGHT-COLOR: #f00
}
.sprite-icon-step3-enabled {
BACKGROUND: url(../images/personalize-sprites.png) 0px 0px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step4-available {
BACKGROUND: url(../images/personalize-sprites.png) -103px 0px; WIDTH: 24px; HEIGHT: 24px
}
.sprite-icon-step4-disabled {
BACKGROUND: url(../images/personalize-sprites.png) -206px 0px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step4-enabled {
BACKGROUND: url(../images/personalize-sprites.png) -309px 0px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step5-available {
BACKGROUND: url(../images/personalize-sprites.png) -412px 0px; WIDTH: 24px; HEIGHT: 24px
}
.sprite-icon-step5-disabled {
BACKGROUND: url(../images/personalize-sprites.png) -515px 0px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step5-enabled {
BACKGROUND: url(../images/personalize-sprites.png) -618px 0px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-warning-large {
BACKGROUND: url(../images/personalize-sprites.png) -721px 0px; WIDTH: 37px; HEIGHT: 33px
}
.sprite-icon-warning-small {
BACKGROUND: url(../images/personalize-sprites.png) -824px 0px; WIDTH: 16px; HEIGHT: 15px
}
.sprite-icon-warning-small-red {
BACKGROUND: url(../images/personalize-sprites.png) -927px 0px; WIDTH: 16px; HEIGHT: 15px
}
.sprite-img-completion {
BACKGROUND: url(../images/personalize-sprites.png) 0px -42px; WIDTH: 15px; HEIGHT: 20px
}
.sprite-photo-checkmark {
BACKGROUND: url(../images/personalize-sprites.png) -103px -42px; WIDTH: 17px; HEIGHT: 16px
}
.sprite-pretty-select-arrow {
BACKGROUND: url(../images/personalize-sprites.png) -206px -42px; WIDTH: 31px; HEIGHT: 42px
}
.sprite-btn_close {
BACKGROUND: url(../images/personalize-sprites.png) -309px -42px; WIDTH: 74px; HEIGHT: 20px
}
.sprite-btn-accept {
BACKGROUND: url(../images/personalize-sprites.png) -412px -42px; WIDTH: 74px; HEIGHT: 20px
}
.sprite-btn-align-center {
BACKGROUND: url(../images/personalize-sprites.png) -515px -42px; WIDTH: 27px; HEIGHT: 24px
}
.sprite-btn-align-left {
BACKGROUND: url(../images/personalize-sprites.png) -618px -42px; WIDTH: 28px; HEIGHT: 24px
}
.sprite-btn-align-right {
BACKGROUND: url(../images/personalize-sprites.png) -721px -42px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-btn-apply-style {
BACKGROUND: url(../images/personalize-sprites.png) -927px -42px; WIDTH: 103px; HEIGHT: 19px
}
.sprite-btn-browse {
BACKGROUND: url(../images/personalize-sprites.png) -103px -84px; WIDTH: 74px; HEIGHT: 20px
}
.sprite-btn-calendar {
BACKGROUND: url(../images/personalize-sprites.png) -206px -84px; WIDTH: 14px; HEIGHT: 14px
}
.sprite-btn-cancel {
BACKGROUND: url(../images/personalize-sprites.png) -309px -84px; WIDTH: 74px; HEIGHT: 20px
}
.sprite-btn-click-edit {
BACKGROUND: url(../images/personalize-sprites.png) -412px -84px; WIDTH: 74px; HEIGHT: 20px
}
.sprite-btn-close {
BACKGROUND: url(../images/personalize-sprites.png) -515px -84px; WIDTH: 12px; HEIGHT: 12px
}
.sprite-btn-delete-whitebg {
BACKGROUND: url(../images/personalize-sprites.png) -618px -84px; WIDTH: 14px; HEIGHT: 14px
}
.sprite-btn-effect-grayscale {
BACKGROUND: url(../images/personalize-sprites.png) -721px -84px; WIDTH: 35px; HEIGHT: 34px
}
.sprite-btn-effect-original {
BACKGROUND: url(../images/personalize-sprites.png) -824px -84px; WIDTH: 35px; HEIGHT: 34px
}
.sprite-btn-effect-sepia {
BACKGROUND: url(../images/personalize-sprites.png) -927px -84px; WIDTH: 35px; HEIGHT: 34px
}
.sprite-btn-finished {
BACKGROUND: url(../images/personalize-sprites.png) 0px -126px; WIDTH: 74px; HEIGHT: 20px
}
.sprite-btn-help {
BACKGROUND: url(../images/personalize-sprites.png) -103px -126px; WIDTH: 15px; HEIGHT: 15px
}
.sprite-btn-left-off-arrow {
BACKGROUND: url(../images/personalize-sprites.png) -206px -126px; WIDTH: 25px; HEIGHT: 25px
}
.sprite-btn-magnify {
BACKGROUND: url(../images/personalize-sprites.png) -309px -126px; WIDTH: 21px; HEIGHT: 20px
}
.sprite-btn-minus {
BACKGROUND: url(../images/personalize-sprites.png) -412px -126px; WIDTH: 13px; HEIGHT: 13px
}
.sprite-btn-move-down {
BACKGROUND: url(../images/personalize-sprites.png) -515px -126px; WIDTH: 20px; HEIGHT: 20px
}
.sprite-btn-move-left {
BACKGROUND: url(../images/personalize-sprites.png) -618px -126px; WIDTH: 20px; HEIGHT: 20px
}
.sprite-btn-move-right {
BACKGROUND: url(../images/personalize-sprites.png) -721px -126px; WIDTH: 20px; HEIGHT: 20px
}
.sprite-btn-move-up {
BACKGROUND: url(../images/personalize-sprites.png) -824px -126px; WIDTH: 20px; HEIGHT: 20px
}
.sprite-btn-plus {
BACKGROUND: url(../images/personalize-sprites.png) 0px -168px; WIDTH: 13px; HEIGHT: 13px
}
.sprite-btn-right-arrow-off {
BACKGROUND: url(../images/personalize-sprites.png) -103px -168px; WIDTH: 25px; HEIGHT: 25px
}
.sprite-btn-rotate-left {
BACKGROUND: url(../images/personalize-sprites.png) -206px -168px; WIDTH: 28px; HEIGHT: 28px
}
.sprite-btn-rotate-right {
BACKGROUND: url(../images/personalize-sprites.png) -309px -168px; WIDTH: 28px; HEIGHT: 28px
}
.sprite-btn-save {
BACKGROUND: url(../images/personalize-sprites.png) -412px -168px; WIDTH: 22px; HEIGHT: 22px
}
.sprite-btn-scroll-left {
BACKGROUND: url(../images/personalize-sprites.png) -515px -168px; WIDTH: 25px; HEIGHT: 25px
}
.sprite-btn-scroll-right {
BACKGROUND: url(../images/personalize-sprites.png) -618px -168px; WIDTH: 25px; HEIGHT: 25px
}
.sprite-btn-zoom-in {
BACKGROUND: url(../images/personalize-sprites.png) -721px -168px; WIDTH: 32px; HEIGHT: 30px
}
.sprite-btn-zoom-in-blue {
BACKGROUND: url(../images/personalize-sprites.png) -824px -168px; WIDTH: 21px; HEIGHT: 20px
}
.sprite-btn-zoom-out {
BACKGROUND: url(../images/personalize-sprites.png) -927px -168px; WIDTH: 32px; HEIGHT: 30px
}
.sprite-icon-arrow-down {
BACKGROUND: url(../images/personalize-sprites.png) 0px -210px; WIDTH: 11px; HEIGHT: 5px
}
.sprite-icon-arrow-right {
BACKGROUND: url(../images/personalize-sprites.png) -103px -210px; WIDTH: 5px; HEIGHT: 11px
}
.sprite-icon-remove-photo {
BACKGROUND: url(../images/personalize-sprites.png) -206px -210px; WIDTH: 33px; HEIGHT: 33px
}
.sprite-icon-step1-available {
BACKGROUND: url(../images/personalize-sprites.png) -309px -210px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step1-disabled {
BACKGROUND: url(../images/personalize-sprites.png) -412px -210px; WIDTH: 25px; HEIGHT: 25px
}
.sprite-icon-step1-enabled {
BACKGROUND: url(../images/personalize-sprites.png) -515px -210px; WIDTH: 25px; HEIGHT: 25px
}
.sprite-icon-step2-available {
BACKGROUND: url(../images/personalize-sprites.png) -618px -210px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step2-disabled copy {
BACKGROUND: url(../images/personalize-sprites.png) -721px -210px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step2-enabled {
BACKGROUND: url(../images/personalize-sprites.png) -824px -210px; WIDTH: 25px; HEIGHT: 24px
}
.sprite-icon-step3-available {
BACKGROUND: url(../images/personalize-sprites.png) -927px -210px; WIDTH: 24px; HEIGHT: 24px
}
.sprite-icon-step3-disabled {
BACKGROUND: url(../images/personalize-sprites.png) 0px -252px; WIDTH: 25px; HEIGHT: 24px
}
.clickable {
CURSOR: pointer
}
.moveable {
CURSOR: move
}
.toolTipContent {
PADDING-RIGHT: 4px; OVERFLOW-Y: auto; PADDING-LEFT: 4px; FONT-SIZE: 11px; OVERFLOW-X: hidden; PADDING-BOTTOM: 4px; COLOR: #53351a; PADDING-TOP: 4px; FONT-FAMILY: Helvetica
}
.colorElement {
width:105px;
}
.colorElementSelector {
FLOAT: left; MARGIN:0;position: relative;border:1px solid #fff;
}
.selectedColorElementSelector {
border:2px solid red;
}
#missingProductWarning {
BORDER-RIGHT: #e0e0e0 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 16px; PADDING-LEFT: 30px; FONT-SIZE: 13px; PADDING-BOTTOM: 20px; MARGIN-LEFT: 6px; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 900px; PADDING-TOP: 20px; BORDER-BOTTOM: #e0e0e0 2px solid; FONT-FAMILY: Helvetica
}
#javascriptWarning {
BORDER-RIGHT: #e0e0e0 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 16px; PADDING-LEFT: 30px; FONT-SIZE: 13px; PADDING-BOTTOM: 20px; MARGIN-LEFT: 6px; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 900px; PADDING-TOP: 20px; BORDER-BOTTOM: #e0e0e0 2px solid; FONT-FAMILY: Helvetica
}
#browserWarning {
BORDER-RIGHT: #e0e0e0 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 16px; PADDING-LEFT: 30px; FONT-SIZE: 13px; PADDING-BOTTOM: 20px; MARGIN-LEFT: 6px; BORDER-LEFT: #e0e0e0 1px solid; WIDTH: 900px; PADDING-TOP: 20px; BORDER-BOTTOM: #e0e0e0 2px solid; FONT-FAMILY: Helvetica
}
#javascriptWarning H3 {
FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Helvetica
}
#browserWarning H3 {
FONT-WEIGHT: bold; FONT-SIZE: 15px; FONT-FAMILY: Helvetica
}
#personalizeStep_editorInfo {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 11px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; font-familiy: Helvetica
}
#reviewTextWarning {
MARGIN-TOP: 6px; COLOR: red
}
.photoUploadPhotoElem {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; MARGIN-BOTTOM: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BORDER-BOTTOM: #d9d9d9 1px dashed; HEIGHT: 60px
}
.photoUploadPhotoDescrElem {
FONT-SIZE: 12px; WIDTH: 250px; FONT-FAMILY: helvetica
}
#personalizeErrorViewer {
FONT-SIZE: 12px; WIDTH: 340px; COLOR: red; FONT-FAMILY: Helvetica
}
.textErrorWarningText {
COLOR: #fff
}
.textErrorWarning {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
#reviewStep_contentArea {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
.previewFontsLink {
FONT-SIZE: 10px; PADDING-BOTTOM: 6px; COLOR: #3cafde; PADDING-TOP: 4px
}
.nonSelectedColor {
BORDER-RIGHT: #a4aeb0 1px solid; BORDER-TOP: #a4aeb0 1px solid; MARGIN: 2px 2px 2px 4px; BORDER-LEFT: #a4aeb0 1px solid; WIDTH: 14px; BORDER-BOTTOM: #a4aeb0 1px solid; HEIGHT: 14px
}
.selectedColor {
BORDER-RIGHT: #696969 2px solid; BORDER-TOP: #696969 2px solid; MARGIN: 1px 1px 1px 3px; BORDER-LEFT: #696969 2px solid; WIDTH: 14px; BORDER-BOTTOM: #696969 2px solid; HEIGHT: 14px
}
.customColorWarning {
FONT-SIZE: 11px; FONT-FAMILY: helvetica
}
#reviewStep_panelSwitcher {
FLOAT: left; MARGIN-BOTTOM: 8px;
}
#personalizeStep_panelSwitcher {
FLOAT: left; MARGIN: 50px 0;
}
#personalizeStep_colorSwitcher {
FLOAT: left; margin: 0 20px; WIDTH: 130px;
}
.panelSwitchTitle {
FONT-SIZE: 12px; MARGIN-BOTTOM: 4px
}
.panelSwitchThumbContainer {
MARGIN-LEFT: 24px
}
.advancedCustomColorContainer {
FONT-WEIGHT: bold; FONT-SIZE: 22px; FONT-FAMILY: helvetica
}
.advancedCustomColorContainer INPUT {
BORDER-RIGHT: #dedede 1px solid; BORDER-TOP: #dedede 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 22px; MARGIN: 0px 4px; BORDER-LEFT: #dedede 1px solid; WIDTH: 56px; BORDER-BOTTOM: #dedede 1px solid; FONT-FAMILY: helvetica
}
#personalizeStep_personalizeArea {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
#personalizeStep_photoTray {
TEXT-ALIGN: left
}
.panelThumbnail {
BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 2px solid
}
.panelThumbnailContainer {
FONT-SIZE: 11px; FLOAT: left; MARGIN-RIGHT: 16px
}
.personalizePopupHandle {
WIDTH: 100%; HEIGHT: 18px; BACKGROUND-COLOR: #3cb1dd; TEXT-ALIGN: left
}
.enterInfoZoomHandle {
WIDTH: 100%; HEIGHT: 18px; BACKGROUND-COLOR: #3cb1dd; TEXT-ALIGN: left
}
.saveProjectHandle {
WIDTH: 100%; HEIGHT: 18px; BACKGROUND-COLOR: #3cb1dd; TEXT-ALIGN: left
}
.photoUploadHandle {
WIDTH: 100%; HEIGHT: 18px; BACKGROUND-COLOR: #3cb1dd; TEXT-ALIGN: left
}
.photoEditorHandle {
WIDTH: 100%; HEIGHT: 18px; BACKGROUND-COLOR: #3cb1dd; TEXT-ALIGN: left
}
.personalizePopupTitle {
PADDING-RIGHT: 2px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: Helvetica; TEXT-ALIGN: left
}
.enterInfoZoomTitle {
PADDING-RIGHT: 2px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: Helvetica; TEXT-ALIGN: left
}
.saveProjectTitle {
PADDING-RIGHT: 2px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: Helvetica; TEXT-ALIGN: left
}
.photoUploadTitle {
PADDING-RIGHT: 2px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: Helvetica; TEXT-ALIGN: left
}
.photoEditorTitle {
PADDING-RIGHT: 2px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; COLOR: white; PADDING-TOP: 2px; FONT-FAMILY: Helvetica; TEXT-ALIGN: left
}
.personalizePopupClose {
FLOAT: right; MARGIN-RIGHT: 3px; POSITION: relative; TOP: 3px; _font-size: 8px
}
.enterInfoZoomClose {
FLOAT: right; MARGIN-RIGHT: 3px; POSITION: relative; TOP: 3px; _font-size: 8px
}
.saveProjectClose {
FLOAT: right; MARGIN-RIGHT: 3px; POSITION: relative; TOP: 3px; _font-size: 8px
}
.photoUploadClose {
FLOAT: right; MARGIN-RIGHT: 3px; POSITION: relative; TOP: 3px; _font-size: 8px
}
.photoEditorClose {
FLOAT: right; MARGIN-RIGHT: 3px; POSITION: relative; TOP: 3px; _font-size: 8px
}
.personalizePopupCloseTxt {
FONT-SIZE: 11px; FLOAT: right; COLOR: white; MARGIN-RIGHT: 3px; FONT-FAMILY: arial; POSITION: relative; TOP: 3px
}
.wpdBlueFont {
COLOR: #1688aa; FONT-FAMILY: Helvetica
}
.photoEditorZoomContainer {
WIDTH: 164px; POSITION: relative; TOP: 10px; HEIGHT: 40px
}
.zoomIn {
LEFT: 2px; POSITION: absolute
}
.zoomOut {
LEFT: 93px; POSITION: absolute
}
.photoEditorMoveContainer {
BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; WIDTH: 120px; BORDER-BOTTOM: #ffffff 2px solid; POSITION: relative; TOP: 30px; HEIGHT: 90px; BACKGROUND-COLOR: #dfeaee
}
.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 {
WIDTH: 164px; POSITION: relative; TOP: 50px; HEIGHT: 40px
}
.rotateLeft {
LEFT: 2px; POSITION: absolute
}
.rotateRight {
LEFT: 93px; POSITION: absolute
}
.photoEditorFxContainer {
WIDTH: 164px; POSITION: relative; TOP: 70px; HEIGHT: 40px
}
.fxSepia {
LEFT: -2px; POSITION: absolute
}
.fxGrayscale {
LEFT: 47px; POSITION: absolute
}
.fxOriginal {
LEFT: 96px; POSITION: absolute
}
.photoEditorCmdContainer {
POSITION: absolute; HEIGHT: 30px
}
.photoEditorButton {
FONT-SIZE: 12px; WIDTH: 68px; FONT-FAMILY: Helvetica; HEIGHT: 50px
}
.photoEditorButtonIcon {
POSITION: relative
}
.photoEditorSmButtonIcon {
LEFT: 26px; POSITION: relative
}
.photoEditorCmdButton {
FLOAT: right; MARGIN: 4px
}
.photoEditorControls {
BORDER-RIGHT: #b4d4dc 1px solid; FLOAT: left; WIDTH: 164px; POSITION: relative; HEIGHT: 310px; BACKGROUND-COLOR: #e8f6f9
}
.photoEditorPhotoArea {
MARGIN-LEFT: 165px; POSITION: relative; TEXT-ALIGN: left; _margin-left: 0px; _float: left
}
.photoEditorButtons {
MARGIN-LEFT: 165px; POSITION: relative; TEXT-ALIGN: left
}
.photoTrayContainer {
BORDER-RIGHT: #dee0df 2px solid; BORDER-TOP: #dee0df 1px solid; MARGIN-TOP: 6px; FONT-SIZE: 12px; MARGIN-LEFT: 6px; BORDER-LEFT: #dee0df 1px solid; BORDER-BOTTOM: #dee0df 2px solid; FONT-FAMILY: Helvetica; BACKGROUND-COLOR: #eff9fe
}
.photoTrayHeader {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 10px; HEIGHT: 20px
}
.photoTrayFooter {
HEIGHT: 20px
}
.photoTrayCounter {
FLOAT: left
}
.templateContainer {
PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; MARGIN-LEFT: 10px; PADDING-TOP: 8px
}
.verseContainer {
BORDER-RIGHT: #eff9fe 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #eff9fe 2px solid; MARGIN-TOP: 6px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #eff9fe 2px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #eff9fe 2px solid
}
.verseContainerOver {
BORDER-RIGHT: #fad9b8 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fad9b8 2px solid; MARGIN-TOP: 6px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #fad9b8 2px solid; CURSOR: pointer; PADDING-TOP: 3px; BORDER-BOTTOM: #fad9b8 2px solid
}
.verseTitleContainer {
FLOAT: left; WIDTH: 100%
}
.verseTitle {
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-COLOR: #d4ecfa
}
.verseDescription {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.verseSelectButton {
TEXT-ALIGN: right
}
.verseText {
BORDER-RIGHT: #e9e9e9 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e9e9e9 1px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 10px; BORDER-LEFT: #e9e9e9 1px solid; MARGIN-RIGHT: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #e9e9e9 1px solid; BACKGROUND-COLOR: white
}
.break-line {
BORDER-TOP: #e0e0e0 1px solid; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 95%; LINE-HEIGHT: 1px; HEIGHT: 1px
}
#recentlyViewedContainer {
}
#recentlyViewedContainer .sectionLabel {
PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #533519; FONT-FAMILY: arial; TEXT-ALIGN: left
}
#recentlyViewedContainerList {
HEIGHT: 180px
}
.recentlyViewedContainerList {
HEIGHT: 180px
}
#recentlyViewedContainerList .recent-view-item {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 0px
}
.recentlyViewedContainerList .recent-view-item {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 0px
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-image {
MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; HEIGHT: 105px; TEXT-ALIGN: center
}
.recentlyViewedContainerList .recent-view-item .recent-view-item-image {
MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; HEIGHT: 105px; TEXT-ALIGN: center
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-desc {
FONT-SIZE: 11px; COLOR: #3eafdd; FONT-FAMILY: arial
}
.recentlyViewedContainerList .recent-view-item .recent-view-item-desc {
FONT-SIZE: 11px; COLOR: #3eafdd; FONT-FAMILY: arial
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-desc A {
COLOR: #3eafdd; TEXT-DECORATION: none
}
.recentlyViewedContainerList .recent-view-item .recent-view-item-desc A {
COLOR: #3eafdd; TEXT-DECORATION: none
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-desc A:hover {
TEXT-DECORATION: underline
}
.recentlyViewedContainerList .recent-view-item .recent-view-item-desc A:hover {
TEXT-DECORATION: underline
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-size {
FONT-SIZE: 11px; COLOR: #533519; FONT-FAMILY: arial
}
.recentlyViewedContainerList .recent-view-item .recent-view-item-size {
FONT-SIZE: 11px; COLOR: #533519; FONT-FAMILY: arial
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-price {
FONT-SIZE: 10px; COLOR: #533519; FONT-FAMILY: arial
}
.recentlyViewedContainerList .recent-view-item .recent-view-item-price {
FONT-SIZE: 10px; COLOR: #533519; FONT-FAMILY: arial
}
.more-link {
FONT-SIZE: 12px; COLOR: #3eafdd; LINE-HEIGHT: 20px; FONT-FAMILY: helvetica; TEXT-DECORATION: none
}
.control-bar-left-align {
FLOAT: left;margin:20px 0;
}
.summaryTemplate {
MARGIN-BOTTOM: 15px
}
.summaryVerse {
MARGIN-BOTTOM: 15px
}
.enterInfofield INPUT {
BORDER-RIGHT: #533519 1px solid; BORDER-TOP: #533519 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #533519 1px solid; WIDTH: 350px; BORDER-BOTTOM: #533519 1px solid
}
.enterInfoLabel {
MARGIN-TOP: 4px; MARGIN-LEFT: 10px; _margin-left: 5px
}
.enterInfoHelp {
MARGIN-LEFT: 10px; COLOR: #533519; POSITION: relative
}
.text-brown {
FONT-SIZE: 12px; COLOR: #53351a; FONT-FAMILY: arial
}
#headerContactInfoContainer {
FLOAT: right; WIDTH: 600px; TEXT-ALIGN: right
}
#headerContactInfoContainer DIV {
FONT-SIZE: 11px; FLOAT: right; CURSOR: pointer; COLOR: #3cb0dd; LINE-HEIGHT: 21px; FONT-FAMILY: arial
}
#headerContactInfoContainer DIV SPAN {
COLOR: #53351a
}
#personalizeBreadcumbs {
FLOAT: left; MARGIN-BOTTOM: 5px; WIDTH: 600px; MARGIN-RIGHT: 50px
}
#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-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px
}
#personalizeStepTabsContainer {
MARGIN-BOTTOM: 3px; WIDTH: 1000px; LINE-HEIGHT: 20px; HEIGHT: 64px; TEXT-ALIGN: center
}
#personalizeStepTitle {
FONT-WEIGHT: bold; FLOAT: left; MARGIN-BOTTOM: 4px; MARGIN-LEFT: 6px; WIDTH: 224px; COLOR: #53351a; FONT-FAMILY: helvetica; TEXT-ALIGN: left
}
#personalizeStepDescription {
FONT-SIZE: 0.7em; FLOAT: left; MARGIN-LEFT: 6px; WIDTH: 500px; COLOR: #53351a; LINE-HEIGHT: 12px; FONT-FAMILY: helvetica; TEXT-ALIGN: left
}
#personalizeStepTabs {
FLOAT: right; WIDTH: 618px; HEIGHT: 10px
}
#personalizeStepTabs UL {
LIST-STYLE: none none outside; FLOAT: left; MARGIN: 0px; TEXT-ALIGN: center
}
#personalizeStepTabs LI {
FLOAT: left; MARGIN-LEFT: 8px
}
#personalizeButtonContainer {
MARGIN-TOP: 30px; FLOAT: right; WIDTH: 372px; TEXT-ALIGN: right
}
.personalizeStepTab {
WIDTH: 100px; LINE-HEIGHT: 23px; HEIGHT: 16px
}
.personalizeStepTabName {
FLOAT: left; MARGIN-LEFT: 4px; COLOR: #533519; FONT-FAMILY: helvetica
}
.personalizeStepTab .disabled {
COLOR: #aea093
}
.centerColumn {
WIDTH: 100%;
}
.wpdBoxHeader {
FONT-SIZE: 24px; COLOR: #f15a6d;padding:20px 0;
}
.wpdBoxContent {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 6px; COLOR: #533519; PADDING-TOP: 6px;
}
.wpdBoxContent .instruction {
POSITION: relative;padding-right:10px;
}
.instruction{
margin:10px 0;
}
.test {
BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid; BACKGROUND-COLOR: #000
}
.test1 {
BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid
}
HTML {
OVERFLOW-Y: scroll
}
#leftColumnContent {
WIDTH: 100%; PADDING-TOP: 20px;border:1px solid #cccccc;box-sizing: border-box;
}
.styleTitle {
FONT-SIZE: 10px
}
.personalizePage {
PADDING-TOP: 0px! important
}
.reviewPage {
PADDING-TOP: 0px! important
}
#enterInfo_verseBox {
border:1px solid #cccccc;box-sizing: border-box;position: absolute;left:0;background:#ffffff;display:none;z-index:20;
}
#reviewApproveText {
PADDING-RIGHT: 12px; PADDING-LEFT: 6px; PADDING-BOTTOM: 10px; PADDING-TOP: 4px
}
#reviewApproveBox {
PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 10px; PADDING-TOP: 4px
}
#reviewBox TEXTAREA {
}
.initialCheckbox {
BORDER-RIGHT: #d9d9d9 1px solid; BORDER-TOP: #d9d9d9 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #d9d9d9 1px solid; WIDTH: 30px; BORDER-BOTTOM: #d9d9d9 1px solid; FONT-FAMILY: helvetica
}
.approvedText {
COLOR: green
}
.notApprovedText {
COLOR: red
}
.prettySelect {
BORDER-RIGHT: #c0ad90 1px solid; BORDER-TOP: #c0ad90 1px solid; MARGIN-TOP: 10px; BORDER-LEFT: #c0ad90 1px solid; WIDTH: 280px; CURSOR: pointer; BORDER-BOTTOM: #c0ad90 1px solid; HEIGHT: 42px; BACKGROUND-COLOR: #fff
}
.prettySelectButton {
}
.prettySelectSelectedContainer {
}
.prettySelectSelected {
HEIGHT: 42px
}
UL.prettySelectList {
BORDER-RIGHT: #c0ad90 1px solid; BORDER-TOP: #c0ad90 1px solid; OVERFLOW-Y: scroll; Z-INDEX: 10000; MARGIN-LEFT: -1px; BORDER-LEFT: #c0ad90 1px solid; WIDTH: 299px; MAX-HEIGHT: 203px; BORDER-BOTTOM: #c0ad90 1px solid; LIST-STYLE-TYPE: none; POSITION: absolute; BACKGROUND-COLOR: #ffffff
}
.prettySelect > UL.prettySelectList {
MARGIN-TOP: 3px; WIDTH: 280px
}
UL.prettySelectList LI {
_position: relative; _left: -15px
}
UL.prettySelectList .prettySelectItem {
MARGIN-BOTTOM: -2px; WIDTH: 301px
}
UL.prettySelectList LI > .prettySelectItem {
MARGIN: 0px; WIDTH: auto
}
.prettySelectItem TABLE {
WIDTH: 100%; HEIGHT: 42px
}
HTML > BODY .prettySelectItem TABLE {
WIDTH: auto
}
.prettySelectSpacer {
WIDTH: 25px
}
.prettySelectDivider {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #c0ad90 1px solid
}
.prettySelect .optionOdd {
BACKGROUND-COLOR: #f5f5f5
}
.prettySelect .optionEven {
BACKGROUND-COLOR: #cccccc
}
UL.prettySelectList {
_width: 247px
}
UL.prettySelectList LI DIV.prettySelectItem {
_width: 247px
}
.errorHilite {
BACKGROUND-COLOR: red
}
.helpText {
LIST-STYLE-POSITION: inside
}
.helpText LI {
MARGIN: 4px
}
#progressBarContainer {
FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 150px; HEIGHT: 20px
}
#progressBarContainer .progress-bar {
BORDER-RIGHT: #eff9fe 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #eff9fe 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; OVERFLOW: hidden; BORDER-LEFT: #eff9fe 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #eff9fe 1px solid; BACKGROUND-COLOR: white
}
#progressBarContainer .percentage-bar {
BACKGROUND: url(../images/personalize-sprites.png) 0px -42px; MARGIN-RIGHT: 1px
}
#progressBarContainer .progress-bar-label {
FONT-SIZE: 12px; WIDTH: 200px
}
#liveChatAsk {
PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 100001; LEFT: 500px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 350px; PADDING-TOP: 0px; POSITION: absolute; TOP: 250px
}
#liveChatAsk A {
TEXT-DECORATION: none
}
#liveChatAsk IMG {
MARGIN-BOTTOM: -5px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
/*djf new add*/
.ui-draggable{
border:1px solid transparent;
}
.ui-draggable:hover{
border:1px dashed #000000;
}
.submitBtn{
border: 0;
text-indent: -9999px;
cursor:pointer;
}
.filebox{
overflow:hidden;
position:relative;
MARGIN: 25px;
}
.filebox input{
position:absolute;
left:0;
top:0;
z-index:2;
opacity:0;
cursor: pointer;
}
.submitBtn{
margin: 25px;
}
.back{
float:left;
}
.forward{
float:right;
}
a{
text-decoration:none;
color:#333333;
}
.productModels{
border:1px solid #dfdfdf;
width:183px;
height:32px;
box-sizing: border-box;
font-size: 18px;
color: #333333;
padding: 3px;
}
#TemplateA_pm{
line-height:36px;
}
#personalizeStep-content{
border:1px solid #cccccc;
box-sizing: border-box;
}
.swiper-container {
width: 109px;
height:480px;
}
.swiper-slide {
text-align: center;
width:105px !important;
height:auto !important;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-button-prevTop{
width:16px;
height:15px;
margin: 17px auto;
background:url("../images/top.jpg");
z-index: 10;
cursor: pointer;
}
.swiper-button-nextBottom{
width:16px;
height:15px;
margin: 15px auto;
background:url("../images/bottom.jpg");
z-index: 10;
cursor: pointer;
}
.picElementSelector{
display:none;
}
.selectedPicElementSelector{
display:block;
}
#personalizeStep_textStyles select,#personalizeStep_textStyles input{
height: 27px;
box-sizing: border-box;
}
#personalizeStep_textStyles select{
font-size:20px;
width: 100%;
}
#personalizeStep_textStyles>div{
display:none;
}
#personalizeStep_textStyles .Editor_Index{
padding:4px;
margin:4px;
background-color: #b8b8b8;
}
#personalizeStep_textStyles .personalizeTextEditorHeader {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
MARGIN-BOTTOM: 4px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
POSITION: relative;
HEIGHT: 16px;
BACKGROUND-COLOR: #d4ecfa
}
#personalizeStep_textStyles .personalizeTextEditorHeaderTitle {
FONT-WEIGHT: bold;
WIDTH: 50%;
POSITION: relative;
}
#personalizeStep_textStyles .StyleContainer_textbox{
border: #b8b8b8 1px solid;
margin-left:0px;
position: static;
box-sizing:border-box;
}
#StyleContainer_textbox>.back{
padding-right: 40px;
}
#StyleContainer_textbox .FontColor{
padding-right: 0;
}
#personalizeStep_textStyles .textEditorArea {
BORDER: #f0f2f4 1px solid;
PADDING: 4px;
FONT-SIZE: 12px;
WIDTH: 99.5%;
FONT-FAMILY: helvetica;
box-sizing: border-box;
}
#personalizeStep_textStyles .text_align_control_box{
overflow: visible;
height: 26px;
position: relative;
display:table;
width:100%;
margin-top:4px;
border: #b8b8b8 1px solid;
box-sizing:border-box;
}
#personalizeStep_textStyles .text_align_control_box .achieve{
border:2px solid #5099c5;
}
#personalizeStep_textStyles .sprite-btn-align{
border:2px solid #bbbbbb;
}
.pagenum{
position: absolute;
text-align:center;
width:105px;
top:40%;
}
#reviewImageContainer img{
border:1px solid #cccccc;
}
.text-btn-align-center{
background:url("../images/center.jpg") center center;
background-size:25px 25px;
margin:1px;
width:25px;
height:25px;
}
.text-btn-undo{
background:url("../images/undo.gif") center center no-repeat,transparent;
margin:1px;
width:23px;
height:23px;
border: 1px solid transparent;
}
.text-btn-undo:hover{
background:url("../images/undo.gif") center center no-repeat,#ffffff;
border:1px soild #999999;
}
.text-btn-redo{
background:url("../images/redo.gif") center center no-repeat,transparent;
margin:1px;
width:23px;
height:23px;
border: 1px solid transparent;
}
.text-btn-redo:hover{
background:url("../images/redo.gif") center center no-repeat,#ffffff;
border:1px soild #999999;
}
.text-btn-bold{
background:url("../images/bold.gif") center center no-repeat,transparent;
margin:1px;
width:23px;
height:23px;
border: 2px solid transparent;
}
.text-btn-bold:hover{
background:url("../images/bold.gif") center center no-repeat,#ffffff;
border:2px soild #999999;
}
.text-btn-underline{
background:url("../images/underline.gif") center center no-repeat,transparent;
margin:1px;
width:23px;
height:23px;
border: 2px solid transparent;
}
.text-btn-underline:hover{
background:url("../images/underline.gif") center center no-repeat,#ffffff;
border:2px soild #999999;
}
.text-btn-rotate{
background: url(../images/btnImgEditSprite.png) -374px -1px no-repeat;
width: 21px;
height: 21px;
margin: 1px;
border: 2px solid #ffffff;
}
.loadingPage{
BACKGROUND: url("../images/loadPage.gif");
background-size: 100% 100%;
margin: 0 auto;
width:64px;
height:64px;
}
#indexBox{
width:100%;
height:620px;
background:#f3f3f3;
margin:15px 0;
text-align:center;
}
#indexBox .indexLinks{
font-size:25px;
padding:10px;
}
#indexBox .indexLinks a{
cursor:pointer;
}
.tablecell{
display:table-cell;
vertical-align: middle;
}
.edit-btn-panel{
background: url("../images/cartSprite.png") 2px 1px no-repeat;
width: 16px;
height: 16px;
margin:3px;
}
.rotate-btn-panel{
background: url("../images/btnImgEditSprite.png") -377px -4px no-repeat;
width: 14px;
height: 16px;
margin:3px;
}
.flip-btn-panel{
background: url("../images/btnImgEditSprite.png") -224px -4px no-repeat;
width: 18px;
height: 16px;
margin:3px;
}
.remove-btn-panel {
background: url("../images/btnImgEditSprite.png") -324px -5px no-repeat;
width: 15px;
height:16px;
margin:3px;
}
.center-btn-panel{
background:url("../images/center.jpg") center center;
background-size:16px 16px;
margin:3px;
width:16px;
height:16px;
}
/*header*/
#topmenu {
width: 100%;
text-align: left;
padding: 0 0 5px 0;
margin: 10px 0;
background: url("../images/line2.png") repeat-x bottom;
list-style: none;
display: block;
}
#topmenu li{
display: inline-block;
position: relative;
list-style: none;
padding: 5px;
margin-left: 3px;
}
#topmenu li a{
font-family: Century Gothic Regular, Century Gothic, Helvetica, sans-serif;
display: block;
font-size: 15px;
font-weight:bold;
text-transform: uppercase;
display: inline;
padding: 5px;
color: #595959;
}
#topmenu li:hover{
padding: 4px;
border: 1px solid #acacac;
border-bottom: 1px solid #fff;
}
#topmenu li:hover a{
color: #ff4949;
}
#topmenu li:first-child {
margin-left: 20px;
}
#personalizeImagePreviewPane{
box-sizing: border-box;
padding: 20px;
}
#GridPic, #ShapePic{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#limitBorder, #GridPic{
z-index:5;
}
#shapePane{
margin-top:5px;
}
#shapePane img{
margin:5px;
border: 1px solid #ccc;
}
#limitBorder{
position: relative;
width:100%;
height:100%;
border: 1px dashed #333;
}
#reviewApproveBox .dl_json span{
color:red;
font-weight:bold;
}
#personalizeSamples2{margin-top: 10px;}
.click-btn{
height: 32px;
line-height: 32px;
padding: 0 20px;
background: #ff5c5d;
font-weight: bold;
color: white;
margin: 0 5px;
}
.picTexts{
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.clearfix:before,.clearfix:after{
content:" ";
display:table;
}
.clearfix:after{
clear:both;
}
.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
}
.custom-combobox-input {
margin: 0;
padding: 5px 10px;
}