/* CSS Document */ /* CONTENT */ * { margin:0; padding:0;} img,a { margin:0; padding:0; border:0} body {font: normal 8pt Arial, Helvetica, sans-serif; color: #444444; margin:10px 0 20px 0; background-color:#7e2133; background-image:url('../images/body_bgd.gif') top left repeat-x; } input, select { font-family: Arial, Helvetica, sans-serif; font-size:8pt; border: 1px solid #CCCCCC;} #main { width:962px; margin:auto; background-color:#FFFFFF;} #clear { clear:both; } /* HEADER */ #header { width:962px; height:112px; margin:0; padding:0; border:0; } /* NAVBAR */ #navbar { background:url('../images/navbar_bgd.jpg') top left no-repeat; width:960px; height:27px; margin:1px 0 0 1px; padding:0; border:0; clear:both } #menu { float:left; list-style:none; margin:0; padding:0; width:960px; height:27px; } #menu li { float:left; list-style:none; display:inline; color:#fff; } #menu li a { display:block; padding:5px 15px 5px 15px; font:bold 8pt arial; color:#fff; text-decoration:none; border-right:1px solid #5e0113; } #menu li a:hover { display:block; padding:5px 15px 5px 15px; color:#ffffff; text-decoration:none; background-color:#5f0314;} #menu li a.highlight { padding:5px 15px 5px 15px; color:#b1d7f5; text-decoration:none; background-color:#5f0314;} #menu li ul { position:absolute; margin:1px 0 0 0; padding:0; margin-left:-999em; clear:both; z-index:2; background-color:#434343; } #menu li ul li { float:left; padding:0; list-style:none; z-index:2; } #menu li:hover ul { position:absolute; margin-left:0px; width:187px; background-color:#434343; z-index:2; } #menu li:hover ul li a { color:#fff; font-weight:normal; width:164px; height:20px; line-height:20px; display:block; text-align:left; padding:2px 0 2px 22px; margin:0; font-size:11px; text-transform:none; background-color:#434343; z-index:2; } #menu li:hover ul li a:hover { background-color:#9bd8db; border-top:1px #fff solid; border-bottom:1px #fff solid; height:18px; line-height:18px; color:#FFF; z-index:2; clear:both } /* LEFT NAV */ #leftnav h1 { background:url('../images/leftnav_h1_bgd.jpg') top left no-repeat; width:196px; height:24px; margin:0; padding:5px 0 0 15px; color:#83011b; font: normal 10pt Arial, Helvetica, sans-serif; } #leftnav_sides { background:url('../images/leftnav_sides_bgd.gif') top left repeat-y; width:211px; } #leftmenu { width:209px; margin:0; padding:0; } #leftnavMenu { width:209px; margin:0; padding:0; } #leftnavMenu ul { width: 209px; } #leftnavMenu li { list-style:none; border-bottom:1px solid #cccccc; } #leftnavMenu li a { display:block; font:bold 8pt arial; color:#5f0314; padding:3px 0 3px 14px; width:195px; text-decoration:none; } #leftnavMenu li a:hover { background-color:#5f0314; color:#ffffff; } #leftnavMenu li ul { position:absolute; margin:1px 0 0 0; padding:0; margin-left:-999em; clear:both; z-index:2; background-color:#434343; border: 1px solid #5e0113; } #leftnavMenu li ul li { float:left; padding:0; list-style:none; z-index:2; border:none; border-bottom:1px solid #5e0113; } #leftnavMenu li:hover ul { position:absolute; margin-left:209px; margin-top:-20px; width:180px; background-color:#434343; z-index:2; } #leftnavMenu li:hover ul li a { color:#fff; font-weight:normal; width:158px; display:block; text-align:left; padding:2px 0 2px 22px; margin:0; background-color: #a14456; z-index:2; border:none; } #leftnavMenu li:hover ul li a:hover { background-color:#5f0314; color:#ffffff; } #leftnavMenu li ul li ul { position:absolute; margin:1px 0 0 0; padding:0; margin-left:-999em; clear:both; z-index:2; background-color:#434343; border: 1px solid #5e0113; display:none; } #leftnavMenu li ul li ul li { float:left; padding:0; list-style:none; z-index:2; border:none; border-bottom:1px solid #5e0113; } #leftnavMenu li ul li:hover ul { position:absolute; margin-left:180px; margin-top:-19px; width:180px; background-color:#434343; z-index:2; display:block; } #leftnavMenu li ul li:hover ul li a { color:#fff; font-weight:normal; width:158px; display:block; text-align:left; padding:2px 0 2px 22px; margin:0; background-color: #a14456; z-index:2; border:none; } #leftnavMenu li ul li:hover ul li a:hover { background-color:#5f0314; color:#ffffff; } /* CONTENT */ #container { margin:0; padding:15px 10px 10px 10px; width:940px; } #content { float:left; width:690px; margin:0 0 0 25px; padding:0; } #content h1 { font:normal 14pt Arial, Helvetica, sans-serif; color:#83011b;} #content h2 { font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b;} #content p { line-height:1.5em; } /* FEATURED */ #featured_container {float:left; width:690px; margin:0; padding:0} #featured_container h2 { font:bold 9pt Arial, Helvetica, sans-serif; color:#83011b; background:url('../images/h3_bgrd.gif') top left repeat-x; height:21px; padding: 7px 0 0 10px} #featured { width: 140px; float:left; text-align:center } .featured_table { border: 1px solid #CCCCCC; } #cats img {float:left; width:142px; margin:20px 25px 0 0; padding:0;} .feature_title { font-size:9pt; font-weight:bold } #other_articles h3 { font:normal 10pt Arial, Helvetica, sans-serif; color:#83011b;} #bottom { margin:0; padding:0; border:0;} /* SHOP BASKET CONTENT */ #shop_basketContent { float:left; width:690px; margin:0 0 0 25px; padding:0; } #shop_basketContent h1 { font:normal 14pt Arial, Helvetica, sans-serif; color:#83011b;} #shop_basketContent p {} #shop_basketContainer { margin:0; padding:0;} .basket_table { margin: 0; padding:5px; background-color:#fffde7; } .basket_table td { margin: 0; padding:5px } .basket_table th { margin: 0; padding:5px; text-align:left; color:#FFFFFF; background:url('../images/navbar_bgd.jpg') top left no-repeat; clear:both; } .basket_table input { margin: 0; padding:2px } .basket_table p { margin:0; padding:0px } /* SHOP CONTENT */ #shopcontent { float:left; width:690px; margin:0 0 0 25px; padding:0; } #shopcontent h1 { font:bold 11pt Arial, Helvetica, sans-serif; color:#83011b; margin-bottom: 10px} #shopcontent p {} #shop_prod {float:left; width: 320px; border: 1px dotted #CCCCCC; margin: 5px; padding:5px; } #shop_prod h2 { font:normal 10pt Arial, Helvetica, sans-serif; color:#83011b;} .pre_price { font: bold 12pt Arial, Helvetica, sans-serif; color:#5d0012; } .price_label { font: bold 9pt Arial, Helvetica, sans-serif; color:#5d0012; } .discount_price { font: bold 8pt Arial, Helvetica, sans-serif; color:#83011b; } .buybut { margin:0; border:0; padding:0; width:55px; height:18px; background:url('../images/buy_button.png') no-repeat; cursor:pointer; } .proceed_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url('../images/proceed_button.png') no-repeat; cursor:pointer; } .back_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url('../images/back_button.png') no-repeat; cursor:pointer; } .confirm_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url('../images/confirm_button.png') no-repeat; cursor:pointer; } .login_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url('../images/login_button.png') no-repeat; cursor:pointer; } .logout_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url('../images/logout_button.png') no-repeat; cursor:pointer; } .delete_icon { margin:0; border:0; padding:0; width:9px; height:26px; background:url('../images/leftnav_arrow.gif') no-repeat; cursor:pointer; } /* PRODUCT DETAIL PAGE */ #prod_detail { float:left; width:690px; margin:0 0 0 25px; padding:0; } #prod_detail h1 { font:bold 11pt Arial, Helvetica, sans-serif; color:#83011b; } #prod_detail h2 { font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b; } #prod_detail h3 { font:bold 9pt Arial, Helvetica, sans-serif; color:#83011b; background:url('../images/h3_bgrd.gif') top left repeat-x; height:21px; padding: 7px 0 0 10px } #prod_detail p { line-height:1.5em; } .prod_pre_price { font: bold 12pt Arial, Helvetica, sans-serif; color:#5d0012; } .prod_pre_price_small { font: bold 9pt Arial, Helvetica, sans-serif; color:#5d0012; } .prod_discount_price { font: bold 10pt Arial, Helvetica, sans-serif; color:#83011b; } /* TABLE */ th { text-align:left; background-color:#ebebeb; border-bottom: 1px solid #CCCCCC } /* ARTICLE PAGE */ #article { float:left; width:690px; margin:0 0 0 25px; padding:0; } #article h1 { font:normal 14pt Arial, Helvetica, sans-serif; color:#83011b;} #article h2 { font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b;} #article p { line-height:1.5em; } #article img { float:right; margin: 0; padding: 0 0 10px 20px; clear:both; } /* CONTENT - FOOTER */ #footer { width:960px; margin:auto; padding:0; text-align:center; color:#FFFFFF;} /* TITLES AND PARAGRAPHS */ h1 { font:normal 14pt Arial, Helvetica, sans-serif;} h2 { font:normal 12pt Arial, Helvetica, sans-serif;} h3 { font: normal 9pt Arial, Helvetica, sans-serif;} h4 { font: normal 8pt Arial, Helvetica, sans-serif;} p {} /* LINKOLOGY */ a { font-weight:normal; color:#7e2133; text-decoration: none;} a:link {font-weight:normal; color:#7e2133; text-decoration: none;} a:visited {font-weight:normal; color:#7e2133; text-decoration: none;} a:hover {font-weight:normal; color:#bf7381; text-decoration: none;} a:active {font-weight:normal; color:#7e2133; text-decoration: none;} h1 a { font-weight:bold; color:#7e2133; text-decoration: none;} h1 a:link {font-weight:bold; color:#7e2133; text-decoration: none;} h1 a:visited {font-weight:bold; color:#7e2133; text-decoration: none;} h1 a:hover {font-weight:bold; color:#bf7381; text-decoration: none;} h1 a:active {font-weight:bold; color:#7e2133; text-decoration: none;} #shop_prod h2 a { font:bold 10pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #shop_prod h2 a:link { font:bold 10pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #shop_prod h2 a:visited { font:bold 10pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #shop_prod h2 a:hover { font:bold 10pt Arial, Helvetica, sans-serif; color:#bf7381; text-decoration: underline;} #shop_prod h2 a:active { font:bold 10pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #content h2 a {font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #content h2 a:link {font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #content h2 a:visited {font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #content h2 a:hover {font:normal 12pt Arial, Helvetica, sans-serif; color:#bf7381; text-decoration: none;} #content h2 a:active {font:normal 12pt Arial, Helvetica, sans-serif; color:#83011b; text-decoration: none;} #other_articles a { font:normal 8pt Arial, Helvetica, sans-serif; color:#7e2133; text-decoration: none;} #other_articles a:link { font:normal 8pt Arial, Helvetica, sans-serif; color:#7e2133; text-decoration: none;} #other_articles a:visited { font:normal 8pt Arial, Helvetica, sans-serif; color:#7e2133; text-decoration: none;} #other_articles a:hover { font:normal 8pt Arial, Helvetica, sans-serif; color:#bf7381; text-decoration: none;} #other_articles a:active { font:normal 8pt Arial, Helvetica, sans-serif; color:#7e2133; text-decoration: none;} #footer a { font:normal 8pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none} #footer a:link {font:normal 8pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none} #footer a:visited {font:normal 8pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none} #footer a:hover {font:normal 8pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline} #footer a:active {font:normal 8pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none} /* -------------------------------------------------------------------------------------------------------------- */ #newsTicker { background:url('../images/ticker_bgrd.png') top left no-repeat; width:960px; height:34px; margin:1px 0 0 1px; } #ticker { width:670px; height:20px; position:relative; top:9px; left:288px; overflow:hidden; background-color:#3a3a3a; list-style:none; clear:both; } #ticker-content { margin:0; padding:0; position:absolute; color:#ffffff; font-weight:bold; background-color:#3a3a3a; overflow:hidden; white-space:nowrap; line-height:1.2em; font-size:13px; font-weight:bold; } #ticker-content a { text-decoration:none; color:#ffffff; font-size:13px; font-weight:bold; } #ticker-content a:hover { text-decoration:underline; color:#ffffff; } #ticker-swipe { padding:0; position:absolute; top:0px; background-color:#3a3a3a; display:block; width:670px; height:20px; } #ticker-swipe span { margin-left:1px; background-color:#3a3a3a; border-bottom:1px solid #ffffff; height:12px; width:7px; display:block; } .js-hidden { display:none; margin:0; padding:0; list-style:none } #no-js-news { padding:10px 0px 0px 45px; color:#F8F0DB; } .left #ticker-swipe { left:80px; margin:0; padding:0; list-style:none } .left #ticker-content, .left #ticker-title, .left #ticker { float:left; margin:0; padding:0; list-style:none } .right #ticker-swipe { right:80px; margin:0; padding:0; list-style:none } .right #ticker-content, .right #ticker-title, .right #ticker { float:right; margin:0; padding:0; list-style:none }