/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1;} h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, input, textarea { color: #666; font-size: 12px; line-height: 18px;} hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 18px;} ul { list-style: square; margin: 0 0 18px 1.5em; color:#6D6E70;} ol { list-style: decimal; margin: 0 0 18px 1.5em;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { } table { text-align: left; margin: 0 -1px 24px 0; width: 100%;} tr th, thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { padding: 6px 24px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 20px; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;} .commentlist li:last-child { border-bottom:none; margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;} #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol { list-style: decimal;} .commentlist .avatar { position: absolute; top: 4px; left: 0;} .comment-author {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 12px; margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover { color: #FF4B33;} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 12px; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #888;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 12px; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 13px;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #respond .comment-notes { margin-bottom: 1em;} .form-allowed-tags { line-height: 1em;} .children #respond { margin: 0 48px 0 0;} h3#reply-title { margin: 18px 0;} #comments-list #respond { margin: 0 0 18px 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 12px;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px;} #respond .form-allowed-tags code { font-size: 11px;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 14px;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} /******Global Elements*******/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#CCC; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:23px; color:#A29061; padding:0 0 4px 16px; border-bottom:solid 1px #c7c9cb; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} h3 {font-size:20px; line-height:24px; color:#A29061; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} h4 {font-size:16px; line-height:20px; color:#A29061; padding:0 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} h5 {font-size:14px;} h6 {font-size:12px;} /* ----------------------- layout ----------*/ html { height:100%;} body {color:#b1b1b1; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; background:url(../images/main.png) no-repeat center 194px #C3BDBA; height: 100%;} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} .wrapper {margin:0 auto; min-height: 100%;} #content {overflow:auto; padding-bottom: 42px;} .container {width:900px; margin:0 auto; border-top:0 none;} /* ------------------ HEADER HERE -------------------*/ #header { background:#fff; padding:30px 0 0 0; position:fixed; width:100%; z-index:9000; left:0; top:0;} #logo { margin:0 0 0 4.4%; display:block; float:left;} .header_right { float:right; margin:16px 2.5% 0 0; width:60%;} .le_club { float:right; display:block;} .header_cart { float:right; margin:0 4.2% 35px 0;} .header_cart a.cart { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#939597; padding:8px 32px 3px 0; background:url(../images/header_cart.png) no-repeat right center; line-height:34px; } .header_cart a.clients { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#939597; padding:8px 32px 3px 0; background:url(../images/icons/icon-clients.png) no-repeat right center; line-height:34px; } .header_cart a.newsletter { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#939597; padding:8px 32px 3px 0; background:url(../images/header_newsletter.png) no-repeat right center; line-height:34px; } .header_cart a.advancedSearch { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#939597; padding:0; } .search { float:right; border: solid 1px #eeeff0; height:21px; padding:0 0 0 10px; margin:6px 13px 0 0;} .enter { width:84px; height:21px; line-height:21px; padding:0 !important; border-radius:none !important; background:none !important; border:none !important; float:left;} .sub_btn { background:url(../images/search.png) no-repeat; width:23px !important; height:21px; float:left; cursor:pointer; border:none !important;} /* ------------------------- NAVIGATION HERE ---------------*/ #nav { background:#332B2A;} #nav .container { min-height:44px; position:relative;} #nav_menu ul { margin:0 0 0 4%; padding:0; } #nav_menu ul li { list-style:none; margin:0 20px 0 0; float:left;} #nav_menu ul li a { color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; line-height:46px; font-size:14px;} #nav ul li a:hover { color:#CCC; } #nav_menu ul li ul { display:none; margin:0; padding:0; width:180px; position:absolute; top:46px; left:auto; background:#E6E7E7; } #nav_menu ul li ul li { float:none; display: block; margin:0 0 0 20px; padding-right: 10px; background-image: none!important; } #nav_menu ul li ul li a { font-size:12px; text-transform:none; font-family:Arial, Helvetica, sans-serif; color:#231F20; display:block; line-height:22px; } #nav_menu ul li ul li a:hover { color:#A39161;} #nav_menu ul li ul li ul { display:none; margin: -22px 0 0 50px; padding:0 0 0 10px; width: 170px; position:absolute; top:auto; left:auto; background:#DDDDDF;} #nav_menu ul li ul li ul li { float:none; margin:0 5px 0 0; cursor:pointer; } #nav_menu ul li ul li ul li a { text-transform:none;font-family:Arial, Helvetica, sans-serif; color:#231F20; display:block; line-height:22px;} #nav_menu ul li ul li ul li a:hover { color:#A39161;} #nav_menu ul li ul li ul li ul { display:none; margin: -22px 0 0 160px; padding:0 0 0 10px; width: 170px; position:absolute; top:auto; left:auto; background:#E6E7E7;} #nav_menu ul li ul li ul li ul li ul { display:none; margin: -22px 0 0 160px; padding:0 0 0 10px; width: 170px; position:absolute; top:auto; left:auto; background:#DDDDDF;} #nav_menu a.sub-nav{background: url('../images/icons/icon_arrow_nav.png') no-repeat right center; } .nav-trigger { background: rgba(0,0,0,0.05) url(../images/menu.gif) no-repeat 10px 10px; border: 0; border-radius: 3px; cursor: pointer; display: none; height: 35px; padding: 10px; position: absolute; right: 6px; text-indent: -9999px; top: 6px; width: 40px; z-index: 2000; } @media (max-width: 991px) { #nav_menu ul { margin:0 0 0 4%; padding:0; width: 96%; } #nav_menu ul li ul{padding:10px 0; } #nav_menu ul li ul li a { padding: 5px 0; font-size: 18px; } #nav_menu ul li ul li ul, #nav_menu ul li ul li ul li ul, #nav_menu ul li ul li ul li ul li ul { margin: 5px 0 0 0px; position: relative!important; background: none; cursor: pointer; width: 100%; } #nav_menu a.sub-nav{background: url('../images/icons/icon_arrow_white.gif') no-repeat right center; padding-right: 10px; cursor: pointer; } #nav_menu a.sub-nav:hover{background: url('../images/icons/icon_arrow_white.gif') no-repeat right center; padding-right: 10px; color: #A39161; } } /* ------------------------ MIAN CONTENT HERE --------------*/ .maincontent { padding:201px 0 0 0; width:900px; margin:0 auto;} .maincontent1 { background:#fff; width:900px; padding:28px 0 30px 0; } .slider2 {width:265px; height:418px; overflow:hidden; position:relative; float:left; margin:0 19px 0 27px; z-index: 1; } .product_desc { width:265px; float:left;} .slider { position:relative; margin:0;} .slider ul { margin:0; padding:0; width:560px; /* height:418px; */ position:relative;} .slider ul li { list-style:none;} .product_desc img { width:100%; height:auto;} .product_desc h1 { font-size:14px; color:#6D6E70; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:uppercase; margin:0 0 6px 0; line-height:16px;} .product_desc p { width:90%; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:16px; margin:0 0 8px 0; color:#6D6E70;} .product_desc a { display:inline-block; color:#a39161; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(../images/more_arrow.png) no-repeat right center; padding:0 14px 0 0;} .product_desc a:hover { color:#DFD1AC; } .slider { float:right; margin:0 20px 40px 0;} .slider.default{ float: left; margin-left: 20px;} .title_line { background:url(../images/title_line.png) repeat-x left center; text-align:center; margin:0 32px 15px 32px; position: relative; } .title_line h1 { background:#fff; padding:0 15px; margin:0 auto; color:#A29061; font-size:30px; line-height:35px; display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;} .product_list { margin:0 37px 0 42px;} .product_list ul { margin:0; padding:0;} .product_list ul li { list-style:none; float:left; margin:0 48px 50px 0;} .product_list ul li.right { margin:0 0 50px 0;} .product_list ul li h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-style:italic; color:#6D6E70; line-height:20px; margin:0;} .product_list ul li p { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; margin:0; color:#6D6E70;} .product_list ul li a { display:inline-block; color:#a39161; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; background:url(../images/more_arrow.png) no-repeat right center; padding:0 14px 0 0;} .product_list ul li a:hover { color:#DFD1AC; } .product_list ul li img { margin:0 0 32px 0;} .bottom_crousel { padding:30px 37px 0 42px;} /* ------------------------ INNER1 CONTENT HERE --------------*/ .inner_page { padding:0 32px;} .zoom_img { float:left; padding:30px 0 0 0; width:485px; position:relative;} .product_detail { float:right; margin:0 75px 0 0; padding:30px 0 0 0; width:225px;} .product_detail_text { width: 100%; margin: 0;} .product_detail .product_detail_text h2{ font-size: 18px; color: #666; margin: 0 0 10px 0; padding: 0; color: #A29061; border: none; line-height: 140%; } .product_detail .product_detail_text h2{ font-size: 16px; color: #666; margin: 0 0 10px 0; padding: 0; color: #A29061; border: none; line-height: 140%; } .product_detail .product_detail_text p{ font-size: 14px; color: #666; margin: 0 0 20px 0; padding: 0; } .ref_no { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231F20; padding:0 0 20px 0; display:block;} .price { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#231F20; display:block; padding:0 0 15px 0;} #cart_form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#231F20; display:block; padding:0 0 5px 0;} #cart_form p { padding:0; margin: 0 0 15px 0;} ul.add_cart { margin:0; padding:0 0 50px 0;} ul.add_cart li { list-style:none; display:block; height:42px; padding:0 0 0 42px; border-top:solid 1px #babcbe;} ul.add_cart li a { font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:14px;} ul.add_cart li a:hover { color:#DFD1AC; } ul.add_cart li.list { background:url(../images/back.png) no-repeat 11px center;} ul.add_cart li.list1 { background:url(../images/forward.png) no-repeat 11px center;} ul.add_cart li.list2 { background:url(../images/backward.png) no-repeat 11px center;} ul.add_cart li.list3 { background:url(../images/question.png) no-repeat 7px center;} ul.add_cart li.list4 { background:url(../images/plus.png) no-repeat 11px center;} ul.add_cart li.list5 { background:url(../images/cart.png) no-repeat 11px center;} .button .list5 { background:url(../images/cart.png) no-repeat 11px center;} .product_detail h4 { padding:0 0 20px 0;} .contact { font-size:25px; line-height:20px; color:#6D6E70; padding:0 0 40px 0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; display:block;} .description { margin:10px 0 0 0;} .description ul { padding:0; float:left; width:100%;} .description ul li { list-style:none; display:block; background:url(../images/desc_list.png) no-repeat left center; padding:0 0 0 10px; float:left; width:30%;} .description ul li { color:#231F20; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block;} .description p { color:#231F20; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:12px; display:block; padding:0 0 0 10px;} .articles { padding:0 32px;} .articles h4 { border-bottom:solid 1px #c7c9cb;} .articles h4 span { color:#6D6E70;} .articles .bottom_crousel { padding:30px 0 0 0;} /* ------------------------ INNER2 CONTENT HERE --------------*/ .product_detail { margin:0 35px 0 37px; width:233px; float:left; } .product_detail h1 { font-size:29px; font-family:Georgia, "Times New Roman", Times, serif; line-height:30px; color:#A29061; text-align:center; font-style:italic; margin:0 0 50px 0;} .product_detail p { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; color:#A29061; text-align:center; font-style:italic; margin:0 0 50px 0;} .product_detail a { display:inline-block; color:#a39161; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:11px 14px 0 0;} .collection .bottom_crousel { padding:0 37px 30px 37px;} .products { padding:0 39px;} .products ul { margin:0; padding:0;} .products ul li { list-style:none; float:left; margin:0 56px 40px 0; border:solid 1px #d1c6ac; height:410px; padding:0 40px 0 40px; width:300px; position:relative; overflow:hidden;} .products ul li .data, .products ul li .data_hover { height:395px;} .products ul li.list2 { margin:0;} .products ul li .data img { margin:0 0 20px 0;} .products ul li .data h1, .products ul li .data_hover h1{ font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#6D6E70; margin:0; padding:0; text-align:center; font-style:italic; line-height:20px;} .products ul li .data h2, .products ul li .data_hover h2{ font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#6D6E70; margin:0; padding:0; text-align:center; font-style:italic; border:none; line-height:16px;} .products ul li .data_hover {position:absolute; top:100%; left:40px; text-align:center; padding:30px 0 0 0; width:300px; background:url(../images/img_shadow.png) #fff no-repeat center top;} .products ul li .data_hover .price { font-size:30px; margin:20px 0 50px 0; display:block; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#6D6E70; padding:0;} .products ul li .data_hover a { padding:0 28px 0 8px; height:25px; line-height:25px; display:inline-block; border:solid 2px #d1c6ac; background:url(../images/image_hover_arrow.png) no-repeat 112px center; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#A29061; margin:0 0 25px 0;} .products ul li .data_hover ul { margin:0 0 0 108px; padding:0;} .products ul li .data_hover ul li { float:left; list-style:none; background: none !important; border: 0 none !important; float: left; height: auto !important; list-style: none outside none; margin: 0 12px 0 0 !important; padding: 0 !important; width: auto !important;} .products ul li .data_hover ul li a { display:block; background:none; height:auto !important; padding:0 !important; width:auto !important; border:none !important;} .products ul li .data_hover ul li a img { background:none; margin:0; padding:0;} .vision { border:solid 1px #e2daca; margin:0 37px 0 42px;} .vision .bottom_crousel { padding:30px 0 0 0;} .banner ul { margin:0 0 40px 0; padding:0; width:100% !important;} .banner ul li { list-style:none; height:422px; width:100% !important;} .banner ul li.slider img { width:100%; height:auto !important;} /* ------------------ FOOTER HERE --------------------------*/ #footer { position: relative; margin-top: -42px; height: 42px; background:#020002;} .payment { float:right; margin:7px 21px 0 0; width:167px;} .payment ul { margin:0; padding:0; float:right;} .payment ul li { float:left; list-style:none; margin:0 0 0 7px;} .payment ul li a { display:block;} .footer_links { float:right; margin:14px 20px 0 0;} .footer_links ul { margin:0; padding:0;} .footer_links ul li { float:left; list-style:none; padding:0 5px; border-left:solid 1px #5c513e;} .footer_links ul li a { text-transform:uppercase;display:block; font-family:Arial, Helvetica, sans-serif; color:#A29061; font-size:12px; line-height:12px;} .footer_links ul li.first { border:none;} .flexslider2 {margin: 0; padding: 0;} .flexslider2 .slides > li {display: none; -webkit-backface-visibility: hidden; list-style:none;} .flexslider2 .slides img {width: 100%; display: block; height:100%;} .flex-pauseplay span {text-transform: capitalize;} .slides { margin:0 auto;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .flex-direction-nav { display:none;} .flex-control-nav { display:none;} .flex-control-thumbs { display:none;} .flexslider2 { } .flexslider2 .slides li img { width:485px; height:485px; } /*Product details page*/ .productpagebox { } .alternateviews { margin:22px 0 0 25px; /* position:absolute; bottom: -130px; left:0; */ } .alternateviews li { list-style:none; width:110px; height:120px; float:left; margin:0 12px 0 0; } .alternateviews li img { width:100%; height:100%; border:#d4d5d7 solid 2px; } .productinfo { width:420px; float:left; padding-left:20px; } .productinfo h2 { color:#80a2d0; font-size:30px; font-family: 'prolight',sans-serif; font-weight:300; line-height:normal; padding-bottom:22px; } .offprice p { color:#80a2d0; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:normal; padding-bottom:2px; } .offprice strong { display:block; color:#000000; font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:normal; padding-bottom:15px; } .offprice strong span { color:#80a2d0; font-size:20px; padding-left:20px; } .offprice em { font-style:normal; } .offprice strong span b { font-weight:normal; } .brandinfo { padding-bottom:38px; } .brandinfo ul li { margin-bottom:2px; } .brandinfo ul li h6 { width:125px; float:left; color:#80a2d0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:normal; } .brandinfo ul li p { width:275px; float:left; color:#000000; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:normal; } .brandinfo ul li.description { padding-top:18px; } .productopts ul li h6 { width:125px; float:left; color:#80a2d0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:normal; } .productopts ul li.size h6 { line-height:26px; } .productopts ul li.fabricclr h6,.productopts ul li.laceclr h6 { line-height:42px; } .productopts ul li { margin-bottom:6px; } .clrbox { width:268px; float:left; } .clrbox ul li { width:40px; height:42px; float:left; border:1px solid #8d8d8d; overflow:hidden; margin-right:2px; } .clrbox ul li a { display:inline-block; width:40px; height:42px; } .productopts ul li.fabricclr { margin-bottom:6px; } .productopts ul li.laceclr { margin-bottom:2px; } .productopts ul li.size .sizebox { position:relative; left:-8px; } .productopts ul li.size .sizebox a { color:#000000; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:normal; float:left; display:inline-block; width:30px; text-align:center; padding:4px; margin-right:4px; } .productopts ul li.size .sizebox a:hover { background-color: #D5DEEF; } .clrbox li.selected { border:1px solid #d98420; } /* CONTACT FORM ---------------------------------*/ #contactFormText{ float: left; margin:0 20px; width:320px;} #contactFormText h1 { font-size:16px; color:#6D6E70; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:uppercase; margin:0; line-height:16px;} #contactFormText p { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; margin:0 0 8px 0; color:#6D6E70;} #contactFormText a { color:#a39161; font-size:16px; Arial, Helvetica, sans-serif; font-style:italic; } #contactForm{ float: right; margin:0 37px 0 42px; width:450px;} #contactForm form{ float: right; margin: 0 0 0 0; width: 100%;} #contactForm p{ margin: 0 auto 5px auto; height:36px; width: 100%; } #contactForm p label{float: left; width: 120px; margin: 0; color: #666; text-align: right; } #contactForm .text_med{ font: 100% Arial, Helvetica, sans-serif; color: #666; padding: 5px; width: 300px; float:right;} #contactForm textarea{ float: right; border: 1px solid #999; font: 100% Arial, Helvetica, sans-serif; color: #666; padding: 3px; margin: 0; width: 450px; text-transform: none; height: 140px; background: #fff; line-height: 170%;} #contactForm #captcha{ padding: 0; background-color:#EDEDEF; float: left; width: 295px; margin: 10px 10px 0px 0;} #contactForm #captcha #captchaimg{ border: none; float: left; margin: 10px 10px 0 0;} #contactForm #captcha #captcha_text { float: left; width: 190px; margin: 10px 0 0 0;} #contactForm #captcha #captcha_text input{ float: left; border: 1px solid #CCC; font: 100% Arial, Helvetica, sans-serif; color: #666; padding: 3px; width: 150px; } #contactForm #captcha p{ font-size: 100%; color: #666; margin: 3px 0 0 0; padding: 0; line-height: 140%; float: left; width: 100%; text-transform: none; } #contactForm #captcha p a{ color: #666;} #contactForm #captcha p a:hover{ color: #F60;} #googleMap{ width: 95%; height: 300px; display: block; margin: 10px auto; padding:10px 0; } #googleMap p{ font-size: 100%; margin:0; padding:0;} /******** content *******/ #contentPage { padding:0 20px; margin:0 0 40px 0; line-height:16px; } #contentPage h1 { padding:0 0 5px 0; margin:0 auto; color:#A29061; font-size:30px; line-height:35px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0 0 15px 0;border-bottom:1px solid #A29061; } #contentPage p { font-size:12px; text-align:justify; line-height:16px; margin:0 0 8px 0; color:#6D6E70; font-family:Arial, Helvetica, sans-serif;} /*buttons */ form#searchBlock .button, #contactForm .button,#contactPopup .button,#join .button,#login .button,.account .button, .product_detail .button{ background: rgb(218,203,168); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhY2JhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2EyNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgb(218,203,168) 0%, rgb(179,162,117) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(218,203,168)), color-stop(100%,rgb(179,162,117))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* IE10+ */ background: linear-gradient(to right, rgb(218,203,168) 0%,rgb(179,162,117) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dacba8', endColorstr='#b3a275',GradientType=1 ); /* IE6-8 */ font-size:16px; text-align:justify; ; margin:0 0 8px 0; color:#FFFFFF; padding:5px 30px; border:none; float:left;font-family:Georgia, "Times New Roman", Times, serif; } #contactForm .button:hover,#contactPopup .button:hover,#join .button:hover,#login .button:hover,.account .button:hover, .product_detail .button:hover{ background: #b3a275; /* Old browsers */ background: -moz-linear-gradient(top, #b3a275 0%, #dacba8 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3a275), color-stop(99%,#dacba8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b3a275 0%,#dacba8 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b3a275 0%,#dacba8 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b3a275 0%,#dacba8 99%); /* IE10+ */ background: linear-gradient(to bottom, #b3a275 0%,#dacba8 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3a275', endColorstr='#dacba8',GradientType=0 ); /* IE6-9 */ } /* */ #contactForm .button{ margin: 58px 0 0 0;} #separation { display: block; width:100%; height: 1px; background-color: #A29061; margin: 20px auto; font-size: 0; clear: both; } #help{ float: left; margin:0 20px; width:250px;} #help h1 { font-size:16px; color:#6D6E70; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:uppercase; margin:0; line-height:16px;} #help p { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; margin:0 0 8px 0; color:#6D6E70;} #help a { color:#a39161; font-size:16px; Arial, Helvetica, sans-serif; font-style:italic; } #help2{ float: right; margin:0 ; width:220px;} #help2 h1 { font-size:16px; color:#6D6E70; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:uppercase; margin:0; line-height:16px;} #help2 p { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; margin:0 0 8px 0; color:#6D6E70;} #help2 a { color:#a39161; font-size:16px; Arial, Helvetica, sans-serif; font-style:italic; } p input.valid{border:1px solid #390;} p input.error {border: 2px solid #CC0000;} #contactPopup { float: left; width: 560px; padding: 0; margin: 0;} #contactPopup .lines{ border-top: 1px solid #99CC00; border-bottom: 1px solid #CCE57F; height: 1px; width: 515px; float: left; margin: 5px 0; font-size: 0; clear: both;} #contactPopup form h4{background-position: 0 2px; margin: 15px 0 5px 15px; display: inline; font-size: 90%;} #contactPopup form p{ float: left; width: 260px; font-size:70%;color:#6D6E70; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 15px; padding: 0; line-height: 220%; display: inline;} #contactPopup p{ float: left; width: 260px; color:#6D6E70; font-family:Arial, Helvetica, sans-serif; margin: 0 0 0 15px; padding: 0; line-height: 220%; display: inline;} #contactPopup form label{ width: 100px; float: left} #contactPopup form textarea { font: 110% Arial, Helvetica, sans-serif; width: 520px; height: 100px;} #contactPopup form .submit { background: url(../images/buttons/btn_envoyer.gif) 0 0 no-repeat; border: none; width: 100px; height: 25px; cursor: pointer; clear: both; float: left; margin: 5px 0 0 15px;} #contactPopup form .submit:hover{background: url(../images/buttons/btn_envoyer.gif) 1px 1px no-repeat;} #contactPopup h4{ font-size: 100%; color: #996600; font-weight: normal; padding: 0 0 0 15px; margin: 20px 0 5px 0; float: left; font-weight: normal; background: url(../images/icons/icon_arrow_brown.gif) 0 3px no-repeat; clear: both; width: 320px;} #contactPopup #replaceme p, #contactPopup #sackdata p{ float: left; width: 515px; margin: 5px 0 0 15px; padding: 0 0 0 10px; display: inline; clear: both; color: #333; font-size: 70%; background-color: #FFF;} #contactPopup p.close{ float: right; padding: 0; text-align: right; margin: 0 15px 0 0;} #contactPopup p.close a{text-decoration: none; color: #C80000; } #contactPopup p.close a:hover{text-decoration: none; color: #000000; } #replaceme, #sackdata{ float: left; width: 280px; padding: 0; margin: 0 0 0 0;} #contactPopup #replaceme p, #contactPopup #sackdata p{ float: left; width: 260px; margin: 0; padding: 10px; display: inline; color: #FF6600; font-size: 70%; background-color: #FFF; line-height: 130%;} #alertBoxSuccess{background-color:#EF4527; border:1px solid #E1E1E1; margin: 20px 0; padding: 10px 10px 10px 30px;clear: both; text-align: left; float: left; width:96%; } #alertBoxSuccess p{ font-size: 80%; color: #FFF; margin: 0; padding: 0; width: 100%; clear: both; float: left; } #alertBoxSuccess p a{ color: #FFF;} #alertBoxSuccess p a:hover{ color: #C00;} /* .bg { background:url(../images/nav_arrow.png) no-repeat center bottom;} */ /* **** SEARCH RESULTS ***** */ .searchResults { width: 100%; float: left; } .searchResults ul{ margin: 0; padding: 0; list-style: none; width: 100%; float: left; } .searchResults li{ float: left; width: 25%; text-align: center; margin: 0 0% 10px 0%; padding: 0;} .searchResults li h1{ font-size: 140%; line-height: 140%; margin: 0 0 10px 0; padding: 0; } .searchResults li h2{ font-size: 120%; line-height: 140%; border: none; margin: 0 0 10px 0; padding: 0; } .searchResults ul li p a{ padding: 0 28px 0 8px; height:25px; line-height:25px; display:inline-block; border:solid 2px #d1c6ac; background:url(../images/image_hover_arrow.png) no-repeat 105px center; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; color:#A29061; margin:0 0 0px 0;} .searchResults li:nth-child(4n+1) { clear: both; } /* **** SEARCH BLOCK ***** */ form#searchBlock{ float: left; width: 100%; margin: 0; padding: 0; } form#searchBlock ul{ float: left; width: 100%; margin: 0; padding: 0; list-style: none; } form#searchBlock li{ float: left; width: 280px; background: none; padding: 0; margin: 0 10px 10px 0; clear: left; } form#searchBlock .txt{ width: 280px; color: #666; font-size: 12px; padding: 3px 5px; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; } form#searchBlock h3{ margin-top: 10px; float: left; width: 100%; font-size: 16px; line-height: 18px; } form#searchBlock li.search_options{ width: 500px; float: right; clear: none; } form#searchBlock li.search_options .colSkills{ float: left; width: auto; white-space: nowrap; margin: 0 20px 0 0; } form#searchBlock li.search_options h3{ margin-top: 20px; } .breadcrumb li a{color:#A29061;} .