/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DO NOT MODIFY THIS FILE!!!!!! AS OF 2006-09-26, ALL NEW CLASSES AND ALL CHANGES MUST GO INTO overrides1.css ANY EXCEPTIONS MUST GO THROUGH erictrue ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html{font-size:62%} table{font-size:100%} /* -------------- BEGIN MAIN.CSS FOR Timex: SEE ALSO IE-SPECIFIC CSS (iehacks.css) ------------------ -------------- START HTML ELEMENTS ------------------ */ * {margin: 0; padding: 0;} body{margin:0;background-color:#999;text-align:center;font:1.1em Arial,Helvetica,sans-serif;color:black;} p,legend{margin:0.1em 0 0.7em 0;font-size:1em;line-height:1.4em;} legend {font-weight: bold; color: #666;} img {border: 0 none; vertical-align: middle;} ul {padding: 0; margin: 0.5em 0 0 2em;} li {padding: 0; margin: 0.5em 0 0.5em 0.2em; line-height: 1.4em; list-style-position:inside;} a, a:link {color: #000000; text-decoration: underline;} a:visited {color: #000000;} /*TBD*/ a:hover{text-decoration:underline;} /* headings */ h1 {padding: 0.7em 0 0.3em; font: normal normal bold 1.3em Arial, sans-serif;} h1.gray, h2.gray, h3.gray {color: #8B7A6C;} h2 {padding: 0.4em 0; font-size: 1.3em;} h3 {padding: 0.4em 0; font-size: 1.1em} /* forms */ form {display: inline;} fieldset {border: 0 none;} input, label {vertical-align: middle;} select, input, textarea {margin: 0 0.4em; color: #666; font-size: 1.1em;} select {border: 1px solid #999;} textarea{font-size:1.1em;padding:2px;} option {margin-right: 0.4em;} /* -------------- END HTML ELEMENTS ------------------ */ /* -------------- START IDs (PRIMARY STRUCTURE) ------------------ */ #wrap { width: 770px; margin: 0px auto 100px auto; text-align: left;background-color: white; border-width: 0px 5px 5px 5px; border-style:solid; border-color: #777; } /* global (top) nav */ #globalNav { width: 770px;} #globalNav .logo { float: left; width: 88px; height: 64px;margin:10px 20px; display:inline;} #globalNav .topNav {float: right;margin-top: 0px; margin-right:6px;} /* global (dhtml) nav */ #secondaryNav{width:770px;font-size:1.1em;clear:both;height:36px;margin-top:6px;vertical-align:top;background-color:#E51839;background-repeat:repeat-x;} #secondaryNav ul {list-style-type: none; margin: 0; padding: 0;} #secondaryNav ul li {float: left; margin: 0; list-style-image: none;height: 33px; } #secondaryNav iframe {position: absolute; left: -300px; top: -300px; z-index: 0;} #secondaryNav img {vertical-align:middle; color:white; padding: 0px 13px; text-transform:uppercase; text-decoration:none;font-size:1.25em;background-repeat:no-repeat; background-position:0px 3px} #secondaryNav a { text-decoration:none;color:white;} #secondaryNavItems {float:left;} #secondaryNavItems a, #secondaryNavItems .sep { line-height:30px; height:30px; display:block; float:left; } #secondaryNavItems a {padding: 0px 10px;} #secondaryNavItems a:hover {background-color: #99071E;} #secondaryNavItems .sep { background-repeat:no-repeat;background-position:center;margin:0px;width:3px;} .dMenu{width:155px;margin-top:0px;background-color:#f7f6f6;border:1px solid #d50a27;} .dMenu a {color: #333; display: block; padding: 7px 0px 7px 8px; width: 147px; font-size: 1em; text-decoration:none; text-align :left; cursor: pointer;} .dMenu a:hover {color: #d50a27; text-decoration: underline; background-color: #FFF;} .dMenu div { border-bottom: 1px solid #fff;} /* the white line below each item in the menu */ .dMenuBottom a {background-image: none; border-bottom: 1px solid #EAE5E0;} /* alt style for the bottom item */ #searchForm {color:white; margin-left: 25px;} #searchForm2 { color:black; float:left; } #searchForm #searchText, #searchForm2 #searchText2 { background-color:white; border: 1px solid black; margin:0;padding:0; height:21px; width:145px;} #searchForm label,#searchForm2 label{font-size: 0.8em; font-weight: bold;} #searchForm input{margin-top: 2px; padding: 5px 0px 0px 2px; border: 1px solid #000000; width: 145px; height: 21px; color: black; margin-right: 0px; margin-left: 0px;} #searchForm2 input{font-size:1.0em;padding-bottom:3px;padding-right:1px;} #searchForm #go-button input{ width: 26px; height: 24px; border: none; margin-left: -1px; padding:0px; padding-top:1px;} .secondaryNavItem {color: white;font-weight:bold;text-transform:uppercase;} #searchForm .searchString{font-size:0.9em;} #searchForm .searchField{margin-left:35px;font-size:1.1em;} .utilNav{margin-top:0px;padding-top:11px;text-transform:uppercase;font-size:1.01em;} .utilNav a{text-decoration:none;padding-left:6px;padding-right:6px;} .utilNav a:hover { text-decoration:none;} .utilNav .sep {background-repeat:no-repeat;background-position:left;} .adjust-bag { margin: -5px -6px 0px 2px;} .salutation { text-align:right; padding-top:33px;} /* breadcrumbing */ #breadcrumbing, #breadcrumbs {height: 24px; clear: both; line-height:24px; padding-left: 10px; border-bottom: 1px solid black; } #breadcrumbs a:hover{color: #d50a27;} #breadcrumbsDetailPage {height: 24px; clear: both; line-height:24px; padding-left: 10px;} #breadcrumbing .focus, #breadcrumbs .focus {color: #BB5B6C;} /* layouts */ #layout1 {width: 770px; min-height: 27em; margin-bottom: 2em;} /*one panel; no navs */ #layout2, #layout2a, #layout3 {width: 770px; min-height: 34em; overflow: hidden; margin-bottom: 2em;border-top: 1px solid #4E4848;margin-bottom:0em;} /* layout 2 = leftNav; layout 2a = leftNav with padding in main pane; layout3 = w/ right panel */ /* content */ #layout1 #content {margin-bottom: 1em; padding: 0;} #layout2 #content, #layout2a #content, #layout3 #content {float: left; margin: 0 0 -32767px 0; padding: 0 0 32767px 0; text-align: left;} /*weird margin and padding is for equal columns without tables */ #layout2 #content {width: 619px;} #layout2a #content {width: 599px;} #layout3 #content {width: 490px;} /* left and right panel */ td #leftCell { vertical-align:top; width:165px; border-right: 1px solid black;} td #mainCell { vertical-align:top;} #leftCell .recentlyViewed li, #leftCell .customersWhoBought li { list-style-type:none; margin:6px 0px;} #lMenu {float: left; width: 160px; margin-bottom: -32767px; padding-bottom: 32767px; border-right: 1px solid #4E4848;} #lMenu .category {font-weight: bold;} #lMenu #lMenuEmbeddedLayout div {margin-top: 0.7em;} #lMenu #lMenuEmbeddedLayout a {text-decoration: none;} #lMenu .selected a {color: #BB5B6C;} #lMenu .recentlyViewed a, #lMenu .customersWhoBought a {margin: 3em 0 0 0; text-decoration: underline;} #lMenuEmbeddedLayout {float: left; width: 160px; border-right: 1px solid #4E4848; margin-bottom: -32767px;} td #lMenuEmbeddedLayout {vertical-align:top;} #rMenu {float: right; width: 282px;} #customersWhoBought .wrapper {margin-left: 15px;margin-right:10px;} #customersWhoBought .productTitle {font-weight:normal;} #recentlyViewedBlock li { list-style-type:none; margin:6px 0px;} #recentlyViewedBlock .wrapper {margin-left: 10px;margin-right:10px;} .paddingLeft20 {padding-left:20px} .paddingLeft13 {padding-left:13px} /* footers */ #upperFooter {width: 770px; clear: both; padding-top: 20px; text-align: center; height: 120px; background-repeat:no-repeat; border-top: 2px solid #F4C9D2;} #upperFooter, #lowerFooter {font-size: 0.9em} #upperFooter input, #lowerFooter input {margin: 1em 0 1em 1em; vertical-align: middle;} #upperFooter .heading, #lowerFooter .heading {margin-bottom: 0.6em; font-weight: bold; font-size: 1.1em;} #upperFooter #upperCell1, #lowerFooter #lowerCell1 {width: 260px; float: left; text-align: left;} #upperFooter #upperCell2, #lowerFooter #lowerCell2 {width: 310px; float: left; text-align: left;} #upperFooter #upperCell3, #lowerFooter #lowerCell3 {width: 210px; float: left; text-align: left;} #upperCell1 div, #upperCell2 div, #upperCell3 div, #lowerCell1 div, #lowerCell2 div, #lowerCell3 div {margin-left: 10px;} #upperFooter a, #lowerFooter a {line-height: 1.8em;} #lowerFooter {width: 770px; clear: both; text-align: center; padding-top: 2em; border-top: 2px solid #F4C9D2;} #lowerFooter .copyright, #lowerFooter .copyright a {padding: 3em 0; font-size: 1em; color: #AC9B94;} .bottomLinks { margin-top:0px;} .bottomLinks a {text-decoration:none;background-repeat:no-repeat;background-position:left;padding-left:11px;padding-right: 6px;font: 1.1em Arial} /* popups */ #popup {background-color: #FFF;} #popupWrap {width: 710px; text-align: left; background-color: #FFF; padding: 20px 15px;} #popupLayout1 {width: 680px;} #popupLayout2 {width: 680px; overflow: hidden;} #popupWrap #globalNav {width: 680px;} #popupWrap #globalNav .floatRight img {margin-top: 2em;} #popupWrap #popupLayout1 #content {width: 678px; border-left: 1px solid #E6DDDD; border-right: 1px solid #E6DDDD;} #popupWrap #popupLayout2 #content {float: left; width: 514px; margin-bottom: -32767px; padding-bottom: 32767px; border-left: 1px solid #E6DDDD; border-right: 1px solid #E6DDDD;} #popupWrap h2 {margin-left: 0.7em; color: #999;} #popupLayout2 #rMenu {float: right; width: 156px; border-right: 1px solid #E6DDDD; margin: 0 0 -32767px 0; padding: 0 0 32767px 0;} #popupWrap div.hrPopupScrollTop {height: 23px;clear: both;} #popupWrap div.hrPopupScrollBottom {width: 680px; height: 23px;clear: both;} #popupWrap div.hrPopupScrollTop2 {height: 23px;clear: both;} #popupWrap div.hrPopupScrollBottom2 {width: 680px; height: 23px;clear: both;} #popupWrap #invoicePopup .grayBox {background-color : #999999;height:25px;font: bold 1.3em Arial;color: #000000;padding-top:5px;padding-bottom:5px; border-bottom: 1px solid #000000;text-align:center;width:650px;} #popupWrap #invoicePopup .blackBox {border: 1px solid #000000;width:650px;} #popupWrap #invoicePopup .blackBoxInner {border: 1px solid #000000;margin-left:10px;margin-right:10px;} #popupWrap #invoicePopup .blackHoriLine {width :620px ;margin-left:15px;margin-right:10px;height:1px;} #popupWrap #invoicePopup .paddingTopLeftRight {width :630px ;padding-left:10px;padding-top:10px;} #popupWrap #invoicePopup .paddingLeftRightBottom {width :650px ;padding-left:10px;padding-bottom:10px;} #popupWrap #invoicePopup .paddingLeftRightBottomTop {width :650px ;padding:10px;} #popupWrap #invoicePopup .leftColumnContents {width:170px; text-align:left;float:left;padding-bottom:10px;} #popupWrap #invoicePopup .rightColumnContents {float:right; padding-bottom:10px;padding-right:20px;} #popupWrap #invoicePopup .header {margin-left: 0.7em; color: #000;font-size: 1.5em;} #popupWrap #invoicePopup .floatLeftWithPadding {float:left;margin-left:80px} #popupWrap #invoicePopup .centerAlignedText {text-align:center;} #popupWrap #invoicePopup .priceDisplay {float:right;} .noBackground {background-image:none;background-color:#ffffff;} .blackBackground {background-image:none;background-color:#171411;} .salePrice { color: #D50A27; } .srTitleBrowse { font-weight:bold; color:black; font-size: 9px; } .hideGlossaryPopOver { visibility: hidden; position: absolute;} .glossaryDetailPopOver { border: 1px solid #aca976; padding: 8px 8px 8px 8px; width: 250px; background-color: #ffffff; text-align: left;} .dpMAPopOverHeader { font-family: verdana,arial,helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #000000; padding-bottom: 8px;} /* -------------- END IDs (PRIMARY STRUCTURE) ------------------ */ /* -------------- START MY ACCOUNT ------------------ */ #myAccount { padding-left: 5px;padding-bottom:20px;padding-right:20px;padding-top:0px;} #myAccount .signInBox, #signIn .signInBox {width: 300px; height: 320px; padding: 10px; border: 3px solid #F6D5DC;} #myAccount .graySummaryBox, #signIn .graySummaryBox { position:static; margin: 0em 1em 1em 1em; padding:4px; float:left; border-width: 0px;} #myAccount .graySummaryBox {padding-top:8px;} #myAccount ul li, #signIn ul li, .red3x3bullets li {font: normal 1.0em Arial;margin-left: 0px; } #myAccount ul { margin-left: 15px;} #myAccount li a, #signIn li a { text-decoration:none;} #myAccount li.spacerLinks {margin-bottom:0.4em; padding-bottom:3px;} #myAccount li.spacerLinks a:hover {color : #D50A27;} #myAccount .myAccountMenu select { font-size:1.1em;width:210px; } #myAccount h1 { color:black; margin-left:1.2em;font: bold 1.3em Arial;} #myAccount h1.headerText { color:black; margin-left:14px;font: bold 14px Arial;padding-bottom:10px;} #myAccount h1.marginLeft {padding:0 ;margin-left:16px;width:90%;} .upperCase {text-transform: uppercase;} #myAccount h1.upperCase {text-transform: uppercase;margin-left:1em;padding-bottom:1em;padding-top:0em;} #myAccount .spacerTop {padding-top:2.5em;} #myAccount h2 { color:black; margin-left:1.5em; font-weight: bold; font-size: 11px;} #myAccount h2.headingRed { color: #D50A27; font: bold 1.1em Arial; margin-left:1.4em;} #myAccount h3 {padding: 0.4em 0; font-size: 1.0em;font: bold 0.9em Arial;} #myAccount h4 {font: normal 1.0em Arial;} #myAccount h4.marginLeft {margin-left:18px;} #myAccount .alignCancelBtn {float:left;margin-left:200px;} #myAccount .addressItems {margin-left:18px; border-top: 1px solid black; clear:both;padding-top:5 px;padding-bottom:10px; } #myAccount .addrbkButtons { float:right;margin-top:30px; } #myAccount p { font: normal 1.0em Arial;margin: 0em;} #myAccount hr {border-top: 1px solid #000000;} #myAccount .spacer {width: 130px;margin:0px 10px 4px 12px;float:left;} #myAccount .marginLeft {margin-left: 4px;} #myAccount .marginRight {margin-right:4px;} #myAccount .fontCenter { font-size: 11px; color: #000000;} #myAccount .itemsDisplay {float: left;margin-left:50px;} #myAccount .leftMarginCenter { margin-left:12px;font-weight:normal} #myAccount .leftMarginCenterBold { margin-left:12px;} #myAccount .header { color:black;font: bold 1.3em Arial;} #myAccount .grayBox { background-color : #E8EAEA;height:30px;font: bold 1.0em Arial;width:100%;} #myAccount .alignCenter {float:left;padding-left:440px;padding-top:8px;} #myAccount .alignRight {float:left;padding-left:80px;padding-top:8px;} #myAccount .border {border: 1px solid black;padding:5px;padding-left:8px;padding-right:8px;} #myAccount .alignUpdate{float:left;padding-left:120px;} #myAccount .reqdMark {margin-left:10px;} #myAccount .reqdDesc {padding-top:8px;margin-left:20px;} #myAccount .cancelBtn {margin-left:182px;padding: 0em ;} #myAccount .saveBtn {margin-left:25px;float:left} .bullet {list-style-type:disc;} #myAccount .recShip {font-size:1.1em;width:226px} #myAccount .floatLeftItems {float:left;width:260px;margin-left:12px;padding-top:10px;} #myAccount .floatLeftPadding {float:left;padding-left:242px;padding-top:8px;} #myAccount .paddingSummary {margin-left:1.3em;} #myAccount .alignLeft{float:left;padding-left:10px;padding-top:8px;} #myAccount .hrClass{margin-left:25px;width:97%;} #myAccount .hrClass1{margin-left:10px;width:97%;} #myAccount .updateString{margin-left:20px;float:left;} #myAccount .paddingCancelBox {float:left;padding-left:110px;padding-top:8px;} #myAccount .paddingEditShippingSpeed {margin-left:20px;font-weight:normal} /*# # # # # # # # # # # # # # # # # # # # # # # #Added classes for My Account Order Summary page # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #*/ #myAccountSummary{margin:10px;background-repeat: no-repeat;background-position: 100.5% 103%;width:740px;} #myAccountSummary h1 { color:black; text-transform: uppercase;margin-left:1.5em;font: bold 1.3em Arial;} #myAccountSummary h2 {color :black;padding: 0.4em 0; font-size: 1.3em; font: bold 1.3em Arial;} #myAccountSummary h3 {padding: 0.4em 0; font-size: 1.0em;font: bold 1.0em Arial;} #myAccountSummary h4 {font: normal 1.0em Arial;} #myAccountSummary .orderSummary {padding:0px;} #myAccountSummary .orderSummary .estDelivaryBox {padding-left:160px;} #myAccountSummary .orderSummary .grayBox {background-color : #999999;height:30px;font: bold 1.3em Arial;color: #FFFFFF;width:100%;} #myAccountSummary .orderSummary .shippingDetailsBox {float:left;margin-top:8px;font: normal 1.0em Arial;width:740px;} #myAccountSummary .orderSummary .shippingEstimateBox {float:left;width:370px;background-color : #E8EAEA;height:50px;font: normal 1.0em Arial;} #myAccountSummary .orderSummary .shippingEstimateBoxShipped {float:left;width:740px;background-color : #E8EAEA;height:50px;font: normal 1.0em Arial;padding-top:5px;padding-left:8px;} #myAccountSummary .orderSummary .shippingFloatLeft {padding-top:10px;float:left;width:30%;} #myAccountSummary .orderSummary .priceDisplay {float:right;width:8%;padding-left:3px;} #myAccountSummary .orderSummary .paymentDisplay {float:left;width:65%;} #myAccountSummary .orderSummary .totalDisplay {float:right;width:20%;padding-left:60px;} #myAccountSummary .orderSummary .spacer {float:left;width:410px;} #myAccountSummary .orderSummary .spacerCancelButton {float:left;width:320px;} #myAccountSummary .orderSummary .smallFont {font: bold 0.8em Arial;} #myAccountSummary hr {border-top: 1px solid #000000;} #myAccountSummary .shippedItemsDisplayLeft {float :left; width:30%;} #myAccountSummary .shippedItemsDisplayRight {float :left;border-left:1px solid black;width:69%;border-bottom:1px solid black;padding-bottom:12px;padding-left:6px;} #myAccountSummary .shippedItemsDisplayRightBtm {float :right;border-left:1px solid black;width:70%;} #myAccountSummary .shippedItemsPriceDisplay {float:right;width:10%;} #myAccountSummary .shippedItemsTotalDisplay {float :left;text-align:right;} #myAccountSummary .highlight {color: #FF8040;} #myAccountSummary .floatRightOrderTotals {float:right;margin-right:6px;font-weight:bold;} #myAccountSummary .white {color: #FFFFFF ;text-decoration:underline;} .white {color: #FFFFFF ;} /*# # # # # # # # # # # Margins # # # # # # # # # # # # # # # # # # # # # #*/ #myAccount .margin1 { color:black; padding-left:1.0em;font: bold 14px Arial;} #myAccount .margin2 {padding-left:1.0em; font-size:11px;} #myAccount .margin3 {margin-left:74px;} #myAccount .margin4 {margin-left:172px;} hr.myAccountblackHoriLine {color: #000000; background-color: #000000;border-width: 0px;height: 1px;margin-top: 3px;} /* -------------- END MY ACCOUNT ------------------ */ /*# # # # # # # # # # # # #classes for the duplicate orders page # # # # # # # # # # # # # # # # # # #*/ .opl .dupLeftBox { float:left; width:54%;margin-left:15px;border: 7px solid #D50A27; } .opl .dupItemsHeader { margin-left:15px;} .opl .dupItems { margin-left:15px; } .opl .blackHoriLineDuplicate {width :380px ;} .opl .blackHoriLine {color: #D50A27; background-color: #D50A27;border-width: 0px;height: 1px;margin-top: 3px;} .opl .dupButtonsSection {float:left;margin-left:2px;margin-right:5px;border: 7px solid #D50A27;width:250px;} .opl .dupTextAlign {float:left;text-align:center;margin-left:15px;margin-right:15px} .opl .dupBottom {margin-bottom:100px;} .opl .dupMarginLeftRight {margin-left:18px;margin-right:15px;} .opl #aponote {margin-left:25px;width:95%;} /*# # # # # # # # # # # # #classes for the duplicate orders page # # # # # # # # # # # # # # # # # # #*/ /*# # # # # # # # # # # #classes for the email a friend popup # # # # # # # # # # # # # # # # # # # # # */ #emailAFriend .salePrice { color: #D50A27; } #emailAFriend .leftText { text-align:left;} #emailAFriend .leftTextHeaderImage { text-align:left;margin-left:5px;margin-top:5px;} #emailAFriend .centerText { text-align:center;} #emailAFriend {background-color: #FFFFFF;height:100%; } #emailAFriend .fieldBoxes { margin-left:15px;} #emailAFriend .leftPadding { margin-left:15px;} #emailAFriend .prodImage { margin-left:20px;} #emailAFriend .thankYouMessage { margin-left:130px;} #emailAFriend .fieldBox {margin: 4px 12px;padding: 0px;text-align:left;border: 1px solid #e6e6e6;clear:both;width: 483px;} #emailAFriend .fieldBox input {border: 1px solid #666666;height:22px;width:264px;font-size: 11px;padding: 0px 6px;margin: 4px 8px 4px 0px;float:left;} #emailAFriend .fieldBox textarea {border: 1px solid #666666;height:110px;width:290px;padding: 0px 6px;margin: 4px 8px 4px 0px;float:left;} #emailAFriend .leftPaddingPrice {margin-left: 17px;} #emailAFriend .leftPaddingImage {margin-left: 55px;} #emailAFriend .leftBottomPadding {padding-left: 17px; padding-bottom: 45px;} /*## # # # # # # # # # #classes for the communication pref page # # # # # # # # # # # # # # # # # # # # # */ #commPref {padding-top:15px;} #commPref .commPaddingLeft {margin-left:14px;margin-top:8px;margin-bottom:8px;} #commPref .commEmailType {color: #FF0000;} #commPref .buttonRow {margin-left:190px;} #commPref .buttonSpacing {margin-left:60px;} #commPref .commBoldFont {font-weight:bold;} #commPref .reqdMark {font-weight:bold;font-family:verdana;width:4px;float:left;color: #D50A27;margin-left:10px;padding-bottom:8px;padding-top:2px;} #commPref .reqdDesc {padding-top:0px;margin-left:20px;} #commPrefSuccess { padding: 17px;} /*list-style-image moved to top*/ #commPref .fieldBox {text-align:left;border: 1px solid #e6e6e6;clear:both;width: 463px;padding-top:0.5px;padding-bottom:0.5px;} #commPref .reqdEmail {color: #D50A27;margin-left:4px; margin-right:4px;margin-top:4px;font-weight:bold;font-family:verdana;width:4px;float:left;padding-top:4px;} #commPref .fieldBox label {font: bold 1.0em Arial;padding-left:0px;width:175px;margin-left:2px;float:left;} #commPref .fieldBox label.alignFields {width:175px;margin-right:12px;} #commPref .fieldBox input {border: 1px solid #666666;height:22px;width:224px;font-size: 11px;padding: 0px 0px;margin: 4px 4px 4px 0px;float:left;} #commPref .fieldBox .radioButtons input,.fieldBox input.radioButton { border-width:0px;width: 15px;vertical-align:middle;position: relative;top:1px;} #commPref .fieldBox .radioButtons label {border-width:1px;position:relative;margin-left:0px;font-weight:normal;width:auto;} #commPref .fieldBox .checkBoxes input, .fieldBox input.checkBox {border-width:0px;width: 15px;vertical-align:middle;position:relative;top:1px;margin-left: 4px;margin-right: 4px;padding: 0px;} #commPref .fieldBox .checkBoxes label{} #commPref .fieldBox .description {font: normal 1.0em Arial;float:left;margin-left:92px;margin-top:5px;} #commPref .fieldBox .red-accent {color: #D50A27; float:left;padding-top:8px;} #commPref .paddingTop {padding-top: 8px;} #commPref .textfield {font: bold 1.0em Arial;padding-left:0px;width:31%;margin-left:2px;float:left; padding-top: 8px;} #commPref .errorStringDisplay{margin-left:204px;} /*#These classes are added by offhore timex team */ .blackHoriLine {width: 100%; margin-top: 3px; border: thin solid #000000;} .editFontColor { font-size: 13px; color: #000000;} .paddingSequence { padding-top: 10px; font-size: 13px; color: #000000; vertical-align: top; width: 38px;} .paddingAddress { padding-top: 10px; padding-bottom: 10px; font-size: 13px; color: #000000; vertical-align: top; width: 338px;} .paddingLeft {padding-left: 28px;} .hrClass {width: 750px; border: 1px solid #CCCCCC;} .bottomHeight {line-height: 15px;} .greyConfirmation {font-weight: bold; color: #C0C0C0; font-size: 13px;} .greyBackground {border: 1px solid #CCCCCC; width: 100%; background-color: #F6F3EE} .fontBold { font-weight: bold;} .greyLongLine { width: 100%; border: 1px solid #DDD;margin-top: 4px;} .right {text-align: right;} .headPadding {padding-left: 33px;} .black {color: #000;} .mainBodyPadding {padding-left: 48px;font-size: 13px; color: #000000;padding-right: 48px;} .noWrapText {white-space: nowrap;} .lineBoxEdit {width: 450px; border: 1px solid #DDD;} .greyAlternate {background-color: #F6F3EE} .widthClass {width: 275px;} .yourOrderBackground {position: relative;margin-top: 0.6em; padding: 0.4em 0.8em; background-color: #F6F3EE; } .yourOrderBackgroundDark {margin-left:10px;position: relative;margin-top: 0.6em; padding: 0.4em 0.8em; background-color: #888888;font-size: 14px; color: #ffffff; font-weight: bold;} .br4pt {line-height: 4px;} .borderAround {border-top:1px solid; border-left:1px solid; border-bottom:1px solid; border-right:1px solid;} .greyBGBottomBorder {border-bottom: 1px solid;} .fifty {float: left; margin: 0.4em 0; padding: 0 0.2em 0 0; width: 49%;} .clearBoth {clear: both;} .listprice {font-weight: bold; text-decoration: line-through; padding-left:2px; padding-right:2px; } .price {font-weight: bold; } .productLabel {font-weight: bold; } .red {color: #d50a27;} .bold10TinyArial {font-family: arial; font-size: 10px; color: #000000; font-weight: bold; text-decoration: none;} .buyBoxSelect { font-size: 11px; color: #000000;} .paddingRightBottomClass {padding-right: 75px; padding-bottom: 20px;} /*#utility classes */ .floatLeft {float:left} .floatRight {float:right} .clearBoth {clear:both} .noWrap {white-space: nowrap} .autoWidth { width:auto} .upperCase { text-transform:uppercase } .attention {background-color: #FFCC99;} .boxRed {width:588px; border:thin solid; border-color:#d50a27;} .br9pt {line-height: 9px;} /*#ASHWIN ADDED*/ .module { CLEAR: both;} .featureDivsBorder { clear: both; border-right: #98071d 2px solid; border-top: #98071d 2px solid; border-left: #98071d 2px solid; border-bottom: #98071d 2px solid;} .featureDivActive { padding-right: 6px; padding-left: 6px; padding-bottom: 12px; width: 588px; padding-top: 2px; height: 180px;} .featureDivInactive { padding-right: 6px; padding-left: 6px; padding-bottom: 12px; width: 588px; padding-top: 2px; height: 180px;} .featureDivActive { display: block;} .featureDivInactive { display: none;} .floatLeftWidth { float: left; width: 50%;} #featureTabsRow a { background-position: 50% bottom; display: block; font-weight: bold; float: left; width: 143px; line-height: 24px; background-repeat: no-repeat; height: 25px; text-align: center; text-decoration: none;} #featureTabsRow a:visited { background-position: 50% bottom; display: block; font-weight: bold; float: left; width: 143px; line-height: 24px; background-repeat: no-repeat; height: 25px; text-align: center; text-decoration: none;} #featureTabsRow a:hover { background-position: 50% bottom; display: block; font-weight: bold; float: left; width: 143px; line-height: 24px; background-repeat: no-repeat; height: 25px; text-align: center; text-decoration: none;} #featureTabsRow a:active { background-position: 50% bottom; display: block; font-weight: bold; float: left; width: 143px; line-height: 24px; background-repeat: no-repeat; height: 25px; text-align: center; text-decoration: none;} a.featureTabActive { color: white;} .featureTabActive:visited { color: white;} .featureTabActive:hover { color: white;} .featureTabActive:active { color: white;} .featureTabInactive:hover { color: white;} .featureTabInactive { color: black;} /*#Pagination Classes*/ .paddingLeftClassTop {padding-left: 8.0em;} .paddingLeftClassBottom{padding-left: 22.0em;} .pagination {font-size: 1.1em; text-align: right; color:black;} .pagination-bottom {clear: both; padding-right: 42px; margin-top: 10px; height: 30px;} .pagination a {text-decoration: none; color: black; font-weight: normal; margin-left: 2px; margin-right: 2px;} .pagination a:hover {text-decoration: underline;} .pagination .pageNumbers a:active {color: black; font-weight: bold;} .pagination .pageNumbers{color:#d50a27; font-weight: bold;} .paddingLeftClassTop {padding-left: 8.0em;} .paddingLeftClassBottom{padding-left: 22.0em;} .sortBy {clear: both; border-right: #cccccc 0px solid; padding-right: 10px; border-top: #cccccc 1px solid; padding-left: 15px; vertical-align: middle; border-left: #cccccc 0px solid; line-height: 30px; border-bottom: #cccccc 1px solid; height: 30px; background-color: #f0f0f0;} .linkDecoration { text-decoration: none;} .submitLink { background-color: transparent;text-decoration: none; border: none; cursor: pointer; color: #000000; } /*#ASHWIN ADDED ENDS*/ .srTitle { font-weight:bold; color:black; font-size: smaller; } .ladderCount { clear: both;} .topNav2 { color:black; position: relative; bottom: 5px; right: 5px;} .topNav2Upper { height: 19px; margin-top: 6px; margin-bottom: 25px; margin-right: 20px; padding-right:23px; text-transform: uppercase; text-decoration: none; font-weight:bold;background-repeat:no-repeat;background-position:right;} .topNav2Upper .separator {width: 1.5em; text-align:center;} /*.floatedProduct { background-color: #fcfcff;}*/ .floatedProduct {float: left; width: 180px; margin: 0.2em 0.5em;} .red-accent { color: #D50A27;} .amabot_left {border-right:thin solid black;} hr.clearFloat { width: 0px; height:0px;} #details-bucket { margin-top: 0.8em;} #details-bucket .h1 { border: thin solid #999; border-width: 1px 0px; display:block; padding: 0.35em;} .addToCart { padding: 4px; } .recently-viewed-items,.also-recommended { margin: 1em; font-size: 0.75em; } .nonsalePrice { text-decoration:line-through;color: #D50A27;} .bold { font-weight:bold;} #buy-box td {background-color:transparent;} #centerContent {font-size:1em;} #productImage {float:left;} #recently-viewed-items b {font-weight:normal;} #bottom-nav-links {text-align:center; padding-top:0.75em;padding-bottom:1em;border-top:thin solid black;} #copyright {text-align:center; font: 1em Arial;} #bottom-nav-links {background-color: #e8eaea;} .margin15L15R {margin-left:15px;margin-right:15px;} #product-description hr, #product-description br { display:none; } #email-signup-bar {clear: both; width: 770px;height:25px; background-color:black; background-repeat:no-repeat;background-position: 100% 100%; color: #FFF;padding-left:10px;} #email-signup-bar div {padding: 1px 1px; font: bold 1.1em Arial;} #email-signup-bar img {float: left;} #email-signup-bar .continue {margin-top: -4px;} #email-signup-bar input {font: 1em Arial;border: 1px solid #000000;} #email-signup-bar #go-button input {border : 0px;} #search-bar { display:inline; padding-top:2px; color:white;} .white-text input { color:white; } #frameI {position:absolute;z-index:0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0} /*#Rules for Order Pipeline */ /*#To use these, you have to set */ .opl h1, .opl h2, .opl h3 {clear: both;padding: 0em 1em;border: 0px solid #D50A27;} .opl h2, .opl h3 { margin: 1em 0em 1em 0em;padding: 0.3em 1em;} .opl h1 {color: #000000; font: bold 1.6em Arial;} .opl h2 {border-width: 1px 0px 1px 0px;width:700;} .opl h2.addressBook {margin-left:15px;margin-right:15px;padding-top:5px;padding-bottom:5px;width:700;} .opl h3 {margin-top: 1em;border-width: 1px 0px 0px 0px;} .opl h3.header {margin-left:14px;margin-right:15px;padding-top:8px;width:90%;} .opl .shipping {font: normal 1.1em Arial;} .opl .headerWidth { width:85%;} .opl #multiple-destination-box {border: thin solid gray;float:right;padding: 0.5em;} .opl .address-block {float:left;margin: 0.5em;margin-right: 2em;} .opl .address-block .address-name {font-weight:bold;} .opl .address-name {font-weight:bold;} .opl #address-fields label, .opl .spacer {text-align:right;vertical-align: bottom;width: 16em;margin-bottom: 4px;float:left;clear:both;margin-right:0.5em; margin-top:4px;} .opl .sixty {float: left; margin: 0.4em 0; padding: 0 0.2em 0 0; width: 60%;} .opl .address-block p { margin: 0em 0em 0em 0em;} .opl .spacer1 {text-align:right;width: 15em;float:left;clear:both;} .opl .floatLeft1 { margin-left:22px ;margin-top : 2px ;float : left} /*#Classes Added for Item update page in OPL*/ .opl .item-page {float:left;margin: 0 1em 1em 1em;padding: 1em 1em 1em 1em;} .opl .item-page p { margin: 0em 0em 0em 0em;} .opl .item-page hr {color: #D50A27;background-color: #D50A27;border-width:0px;height:1px} .opl .item-page h1 {color: #000000; font: bold 1.6em Arial;padding: 0em 0em 0em 0em;} .opl .item-page h2 {float:left;padding-top:8px;padding-bottom:8px;margin-right:0em;} .opl .item-page h2.width {width:96%;} .opl .item-page h3 {margin-top: 1em;border-width: 1px 0px 0px 0px;width:720px;} .opl .item-page h3.header {margin-left:4px;padding-right:0px;padding-top:8px;margin-right:0em;} .opl .item-page #aponote {margin-left:15px;} .opl .item-page .margin1 {float:left;margin-left:0px;padding-left:0.5em;} .opl .item-page .margin2 {float:left;margin-left:240px;} .opl .item-page .margin3 {float:left;padding-left:10px;} .opl .marginLeft{margin-left: 2em;} .opl .itemDisplay{margin-left: 11px;} .opl .itemDisplay hr.paddingBottom { padding-bottom:6px;width:98%; } .opl .item-page .continueButton {float:right; padding-right:15px;padding-bottom:5px;} /*#Classes Added for Shipping Option Page in OPL */ .opl h4 {padding: 1.8em 0 0.3em; color: #000000; font: bold 1.6em Arial;} .opl h4.redSmallFont {padding: 0 0 0;font: bold 1.3em Arial;color: #D50A27;} .opl h5 {padding: 0.7em 0 0.3em; color: #000000; font: bold 1.2em Arial;} .opl h6 { font: normal 1.1em Arial;} .opl h6.small { font: normal 1.0em Arial;padding-bottom:0.5em;} .opl .smallFont {font: normal 0.8em Arial;padding-bottom:0.5em;} .opl .shiptoGroup { border: 1px solid #D50A27; margin: 2px; width: 80%;text-align : left;padding-bottom:0px;} .opl .shiptoGroup .heading { border-bottom: 1px solid #D50A27; background-color : #E8EAEA;padding: 1em;} .opl .shiptoGroup .items { float: left; border-right: 1px solid #D50A27; width: 50%;margin-left:4px;padding-top:16px;padding-bottom:22px; } .opl .shiptoGroup .shipOptions { float:left; margin: 6px;} .opl .paddingLeft { margin-left: 10px;} .opl .floatRight { margin-top: 36px ;margin-right:8px ;float : right;} .opl .floatLeftMargin { margin-left:22px ;margin-top : 8px ;float : left;} .opl .floatLeftMargin1 { margin-left:22px ;margin-top : 8px ;float : left;margin-right:450px;} .opl .leftAlign { float: left;padding-left: 26px;} .opl .bannerLeftAlign { float: left;padding-left: 20px; margin-top: 14px} .opl .horizontalLine {text-align: left ; width :680px ; color:#D50A27;background-color:#D50A27;border-width:0px;height:1px;} /*## # # # # # # #Classes for Order Summary Page # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */ .opl .orderSummary { float:left;padding-left:42px ; font: bold 1.1em Arial ;color: #4E4848 ;} .opl .headOrderPage { margin: 40px; } .opl .headOrderPage .heading {border-top: 1px solid gray; background-color : #E8EAEA;padding-left: 0.7em;} .opl .headOrderPage .orderSummaryContent { border-top: 1px solid gray; padding-left:10px;padding-right:0em;} .opl .headOrderPage .orderSummaryTotal { border-top: 1px solid gray; padding-left:10px;padding-right:0px;padding-bottom:4px;} .opl .pricingString {margin-left:2px ;margin-top : 8px ;float : left;width:70%;} .opl .hrClass {width:90%;margin-top:5px;margin-bottom:5px;border-top: 1px solid #CCCCCC;} .opl .headOrderPage .leftDisplay{ float: left; border-right: 1px solid gray; border-left: 1px solid gray; border-bottom: 1px solid gray; width: 474px;padding-bottom:30px;} .opl .headOrderPage .rightDisplayTop { float:right; border-right: 1px solid gray; border-left: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray; width: 202px;} .opl .placeYourOrderBtn { float:left; margin-left:20px; } .opl .placeYourOrderBtnBottom { float:right; margin-right:15px;} .opl .alignRight { float:left; width:30%;text-align:right;} .opl .alignLeft {float:left;width:65%;} .opl .headOrderPage .rightDisplayTop .alignCenter {padding-left:3em;} .opl .red {color: #D50A27;} .opl .redPrice {color: #D50A27;} .opl .quantityDropDown {margin-bottom: 3px;} .opl .address-block {float:left;margin: 0.5em;margin-right: 2em;padding-left: 22px;font: normal 1.1em Arial;} .opl #multiple-destination-box {border: 1px solid #999999;float:right;padding: 0.5em;margin-right:25px;} .opl .address-block form * {margin:0px;padding:0px;} .opl .address-block .shippingButtonPadding {padding-top:5px;} .opl .margin1 {float:left;margin-left:8px; } .opl .margin2 {margin-left:18px;} .opl .shipToBtnBottom {margin-left:210px;} .opl #addressBook {margin-left:15px;} .opl .radioButtons {margin-left:208px;} .opl .continueBtn {margin-left:212px;} .opl .continueBtn input {margin-left:0px;} .opl #new-address p {clear:both;margin-left:188px;} .opl .attention {background-color :#ffffe8;} .opl .reqdMark {margin-left:17px;} .opl .reqdDesc {padding-top:8px;margin-left:26px;} .opl .red-accent{width:240px;} .opl #new-address .floatLeft {margin-left:30px ;margin-bottom:10px; float : left;} .opl .deleteQuantities { width:90%; margin-left:15px;} .opl .continueButton {float:right; padding-right:65px;padding-top:15px;} .opl .paymentNewUser { margin-left:12px; padding-bottom:4px;} .opl .paymentMargin1 { margin-left:15px;} .opl .paymentMargin2 { margin-left:32px;} .opl .paymentNewUserBox {border:1px solid #D0D0D7; margin: 2em;background-color:#E8EAEA;padding:0.5em;} .thankyou { border: 1px solid #d50a27; margin: 1px; text-align : left} .thankyouPaddingLeft { margin-left: 12px } .thankyouPaddingLeftTop { margin-left: 12px;margin-top:10px } .thankyouFloatLeft {float:left;margin-left:12px;width:45%; } .thankyouRedSep { border-bottom: 1px solid #D50A27; } .watermarkThankyou{background-repeat:no-repeat;background-position:bottom right;} .pluses {} .decorativeRule {margin:14px 12px;padding:0px;height:11px;border-width: 0px;background-repeat:no-repeat;background-position:center;} /*#(watermark is the light gray X in background of some pages) */ #myAccount,.signin #content,.watermark{background-repeat:no-repeat;background-position:bottom right;} /*#Messaging Modules */ .errorMessage, .infoMessage {line-height: 127%; padding: 11px 18px 11px 52px; /* left is 34px + width of icon */ background-position:18px center; background-repeat:no-repeat; margin-left: 5px; margin-right: 0px;} .errorMessage {background-color: #FFFFE8;color: #D50A27;} .infoMessage {background-color: #E6EBF9;color: #000099;} .errorField label, label.errorField {color: #d50a27;} .errorField input, input.errorField {border-color: #d50a27;background-color: #FFFFE8;vertical-align:middle;} /*#generic for all popup forms */ #overlay {width: 582px;min-height: 225px;margin: 10px auto;border:4px solid black;background-color: white;} #overlay .logo{float:left;width: 62px;height: 46px;margin: 5px 5px 5px 5px;} #overlay .logoWidth{width:90px;} #overlay .headingText {float:left;padding-top:38px;padding-left:0px;font:1.4em black Arial;font-weight:bold;padding-bottom:16px;} #overlay .angleArea {float:right;text-align:right;color:white;width:230px;height:28px;} #overlay .padding15L {margin-left:15px;} #overlay .padding10L {margin-left:10px;} #overlay .padding45L {margin-left:45px;} #overlay .fieldBox {width:525px;text-align:right;padding-right:0px;} #overlay .fieldBox input {border:1px solid #666666;height:22px;width:224px;font-size: 11px;padding: 3px 6px;margin: 4px 4px 4px 0px;float:left;} #overlay .relaxedField input {border:1px solid #666666;height:22px;width:100px;font-size: 11px;padding: 3px 6px;margin: 4px 4px 4px 0px;float:left;} #overlay .relaxedField .fieldBox label {text-align:left;width:68px;margin:0px 12px 4px 12px;float:left;margin-right:10px;} #overlay .fieldBox .radioButtons input,.fieldBox input.radioButton { border-width:0px;width:15px;vertical-align:middle;position: relative;top:1px;} #overlay .fieldBox .radioButtons label {border-width:0px;position:relative;margin-left:0px;font-weight:normal;width:auto;} #overlay .reqd {color: #D50A27;margin:0px 0px 0px 2px;font-weight:bold;font-family:verdana;float:left;} .handPointer {cursor:pointer;} #overlay .fieldBox label {text-align:left;width: 140px;margin:0px 0px 0px 0px;float:left;} #thankyou .msgBlock { background-color:#ffffff;height:40px;color:#000000;border-left:1px solid #E1E1E1;border-right:3px solid #E1E1E1;border-top:1px solid #E1E1E1;border-bottom:0px;width:554px;margin-left:10px;} #thankyou .thankYouMsg {margin-left:5px;margin-bottom:5px;} #thankyou .imgBlock {margin-left:10px;margin-bottom:20px;} #overlay .hideErrorMessage {display:none;} #overlay .showErrorMessage {display:'';} #overlay .paddingLeft150 {padding-left:150px;} #overlay .paddingRight5 {padding-right:5px;} #overlay .paddingLeft90 {padding-left:90px;} #overlay .paddingLeft30 {padding-left:30px;} #overlay .paddingLeft13 {padding-left:13px;} .hideNewsletter {display:none;position: absolute;} .showNewsletter {position: absolute;} #signupForm {margin: 10px 14px 22px 14px;display:block;text-align:left;} /*# /* STYLING FOR REQUIRED-FIELD ASTERISK */ .reqd {color: #D50A27;margin-left:2px; margin-right:0px;margin-top:8px;font-weight:bold;font-family:verdana;width:4px;float:left;} /*# /* GRAY BOX AROUND LABEL+FIELD */ .fieldBox {margin: 4px 12px;padding: 0px;text-align:left;border: 1px solid #e6e6e6;clear:both;width:404px;} .fieldBox label,.fieldBox .label {font-weight:bold; padding-top:8px;} .fieldBox label,.fieldBox .spacer {text-align:left;width: 148px;margin:0px 12px 4px 12px;float:left;} .fieldBox .label {vertical-align:middle;} .fieldBox input {border: 1px solid #666666;height:22px;width:224px;font-size: 11px;padding: 0px 6px;margin: 4px 4px 4px 0px;float:left;} .fieldBox textarea {border: 1px solid #666666;width:300px;font-size: 11px;padding: 0px 6px;margin: 4px 8px 4px 0px;float:left;} .fieldBox .explanation { font-size: 11px; margin: 9px 0px 4px 172px; padding-left:0px; clear:both;} .fieldBox .radioButtons input,.fieldBox input.radioButton { border-width:0px;width: 15px;vertical-align:middle;position: relative;top:1px;} .fieldBox .radioButtons label {border-width:1px;position:relative;margin-left:0px;font-weight:normal;width:auto;} .fullwidth {width:650px;} .fieldBox .checkBoxes input, .fieldBox input.checkBox {border-width:0px;width: 15px;vertical-align:middle;position:relative;top:1px;margin-left: 4px;margin-right: 4px;padding: 0px;} .fieldBox .checkBoxes label, #signupForm .checkBoxes label {} .fieldBox br.clearBoth { font-size:1px;} /* Styling for Payments page */ .changePayments {border: 1px solid #E6E6E6;margin: 4px 10px; padding-top:8px;padding-bottom:4px;text-align:left;clear:both;width: 390px;vertical-align:middle;} .changePayments label {font-weight:bold;text-align:left;width: 160px;margin:0px 12px 4px 10px;float:left;} .changePayments input {border: 1px solid #666666;float:left;height:22px;padding:2px;background-color:white;margin-left:0.1em;} .changePayments select {margin : 0em;} #myAccount .paddingMarginLeft {padding-left:20px; margin-bottom:10px;} .changePaymentsNoBorder {margin: 4px 12px;padding: 0px;text-align:left;clear:both;width: 423px;} .paymentPage .floatLeft { margin-left:16px ;margin-top : 2px ;float : left} .paymentPage .spacer {text-align:left;width: 125px;margin:0px 12px 4px 4px;float:left;} .paymentPage .label {font-weight:bold; padding-right:26px; padding-top:8px;} .paymentPage .paddingTopRight {padding-right:20px; padding-top:8px;} .confirmPayments {margin: 0px 4px 0px 12px;padding-top:8px;padding-bottom:4px;;text-align:left;clear:both;width: 423px;} .confirmPayments label {font-weight:bold;text-align:left;width: 160px;margin:0px 12px 4px 12px;float:left;} /*## # # # # # # # # # # #Field Boxes for Address Book # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */ #addressBook .fieldBox {text-align:left;border: 1px solid #e6e6e6;clear:both;width: 404px;padding-top:2px;padding-bottom:2px;} #addressBook .fieldBox label {font: bold 1.0em Arial;padding-left:1px;width:140px;margin-left:13px;float:left;} #addressBook .fieldBox .spacer {width: 148px;margin:0px 12px 4px 12px;float:left;} #addressBook .fieldBox input {border: 1px solid #666666;height:22px;width:224px;font-size: 11px;padding: 0px 0px;margin: 4px 4px 4px 0px;float:left;} #addressBook .fieldBox .radioButtons input,.fieldBox input.radioButton { border-width:0px;width: 15px;vertical-align:middle;position: relative;top:1px;} #addressBook .fieldBox .radioButtons label {border-width:1px;position:relative;margin-left:0px;font-weight:normal;width:auto;} #addressBook .fieldBox .checkBoxes input, .fieldBox input.checkBox {border-width:0px;width: 15px;vertical-align:middle;position:relative;top:1px;margin-left: 4px;margin-right: 4px;padding: 0px;} #addressBook .fieldBox .checkBoxes label{} #addressBook .fieldBox .description {font: normal 1.0em Arial;float:left;margin-left:92px;margin-top:5px;} #addressBook .fieldBox .red-accent {color: #D50A27; float:left;padding-top:8px;} #addressBook .addr2Desc,.addr1Desc {margin-left:174px;margin-top:0px;padding-top:0px;padding-bottom:0px;margin-bottom:0px;} #addressBook .addr1Desc {clear:both ;} #addressBook .displayCountry {padding-top:8px;padding-bottom:0px;} #addressBook .continueBtn {margin-left:200px;padding: 0em ;} #signIn hr {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; margin: 17px 0px; color: black; height: 1px; background-color: gray; border-right-width: 0px} #signIn .fieldBox {margin: 4px 12px 0px 0px;padding: 0px;text-align:left;border: 1px solid #e6e6e6;clear:both;width:540px;} #signIn form {display:block} #signIn .floatRight {float:right;padding-right:172px;} #signIn .waterMark {background-repeat:no-repeat;height:160px;margin-right:15px;padding-bottom:0px;margin-bottom:0px;background-position:bottom right; } #signIn ul {margin-left:0px;padding-left:0px;} #signIn li {margin-left:0px;padding-left:0px;list-style-position:inside} #signIn #listConfirm ul {padding-left: 0px; margin-left: 0px} #signIn #listConfirm li {padding-left: 8px; list-style-position: inside; margin-left: 0px} .signin #content { } #signIn #listConfirm a {text-decoration: none;} #signIn h1 { padding-right: 0px; padding-left: 0px; font-size: 1.2em; padding-bottom: 0px; padding-top: 0px} #signIn h2 { padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 1.1em; padding-bottom: 0px; padding-top: 0px} #signIn p { font-size: 1em; margin-right: 70px} #signIn .paddingRadioBtn{ padding-right:25px;} /*## # # # # # # # # # #Rules for Sign In # # # # # # # # # # # # # # # # # # # # */ .signIn h5 {padding: 0.8em 0 0.2em 0.2em; color: #000000; font: bold 1.3em Arial;} .signIn h6 { padding-bottom: 0.2em;font: normal 1.1em Arial;} .signIn h6.width { width:350px; } .signIn .header {border-bottom: 1px solid #4E4848;margin-left:15px;margin-right:15px;} .signIn .banner {/* float : top ; */ padding-top:20px;margin-left:20px;} .signIn .header .logo { float : left;margin-left:0px;margin-right:10px;margin-bottom:6px;padding-top:15px;} .signIn .header .description { font: normal 1.0em Arial;padding-top:15px;margin-bottom:6px;} .signIn .returningCustomer { float:left; padding-left:10px;padding-right:55px;border-right: 1px solid #4E4848;} .signIn .newCustomer { float : left ;padding-left:20px; width:350px;} .signIn .returningCustomer .alignSignInButton {padding-left:110px;} .signIn .returningCustomer .alignPassword { padding-left:40px;} .signIn .returningCustomer .inputEmail input { width:11.4em;height:1.6em;} .signIn .newCustomer .inputEmail input { width:11.4em;height:1.6em;} .signIn .alignCenter { padding-left:117px;padding-bottom :10px;} .signIn .timex-amazon1 { border-top:1px solid black;padding:14px 0px 0px 0px;margin-left:15px;margin-right:15px; } .signIn .timex-amazon2 { width:45%; } .signIn .timex-amazon3 { width:50%;padding-right:10px;} .signIn .timex-amazon4 { margin:0px;padding:0px;padding-left:20px;} .signin .whiteOnGrayHeadingBox h2 {float:left;line-height:28px;} .signin .whiteOnGrayHeadingBox {} .signin .thankyou {border:thin solid #CCCCCC;padding:7px;margin-top:10px;} .signin .fieldBox {margin-left:0px;margin-right:0px;width:auto;padding-left:8px;padding-bottom:4px;} .signin .fieldBox label { width:100%;} .signin .fieldBox input { width:286px; margin-left:12px;margin-top:0px;margin-bottom:8px;} .signin .fieldBox * {line-height:22px;padding:0px;vertical-align:baseline;} .signin .fieldBox select {margin:4px 0px;} .signin .fieldBox textarea {clear:both;margin:4px 12px;width:440px;height:96px;padding:4px;} .signin .fieldBox::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .signin .note {margin-left:6px; width:280px;} .signin .reqd {margin-right:2px;} .signIn .banner img ,.bannerImage img {width:496px;} .signIn .timeoutSignIn {padding-top:20px; padding-left:200px;padding-right:30px;} .signIn .timeoutSignIn .alignPassword { padding-left:40px;} .signIn .timeoutSignIn .inputEmail input { width:11.4em;height:1.6em;} .signIn .timeoutSignIn .alignCenter { padding-top:6px;padding-left:115px;padding-bottom :10px;} .signIn .timeoutSignIn .alignSignInButton { padding-top:6px;padding-left:110px;padding-bottom :10px;} #signIn #passwordForm .textLeft {margin-left: 10px;} #signIn a {text-decoration: underline;} #signIn #passwordFormWrapper {float: left; width: 470px} #signIn #passwordFormWrapper .fieldBoxClone {border-right: #e8e8ea 1px solid; padding-right: 12px; border-top: #e8e8ea 1px solid; padding-left: 12px; padding-bottom: 80px; margin: 4px 0px 17px; border-left: #e8e8ea 1px solid; padding-top: 4px; border-bottom: #e8e8ea 1px solid} #signIn #passwordFormWrapper P {margin-right: 0px} #signIn .priorStepsBox {border-right: #e8e8e8 1px solid; padding-right: 3px; border-top: #e8e8e8 1px solid; margin-top: 5px; padding-left: 13px; padding-bottom: 3px; border-left: #e8e8e8 1px solid; color: #999999; padding-top: 3px; border-bottom: #e8e8e8 1px solid} #signIn .priorStepsBox P {margin-right: 13px} #signIn .priorStepsBox P {margin-bottom: 0px; LINE-HEIGHT: 21px} .currentStep P {margin-right: 13px} #signIn .priorStepsBox P {margin-bottom: 0px; LINE-HEIGHT: 21px} #signIn .currentStep { } #signIn .currentStep P {padding-left: 14px} #signIn .currentStep P.listIndented {padding-left: 54px} .fieldBox1 {margin: 4px 12px;padding: 0px;text-align:left;border: 1px solid #e6e6e6;clear:both;width:404px;} #signIn #passwordForm .fieldBox {margin-left: 0px; padding-top: 4px; height: 55px; width: 468px } #signIn #passwordForm .fieldBox label {margin-left: 8px; width: 175px} #signIn #passwordForm .fieldBox input {margin-left: 8px; margin-top: 8px; width: 278px} #signIn #passwordForm { display:block; } #signIn #passwordForm .explanation {padding: 0px; margin: 0px 12px 6px 211px;} #signIn #passwordForm .imageButton { margin-top:8px;margin-bottom:30px;} #signIn #passwordForm p { margin-top:8px;margin-bottom:8px;} #signIn #passwordFormWrapper .fieldBoxClone {border:1px solid #e8e8ea; margin:4px 0px 17px 0px;padding:4px 12px 80px 12px;} #signIn #passwordFormWrapper p, #signIn #sidebar P {margin-right: 0px; margin-left: 525px;} .signin #sidebar {float:left;width:220px;font-size:1.0em;padding: 14px 5px 25px 26px;margin:9px 0px 17px 0px;} #signIn #passwordForm p { margin-top:8px;margin-bottom:8px;} #signIn .priorStepsBox p,.currentStep p {margin-right:13px;} #signIn .priorStepsBox p {margin-bottom:0px;line-height:21px;} #signIn .currentStep {} #signIn .currentStep p {padding-left:14px;} #signIn .currentStep p.listIndented {padding-left:54px;} #signIn #createAccountForm .fieldBox { padding-bottom: 2px; margin-left: 0px; width: 397px; padding-left: 10px;} #signIn #createAccountForm .fieldBox label {margin-left: 0px; width: 125px; margin-right: 17px} #signIn #createAccountForm .fieldBox input {margin-left: 12px; margin-top: 3px; width: 224px} #signIn #createAccountForm { width:397px;} #signIn #createAccountForm .imageButton { margin-top:8px;margin-bottom:30px;} #signIn #createAccountForm .salignWithFields {margin-left:135px} /* surfaced on new acct confirmation */ #signIn #emailSignupForm {width: 575px;margin-bottom:140px;} #signIn #emailSignupForm .fieldBox {width: 575px; margin-left:0px;padding-left:0px;height:22px;} #signIn #emailSignupForm .fieldBox .label {width:130px;} #signIn #emailSignupForm .fieldBox input {} #signIn #emailSignupForm .fieldBox .radioButton, #signIn #emailSignupForm .fieldBox .radioButtons input {width:22px;white-space:nowrap} #signIn #emailSignupForm .fieldBox label {width:99px;white-space:nowrap} #signIn #emailSignupForm .imageButton {margin-top:22px; } #signIn #changeEmailForm { width:443px;line-height:12px;} #signIn #changeEmailForm .fieldBox { margin-left:0px; width:440px;} #signIn #changeEmailForm .fieldBox label { width:175px;line-height:21px;} #signIn #changeEmailForm .fieldBox input { width:209px;} #signIn #changeEmailForm .imageButton { margin-top:8px;margin-bottom:30px; margin-left:210px;} #signIn #changeEmailForm .explanation {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 12px 6px 211px; padding-top: 0px} #buyBox {float: left;margin: 0.4em 0;padding: 0 0.2em 0 0;min-height:300px;} #buyBox p {padding: 0 0 0 0; margin: 10px 0px;} #buyBox h1 {padding: 0 0 0 0; font-size: 127%;} #buyBox ul,ul.chevrons {margin-left:0px;} #buyBox li,.chevrons li {list-style-position:inside;margin-left:0px;} #buyBox .buyBoxSelect select, #buyBox .buyBoxSelect input {margin: 10px 0px;} #buyBox .buyBoxSelect select {margin-bottom:2px;} #buyBox a, #productDetailsImage a, #leftCell a {text-decoration:none;} #buyBox .productTitle {font-weight:bold;font-size:1.4em;} #buyBox .outOfStock { font-size: 1.25em; font-weight: bold; color: #D50A27; } #buyBox .salePrice { color: #D50A27; } #buyBox .buyBoxSelect .suppressMargin {margin: 0px 0px;} #productDetailsImage {float: left;width:180px;text-align:center;margin-bottom:24px;margin-left:20px;} #productDetailsImage p.imgLinks {text-align:center;margin: 0px; padding:0px;} .emailLinksBottomPadding {padding-bottom:6px;} #leftCell h2, #leftCell ul { margin-right:11px; margin-left:16px; margin-top: 11px; font-size: 109%; color:black;} .dp #lMenu h2 { font-size: 136%; color:black; font-weight:bold} .moduleHeading h2, #features h2,.otherThumbs h2,.dp .module h2,.dp #mainCell h2 { /* or wherever this goes */ border: 1px solid #cccccc; border-width: 1px 0px; padding: 7px 13px; font-weight: bold; clear:both;} .moduleHead { border: 1px solid #cccccc;border-width: 1px 0px;padding: 7px 13px;font-weight: bold;clear:both;width:100%;} h4.moduleHead { font-size:1.0em;} .dp .module li { line-height:164%; list-style-position:outside} #results .productFloat,.productFloat {float: left; width: 190px; text-align: center;} #results .productFloat,.productFloat a {color: #000000; text-decoration: none;} /*TODO: Use center align. */ .productFloat .productTitle {width:140px; margin-top:5px;margin-left:18px;} .productFloatOtherWatches .productTitle {margin-top:5px;} /* SHOPPING CART */ #cart h1, #cart p { padding-left:45px; } #cart h1 {clear:both;} #cart h1 {padding-bottom:0px;padding-top:0px;margin-bottom:0px;margin-top:4px;font-size:1.5em;} #cart .pageHeading { float:left; margin-top:7px;} #cart .readyToOrderButton {float:right;margin-top:24px;margin-bottom:12px;margin-right:15px;vertical-align:bottom;font-weight:bold;font-size:1.1em;} #cart .subtotalArea { padding-top: 8px; padding-bottom: 32px; padding-left:16px; padding-right:16px;} #cart .borderTop { border-top: 1px solid #D50A27; padding-top:5px;} #cart .borderTopBottom { border-top: 1px solid #D50A27;border-bottom: 1px solid #D50A27; padding-top:5px;padding-bottom:5px;} #cart .subTotal { font-size: 1.2em; font-weight:bold; float:right; padding-right:45px; padding-top:3px;} #cart .buttonAlign { padding-bottom:8px;} #cart select { font-size:1.1em;} #cart .proceedToCheckoutButton {float:right;margin-right:4px;} #cart .continueShoppingButton {float:left;padding-bottom:18px;padding-left:10px;} #cart .listprice {padding-left:2px; padding-right:2px; font-size:1.0em;} #cart .price {font-size:1.0em;text-align:center;} #cart .productTitle a:link {color: #000000; text-decoration: none;text-align:left; float:left} #savedCart thead { display:none; } .shoppingCart { margin-left:0px; margin-right:0px; border-top: 1px solid #D50A27; border-bottom: 1px solid #D50A27; width:100%; border-collapse:collapse; clear:both;} .shoppingCart p { margin: 0px;} .shoppingCart thead td { border-bottom: 1px solid #D50A27; font-weight:bold; padding-bottom: 6px; padding-top: 6px; font-size:1.1em;} .shoppingCart tbody th { padding-left: 45px;width: 290px;font-weight:normal;} .shoppingCart tbody th,.shoppingCart tbody td { border-top: 1px solid #999999; vertical-align:top; padding-top:14px; padding-bottom:14px; } .shoppingCart .firstRow th,.shoppingCart .firstRow td { border-top-width: 0px;} .shoppingCart .thumbnail { padding-right: 25px; float:left; display:block;} .shoppingCart .productTitle { font-weight:bold;font-size:1.1em;} .shoppingCart .qty { text-align:center; width: 75px; padding-right:30px;} .shoppingCart .qty select { margin-bottom: 2px;} .shoppingCart .qty input,.shoppingCart .qty select,.shoppingCart .actions input { margin-top: 2px;} .shoppingCart .price { font-weight:normal; width: 75px;} .shoppingCart .salePrice { color: #D50A27;} .shoppingCart .listprice { text-decoration:none; font-weight:normal;} .shoppingCart .actions { text-align:right; padding-right: 28px; width: 115px;} .shoppingCart .disabledTextBox { width: 2em; background-color: white;border: 1px solid #999999;} .shoppingCart .itemHeading { padding-left: 70px;} /*#TODO : The style guide does not indicate a size for this particular text (noItemsMessage & noItemsMessageActiveItems) */ .noItemsMessageActiveItems { padding-left:45px;font-weight:bold; font-size:1.3em; color: #D50A27;} .noItemsMessage { padding-left:45px; font-weight:bold; font-size:1.3em;color: #D50A27;} /* collapsing lists on browse page */ .collapseList {margin-left:-2px; /*enclosing box padding 12px, left edge of the control 10px */} .collapseList a {text-decoration:none;color:black;} .collapseList ul {clear:both;} .collapseList li {margin-left:16px;list-style-type:none;} .collapseList .listTitle {font-weight:bold;display:block;} .collapseList .titleText {margin-left:16px;display:block;} .collapseList .collapseControl {width:16px;float:left;display:block;background-repeat:no-repeat;background-position:left;} .collapseList .expanded ul {display:block;} .collapseList .expanded .collapseControl {} .collapseList .collapsed ul {display:none;} .collapseList .collapsed .collapseControl {} /*** HUC styling ***/ .gradientHeadingBox {border: 1px solid black;} .gradientHeadingBox h2 {background-color:#F7F7F7;background-repeat:repeat-x;border-bottom:1px solid black;padding-left:7px;} .gradientHeadingBox ul {margin: 7px;padding:0px;} .gradientHeadingBox li {list-style-type:none;list-style-position:outside;margin-left:0px;margin:0px;padding:0px;line-height:1.1em;} .gradientHeadingBox a {margin:0px;padding:0px;text-decoration:none;} .huc #content { width:520px; padding-left:18px; padding-top: 17px; padding-right:8px; border-right: 1px solid black; float:left; margin-right:13px; padding-bottom: 18px;} .huc #content hr {color: black;background-color: black;border-width:0px;height:1px;clear:both;} .huc h1 {padding-top:8px;font-size:1.5em;padding-bottom:0px;} .huc h2 {font:bold 1.2em Arial;padding-bottom:5px;padding-top:0px;} .huc .pageHeading h2 {font: bold 1.1em Arial;padding-bottom:0px;} .huc #alsoBought,.huc #alsoViewed {margin: 10px 0px;} .huc .productFloatHuc {float:left; width: 160px; text-align: center;} .huc #content::after,.huc #alsoViewed::after,.huc #alsoBought::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .huc #alsoViewed::after,.huc #alsoBought::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #proceedToCheckout { width: 180px; border: 1px solid #333333; padding: 8px 5px 3px 5px; text-align:center; font-size:0.9em;} #proceedToCheckout input.imageButton {margin-left:0px;margin-right:0px;} #proceedToCheckout hr {margin-top: 8px; margin-bottom: 2px;} .huc #proceedToCheckout {float:left;margin-top:17px;} #content::after {clear: both; display: block; visibility: hidden; height: 0px;content: "."; padding-bottom: 40px;} .imageButton {border-width: 0px; margin-left: 0px; margin-right: 0px;} /* pulled from mockup CSS 8/23/06 */ .whiteOnGrayHeadingBox {padding: 7px; margin-top: 3px; padding-bottom: 3px; padding-top: 8px;color: white; height: 2em; background-color: #999999} .whiteOnGrayHeadingBox h2 {} .whiteOnGrayHeadingBox .stepIndicator { font-weight: bold;padding-right: 0px; padding-left: 155px; padding-bottom: 10px; padding-top: 8px} .whiteOnGrayHeadingBox::after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*** CONTACT US ***/ .contactus .whiteOnGrayHeadingBox {color:white;background-color: #999999;padding-left:7px;padding-right:7px;height:20px;margin-bottom:8px;} .contactus .whiteOnGrayHeadingBox h2 {padding:0px;margin:0px 0px;font-size:1.2em;} .contactus .whiteOnGrayHeadingBox .stepIndicator {float:right;padding:4px 0px 0px 0px;} .contactus .whiteOnGrayHeadingBox::after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} .contactus #offlineContact {float:left;font-size:0.9em;border-left: 1px solid #D50A27;padding: 14px 5px 25px 16px;margin:9px 0px 17px 0px;width:170px;} .contactus .thankyou {border:thin solid #CCCCCC;padding:7px;margin-top:10px;} .contactus #content {float:left;width:475px;padding-left:21px;padding-right:21px;margin-top:17px;margin-bottom:18px;} .contactus .fieldBox {margin-left:0px;margin-right:0px;width:100%;} .contactus .fieldBox::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .contactus .fieldBox * {line-height:30px;padding:0px;vertical-align:baseline;} .contactus .fieldBox .select {margin:4px 0px;width:260px;height:25px} .contactus .fieldBox label {margin-left:0px;margin-right:0px;width:210px} .contactus .fieldBox textarea {clear:both;margin:0px 12px;width:460px;height:96px;padding:0px;} .contactus .note {margin-left:15px;} .contactus .reqd {margin-right:2px;} .contactus form .note {font-size: 1em; } form .alignWithFields {margin-left:172px;} .fieldBox .multilineLabel {text-align:left;width: 186px;margin:0px 12px 4px 12px;float:left;font-weight:bold;line-height:1.1em;padding-top:10px;} .errorField select, select.errorField {border-color: #d50a27;background-color: #FFFFE8;} form .note {font-size: 1em; } .imageButton {margin-left:0px;margin-right:0px; border-width:0px;} /* STORE LOCATOR */ .locator #content {padding: 17px 28px;height:230px;} .locator h1 {margin:0;padding:0px 0px 5px 0px;} .locator .note {font-weight:bold;margin:14px 0px 17px 0px;font-size:1.0em;} .locator .errorMessage {margin-left:0px;width:280px;} .locator #zipSearch #zip {width:76px;height:20px;border: 1px solid black;margin:0px 12px 0px 8px;} .locator #zipSearch input #zip.errorField {border-color: #d50a27;} .locator #resultsTable {width:100%;border-collapse:collapse;} .locator #resultsTable thead .name {padding-left:19px;width:240px;} .locator #resultsTable thead .address {} .locator #resultsTable thead .phone {padding-right:19px;width:145px;} .locator #resultsTable caption {text-align:left;font-weight:bold;margin-bottom:6px;} .locator #resultsTable thead td {background-color: #CCCCCC;font-weight:bold;padding: 8px 0px;} .locator #resultsTable th,.locator #resultsTable tbody td {padding: 9px 0px 11px 0px;vertical-align:top;border-bottom: 1px solid black;} .locator #resultsTable th { font-weight:bold; padding-left:19px;} .locator #resultsTable tbody tr {} .usaGraphic {background-repeat:no-repeat;background-position:96% 87%;} /*more general rules */ /*the ::after rule tells firefox to extend the box down to the bottom of all children */ .fieldBox::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .sortBy::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*## # # # # # # # # # # # # # PRODUCT REGISTRATION PAGE # # # # # # # # # # # # # # # # # */ .register #headingText {margin: 17px 80px 17px 36px;} .register #headingText h1 {font-size:1.3em; padding:0px;} .register #headingText p {margin:0px;padding:0px;} .register #content {float:left;width:473px;padding-left:21px;padding-right:21px;margin-top:17px;margin-bottom:18px;} .register hr {margin: 17px 26px;color:black;background-color:black;border-width:0px;height:1px;} .register ul, .register li {margin-left:0px;} .register select {float:right} .register .privacyNote {padding-top:30px;font-size:0.95em;padding-bottom:15px;} /*#probably okay to make this global */ .register .watermark {height:100%} .register #watermarkDiv {padding:0;margin:0;height:300px;} .register #watermarkDiv::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .register #sidebar {background-color: #f3f3f3;float:left;margin-left:30px;margin-top:24px;} .register #sidebar h2 {text-align:center;font-size:1.2em;} /*#all images & text blocks here follow this format */ .register #sidebar div {clear:both} .register #sidebar img {float:left;border: 1px solid #999999;margin-right: 12px;margin-bottom:5px;width:105px;height:105px;} .register #sidebar p {font-size:1.0em;padding-top:25px;} /*#add rounded corners to sidebar. see above for image urls */ /*#the images are long "L" shapes that enclose the box at its corners */ .register .sidebar-tl {background-position:0 0;background-repeat:no-repeat;background-color:#f3f3f3;} .register .sidebar-tr {background-position:100% 0;background-repeat:no-repeat; padding: 11px 14px 23px 14px;width:232px;} .register .sidebar-br {background-position:100% 100%;background-repeat:no-repeat;} .register .sidebar-bl {background-position:0 100%;background-repeat:no-repeat;} .register #sidebar::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .register .fieldBox .label {padding-left:0px;} .register .fieldBox select {margin-top:3px;margin-right:7px;} .register .fieldBox label,.register.fieldBox .spacer {text-align:left;width: 148px;margin:0px 24px 4px 12px;float:left;} .register .reqd {margin-left:0px;margin-right:1px;margin:0;padding:0} /*#had to qualify these with form id, so that they would take precedence */ /*#over the global .fieldBox attributes (greater specificity) */ .register #registrationForm {float:left;padding-left:36px;width:415px;} .register #registrationForm .fieldBox {width: 407px;margin-left:0px;margin-right:0px;padding-left:3px;} .register #registrationForm .fieldBox label,.register #registrationForm .fieldBox .label,.register #registrationForm .fieldBox .spacer {width:136px;} .register #registrationForm .fieldBox label,.register #registrationForm .label {margin-left: 3px;padding-right:7px;} .register #registrationForm .fieldBox input {width:230px;} .register #registrationForm .fieldBox label.optional {margin-left:11px;width:128px;} .register #registrationForm .fieldBox .radioButtons label{width:40px;margin-right:1px;text-align:right;padding-right:0px;} .register #registrationForm .wideLabel label,.register #registrationForm .wideLabel .label {width:200px;padding-left:8px;} .register #registrationForm .wideLabel .optional {padding-left:6px;} .register #registrationForm .wideLabel .radioButtons label {margin-top:0px;} .register #registrationForm .radioButtons {float:right} .register #registrationForm .radioButtons label{width:40px;margin-right:1px;text-align:right;padding-right:0px;} .register #registrationForm .radioButtons input{width:20px;margin-left:2px;padding:0;border-width: 0px;padding-top:6px;} .register #registrationForm .errorField select { border: #d50a27 1px solid; background-color: #ffffe8;} .register #registrationForm .alignWithFields {margin-left:165px;} /*#the .imageButton class is global - used mainly when we want to */ /*#distinguish the images from other s */ .register #registrationForm .imageButton {margin-top:4px;} /*#distance between the buttons is ~30px. this could also be a global class. */ .register #registrationForm .secondButton {margin-left:29px;} /* classes for the Customer Feedback */ .customerFeedback a {text-decoration: none;} .br100pt {line-height: 100pt;} .customerFeedback .linkPaddingLeft { padding-left: 130px;} .customerFeedback .paddingLeft {padding-left:270px;} .customerFeedback .errorMessage {background-color:#FFFFE8;color:#D50A27; width:450px; /*background-image:url();*/ } .customerFeedback a {text-decoration: none;} .br30pt {line-height: 30pt;} .customerFeedback .buttonPadding {padding-left:560px;} .customerFeedback .paddingLeft190 {padding-left:170px;} .customerFeedback .rightPadding {padding-left: 10px;} .customerFeedback .textAreaWidth {width: 500px;} .customerFeedback .paddingLeft {padding-left:270px;} .customerFeedback .heading1 {padding: 0.4em 0;font-weight: bold; font-size: 1.4em;} .customerFeedback .heading2 {padding: 0.4em 0; font-size: 1.2em;} .customerFeedback .content {width: 450px; font-size: 1.1em;} .customerFeedback .bigBold {font-size: 1.1em; font-weight: bold;} .customerFeedback .note {font-size: 1.1em;} .customerFeedback .margin1 {margin-left:180px;font-size:1.2em;} .customerFeedback .margin2 {margin-left:180px;} #productDetailsImage {float: left;width:180px;text-align:center;margin-bottom:24px;} #customerFeedbackProductDetailsImage {float: left;width: 180px;text-align:center;margin-bottom:170px;} .errorField textarea, textarea.errorField {border-color:#d50a27;background-color:#FFFFE8;} #compareBar{width:576px;height:147px;border-right: 1px solid black;margin:9px 14px 14px 14px;background-color: white;background-position:bottom left;background-repeat:no-repeat;} #compareBar.collapsed { height:29px;background-image:none} #compareBar.expanded { /* IE bug ... after #foo.bar, it ignores #foo.baz! */} #compareBar.collapsed #compareBarContents {display:none;} #compareBar .heading {color:white;background-color:white;background-repeat:no-repeat;height:21px;padding-top:7px;padding-left:40px;} #compareBar.collapsed .heading { /* see background images */} #compareBar .heading h2{display:inline;} #compareBar .heading a {color:white;} #compareBar .productSlot {width:90px;height:120px;padding-top:4px;text-align:center;float:left;} #compareBar .productSlot .inactive {background-position: 50% 6px;background-repeat: no-repeat;height:100%;} #compareBar .productSlot .inactive * {display:none;} #compareBar .productSlot .active {} #compareBar .productSlot a {text-decoration:none;} #compareBar .productSlot a .remove {text-decoration:underline;} #compareBar .productSlot::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #compareBar .compareButton {float:left;margin:36px 0px 0px 0px;} #compareBar::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #dhtmlPopupMessage {margin:0px;padding-top:10px;width:258px;position:absolute;border:1px solid #333333;color:black;background-color: #FFFFE8;background-position: top right ;background-repeat:no-repeat;display:none;} .productSlot {} .microthumb {} .productSlot .productTitle {} .module::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .textAlignLeft{text-align:left;} /******************ProductFloat for state changing**********************************/ #results .productFloat {float: left;margin:5px 5px;padding-top:5px;width:179px;height:224px;text-align: center;font-size:95%;} #results .productFloat .active {border:1px solid #d50a27;background-color:#f8f8f8;} #results .productFloat .inactive {border:1px solid white;} #results .productFloat a { text-align: center;text-decoration:none; color: #000000;} #results .productFloat a img {width:130px;height:165px;} /**********************End Product Float****************************************/ .productFloat .productTitle {font-weight:bold;} .productFloat .active .addItemLink,.productFloat .inactive .addItemAdded {display:none;} .productFloat .addItemLink img{width:13px;height:14px;} .productFloat .addItemAdded img {width:inherit;height:inherit;} .productFloat .addItemAdded {color:#d50a27;} /* comparison results page */ .compareResults #content { margin: 13px 23px 45px 23px; } .compareResults h1 {margin-right:13px;padding:0px;display:inline;font-size:1.5em;} .compareResults h2 {padding:0px;margin:6px 0px;font-size:1.3em;} .compareResults p { margin:0px;padding:0px; } .compareResults ul {margin-left:0px;} .compareResults li {list-style-position:outside;margin-left:17px;} #compareResultsTable {border-collapse:collapse; margin: 13px 0px;} #compareResultsTable th, #compareResultsTable td {border: 1px solid gray;padding: 7px;vertical-align:top;width: 100px; } #compareResultsTable th { font-weight: bold;padding-left:20px;vertical-align:top;} #compareResultsTable thead td { padding: 7px 7px;} #compareResultsTable thead th { font-weight:normal;padding: 7px;vertical-align:middle;} #compareResultsTable thead td { text-align:center;} #compareResultsTable .price td { font-weight:bold;text-align:center; } #compareResultsTable .features td {} #compareResultsTable .band td {} #compareResultsTable .warranty td {text-align:center;} #compareResultsTable .additional td {} #compareResultsTable .microthumb {margin:7px 0px;} #compareResultsTable .removeLink {background-position:left;background-repeat:no-repeat;padding-left:15px;} #compareResultsTable .zoomLink {text-decoration:none;} #compareResultsTable .oddRow th,#compareResultsTable .oddRow td {background-color:#ddd;} #giftBox {width:140px;height:140px;text-align:center; margin-bottom:16px;padding-left:6px;} #giftBox div {margin-top:0px;} #giftBox .heading {margin:0px;padding:0px;text-transform:uppercase;height:19px;line-height:19px;font-weight:bold;width:140px;} #giftBox .heading .giftbox-tl {background-position:top left;background-repeat:no-repeat;} #giftBox .heading .giftbox-tr {background-position:top right;background-repeat:no-repeat;} #giftBoxDropdowns {border: 1px solid #999999;padding-bottom:10px;} #giftBoxDropdowns form {display:block;margin:0px;padding:0px;} #giftBoxDropdowns select {display:block;width:126px;margin:10px 6px;font-size:11px;} #giftBoxDropdowns input {margin-bottom:9px;} #internationalPage #worldMap{height:205px;border-bottom: 8px solid #d50a27;padding-top:95px;padding-left:330px;background-repeat:no-repeat;} #internationalPage #worldMap h1{color:#d50a27;text-transform:uppercase;margin:0px;padding:0px;font-size:18px;letter-spacing:0.08em;} #internationalPage #copyright {background-color:white;margin:0px 0px 160px 0px;padding:15px 0px;} #internationalPage #worldMap ul{padding-left:0px;} #internationalPage #worldMap #countries{margin-left:20px;width:200px;float:left;} #internationalPage #worldMap .selectLocation{float:left;padding-top:5px;} #internationalPage .logo {margin:0px;padding:40px 0px 12px 18px;} form .secondButton {margin-left:30px;} form::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} label.fullWidth {width:auto;float:none;} /* Added by Offshore */ .paddingLeft200 {padding-left:200px} .textAlignLeft{padding-left: 18px;text-align:left;} .productFloat { float:left; margin:9px 10px; padding-top:5px; width:179px; height:224px; text-align: center; font-size:95%; } .productFloatOtherWatches { float:left; margin:9px 10px; padding-top:5px; width:160px; height:124px; text-align: center; font-size:.95em; } .productFloat .active { border:1px solid #d50a27; background-color:#f8f8f8; } .productFloat .inactive { border:1px solid white; } .productFloat a {text-decoration: none;} .productFloat a img {width:130px;height:165px;} .productFloat .productTitle {font-weight:bold;} .productFloat .active .addItemLink,.productFloat .inactive .addItemAdded {display:none;} .productFloat .addItemLink img{width:13px;height:14px;} .productFloat .addItemAdded img {width:inherit;height:inherit;} .productFloat .addItemAdded {color:#d50a27;} .aTag a {font-color: #000000;} .redColor {color:#d50a27;} #compareBar {width:576px;height:160px;border-right: 1px solid black;margin:9px 14px 14px 14px;background-color:white; background-position:bottom left;background-repeat:no-repeat;} #compareBar.collapsed { height:29px;background-image:none} #compareBar.expanded { } #compareBar.collapsed #compareBarContents {display:none;} #compareBar .heading {color:white;background-color: white;background-repeat:no-repeat;height:21px;padding-top:7px;padding-left:40px;} #compareBar.collapsed .heading {border-left:0px solid white;} #compareBar .heading h2{display:inline;} #compareBar .heading a {color:white;} #compareBar .productSlot {width:90px;height:120px;padding-top:4px;text-align:center;float:left;} #compareBar .productSlot .inactive {background-position:50% 6px;background-repeat:no-repeat;height:100%;} #compareBar .productSlot .inactive * {display:none;} #compareBar .productSlot .active {} #compareBar .productSlot a {text-decoration:none;} #compareBar .productSlot a .remove {text-decoration:underline;} #compareBar .productSlot::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #compareBar .compareButton {float:left;margin:36px 0px 0px 0px;} #compareBar::after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #dhtmlPopupMessage { border-right: #333333 1px solid; border-TOP: #333333 1px solid; display: none; background: #ffffe8 no-repeat right top; MARGIN: 0px; padding: 0px;border-left: #333333 1px solid; width: 258px; color: black; border-BOTTOM: #333333 1px solid; position: absolute } #dhtmlPopupMessageOne { border-right: #333333 1px solid; border-TOP: #333333 1px solid; display: none; background: #ffffe8 no-repeat right top; MARGIN: 0px; padding: 0px;border-left: #333333 1px solid; width: 258px; color: black; border-BOTTOM: #333333 1px solid; position: absolute } .leftPaddingClose {padding-left: 175px;padding-bottom: 10px;} .rightPadding20px {padding-Right: 20px;} .productSlot {} .microthumb {} .productSlot .productTitle {} .errorMessageMini {background-position: 7px 10px; padding-left: 25px; font-size: 1.1em; padding-bottom: 9px; line-height: 127%; background-repeat: no-repeat;} /* Added by Offshore */ /* more bullet rules -- using background-image instead of list-style-image */ li {margin-left:0px;list-style-type:none;background-repeat:no-repeat;} li,.smallBlackBullets li,.register #headingText li {background-position:-1px 7px;padding-left:10px;} #myAccount li,.red3x3bullets li,#commPrefSuccess li { background-position:0px 5px;padding-left:12px;} #buyBox li,.chevrons li { background-position:-2px 5px;padding-left:11px;} /* These classes got missed whiel migrating to static file */ .fontPassword {font-size: 12px;} #signIn {padding-right: 23px; padding-left: 23px; padding-bottom: 17px; padding-top: 7px; height: 20%;} .whiteOnGrayHeadingBox::after {clear: both; display: block; visibility: hidden; height: 0px; content: "."} .watermark::after {clear: both; display: block; visibility: hidden; height: 0px; content: "."} .errorField {color: #d50a27;} .errorField INPUT {border-right: #d50a27 1px solid; border-top: #d50a27 1px solid; border-left: #d50a27 1px solid; border-bottom: #d50a27 1px solid; background-color: #ffffe8;} .whiteOnGrayHeadingBox .stepIndicatorSignIn { padding-right: 0px; padding-left: 180px; padding-bottom: 10px; padding-top: 8px} #signIn a:hover {text-decoration: underline; text-color: #d50a27} .fieldBox1 {margin: 4px 12px;padding: 0px;text-align:left;border: 1px solid #e6e6e6;clear:both;width:404px;} #signIn #passwordForm .fieldBox1 {margin-left: 0px; padding-top: 4px; height: 9%; width: 468px } #signIn #passwordForm .fieldBox1 label {margin-left: 8px; padding-top: 10px;width: 175px; font-weight: bold} #signIn #passwordForm .fieldBox1 INPUT {margin-left: 8px; margin-top: 10px; margin-bottom: 14px; width: 278px} .fieldBox1 input {border: 1px solid #666666;height:22px;width:224px;font-size: 11px;} .errorField1 {color: #d50a27;} .errorField1 input {border: #d50a27 1px solid; background-color: #ffffe8;} #myAccountSummary .orderSummary .estDelivaryBox a {text-decoration:none;} #cart .productCode {float:left; text-align:left; } #proceedToCheckout a {text-decoration:none;} .huc .productFloat a {text-decoration:none;} .huc .productFloat .widgetPL {width:80px;text-align:left;} .huc .productFloat .widgetPL .priceWidget{padding-left:12px;} .huc #content hr {color:black;background-color:black;} .fontSizeReturn { font-size: 15px;} .br6pt {line-height: 6px;} .textBoxBorder input { border: #666666 1px solid;} .signIn .alignCenterAccount { padding-left:105px;padding-bottom :10px; } .paddingLeft5 {padding-left: 5px} .paddingLeft197 {padding-left:197px} #signIn #passwordFormWrapper .errorMessage a {color: #d50a27;} #myAccount .leftMarginCenter .errorField { color:#d50a27;} #myAccount .leftMarginCenter .attention {background-color: #ffffe8; border: #d50a27 1px solid;} #myAccount .fieldBox .input .errorField { background-color :#ffffe8; border: #d50a27 1px solid; } #commPref #myAccount .errorField .errorField { background-color :#ffffe8; border: #d50a27 1px solid;} #addressBook .fieldBox .attention {background-color :#ffffe8; border: #d50a27 1px solid;} .paddingLeft48px {padding-left: 48px;} #addressBook .fieldBox .attention {background-color :#ffffe8; border: #d50a27 1px solid;} /* End of missed classes */ /* Offshore added classes */ .contactus .fieldBox .inputWidth1 {width:260px;} .imageButtonForm {float:right;} #myAccount .leftMarginCurrent { margin-left:8px;} .paddingLeftDate { padding-left: 27px;} .bottomPaddingEnter {padding-bottom: 4px; padding-left: 3px;} .paddingRightClass { padding-right: 20px} .searchBrowseHeading {font-color: black; font-size: 1.3em; padding-left: 1.1em; font-weight: bold; margin-top: 1.1em;} .searchMessage {font-color: black; font-size: 1em; padding-left: 1.1em; font-weight: bold; padding-top: 1.1em;} .pagination .black {font-weight: normal;} #compareBar .productTitle {font-weight: bold;} /*#Null Search Results Classes*/ #null-results .searchModule {border-right: #bababa 2px solid; padding: 15px; border-top: #cfcfcf 1px solid;margin: 20px 20px 30px 108px; border-left: #cfcfcf 1px solid; width: 278px; border-bottom: #bababa 2px solid; height: 105px;} #null-results p { margin-left: 22px; } #null-results h1 { margin-left: 10px; } #null-results .searchModule .tips { clear: both; margin-top: 10px; margin-left: 63px; padding-top: 0px; font-size: 1.0em;} #null-results .searchModule p {margin: 0px;} #null-results .searchModule ul {margin: 0px;} #null-results .searchModule li {margin: 0px;} #null-results .searchModule p {font-weight: bold; font-size: 1.1em; letter-spacing: 0.01em;} #null-results .searchModule li {list-style-position: outside; margin-left: 1px;} .module { clear: both;} #null-results .searchModule form { padding-right: 0px; display: block; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;} #null-results .searchModule form:unknown { clear: both; display: block; visibility: hidden; height: 0px; content: ".";} #null-results .searchModule label { font-weight: bold; font-size: 1.0em; float: left; width: 57px; line-height: 21px; margin-right: 4px; padding-top: 2px; text-align: right; vertical-align: middle;} #null-results .searchModule input { border: 1px solid black; font-size: 0.9em; float: left; padding-bottom: 0px; margin-top: 2px; width: 145px; color: black; padding-top: 3px; height: 22px; vertical-align: middle; padding-left: 2px; margin-left: 2px; } #null-results .searchModule #go-button input { width: 26px; height: 24px; border: none; padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 2px; margin: 0px 0px 0px 3px; padding-top: 0px; vertical-align: middle; margin-left: 0px;} /*#Null Search Results Classes*/ /* More classes added by offshore */ #signIn #createAccountForm #buttons {width: 412px;} #signIn #createAccountForm #buttons .cancelButton {float: left; width: 275px;} .headingRedAccount { color: #D50A27; font: bold 1.1em Arial; margin-left:0em; margin-bottom: 12px;} .spaceTop {padding-top:1em;} .spaceTopTimex {padding-top:1.3em;} .fontArial {font-family: arial;} .leftMarginDelete { margin-left: 18px;} .leftMarginButton { margin-left: 14px;} #myAccount .addressItemsLine {border-top: 1px solid black; clear:both; margin-top: 3px; padding-left: 18px;} #myAccountDelete li a, #signIn li a { text-decoration:none;} #myAccountDelete { padding-left: 5px;padding-right:20px;padding-top:0px; } #myAccountDelete ul li, #signIn ul li, .red3x3bullets li {font: normal 1.0em Arial;margin-left: 0px; } #myAccountDelete ul { margin-left: 0px;} #myAccountDelete li.spacerLinks {margin-bottom:0.4em;} #myAccountDelete h1 { color:black; margin-left:1.2em;font: bold 1.3em Arial;} #myAccountDelete h4 {font: normal 1.0em Arial;} #myAccountDelete h4.marginLeft {margin-left:18px;} #myAccountDelete .addressItemsLine {border-top: 1px solid black; clear:both; margin-top: 3px; padding-left: 18px;} #myAccountDelete li,.red3x3bullets li,#commPrefSuccess li { background-position:0px 5px;padding-left:12px;} .contactus #offlineContact h2 {padding:4px 0px 0px 0px;} .contactus #offlineContact h3 {padding:4px 0px 0px 0px;} .fieldBox .normal{padding-left:10px;margin-right:0px;} .contactus .fieldBox .inputWidth1 {width:260px;} .contactus #content .reqd {color: #D50A27;margin-left:2px; margin-right:0px;margin-top:0px;font-weight:bold;font-family:verdana;width:4px;float:left;padding-right:5px;} #commPref .errorField .attention {border: #d50a27 1px solid;} /* Classes added by offshore on 19th Sep 06 */ #contentOne::after {clear: both; display: block; visibility: hidden; height: 0px; content: "."; } #contentOne {padding-bottom: 17px; padding-top: 7px; height: 20%; } #signInThree {padding-right: 23px; padding-left: 23px; padding-bottom: 17px; padding-top: 7px; height 10%} #contentThree::after {clear: both; display: block; visibility: hidden; height: 0px; content: "."; } #contentThree {padding-bottom: 17px; padding-top: 7px; height: 10% ;} #signIn a {text-decoration: underline;} #signInThree #passwordFormWrapper {float: left; width: 470px} #signInThree #passwordFormWrapper .fieldBoxClone {border-right: #e8e8ea 1px solid; padding-right: 12px; border-top: #e8e8ea 1px solid; padding-left: 12px; padding-bottom: 80px; margin: 4px 0px 17px; border-left: #e8e8ea 1px solid; padding-top: 4px; border-bottom: #e8e8ea 1px solid} #signInThree #passwordFormWrapper p {margin-right: 0px} #signInThree .priorStepsBox {border-right: #e8e8e8 1px solid; padding-right: 3px; border-top: #e8e8e8 1px solid; margin-top: 5px; padding-left: 13px; padding-bottom: 3px; border-left: #e8e8e8 1px solid; color: #999999; padding-top: 3px; border-bottom: #e8e8e8 1px solid} #signInThree .priorStepsBox p {margin-right: 13px} #signInThree .priorStepsBox p {margin-bottom: 0px; LINE-HEIGHT: 21px} #signInThree .currentStep { } #signInThree .currentStep p {padding-left: 14px} #signInThree .currentStep p.listIndented {padding-left: 54px; font-style: italic; font-size: 1.1em;} #signInThree #passwordFormWrapper .fieldBoxClone {border:1px solid #e8e8ea; margin:4px 0px 17px 0px;padding:4px 12px 80px 12px;} #signInThree #passwordForm .fieldBox1 {margin-left: 0px; padding-top: 0px; height: 42px; width: 468px } #signInThree #passwordForm .fieldBox1 label {margin-left: 8px; padding-top: 10px;width: 175px; font-weight: bold} #signInThree #passwordForm .fieldBox1 input {margin-left: 40px; margin-top: 10px; margin-bottom: 14px; width: 278px} #signInThree #passwordForm .textLeft {margin-left: 10px;} #signInThree #passwordForm .fontPassword {font-size: 1.1em;} /* Classes added on 22nd Sep */ a:hover {color: #d50a27;} .dhtmlPopupMessage { border: #333333 1px solid; display: none; background: #ffffe8 no-repeat right top; margin: 0px; padding: 0px;width: 258px; color: black; position: absolute; } /* Classes added on 26th Sep */ .paddingLeft15 { padding-left: 15px} .locator #content #zipSearch .attention {border: #d50a27 1px solid; background-color: #ffffe8;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DO NOT MODIFY THIS FILE!!!!!! AS OF 2006-09-26, ALL NEW CLASSES AND ALL CHANGES MUST GO INTO overrides1.css ANY EXCEPTIONS MUST GO THROUGH erictrue ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */