/*-- Reset HTML Style --*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0; padding: 0; }
a { text-decoration: none; outline: none; }
a img { border: 0; }
ul, li, span, p { margin: 0; padding: 0; list-style-type: none; }
/*img { border: 0; }*/
hr { border:none; border-top:1px dotted #069; }
pre { color: #FFFFFF; }
/*-- Floating Divs --*/
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }
/*-- Cufon --*/
.helvetica { position: relative; z-index: 1; }
/*-- Body --*/
body { background: #191919 url(../images/bg.png) repeat-x; margin: 0; }
/*-- Header --*/
#header { }
#header .slogan { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 19px; float: left; width: 250px; text-align: center; padding: 15px 0 0 40px; }
#header .slogan a { color: #FFFFFF; text-decoration: underline; }
#header .slogan a:hover { text-decoration: none; }
/*-- Logo --*/
#logo { background: url(../images/logo_corners_bg.jpg) bottom no-repeat; margin: 10px 0; }
/*-- Customer --*/
#customer { font: 10px arial, sans-serif; color: #FFFFFF; width: 215px; }
#customer form { margin: 0; padding: 0; }
#customer a { color: #FFFFFF; }
#customer input.input { border: 0; width: 103px; background: #FFFFFF; font: 10px arial, sans-serif; margin-bottom: 5px; }
/*-- Cart --*/
#cart { background: url(../images/cart_bg.jpg); width: 79px; height: 23px; color: #FFFFFF; font: 16px arial, sans-serif; font-weight: bold; padding: 13px 0 0 130px; margin-bottom: 10px; }
/*-- Menu --*/
#menu { width: 980px; height: 40px; background: #202020; font-size: 0; }
#menu .left_corner { background: url(../images/menu_left_corner.jpg) no-repeat; height: 40px; width: 3px; }
#menu .right_corner { background: url(../images/menu_right_corner.jpg) no-repeat; height: 40px; width: 3px; }
#menu li { float: left; }
#menu a { color: #FFFFFF; font: 14px arial, sans-serif; margin: 5px 0; border-right: 1px #333333 solid; display: inline-block; padding: 8px 17px; }
#menu a:hover { background: #292929; }
#menu a.last { border: 0; }
#menu li.drop ul { display: none; background: #202020; position: relative; overflow: hidden; padding-top: 0px; margin-top: -2px; z-index: 10; }
#menu li ul li { clear: both; border: 0; margin: 0; }
#menu li.drop:hover ul { display: block; /*position: relative;*/ }
#menu li ul a { text-align: left; padding-left: 10px; width: 120px; font-size: 12px; border: 0; margin: 0; }
#menu li ul a:hover { background-color: #292929; }
* html #menu li.drop ul { margin-top: -4px; }
/*-- Main --*/
#main { margin-top: 5px; }
#main .content { width: 682px; margin-bottom: 5px; }
#main .content h2 { padding: 10px 0; margin: -5px 0 10px 0; font: 20px arial, sans-serif; color: #19314B; font-weight: bold; background: url(../images/content_top_underline_black.png) repeat-x bottom; }
#main .content h3 { padding: 0 0 19px 13px; margin-top: -45px; font: 26px arial, sans-serif; color: #FFFFFF; font-weight: bold; }
#main .content h4 { color: #19314B; font: 20px arial, sans-serif; font-weight: bold; padding: 30px 0 10px 0; }
#main .content h5 { font-size: 12px; font-weight: bold; color: #19314B; font-family: arial, sans-serif; display: inline-block; }
#main .top { background: url(../images/content_top_corners_white.jpg); height: 12px; width: 682px; margin-bottom: -4px; font-size: 0; }
#main .bottom { background: url(../images/content_bottom_corners_white.jpg); height: 8px; width: 682px; font-size: 0; }
#main .content .wrap { background: #FFFFFF; overflow: hidden; padding: 5px 11px; }
#main .contentdiamonds { width: 682px; margin-bottom: 5px; }
#main .contentdiamonds h2 { padding: 10px 0; margin: -5px 0 10px 0; font: 20px arial, sans-serif; color: #fff; font-weight: bold; background: url(../images/content_top_underline_black.png) repeat-x bottom; }
#main .contentdiamonds h3 { padding: 0 0 19px 13px; margin-top: -45px; font: 26px arial, sans-serif; color: #FFFFFF; font-weight: bold; }
#main .contentdiamonds h4 { color: #19314B; font: 20px arial, sans-serif; font-weight: bold; padding: 30px 0 10px 0; }
#main .contentdiamonds h5 { font-size: 12px; font-weight: bold; color: #19314B; font-family: arial, sans-serif; display: inline-block; }
#main .contentdiamonds .top { background: url(../images/content_top_corners_black.jpg); height: 12px; width: 682px; margin-bottom: -4px; font-size: 0; }
#main .contentdiamonds .bottom { background: url(../images/content_bottom_corners_black.jpg); height: 8px; width: 682px; font-size: 0; }
#main .contentdiamonds .wrap { background: #000; overflow: hidden; padding: 5px 11px; }
#main .special { height: 300px; }
#main .black h2.red { color: #990000; }
#main .black h2.red a { color: #990000; outline: none; }
#main .black .wrap { background: #000000; }
#main .black .top { background: url(../images/content_top_corners_black.jpg); }
#main .black .bottom { background: url(../images/content_bottom_corners_black.jpg); }
#main .content p a { color: #FF0000; }
#main .content p { color: #666666; font-size: 12px; font-family: arial, sans-serif; line-height: 20px; margin-bottom: 10px; }
#main .content .select { background: #EFF7F8; padding: 10px 0 0 10px; overflow: hidden; margin: 10px 10px 0 0; }
#main .content .select p { font-size: 14px; }
.message { overflow: hidden; background: #DDDDDD; border: 1px #AAAAAA solid; margin: 0 10px 10px 0; padding: 10px; color: #666666; font: 12px arial, sans-serif; }
.message a { color: #666666; text-decoration: underline; }
.message a:hover { text-decoration: none; }
.message ul { margin-left: 14px; }
.message li { list-style-type: square; }
/*-- Wrap --*/
#wrap { width: 980px; margin: 0 auto; }
#wrap button.black_gra { display: inline-block; padding: 1px 5px; border: 2px #FFFFFF solid; color: #FFFFFF; font-weight: bold; color: #FFFFFF; font-family: arial, sans-serif; font-size: 12px; background: url(../images/btn_black_gra.jpg); cursor: pointer; margin: 0; }
#wrap a.black_gra { display: inline-block; padding: 2px 5px; border: 2px #FFFFFF solid; color: #FFFFFF; font-weight: bold; color: #FFFFFF; font-family: arial, sans-serif; font-size: 12px; background: url(../images/btn_black_gra.jpg); }
#wrap button.red_gra { display: inline-block; padding: 1px 5px; border: 2px #FFFFFF solid; color: #FFFFFF; font-weight: bold; color: #FFFFFF; font-family: arial, sans-serif; font-size: 12px; background: url(../images/red.png); cursor: pointer; margin: 0; }
#wrap a.red_gra { display: inline-block; padding: 2px 5px; border: 2px #FFFFFF solid; color: #FFFFFF; font-weight: bold; color: #FFFFFF; font-family: arial, sans-serif; font-size: 12px; background: url(../images/red.png); }
/*-- Page --*/
.page { }
.page ul { margin: 0 0 10px 20px; }
.page li { list-style: disc; color: #666666; font-size: 12px; font-family: arial, sans-serif; line-height: 20px; }
/*-- Sidebar --*/
#sidebar { width: 293px; color: #FFFFFF; font: 12px arial, sans-serif; }
#sidebar form { margin: 0; padding: 0; }
#sidebar .item { margin-bottom: 5px; }
#sidebar .item .top { background: url(../images/sidebar_top_corners_black.jpg) no-repeat; width: 293px; height: 12px; }
#sidebar .item .wrap { background: #000000; overflow: hidden; padding: 0 11px; }
#sidebar .item .bottom { background: url(../images/sidebar_bottom_corners_black.jpg) no-repeat; width: 293px; height: 8px; }
#sidebar .item label { display: inline-block; width: 70px; font-weight: bold; }
#sidebar .item a { color: #FFFFFF; }
#sidebar .item a:hover { text-decoration: underline; }
#sidebar .grey .top { background: url(../images/sidebar_top_corners_grey.jpg) no-repeat; }
#sidebar .grey .wrap { background: url(../images/sidebar_wrap_grey.jpg); }
#sidebar .grey .bottom { background: url(../images/sidebar_bottom_corners_grey.jpg) no-repeat; }
#sidebar .item h2 { padding: 7px 0; font-family: arial, sans-serif; color: #FFFFFF; font-size: 20px; font-weight: bold; }
#sidebar .item h3 { padding: 8px 0; margin-bottom: 8px; background: url(../images/sidebar_top_underline_black.jpg) bottom repeat-x; font-family: arial, sans-serif; color: #CCCCCC; font-size: 16px; font-weight: bold; }
#sidebar .budget li { list-style: outside url(../images/budget_arrow.jpg); margin-left: 24px; height: 24px; }
/*-- Footer --*/
#footer { background: #000000; font-family: arial, sans-serif; color: #FFFFFF; font-size: 10px; line-height: 25px; cursor: default; }
#footer .left { background: url(../images/footer_left_corner.jpg); height: 25px; width: 3px; margin-right: 5px; }
#footer .right { background: url(../images/footer_right_corner.jpg); height: 25px; width: 3px; }
#footer a { color: #FFFFFF; }
#footer a:hover { text-decoration: underline; }
/*-- Loose Diamonds --*/
#loose-diamonds { background: #000000; overflow: hidden; width: 660px; padding-top: 30px; height: 114px; }
#loose-diamonds li { float: left; padding: 0 24px; margin-top: 5px; text-align: center; }
#loose-diamonds li a { color: #fff; font-family: arial, sans-serif; font-size: 12px; font-weight: bold; text-align: center; display: block; }
/*-- Forms --*/
#search-form { color: #FFFFFF; font-family: arial, sans-serif; font-size: 12px; height: 90px; }
#search-form form { margin: 0; padding: 0; }
#search-form input.input { width: 261px; font-size: 12px; font-family: arial, sans-serif; margin: 6px 0; border: 1px #CCCCCC solid; background: #FFFFFF; padding-left: 5px; color: #AAAAAA; }
#search-form strong { margin-right: 15px; }
#search-form select { width: 180px; font-size: 12px; font-family: arial, sans-serif; margin: 0 0 5px 0; border: 1px #CCCCCC solid; background: #FFFFFF; padding-left: 5px; color: #AAAAAA; }
#search-form button { margin: 2px 0; }
.form { color: #666666; font-family: arial, sans-serif; font-size: 12px; }
.form .required { color: #CC0000; }
.form label { display: inline-block; width: 120px; vertical-align: top; padding-top: 2px; }
.form input.text { border: 1px solid #CCCCCC; background: url(../images/contact_form_input_bg.jpg) no-repeat; padding: 3px; margin: 0 7px 7px 0; height: 20px; width: 243px; color: #666666; font-family: arial, sans-serif; font-size: 12px; }
.form textarea { border: 1px solid #CCCCCC; background: url(../images/contact_form_textarea_bg.jpg) no-repeat; padding: 3px; height: 101px; width: 505px; color: #666666; font-family: arial, sans-serif; font-size: 12px; margin-bottom: 7px; }
.form select { border: 1px solid #CCCCCC; background: url(../images/contact_form_input_bg.jpg) no-repeat; padding: 3px; margin-bottom: 7px; height: 26px; width: 249px; color: #666666; font-family: arial, sans-serif; font-size: 12px; }
.form #numeric_error { padding: 11px; line-height: 17px; color: #FF0000; font-family: arial, sans-serif; font-size: 12px; }
/*-- Specials --*/
#specials { margin: 0; overflow: hidden; }
#specials li { float: left; background: url(../images/specials_bg.jpg) no-repeat; display: inline-block; width: 189px; height: 235px; padding: 15px; margin-right: 1px; }
#specials li.last { margin: 0; }
#specials li .image img { margin-top: 0px; }
#specials .prices { position: relative; z-index: 2; margin-bottom: 10px; overflow: hidden; }
#specials .retail-price { color: #19314B; font-size: 12px; font-family: arial, sans-serif; margin-top: 8px; }
#specials .our-price { color: #990000; font-size: 18px; font-family: arial, sans-serif; font-weight: bold; text-align: right; }
#specials .image { height: 165px; margin-bottom: -20px; position: relative; z-index: 1; }
#specials h5 { width: 200px; height: 20px; position: relative; z-index: 100; }
/*-- FAQ --*/
#faq { }
#faq ul { margin-left: 14px; }
#faq li { list-style-type: square; }
#faq a { font-family: arial, sans-serif; color: #FF0000; font-size: 12px; }
#faq a:hover { text-decoration: underline; }
#faq a.black_gra:hover { text-decoration: none; }
/*-- Product --*/
#product { font-family: arial, sans-serif; font-size: 12px; color: #19314B; margin-top: 11px; }
#product p { width: 290px; padding-right: 15px; }
#product label { color: #19314B; font-weight: bold; display: inline-block; width: 100px; margin-bottom: 10px; }
#product select { border: 1px #CCCCCC solid; }
#product .float_right { width: 300px; }
/*-- Diamond --*/
#diamond { font-family: arial, sans-serif; font-size: 12px; color: #19314B; margin-top: 11px; }
#diamond p { /*width: 340px;*/ padding-right: 15px; }
#diamond label { color: #19314B; font-weight: bold; display: inline-block; width: 100px; margin-bottom: 5px; }
#diamond .float_right { width: 350px; }
/*-- Product List --*/
#product-list { font-family: arial, sans-serif; font-size: 12px; margin-top: 15px; }
#product-list .item { padding: 15px; width: 187px; height: 260px; overflow: hidden; border: 2px #FFFFFF solid; border-left: 0px; border-top: 0px; }
#product-list .item .last { border-right: 0px; }
#product-list .item h5 { width: 150px; height: 35px; }
#product-list .item .price { color: #19314B; padding: 5px 0; font-size: 12px; }
#product-list .item .prices { position: relative; z-index: 2; margin-bottom: 10px; overflow: hidden; }
#product-list .item .retail-price { color: #19314B; font-size: 12px; font-family: arial, sans-serif; margin-top: 8px; }
#product-list .item .our-price { color: #990000; font-size: 18px; font-family: arial, sans-serif; font-weight: bold; text-align: right; }
#product-list .item .image { height: 186px; margin-bottom: -20px; position: relative; z-index: 1; }
#product-list .item img { margin-bottom: 5px; }
#product-list img { margin-right: 10px; }
#product-list select { width: 180px; font-size: 12px; font-family: arial, sans-serif; margin: 0 0 10px 0; border: 1px #CCCCCC solid; background: #FFFFFF; padding-left: 5px; color: #AAAAAA; }
/*-- Diamonds --*/
#diamond-list { }
#diamond-list table { font-family: arial, sans-serif; }
#diamond-list th { background: #000000; color: #FFFFFF; font-size: 12px; text-align: left; padding-left: 5px; }
#diamond-list td { color: #444444; font-size: 11px; border-right: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid; padding-left: 10px; }
#diamond-list .light { background: #EEEEEE; }
#diamond-list .dark { background: #DDDDDD; }
#diamond-list td a { color: #FF0000; }
#diamond-list th a { color: #FFFFFF; }
#diamond-list th a:hover { text-decoration: underline; }
/*-- Cart --*/
.cart { }
.cart table { font-family: arial, sans-serif; }
.cart th { background: #000000; color: #FFFFFF; font-size: 12px; text-align: left; padding-left: 5px; }
.cart td { color: #333333; font-size: 11px; border-right: 1px #FFFFFF solid; border-bottom: 1px #FFFFFF solid; padding: 5px; }
.cart .light { background: #EEEEEE; }
.cart .dark { background: #DDDDDD; }
.cart a { color: #FF0000; }
.cart input { color: #666666; font-size: 10px; font-family: arial, sans-serif; }
.cart input:focus { outline: 0; }
.cart form input.text { width: 30px; text-align: center; border: 1px #999999 solid; }
/*-- Cart Totals --*/
.cart-total { color: #19314B; font-size: 12px; font-family: arial, sans-serif; padding-left: 5px; }
.cart-total .helvetica { font-size: 16px; font-weight: bold; }