@charset "UTF-8"; /* CSS Document */ body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; } body { background-color: #1A1A1A; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url('shop-bg.gif'); background-repeat: repeat-x; } a:link { text-decoration: none; color: #FFFFFF; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: none; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCBA63; padding-bottom: 2px; } a:active { text-decoration: none; color: #FFFFFF; } #wrapper { padding: 0px; width: 950px; margin-top: 0px; margin-right: auto; margin-left: auto; background-color: #000000; } #header { height: 150px; width: 950px; background-repeat: no-repeat; background-image: url('headbg.jpg'); float: left; } #logo { height: 150px; width: 126px; float: left; } #content { width: 950px; float: left; } #decorative-finishes { height: 100px; width: 950px; float: left; } #finishes { height: 106px; width: 950px; float: left; } #links { background-color: #333333; width: 938px; height: 24px; float: left; padding-top: 6px; padding-left: 12px; } #links a:link { font-size: 10px; color: #FFBC63; font-weight: normal; text-transform: uppercase; text-decoration: none; } #links a:visited { font-size: 10px; color: #FFBC63; font-weight: normal; text-transform: uppercase; text-decoration: none; } #links a:hover { font-size: 10px; color: #FFCC66; font-weight: normal; text-transform: uppercase; text-decoration: underline; } #links a:active { font-size: 10px; color: #FFBC63; font-weight: normal; text-transform: uppercase; text-decoration: none; } .text_breadcrumbs	{ margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; font-size: 9pt; }	 a.link_breadcrumbs:visited	{	 color : #678298; text-decoration : underline; } a.link_breadcrumbs:link  { color : #678298; text-decoration : underline; } a.link_breadcrumbs:active  { color : #678298; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #678298; text-decoration : underline; } #leftbar { width: 170px; float: left; margin-right: 30px; background-color: #000000; padding-top: 15px; } .shoppingcart { width: 150px; padding: 5px; background-color: #FFBC63; margin-top: 5px; margin-right: 0px; margin-bottom: 12px; margin-left: 10px; } .shoppingcart p { font-size: 90%; color: #000000; line-height: 140%; padding: 0px; margin-top: 5px; margin-bottom: 5px; } .search { width: 150px; border: 1px solid #333333; padding: 5px; background-color: #666666; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 10px; } .search p { font-size: 80%; color: #FFFFFF; } .product-list { width: 160px; margin-top: 10px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } .product-list p { font-size: 90%; color: #FFBC63; font-weight: bold; margin: 0px; padding: 0px; } ul.products	{ font-family: Arial, Helvetica, sans-serif; padding-bottom: 8px; padding-top: 8px; padding-right: 0px; padding-left: 0px; background-repeat: no-repeat; background-position: 5px 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCBA63; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: lighter; letter-spacing: 1px; } .product-list li { padding-top: 0; padding-right: 0px; padding-bottom: 0px; display: inline; margin: 0; padding-left: 0px; } a.product_section:visited  { color: #666666; background-image: url('bullet-visited.gif'); background-repeat: no-repeat; padding-left: 13px; background-position: 0px 2px; } a.product_section:link  { color: #FFFFFF; background-image: url('bullet-normal.gif'); background-repeat: no-repeat; padding-left: 13px; background-position: 0px 2px; } a.product_section:active  { color: #FFBC63; background-image: url('bullet-active.gif'); background-repeat: no-repeat; padding-left: 13px; background-position: 0px 2px; } a.product_section:hover  { color: #FFBC63; background-image: url('bullet-active.gif'); background-repeat: no-repeat; padding-left: 13px; background-position: 0px 2px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #products { float: left; width: 520px; padding-top: 25px; background-color: #000000; margin-right: 30px; } #products p { font-size: 110%; line-height: 145%; color: #FFFFFF; margin: 0px; padding: 0px; } #products h1 { font-size: 1.5em; color: #FFBC63; margin-top: 0px; margin-bottom: 12px; font-weight: normal; text-transform: uppercase; } .ProductPriceDescription { font-size: 12px; line-height: 120%; font-weight: normal; color: #FFFFFF; text-align: center; } #rightbar { float: right; width: 169px; margin-left: 0px; background-color: #000000; padding-top: 15px; margin-right: 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #333333; padding-left: 15px; } #rightbar a:link { color: #FFBC63; text-decoration: underline; } #rightbar a:visited { color: #FFBC63; text-decoration: underline; } #rightbar a:hover { color: #FFBC63; text-decoration: underline; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #rightbar a:active { color: #FFBC63; text-decoration: underline; } strong { font-weight: normal; color: #FFBC63; } #details { width: 950px; margin-top: 0px; margin-bottom: 0px; background-color: #000000; background-image: url('footer-bg.jpg'); background-repeat: no-repeat; height: 262px; float: left; } #details  a:link { color: #FFFFFF; } #details  a:visited { color: #FFFFFF; } #details  a:hover { color: #FFBC63; text-decoration: underline; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #details  a:active { color: #FFFFFF; } .casting { width: 159px; border-right-width: 1px; border-right-style: inset; border-right-color: #999999; margin-top: 110px; padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 20px; float: left; margin-bottom: 10px; height: 132px; } #casting dl { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #casting dd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; padding-bottom: 5px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: lighter; letter-spacing: 1px; color: #FFFFFF; margin: 0px; } #casting dt { margin: 0px; font-size: 90%; font-family: "Century Gothic", Arial, Verdana, sans-serif; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; vertical-align: top; } .others { width: 159px; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; margin-top: 110px; padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 20px; float: left; margin-bottom: 10px; height: 132px; } #others dl { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #others dd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; padding-bottom: 5px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: lighter; letter-spacing: 1px; color: #FFFFFF; margin: 0px; } #others dt { margin: 0px; font-size: 90%; font-family: "Century Gothic", Arial, Verdana, sans-serif; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; } .info { width: 159px; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; margin-top: 110px; padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 20px; float: left; margin-bottom: 10px; height: 132px; } #info dl { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #info dd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; padding-bottom: 5px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: lighter; letter-spacing: 1px; color: #FFFFFF; margin: 0px; } #info dt { margin: 0px; font-size: 90%; font-family: "Century Gothic", Arial, Verdana, sans-serif; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; } .address { width: 159px; border-right-width: 1px; border-right-style: solid; border-right-color: #999999; margin-top: 110px; padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 20px; float: left; margin-bottom: 10px; height: 132px; } #address dl { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #address dd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; padding-bottom: 5px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: lighter; letter-spacing: 1px; color: #FFFFFF; margin: 0px; } #address dt { margin: 0px; font-size: 90%; font-family: "Century Gothic", Arial, Verdana, sans-serif; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; } .validation { width: 160px; margin-top: 110px; padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 20px; float: right; margin-bottom: 10px; height: 132px; } #validation dl { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #validation dt { margin: 0px; font-size: 90%; font-family: "Century Gothic", Arial, Verdana, sans-serif; text-transform: uppercase; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; } #validation dd { font-family: Arial, Helvetica, sans-serif; font-size: 70%; padding-bottom: 5px; padding-top: 0px; padding-right: 0px; padding-left: 0px; font-weight: lighter; letter-spacing: 1px; color: #FFFFFF; margin: 0px; } #copyright { width: 930px; padding: 10px; margin: 0px; height: 20px; clear: right; float: left; } #copyright p { font-size: 70%; padding: 0px; margin: 0px; } #products a:link { color: #FFBC63; } #products a:visited { color: #FFBC63; } #products a:hover { color: #FFBC63; text-decoration: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #products a:active { color: #FFBC63; } .form_button_add_to_cart	{ line-height: 13px; width: 120px; font-size : 11px; background-color: #828baa; border: 0px solid #678298; color: #ffffff; background-image: url('addtocart.gif'); word-spacing: normal; margin-top: 5px; margin-right: 1px; margin-bottom: 12px; margin-left: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; color: #000000; font-size: 120%; clear:both; height: 30px; } .product_list	{ margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 0px; padding: 8px; border: 1px solid #333333; width: 150px; } .image_product	{ text-align: center; float: left; height: 150px; width: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; } h3.product	{ font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #FFBC63; clear: right; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; margin: 0px; } h3.product_price	{ font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-weight: 900; font-size: 110%; color: #FFFFFF; clear: right; width: 150px; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } /* end left col structural elements -------------------------------------------- */	 #rightbar .text_heading_left_column { font-size: 130%; color: #FFCC63; font-weight: normal; padding-bottom: 10px; margin: 0px; padding-top: 0px; } #rightbar .text_product_small_info_heading { font-size: 110%; color: #FFFFFF; font-weight: bold; padding-bottom: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; text-align: center; } #rightbar .text_product_small_info_price { font-size: 120%; color: #FFFFFF; font-weight: bold; padding-bottom: 8px; margin: 0px; padding-top: 0px; text-align: center; } #rightbar img { margin-top: 0px; margin-bottom: 10px; } #rightbar .text_product_small_info { font-size: 90%; color: #FFFFFF; font-weight: normal; padding-bottom: 20px; margin: 0px; text-align: center; } #rightbar .dotted_line_blue { display: block; margin-top: 5px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; } #rightbar .solid_line_blue { display: block; margin-top: 5px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: #999999; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; } #products h2 { font-size: 1.3em; color: #FFBC63; margin-top: 0px; margin-bottom: 6px; font-weight: normal; text-transform: uppercase; padding: 0px; } .fragmentheading { font-size: 12pt; text-transform: uppercase; color: #FFCC63; margin: 0px; padding-bottom: 12px; line-height: 190%; } .fragmentext{ font-size: 8pt; text-transform: none; color: #FFFFFF; margin: 0px; padding-bottom: 12px; line-height: 130%; } .shoppingcart_yourbasket { font-size: 100%; color: #000000; line-height: 140%; padding: 0px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-transform: none; } .shoppingcart_viewbasket { font-size: 100%; color: #FFFFFF; line-height: 140%; padding: 0px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-transform: none; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #eeeeee; font-size: 80%; background-color: #333333; } table.checkout th { background-color: #678298; font-size: 80%; } .cart { background-color: #eeeeee; font-size: 90%; color: #FFCC63; background-color: #000000; } .cartheading { background-color: #678298; font-weight: bold; font-size: 100%; color: #FFCC63; background-color: #333333; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { font-size: 1.5em; color: #FFBC63; margin-top: 0px; margin-bottom: 12px; font-weight: normal; text-transform: uppercase; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background-new.gif'); margin: 0 auto 20px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #678298; background-image: url('cpi-main-new.png'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #678298; background-image: url('cpi-main-new.png'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #678298; background-image: url('cpi-main-new.png'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #678298; background-image: url('cpi-main-new.png'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url(cpi-end-new.png); background-position: right; background-repeat: no-repeat; float: left; } .productprice { font-size: 12px; color: #FFFFFF; padding-right: 8px; margin: 0px; padding-top: 0px; padding-bottom: 10px; } .productPricetag { font-size: 15px; color: #FFFFFF; padding-right: 8px; font-weight: bold; } .text_options	{ font-weight: normal; font-size: 110%; font-style: italic; color: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; margin: 0px; } select { padding-bottom: 0px; color: #000000; background-color: #FFCC63; padding-left: 0px; padding-top: 0px; padding-right: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } input { border: 1px solid #666666; margin-left: 6px; }