/* @override http://showcase.joomlabamboo.com/topshop/templates/jb_new_media/css/template_css.css http://localhost:8888/Joomla/1.0/top_shop/templates/jb_new_media/css/template_css.css http://showcase.joomlabamboo.com/topshop/templates/jb_top_shop/css/template_css.css http://localhost:8888/Joomla/1.5/topshop/templates/jb_top_shop/css/template_css.css http://localhost:8888/cmt/templates/jb_top_shop/css/template_css.css http://localhost:8888/Joomla/quickstart/j157_topshop/templates/jb_top_shop/css/template_css.css http://bamboopixel.com/joomla15/topshop/templates/jb_top_shop/css/template_css.css */ /* @group Global Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; outline: 0; focus:none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } tbody tr td {color: #4F779F; vertical-align: top;} :focus {outline: 0;} body {line-height: 1;color: black;} ul li {list-style-type: disc;} ol li {list-style-type: decimal;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } html {margin:0;padding:0;height: 100%;} /* @end */ body {width: 980px; margin: 0px auto;padding: 0; font-family:arial,helvetica,sans-serif; background: #203a57 url(../images/bg.jpg) repeat-x; color: #444; line-height: 1.8;font-size: 82.5%;text-align: justify;height: 100%;} .outer_wrapper {width: 980px;margin: 0px auto 0px auto;} /* @group Very Top */ #vtop_wrapper {height: 40px;margin: 0px auto 0;overflow: hidden;width: 100%;} #vtop_inner {width: 100%;float: left;} #vtop_left {width: 200px;float: left;} #vtop_right {float: right;width: 400px;text-align: right; margin-right: 10px; margin-top: 15px;} #vtop_right .moduletable {text-align: right;width: 100%;} #vtop_inner ul li {float: left;padding: 4px 0 0 0} #vtop_inner ul li a {text-decoration: none;padding: 8px 16px 8px 16px;text-align: center;} #vtop_inner ul li a:hover {background: url(../images/vtopnav_active.gif) no-repeat left center;} #vtop_wrapper .moduletable {float: left;margin-right: 10px;} /* @end */ /* allatos_fejlec */ #head-top {width: 980px;height: 25px;background: url(../images/head-top.jpg) no-repeat top left; margin: 0px auto 0px auto;} #head-top ul {margin-top: 0px; margin-left: 0px;} #head {width: 980px;height: 173px;background: url(../images/head.jpg) repeat-x; margin: 0px auto 0px auto; padding-top: 32px;} #head-top h1 a{color: #507498;} #head-top h1 a:hover{color: #7F7F7F; text-decoration: none;} .head-banner {width: 547px;height: 168px; margin: 0px 0px 0px 430px; border: 1px solid #DFDFDF;} .head-banner .moduletable {margin-left: 0px;} .head-banner .moduletable h3{color: #188F11;} .head-banner input#modlgn_username {height: 12px; margin: 0px;} .head-banner input#modlgn_passwd {height: 12px; margin: 0px;} .head-banner ul{display: none;} .head-logo {float: right; width: 474px;height: 45px; margin: 0px; text-align:right; padding-top: 6px;} table.logos{width: 300px; float: right; text-align: right; padding-top: 10px;} table.logos td {text-align: right; padding-top: 0px;} .jcarousel-skin-tango {width: 533px;} table.head-search select {width: 100%; background: none; border: 1px solid #6690BA; padding: 1px; color: #FFFFFF; font: 11px Arial; margin-left: 10px;} table.head-search td {} table.head-function {width:620px;} /* allatos_fejlec */ p#form-login-password {margin: 5px 0px 10px 0px;} /* @group Header Logo Area */ #header_wrapper {width: 980px;float: left;height: 18px;background: url(../images/header_lines.jpg) repeat-x; text-align: center; padding-top: 2px;} #header_left {display: none; background: none;height: 60px;width: 200px;float: left;} #header_right {position: relative;z-index: 1010;float: right;} .head-basket {width: 300px} #datediv {height: 23px;padding: 8px 4px 4px 10px;width: 4000px;float: left;text-align: left;} /* @end */ /* @group Pathway */ .pathway {margin: 0px;} #pathwaydiv {width: 967px; float: left; background: #FFF; height: auto; border-bottom: 1px dashed #EFEFEF; padding: 5px 0px 5px 13px; font: 11px Arial; font-weight: bold; font-style: oblique; color: #486b8b;} a.pathway {text-decoration: none; font: 11px Arial; font-weight: bold; font-style: oblique;} /* @end */ /* @group Banner Area */ #banner_wrapper {margin: 0px 0px 6px 0px; padding: 0px; height: auto; float: left;width: 100%; background: #FFFFFF; border: 1px solid #D3D3D3;} #banner_left {float: left;width: 470px; height: auto; margin-right: 0px;margin-top: 5px; padding-top: 8px;} #banner_left p,#banner_left h4 {margin: 0;} #banner_right {padding:0;width: 660px; height: auto; float: right;text-align: right; margin-top: -6px;} .head-slide {margin-left: 30px;} /* @end */ /* @group Nav and Superfish */ #nav {float: left;margin-top: 2px;} #nav ul {padding-top: 8px; margin-top: 0px; margin: -6px 3px 0px 0px;} #nav ul li {float: left;list-style-type: none;margin-right:0;} span.sublevel {margin-left: 10px;} #nav ul li li {font-size: 90%;width: 100%;} #nav ul li a {text-decoration: none; font-weight: bold; color: #FFFFFF; font: 12px Arial; text-align: left; padding-top: 4px; padding-right: 20px; width: auto;} #nav a:hover {color: #FFB89F;} #nav ul li li a {padding: 6px 0 6px 0px;} #nav ul li li a:hover {padding-left: 1px; background: #6895c1;} #nav ul li a#active_menu,#nav a.mainlevel_active {margin: 0; color: #FFF; font-weight: bold;} #nav ul li a:hover {margin: 0;} .nav {line-height:1.0;} ul.nav ul {width: 150px; margin-left: 0px;} .nav ul,.nav ul ul {position:absolute;top:-999em;width:14em;margin-left: -8px;z-index: 1001;} .nav ul li,.nav a {width: 100%;font-size: 100%;position: relative;} .nav li {float:left;position:relative;} .nav li ul {z-index: 1001;position:absolute;background:#608BB6;padding: 10px;padding-bottom: 20px;margin-left: -20px;} ul.nav ul a {display:block; color: #FF9933;} .nav li li {border-bottom: 1px solid #eee;} .nav li li a {background: none;display: block;width: 100%;} .nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:21px;} .nav li:hover li ul,.nav li.sfHover li ul {top:-999em;} .nav li li:hover ul,ul.nav li li.sfHover ul {left:200px!important;left:210px;top:0px} .superfish li:hover ul,.superfish li li:hover ul {top: -999em;} ul.nav superfish li .sfHover ul li {background: none} .nav ul span.expanded,.nav ul ul span.expanded {color: #ccc} /*** shadows for all but IE6 ***/ .sf-shadow ul {background: url(../images/shadow.png) no-repeat bottom right;padding: 0 8px 9px 0;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* @end */ /* @group Main Area */ /* @group Advert 2 Area */ #advert1 {width: 94%;background: #F5F5F5;border: 1px solid #ddd;margin-top: 20px;padding: 10px;} #above_content {float: left;padding-bottom: 10px;} #above_content .moduletable {margin-bottom: 10px;float: left;width: 100%;} /* @end */ /* @group Main Div */ #main_wrapper {clear: both;width: 980px;float: left;background:#fff; text-align: left;} /*#main_mid {clear: both;width: 100%;float: left;border: 1px solid #D3D3D3;background: url(../images/blue_bg.gif) repeat-y;}*/ #main_mid {clear: both;width: 100%;float: left; margin-top: 0px;} #main_left {float: left;width: 150px;margin-left: 10px;} #main_content {float: left; width: 450px; padding: 0px 0 20px;} #main_body {float: left;width: 100%;} /*#main_content #content {padding-left: 15px;padding-top: 10px; width: 545px;}*/ #content {padding-left: 15px;padding-top: 10px; width: 745px;} #content2 {width: 100%} /* @end */ /* @group Left */ #left,#front_left {float: left; width: 200px;} #front_left {width: 430px;} #front_left .prod_left{width: 278px; height: 145px; overflow: hidden;} .prod_left td{line-height: 21px; text-align: justify; height: 140px; overflow: hidden;} #left .moduletable h3 {float: none; width: 190px; height:43px; padding: 17px 0px 0px 10px; background: url(../images/side-box-h3-bg.jpg) no-repeat top left; color: #FE6B38; font-size: 14px; font-weight: bold;} #front_left .moduletable {width: 420px; padding: 10px;} #front_left .moduletable table.moduletable{width: 420px;} #front_left .moduletable h3 {float: none;} .moduletable ul.newsfeed {width: 420px; margin-left: -52px;} .below_content ul.newsfeed {width: 700px; margin-left: 0px; background: #F8F8F8;} ul.newsfeed a{width: 400px; background: #F3F3F3; padding: 3px;} ul.newsfeed li{width: 400px; margin: 6px 0px 6px 0px; padding: 0px; list-style-position: inherit; list-style-type: none; border-bottom: 1px dashed #DADADA;} .newsfeed_item {margin: 6px 0px 6px 0px;} .newsfeed_item p{text-align: left;} .newsfeed_item img{padding-right: 15px;} #left ul {margin: 0;padding: 0;} #left ul li {list-style-type: none;padding: 0px 0;padding-left: 0px;} #left ul li a,#left a.mainlevel {text-decoration: none;display: block;padding: 4px 0 4px 10px;border: 1px inset #d3d3d3;border-width: 0px 0px 1px 0;color: #588AB6;} #left ul li a:hover,#left a.mainlevel:hover, #left a#active_menu {background: #f7f7f7;border-width: 0 0 1px 0;text-decoration: none;margin-left: 5px;} a.sublevel,#left a#active_menu .sublevel,#left a#active_menu.sublevel_current,#left a#active_menu.sublevel {font-size: 90%;border: none;background: url(../images/arrow.png) no-repeat 10px 7px; color: #FC6A37;} #left a#active_menu.sublevel {background: none;} a#active_menu .sublevel,#left a#active_menu.sublevel_current,#left a.sublevel {padding: 2px 0px 2px 0px;} #left ul li ul li a.sublevel,a.sublevel {color: #2F547F; font-weight: bold;} #left a#active_menu.sublevel_current {color: #333;} a.sublevel, a#active_menu .sublevel {padding: 2px 20px 2px 20px;} #left a.sublevel:hover {text-decoration: none;background: none; border: none;color: #FD6B3A;} #left .moduletable {} #left .moduletable a{width: 200px; margin-left: 0px; background: #EFEFEF; border-bottom: 1px solid #FFF;} #left .moduletable ul{width: 200px;} #left div div,#left a,#left label,#left .inputbox,#left form {padding-left: 0px;} #left .moduletable a.mainlevel {color: #FF0000; font-weight: bold; width: 190px;} /* @end */ /* @end */ marquee#product-scroller {text-align: center; margin-top: 10px; border-bottom: 1px dashed #DADADA; border-top: 1px dashed #DADADA;} marquee#product-scroller .prod_left {display: none;} marquee#product-scroller .title h2 a{font-size: 16px; color: #5E89B3;} /* @group Below Content */ .below_content {width: 770px;float: left;} .below_content .moduletable {float: left;width: 720px; margin-right: 1%;} .below_content ul li {list-style-type: none; display: inline; width: 140px;} .below_content ul li a {background: url(../images/pencil.jpg) no-repeat left center;padding: 6px 0 6px 0px;text-decoration: none;} /* @end */ /* @group Bottom Area */ #bottom_wrapper {float: left;width: 100%; background: #FFF; padding: 0px;} #bottom_inner {margin-left: 10px;} /* @end */ /* @group Very Bottom */ #vbottom {width: 980px;margin: 0 auto} #vbottom_wrapper {margin: 0px auto;height: 74px;float: left;width: 980px;background: url(../images/footer.jpg) repeat-x left bottom; padding: 0px; margin-bottom: 20px} #vbottom_wrapper .moduletable {float: left;margin-right: 0px;} #vbottom_wrapper a {text-decoration: underline;} #vbottom_left {float: left;width: 80%;} #vbottom_right {float: right;text-align: right; padding-bottom: 12px; margin-right: 80px; margin-top: -5px; } #vbottom_right p{float: right;text-align: right;padding-bottom: 0px; font-size: 9px; color: #CFCFCF;} #vbottom_wrapper ul {margin: 24px;padding: 0;} #vbottom_wrapper ul li {float: left;list-style-type: none;} #vbottom ul li a {margin: 0 10px 0 0;text-decoration: none; font: 11px Arial Black; font-weight: bold; color: #FD6B3A;} #vbottom ul li a:hover {font: 11px Arial Black; font-weight: bold; color: #608BB6; padding-left: 2px;} span.jb {background: url(../images/jb.jpg) no-repeat;text-indent: -1000px;} /* @end */ /* @group Typography */ /* @group Lists */ ul {margin: 0px 0;} ul li {list-style-position: inside;list-style-type: disc;} #main_left li,#vtop_wrapper li {list-style-type: none;} #main_left li,#vtop_wrapper ul {margin: 0;} ul.bullet li {background: url(../images/bullet_square.jpg) no-repeat left center;list-style-type: none;padding-left: 20px;list-style-position: inside;} /* @end */ p {margin: 0px 0;} a {color: #486b8b;text-decoration: none; height: auto;} a img {border: 0;} a:hover {text-decoration: none; color: #fd6b39;} a:hover img{text-decoration: none;} a.latestnews {text-decoration: none;} b, strong {font-weight: bold;} em, italic {font-style: italic;} /* @group Headings */ b, strong {font-weight: bold;} i, em {font-style: italic} u {text-decoration: underline;} h1,.componentheading {font-size: 150%;} h2,.contentheading {height: 40px;} .contentheading a,h2 a {color: #C20700; line-height: 16px; margin-top: 5px;} .contentheading a,h2 a:hover {text-decoration: none;color:#FD6B39;font-size:20px;} h3 {font-size: 16px;color: #3B6686; margin-left: 0px; font-weight: bold} h4 {font-size: 120%;color: #FF0000;} h5 {font-size: 90%;} h6,.createdate,small, .modifydate {font-size: 80%;} /* @end */ /* @group Styles and Classes */ .phone {color: #8F8F8F;font-family: arial;margin: 0;} span.phone {background: url(../images/phone_icon.gif) no-repeat left center;font-size: 140%;color: #8F8F8F;font-family: arial;padding: 0px 0 0 20px;} blockquote,.blockquote {font-size: 140%;background: url(../images/small_quote_ul.gif) no-repeat left top;padding-left: 50px;} blockquote p {background: url(../images/small_quote_br.gif) no-repeat right bottom;padding-bottom: 20px;font-style: italic;} .pencil {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;} .search {background: url(../images/search.gif) no-repeat left center;padding-left: 30px;} div.search {background: none;padding: 0;} .star {background: url(../images/star.gif) no-repeat left center;padding-left: 30px;} ul.pencil li {background: url(../images/pencil.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;} ul.pencil {background: none;padding: 0} ul.square li {background: url(../images/bullet_square.jpg) no-repeat left center;padding-left: 30px;list-style-type: none;list-style-position: inside;margin: 0;padding: 2px 0 2px 25px;} ul.square {background: none;padding: 0} /* @group Paragraph Styling */ .new {background: url(../images/icons/new.png) no-repeat left center;padding: 20px 0 20px 60px;} .code {font-family: courier;background: url(../images/icons/edit.png) no-repeat left center;padding: 20px 20px 20px 80px;display: block;} .attachment {background: url(../images/icons/attachment.png) no-repeat left center;padding: 20px 0 20px 60px;} .calculator {background: url(../images/icons/calculator.png) no-repeat left center;padding: 20px 0 20px 60px;} .cut {background: url(../images/icons/cut.png) no-repeat left center;padding: 20px 0 20px 60px;} .dollar {background: url(../images/icons/dollar_currency_sign.png) no-repeat left center;padding: 20px 0 20px 60px;} .euro {background: url(../images/icons/euro_currency_sign.png) no-repeat left center;padding: 20px 0 20px 60px;} .pound {background: url(../images/icons/sterling_pound_currency_sign.png) no-repeat left center;padding: 20px 0 20px 60px;} .contact {background: url(../images/icons/phone_book.png) no-repeat left center;padding: 20px 0 20px 60px;} .sale {background: url(../images/icons/sale.png) no-repeat left center;padding: 20px 0 20px 60px;} .save {background: url(../images/icons/save.png) no-repeat left center;padding: 20px 0 20px 60px;} .sound {background: url(../images/icons/sound.png) no-repeat left center;padding: 20px 0 20px 60px;} .support {background: url(../images/icons/support.png) no-repeat left center;padding: 20px 0 20px 60px;} .next {background: url(../images/icons/next.png) no-repeat left center;padding: 20px 0 20px 60px;} /* @end */ /* @group List Styling */ li.attachment,ul.attachment li {background: url(../images/icons/32/attachment.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.calculator,ul.calculator li {background: url(../images/icons/32/calculator.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.cut,ul.cut li {background: url(../images/icons/32/cut.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.dollar,ul.dollar li {background: url(../images/icons/32/dollar_currency_sign.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.euro,ul.euro li {background: url(../images/icons/32/euro_currency_sign.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.pound,ul.pound li {background: url(../images/icons/32/sterling_pound_currency_sign.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.contact,ul.contact li {background: url(../images/icons/32/phone_book.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.sale,ul.sale li {background: url(../images/icons/32/sale.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.save,ul.save li {background: url(../images/icons/32/save.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.sound,ul.sound li {background: url(../images/icons/32/sound.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.support,ul.support li {background: url(../images/icons/32/support.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.edit,ul.edit li {background: url(../images/icons/32/edit.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.dvd,ul.dvd li {background: url(../images/icons/32/dvd.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.home,ul.home li {background: url(../images/icons/32/home.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} li.next,ul.next li {background: url(../images/icons/32/next.png) no-repeat left center;padding: 10px 0 10px 30px;list-style-type: none;} ul.next,ul.home,ul.dvd,ul.edit,ul.support,ul.sound,ul.save,ul.sale,ul.pound,ul.dollar,ul.euro,ul.cut,ul.calculator,ul.attachment {background: none;} /* @end */ /* @group Misc Styles */ .border {padding: 1px; border: 1px solid #eee; background: #fff;} .floatleft {float: left;margin-right: 10px;} .clear {clear: both;} hr {border: 1px solid #eee;} .inputbox {border: 1px solid #ddd;} /* @end */ /* @group Lists */ ol li {list-style-position: inside;} ul.tick li {background: url(../images/tick.gif) no-repeat left center;list-style-type: none;padding-left: 20px;} /* @end */ /* @end */ /* @end */ /* @group Joomla Stuff */ .blog {width: 530px; margin-left: -10px;} table.contentpaneopen {width: 100%;padding: 0 12px 0 0!important;padding:0 16px 0 30px;} table.contentpaneopen h2 a{font-size: 140%; color: #50718F;} table.contentpaneopen h2 a:hover{font-size: 140%; color: #FF0000;} td.buttonheading {padding: 0 4px;} table.contenttoc {margin-left: 10px;margin-bottom: 10px;} a.readon {background: url(../images/readmore.png) no-repeat left center;float: right;text-decoration: none;text-transform: uppercase;text-indent: -10000px;width: 88px;height: 23px;} .moduletable-line {border-top: 1px solid #eee;margin-top: 10px;float: left;padding-top: 10px;} #pathwaydiv .moduletable {margin-left: 0px;} #contact_text,#contact_name,#contact_email,#contact_subject {border: 1px solid #ddd;font-size: 120%;padding: 4px;} .sectiontableentry1 {width: 100%;background: url(../images/shop_add_to_cart_bg.png);padding: 4px 0;} .sectiontableentry2 {width: 100%;background: #fff;padding: 4px 0;} form#form-login {padding: 0;margin-left: 5px; width: 190px; margin-top: -10px;} /*p#form-login-username input {width: 60px;}*/ table.login-form {margin: 10px 5px 0px 5px;} table.login-form td{padding-top: 3px;} table.login-form label{color: #FD6B39; font: 11px Arial Black;} table.login-form inputbox {height: 14px;} #form-login fieldset.input{border: none;padding: 0;margin: 0; width: 190px; height: 91px; background: url(../images/login-box-bg.jpg) no-repeat left center;} form#form-login .inputbox,form {margin-left: 0px;} #form-login input.button {margin-left: 0px; border: 1px solid #CFCFCF; background: #F4F4F4; color: #FD6B39; font: 11px Arial Black;} /* @end */ /* @group Carousel */ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container {margin: 25px 0;} .jcarousel-clip {padding: 0;margin: 0; overflow: hidden} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} .jcarousel-list li, .jcarousel-item {float: left;list-style: none;width: 150px;height: 90px;background: #fff;margin: 0 12px 0;overflow: hidden;} .jcarousel-container p {display: none;} .jcarousel-container h2 {color: #333;font-size: 80%;font-weight: normal;text-align: center;} .jcarousel-container a img {height: 100px} .jcarousel-container h2 a {} #banner_right .title {margin-top: 3px;} /** * The buttons are added dynamically by jCarousel before * the