/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { background:#23100c; font-family:Arial, Helvetica, sans-serif; color: #333333; } a { color:#010000; text-decoration:none} a:hover { color:#010000; text-decoration:underline} p { font-size:11px; color:#010000} h1 { font-size:24px; color:#010000} h2 { font-size:15px; color:#010000} h5 { font-size:12px; color:#010000} table.sc_content { font-size: 10pt; } table.sc_content td { padding: 3px 3px 3px 3px; } table.sc_content th { padding: 3px 3px 3px 3px; border-bottom: 1px solid black; } table.sc_content td input[type="checkbox"] { margin-right: 5px; } img#page { float:right; margin-top: 45px; margin-right: 70px; margin-bottom: 80px; margin-left: 20px; } img#title { padding-bottom: 5px; margin-bottom: 0px; } img#lookbook { border: 1px solid #333333; } .page_title { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12pt; font-weight: bold; font-style: normal; margin-left: 80px; margin-right: 350px; letter-spacing: 0.05em; margin-top: 45px; } .page_text { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; font-weight: normal; font-style: normal; margin-left: 80px; margin-right: 350px; letter-spacing: 0.05em; margin-top: 5px; } .page_help { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; font-weight: normal; font-style: normal; margin-left: 80px; margin-right: 80px; letter-spacing: 0.05em; margin-top: 35px; } .page_small { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; font-weight: normal; font-style: normal; margin-left: 80px; margin-right: 80px; letter-spacing: 0.05em; margin-top: 35px; } .page_contact { COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt; font-weight: normal; font-style: normal; letter-spacing: 0.05em; } .celebrity_names { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:left; text-transform: uppercase; font-style: normal; line-height: 160%; margin-bottom:15px; font-weight: normal; letter-spacing: .15em; } input.button { color: #21140B; background: #e0ded1; font-size: .8em; font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #21140B; } /* --------------------------------------------- 02. container and wrapper --------------------------------------------- */ #container { width:100%; float:left; background:url(../images/mek_newbackground_ss2011.jpg) no-repeat top center} #wrapper { width:965px; margin:0 auto; padding-top:14px; padding-left:15px} /* --------------------------------------------- 03. header --------------------------------------------- */ #header { width:930px; height:120px; float:left; padding:0 10px; margin-bottom:9px; position:relative; background:url(../images/bg_header.jpg) no-repeat top center} #header .logo { width:156px; height:120px; float:left; background:url(../images/logonew.png) no-repeat} #header .logo-link { width:156px; height:120px; float:left; position:absolute} #header .nodisplay { display:none} #header .joinus { float:left; padding-left:46px; padding-top:9px} #header .joinus ul { float:left; padding-right:9px; padding-top:2px} #header .joinus ul li { font-size:12px; color:#010000; float:left; padding-left:1px} #header .joinus ul li img { margin-bottom:-3px} #header .joinus fieldset { float:left; padding-right:10px} #header .joinus fieldset .input { width:182px; height:18px; float:left; font-size:11px; color:#44240B; word-spacing:-1px; line-height:16px; background:#FFFFFF; border:1px solid #402810; padding:0 4px} #header .joinus fieldset .buttonsubscribe { width:75px; height:20px; float:left; background:#1E1108; border:none; font-size:10px; color:#FFFFFF} #header .joinus p { float:left; font-size:12px; color:#841B18} #header .header_rightcontent { float:right; padding-top:9px} #header .header_rightcontent p { font-size:11px; color:#1D1508; text-align:right; background-position: right; } #header .header_rightcontent p a { color:#1D1508; text-decoration:none; padding:0 3px} #header .header_rightcontent p a:hover { color:#1D1508; text-decoration:underline} #header .header_rightcontent p a.shoppingbag { color:#660000; font-weight:bold; background:url(../images/icon_shoppingbag.gif) no-repeat top right; padding-right:20px} #header .header_rightcontent p a.shoppingbag:hover { color:#660000; text-decoration:none} #header .header_rightcontent .search fieldset { width:185px; float:right; padding-top: 20px} #header .header_rightcontent .search fieldset .input { width:122px; height:18px; float:left; background:#FFFFFF; border:1px solid #666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; line-height:18px; padding:0 4px} #header .header_rightcontent .search fieldset .buttonsearch { width:52px; height:20px; float:left; background:#1E1108; border:none; font-size:10px; color:#FFFFFF} #header .search fieldset { width:185px; float:right; padding-top: 20px} #header .search fieldset .input { width:122px; height:18px; float:left; background:#FFFFFF; border:1px solid #666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; line-height:18px; padding:0 4px} #header .search fieldset .buttonsearch { width:52px; height:20px; float:left; background:#1E1108; border:none; font-size:10px; color:#FFFFFF} #header .header_rightcontent .search { width:174px; float:right; padding-top: 10px} #header .header_rightcontent .input { width:160px; height:18px; background:#FFFFFF; border:1px solid #666666; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; line-height:18px; padding:0 4px } #header .header_rightcontent .buttonsearch { width:52px; height:20px; float:right; background:#1E1108; border:none; font-size:10px; color:#FFFFFF; padding:0 4px } /* --------------------------------------------- 04. content --------------------------------------------- */ #bgcontent { width:965px; float:left; background:url(../images/bg_content.gif) repeat-y} #content { width:950px; float:left; background:url(../images/bg_content_topc.jpg) no-repeat; padding-right:15px} /* --------------------------------------------- 05. category --------------------------------------------- */ #category { width:950px; float:left; background:url(../images/bg_shopping_category.gif) no-repeat top left; padding-bottom:80px} /* --------------------------------------------- 05.1 category - left panel --------------------------------------------- */ #category .leftpanel { width:127px; float:left; padding:10px 10px 0 13px} #category .leftpanel h1 { padding-bottom:8px} #category .leftpanel ul li { font-size:14px; color:#000000; line-height:1.2em; padding-bottom:10px} #category .leftpanel ul li a { color:#000000; text-decoration:none} #category .leftpanel ul li a:hover { color:#000000; text-decoration:underline} #category .leftpanel ul li ul { padding:5px 0 0px 18px} #category .leftpanel ul li ul li { font-size:12px; color:#000000; padding-bottom:5px} #category .leftpanel .video { width:118px; height:130px; float:left; background:url(../images/bg_video_leftss11.gif) no-repeat; padding:5px 7px 11px 2px; margin-top:5px} #category .leftpanel .video p a { width:112px; float:left; font-size:12px; color:#FFFFFF; text-decoration:none; padding:3px 0 7px 6px} #category .leftpanel .video p span { font-style:italic} /* --------------------------------------------- 05.2 category - right panel --------------------------------------------- */ #category .rightpanel { width:780px; float:left; padding-left:18px; padding-top:15px} #category .rightpanel h2 { font-weight:bold; float:left; padding-left:15px} #category .rightpanel h2 a { font-weight:normal} #category .rightpanel .pages { float:right; padding-right:20px} #category .rightpanel .pages p { font-size:12px} #category .rightpanel .pages p a.selected { font-weight:bold} #category .rightpanel fieldset { width:750px; float:left; padding:15px 15px 0 15px} #category .rightpanel fieldset label { width:auto; float:left; font-size:11px; color:#000000; line-height:17px; padding-top:4px; } #category .rightpanel fieldset .droplist { width:128px; float:left; background:#FFFFFF; border:1px solid #7F9EBA; font-size:11px; color:#000000; line-height:15px; padding:2px; margin-left:3px; margin-right:2px} #category .rightpanel fieldset .sort { float:right; padding-right:5px} #category .rightpanel .viewlist { width:780px; float:left} #category .rightpanel .viewlist ul { width:780px; float:left} #category .rightpanel .viewlist ul li { width:163px; float:left; font-size:10px; color:#010000; line-height:1.2em; padding-top: 10px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px;} #category .rightpanel .viewlist ul li img { border:1px solid #010000} #category .rightpanel .viewlist ul li a { color:#010000; text-decoration:none} #category .rightpanel .viewlist ul li a:hover { color:#010000; text-decoration:underline} #category .rightpanel .viewlist ul li span { color:#999999; line-height:1.8em} #category .rightpanel .viewlist ul li a.new { color:#660000} /* --------------------------------------------- 06. footer --------------------------------------------- */ #footer { width:965px; height:29px; float:left; background:url(../images/bg_footerb.gif) no-repeat; padding-top:14px} #footer p { font-size:11px; color:#F4E8CE; text-align:center} #footer p a { color:#F4E8CE; text-decoration:none} #footer p a:hover { color:#F4E8CE; text-decoration:underline} #footer p a.venderlogin { font-weight:bold} #footer p span { padding:0 5px} /* --------------------------------------------- 07. product --------------------------------------------- */ #product { width:742px; float:left; padding:10px 26px 187px 10px} /* --------------------------------------------- 07.1 product - photos --------------------------------------------- */ #product .photoset { width:320px; float:left; border:1px solid #3F270D; padding: 0;} #product .photoset .photo_large { width:320px; height:464px; float:left; padding: 0;} #product .photoset p { width:320px; float:left; background:#000000; font-size:12px; color:#E0DED1; padding: 0;} #product .photoset p a { color:#FFFFFF; padding: 0;} #product .photoset p img { } #product .photoset .photo_thumbnail { width:320px; float:left;; padding: 0;} #product .photoset .photo_thumbnail ul li { float:left; padding: 0; line-height:0px;} #product .photoset .photo_thumbnail ul li img {width: 80px; margin: 0; padding: 0; border-top-style: solid; border-bottom-style: none border-left-style: none; border-top-color: #999999; border-top-width: 1px; padding: 0;} #product .photoset .photo_thumbnail ul li.right img { border:none; padding: 0;} /* --------------------------------------------- 07.2 product - content --------------------------------------------- */ #product .content { width:400px; float:left; padding-left:20px} #product .content h2 a { color:#660000; font-weight:bold} #product .content h5 { line-height:1.5em; padding-bottom:8px; padding-top:3px} #product .content .links { width:400px; float:left; padding-bottom:15px} #product .content .links p { color:#40281B; padding-bottom:10px} #product .content .links p a { color:#40281B} #product .content .links { width:400px; float:left} #product .content .links p.item { color:#660000} #product .content .links p.item a { color:#660000} #product .content fieldset { width:400px; float:left; padding-bottom:25px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;} #product .content fieldset p { width:400px; float:left; font-size:10px; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; color: #000000;} #product .content fieldset .colors { width:400px; float:left; padding-bottom:10px} #product .content fieldset .colors a { margin-right:5px} #product .content fieldset .droplist { width:126px; float:left; background:#FFFFFF; border:1px solid #7F9EBA; font-size:10px; color:#000000; line-height:15px; padding:2px; margin-bottom:3px; margin-right:10px} #product .content .option { font-size:10px; font-color:#000000; font-family: Arial, Helvetica, sans-serif; color: #333333;} #product .content .icons { width:400px; float:left; padding-bottom:10px; margin-top: 10px;} #product .content .button_add { border: 0; width:113px; height:32px; float:left; background:#660000; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size:12px; letter-spacing: 0.08em; color:#e0ded1; text-decoration:none; padding-top: -1px; margin-bottom:30px; cursor: hand; cursor: pointer;} #product .content .product_description { width:400px; float:left; border-top:1px solid #BFBDB0; padding-top:10px} #product .content .product_description p { font-size:12px; color:#666666; line-height:1.6em} #product .content .product_description p span { color:#000000} #product .content .product_description ul { padding-left:15px; padding-top:10px} #product .content .product_description ul li { background:url(../images/li_bullet.gif) no-repeat 0 5px; font-size:12px; color:#666666; line-height:1.3em; padding-bottom:10px; padding-left:10px} .pleftpanel { width:127px; float:left; padding:10px 10px 0 13px} .pleftpanel h1 { padding-bottom:8px} .pleftpanel ul li { font-size:14px; color:#000000; line-height:1.2em; padding-bottom:10px} .pleftpanel ul li a { color:#000000; text-decoration:none} .pleftpanel ul li a:hover { color:#000000; text-decoration:underline} .pleftpanel ul li ul { padding:5px 0 0px 18px} .pleftpanel ul li ul li { font-size:12px; color:#000000; padding-bottom:5px} .pleftpanel .video { width:118px; height:130px; float:left; background:url(../images/bg_video_leftss11.gif) no-repeat; padding:5px 7px 11px 2px; margin-top:5px} .pleftpanel .video p a { width:112px; float:left; font-size:12px; color:#FFFFFF; text-decoration:none; padding:3px 0 7px 6px} .pleftpanel .video p span { font-style:italic} /* home page */ #home { float: center; height: 616px; padding-top: 40px; padding-right: 31px; padding-bottom: 10px; padding-left: 32px; } #home ul#links { width: 885px; text-align: center; padding-bottom: 5px; font-size: .9em; } #home ul#links li { padding-left: 10px; padding-right: 15px; display: inline-block; background: url('../images/li_bullet_rt.gif') no-repeat 98% 5px; } img#paperclip { position: relative; left: 50px; bottom: -20px; width: 67px; height: 118px; } /* --------------------------------------------- 08 search results page --------------------------------------------- */ img#search_product {border: 1px solid #333333} .search_product {margin-right: 20px; margin-left: 0px} .search_sort_dropdown {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}