* { margin: 0px; padding: 0px; } body { font-family: Georgia, Times, "Times New Roman"; font-size: 20px; color: #d3d3d3; background: #010101 url(/images/bg-black.png) no-repeat center top; } ul { list-style: none; } a { text-decoration: none; color: #fff; } a img { border: none; } a.customer_button { background-color: #3a3220; padding: 10px; color: #A0895A; border-top: 1px solid #A0895A; border-bottom: 1px solid #A0895A; font-size: 14px; margin: 5px 0; display: inline-block; } a.small { padding: 2px 10px; font-size: 12px; line-height: 16px; } a.customer_button:hover { background-color: #A0895A; color: #3a3220; } .attribute_title { font-style: oblique; text-decoration: underline; } .attribute_title_left { font-style: oblique; text-decoration: underline; text-align: left; } .attribute_title_right { font-style: oblique; text-decoration: underline; text-align: right; } img { border: none; } .fineprint { font-size: 11px; color: #555; } .help { font-size: 14px; } .green { color: green; } .noBorder { border: none !important; } .selected_link { border-bottom: 3px double !important; text-decoration: none; } .floatRight { float: right; } .floatLeft { float: left; } div.searchOptions div { margin-right: 10px; float: left; } div.searchOptions div label { float: left; } div.searchOptions div select { float: left; clear: left; } div.searchOptions .grouping { display: block; } #adminAccess { display: block; margin: 0 auto 20px 0; border: 1px solid #ccc; padding: 0 10px 10px 10px; } #adminAccess input { font-size: 16px; } #adminAccess ul { background-color: #fff; color: #000; } .flash { text-align: center; font-size: 16px; font-style: italic; color: #B5985A; } .flash em { border-bottom: 3px double #B5985A; padding: 2px; } #order_list { margin: 0 auto; padding: 0 10px; } #order_list table { width: 540px; margin-top: 0; } body.non_front_page .tagLine { float: left; margin: 35px 0 0 8px; background: url(/images/tagLine.png) no-repeat 14px 29px; width: 29px; height: 14px; } h2 { margin-top: 5px; } h3 { color: #a0895a; font-weight: normal; letter-spacing: 1px; margin: 20px 5px 10px 0; font-size: 26px; } h4 { color: #a0895a; font-weight: normal; margin: 20px 5px 10px 0; } h3 + h4 { margin-top: -5px; } ul.fancy_bullets { margin-left: 10px; } ul.fancy_bullets li { margin: 5px auto; padding-left: 24px; background: url(/images/divider.png) no-repeat left center; } h2.searchTab { display: inline; margin: 0; margin: 15px 5px 0 5px; } form { padding: 10px; margin: 20px 0; overflow: hidden; } form input:not([type="submit"]), form textarea { font-size: 16px; width: 400px; margin: 0 0 10px 0; } form input[type=submit], form .button { border-left: none; border-right: none; font-size: 16px; padding: 8px 15px; margin: 10px 0; background-color: #3A3220; border-top: 1px solid #a0895a; border-bottom: 1px solid #a0895a; color: #a0895a; font-family: inherit; display: block; } form input[type=submit]:hover { background-color: #a0895a; border-top: 1px solid #3A3220; border-bottom: 1px solid #3A3220; color: #3A3220; } form label { margin: 10px 0 0 0; color: #fff; font-style: oblique; display: block; } form label span.help { float: right; font-style: oblique; font-size: 12px; } form .checkBoxBlock, form .biggerText { overflow: hidden; } form .checkBoxBlock label, form .biggerText label { float: left; width: 136px; } form .checkBoxBlock input[type=checkbox], form .biggerText input[type=checkbox] { width: 16px; vertical-align: -10px; margin: 0px; } form .biggerText label { width: 375px; } .searchTabSection form { padding: 0 10px; margin: 0; } #content_wrapper { width: 900px; margin: 0 auto; line-height: 28px; } #content_wrapper #sidebar_nav { margin-top: 10px; } #content_wrapper #sidebar_nav h4 { margin: 20px 0 0 0; } #content_wrapper p { margin: 10px 0; } #content_wrapper .content_section { overflow: hidden; } #content_wrapper img.section_head { margin-top: 15px; } #content_wrapper #welcome { height: 400px; } #content_wrapper #welcome #welcomeText { padding: 0px 0px 0px 65px; position: relative; } #content_wrapper #welcome #welcomeText .textImage { background: url(/images/uncompromising_text.png) no-repeat left top; width: 524px; height: 80px; position: absolute; left: 70px; bottom: 318px; top: -372px; } #content_wrapper #welcome .familyFont { font-size: 24px; color: #eeeeee; } #content_wrapper #welcome .imageHolder { overflow: hidden; } #content_wrapper #welcome .imageHolder p { float: left; } #content_wrapper #welcome .imageHolder p img { float: left; } #content_wrapper #indicatorDiv { float: right; position: relative; bottom: 75px; right: 41px; } #content_wrapper .bottomNav { overflow: hidden; height: 70px; width: 100%; } #content_wrapper .bottomNav li { float: left; background: url(/images/divider.png) no-repeat 98% 22px; padding-right: 20px; } #content_wrapper .bottomNav li a { float: left; padding: 10px 10px 20px; border: none; } #content_wrapper .bottomNav .final { background: none; } #content_wrapper .bottomNav > li:first-child { color: #6d6a6a; font-size: 19px; background: none; padding: 10px 10px 20px; } #content_wrapper #pageContent { overflow: hidden; } #content_wrapper #pageContent #leftHandColumn { float: left; width: 500px; margin: 25px 0px 0px 60px; } #content_wrapper #pageContent #leftHandColumn .imageHolder { overflow: hidden; margin: 2px auto 30px; } #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear { overflow: hidden; float: none; } #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear div { float: left; } #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear div label, #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear div input { float: left; width: 100px; } #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear div input, #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear div span { margin: 10px 0px 0px; display: block; } #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear .price { margin: 0px; } #content_wrapper #pageContent #leftHandColumn .adjustedForm .clear .price span { margin: 10px 0px 0px; } #content_wrapper #pageContent #rightSidebar { float: right; margin: 40px 15px 0 0; } #content_wrapper #pageContent #rightSidebar #profile_container { padding-left: 20px; float: left; width: 262px; } #content_wrapper #pageContent #rightSidebar #profile_container div { overflow: hidden; } #content_wrapper #pageContent #rightSidebar #profile_container div .employee_name_and_title { width: 172px; float: right; } #content_wrapper #pageContent #rightSidebar #profile_container div img { float: left; margin-right: 10px; } #content_wrapper #pageContent #rightSidebar #profile_container h3 { font-size: 20px; margin-top: 0; } #content_wrapper #pageContent #rightSidebar #profile_container h4 { font-size: 18px; font-style: italic; } #content_wrapper #pageContent #rightSidebar #profile_container p { clear: both; font-size: 16px; color: #e9d09e; } #content_wrapper #orderPageContent { overflow: hidden; } #content_wrapper #orderPageContent #leftHandColumn { margin: 25px 0px 0px 50px; float: left; width: 560px; } #content_wrapper #orderPageContent #leftHandColumn .content_section { margin-left: 48px; margin-bottom: 20px; } #content_wrapper #orderPageContent #leftHandColumn .content_section p { margin: 0px; } #content_wrapper #orderPageContent #leftHandColumn .content_section .notice { font-size: 16px; } #content_wrapper #orderPageContent #leftHandColumn .content_section .notice img { vertical-align: -2px; } #content_wrapper #orderPageContent #leftHandColumn #remember_me { width: 16px; } #content_wrapper #orderPageContent #leftHandColumn table th { padding: 5px 15px 5px 0; font-size: 16px; color: #A0895A; } #content_wrapper #orderPageContent #leftHandColumn table td { padding: 5px 16px; font-size: 14px; } #content_wrapper #orderPageContent #leftHandColumn table td.leftTD { padding: 2px 2px 2px 2px; font-size: 14px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing { border: 1px solid #84621c; width: 560px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing h3 { padding: 10px 9px; font-size: 30px; margin: 0px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details tr.list th { padding: 18px 0px 0px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details th { padding: 0px 1px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details td { padding: 5px 0px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details input { width: 20px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details tr.total { color: #A0895A; font-size: 18px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details tr.total td { padding: 5px 80px 5px 0px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details tr.total td span { color: #D3D3D3; font-size: 15px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details .deleteImg img { vertical-align: -4px; } #content_wrapper #orderPageContent #leftHandColumn .orderListing table#order_details tr.underline td { border-top: 1px solid #84621c; border-bottom: 1px solid #84621c; } #content_wrapper #orderPageContent #leftHandColumn .orderListing .colorBkg { background-color: #3a3220; border-top: 1px solid #84621C; padding: 5px 10px; text-align: right; font-size: 16px; color: #d8bf8c; font-weight: bold; } #content_wrapper #orderPageContent #leftHandColumn #orderSearchForm { margin: -12px 0 0 0; padding: 10px; } #content_wrapper #orderPageContent #leftHandColumn .searchTabSection { border-top: 1px dotted #555; border-left: 1px dotted #555; border-right: 1px dotted #555; border-bottom: 1px dotted #555; } #content_wrapper #orderPageContent #leftHandColumn .searchTabSection table td { padding: 0; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch .heading { font-size: 16px; color: #a0895a; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch .searchSection { margin: 25px 0px 40px 48px; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch .searchSection p.notice, #content_wrapper #orderPageContent #leftHandColumn .orderSearch .searchSection .searchResults p { font-size: 16px; margin: 0px; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch .searchSection .searchOptions { overflow: hidden; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch .searchSection .searchOptions p { float: left; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch .searchSection .searchOptions p label { display: block; font-weight: bold; font-size: 14px; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults { padding: 10px; width: 558px; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults tbody { clear: both; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults tbody td { padding: 5px 10px 5px 0; font-size: 14px; text-align: left; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults tbody tr.underline { border-bottom: 1px solid #fff; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults tbody tr.underline td { vertical-align: center; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults tbody input { float: left; margin-right: 5px; } #content_wrapper #orderPageContent #leftHandColumn .orderSearch table.searchResults tbody img { margin-right: 5px; } #content_wrapper #orderPageContent #rightSidebar { float: right; width: 270px; margin: 40px 0px 0px 0px; } #content_wrapper #orderPageContent #rightSidebar p { font-size: 14px; padding: 0px 0px 0px 5px; margin: 0px; } #content_wrapper #orderPageContent #rightSidebar p span { font-size: 22px; } #content_wrapper #orderPageContent #rightSidebar .orderTips { margin: 0px 0px 15px 0px; } #header { width: 900px; margin: 0 auto; height: 94px; position: relative; } #header #topBar { width: 100%; height: 111px; position: absolute; width: 900px; } #header #topBar .logo { position: relative; z-index: 1; } #header #topBar .logo img { position: absolute; padding-left: 12px; float: none; top: 23px; } #header #topBar div.logo_letters { float: left; margin-top: 2px; } #header #topBar div.logo_letters a { float: left; } #header #topBar div.logo_letters a img { padding-left: 100px; float: left; margin-top: 30px; } #header #topBar ul.userOptions { margin: 0px 6px 0px 0px; width: 320px; float: right; } #header #topBar ul.userOptions li { float: right; } #header #topBar ul.userOptions .addDivider { background: url(/images/divider.jpg) no-repeat 97% 11px; } #header #topBar ul.userOptions .addDivider a { float: left; padding: 0px 20px 0px 0px; margin-left: 5px; } #header #topBar ul.userOptions .firstlnk { background-position: 95% 10px; } #header #topBar ul.userOptions .firstlnk, #header #topBar ul.userOptions .secondlnk { position: relative; top: -7px; } #nav { background: url(/images/mainNavBkg.jpg) repeat-x left top; width: 900px; bottom: 16px; margin: 0 auto; position: absolute; left: 0px; } #nav ul { overflow: hidden; height: 31px; width: 900px; margin: 0 auto 0 22px; } #nav ul li { float: left; padding-left: 24px; background: url(/images/divider.png) no-repeat 0px 13px; } #nav ul li a { float: left; padding: 1px 10px 0px 0px; background: url(/images/) repeat-x left top; } #nav ul li a img { float: left; } #nav ul > li:first-child { margin-left: 75px; background: none; padding-right: 0px; padding-left: 0; } #footer { padding: 10px 0; color: #333; font-size: 11px; text-align: center; clear: both; width: 900px; margin: 10px auto; overflow: hidden; } #footer #languageSwitcher { float: left; color: #929292; font-size: 14px; } #footer #languageSwitcher a { border-bottom: 1px solid #6a6a6a; color: #929292; margin: 0px 4px; } #footer p { float: right; } dl#our_products_images div.row { display: block; float: left; width: 100%; margin: 0 5px 0px -5px; } dl#our_products_images div.row div { width: 105px; float: left; margin: 5px; } dl#our_products_images dt { float: left; width: 100px; height: 100px; margin: 2px; } dl#our_products_images dt img { padding: 2px; } dl#our_products_images dd { float: left; margin-top: 6px; margin-left: 4px; margin-bottom: 10px; font-style: oblique; font-size: 18px; width: 128px; } dl#our_products_images span { display: block; line-height: 22px; } #customers_featured_customer { margin: 0 auto 20px auto; border: 1px solid #222; padding: 5px; text-align: center; width: 197px; } #customers_featured_customer p#featured_customer { font-size: 12px; margin: 0; text-transform: uppercase; } #customers_featured_customer p#cenius_and_bach { font-size: 26px; margin: 0; font-style: oblique; } #customers_featured_customer p#learn_more { font-size: 16px; margin: 0; } .bulletin { border-bottom: 1px solid #333; } .bulletin p#bulletin_date { font-size: 14px; margin-top: 0; } img#christian_klingenberg { float: left; margin: 30px 20px 10px 10px; padding: 2px; border: 1px #333 solid; } img#dennis_lindberg { float: right; margin: 30px 10px 10px 20px; padding: 2px; border: 1px #333 solid; } img#jimmi_olsen { float: left; margin: 30px 20px 10px 10px; padding: 2px; border: 1px #333 solid; } #diamondsSlideShow { margin-top: 20px; } #diamondsSlideShow div#slideShowActions { background: url('/images/slideShowActionsBg.png') repeat-x scroll center center; width: 480px; text-align: center; height: 36px; } #diamondsSlideShow input.playButton { background: url(/images/play.png) no-repeat scroll center center; } #diamondsSlideShow input.playButton:hover { background: url(/images/play_hover.png) no-repeat scroll center center; } #diamondsSlideShow input.pauseButton { background: url(/images/pause.png) no-repeat scroll center center; } #diamondsSlideShow input.pauseButton:hover { background: url(/images/pause_hover.png) no-repeat scroll center center; } #diamondsSlideShow input.backButton { background: url(/images/back.png) no-repeat scroll center center; } #diamondsSlideShow input.backButton:hover { background: url(/images/back_hover.png) no-repeat scroll center center; } #diamondsSlideShow input.forwardButton { background: url(/images/forward.png) no-repeat scroll center center; } #diamondsSlideShow input.forwardButton:hover { background: url(/images/forward_hover.png) no-repeat scroll center center; } #diamondsSlideShow input.playButton, #diamondsSlideShow input.pauseButton, #diamondsSlideShow input.forwardButton, #diamondsSlideShow input.backButton { border: 0px; height: 19px; } #diamondsSlideShow input.playButton, #diamondsSlideShow input.pauseButton { width: 23px; } #diamondsSlideShow input.forwardButton, #diamondsSlideShow input.backButton { width: 36px; } .white_diamond_introductory { font-style: oblique; font-size: smaller; } dl#our_story dt { text-decoration: underline; margin-top: 20px; } dl#our_story dd { margin: 0 20px; } p.contact_us_address, table.contact_us_address { font-size: 16px; } p.contact_us_address span { display: block; } p.contact_us_address span.country_name { font-weight: bold; } table.contact_us_address td { padding: 2px; } .auto_complete ul { background-color: #000; border: 1px solid #3A3220; } .auto_complete ul li { padding-left: 10px; } .auto_complete ul li:hover { background-color: #A0895A; color: #3A3220; } .tabberlive .tabbertabhide { display: none; } ul.tabbernav { margin-top: 30px; clear: both; margin-bottom: 0; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } #content_wrapper ul.tabbernav li.tabbernav a { border-top: 0; border-right: 0; border-left: 0; } #content_wrapper ul.tabbernav li.tabberactive a { padding-top: 8px; border-bottom: 0; border-top: 1px dotted #555; border-right: 1px dotted #555; border-left: 1px dotted #555; } .tabberlive .tabbertab h2 { display: none; } .tabberlive .tabbertab h3 { display: none; } li.address_entry { float: left; width: 50%; margin: 0; padding: 0; height: 275px; font-size: 16px; line-height: 1.4em; } ul.addresses { width: 500px; float: left; margin: 0; padding: 0; list-style: none; } ul.addresses li { overflow: hidden; margin: 5px 0px; } ul.addresses li div { float: left; } ul.addresses li .radio_button_for_address input { width: 15px; margin: 0px; } table { overflow: hidden; width: 100%; font-size: 14px; margin: 20px 0px 10px 0px; } table .center { text-align: center; } table .nowrap { white-space: nowrap; } table td { padding: 2px 10px; } table th { padding: 4px 10px; font-style: oblique; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } table tr.yellow { background-color: #fff7e7; } .button_link { display: inline-block; margin: 0 2px; background-color: #f5f5f5; border: 1px solid #bbb; border-top: 1px solid #eee; border-left: 1px solid #eee; font-size: 11px; line-height: 18px; text-decoration: none; cursor: pointer; padding: 3px 7px 3px 4px; color: #645D4E; } .button_link:hover.button_link { background-color: #E8D8A8; border: 1px solid #F09B35; color: #333; } #ordersLeftHandColumn { float: left; width: 804px; margin: 25px 0px 0px 96px; } #order_summary { border-top: 1px solid #CCCCCC; font-size: 14px; text-align: right; line-height: 12px; padding-right: 5px; } table td.paddingCol, th.paddingCol { padding: 4px 2px; text-align: center; vertical-align: top; } .alignRight { text-align: center; } .paddingOPx { padding: 0px; }