/*
** Kreativ Hobby CSS
** 2009
*/
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;
outline: 0;
font-size: 100%;
}
body {
line-height: 1;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul {
list-style-type: none;
}
body {
background-color: #ffd7df;
color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
[LANG|=hu] > * {
quotes: "\201E" "\201D" "\0027" "\0027";
}
a:link, a:active, a:visited, a:hover {
color: #FF4799;
text-decoration: none;
font-size: 11px;
outline: 0px;
}
a:hover {
text-decoration: underline;
}
.clear {
clear: both;
}
input.gombBG {
border: none;
background: none;
width: 138px;
height: 30px;
background: url(../images/gombalap_down.png) no-repeat top left;
color: #FFF;
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, sans-serif;
padding-bottom: 5px;
cursor: pointer;
}
.inputContainer {
height: 17px;
}
.inputContainer .left {
width: 5px;
height: 17px;
float: left;
background: url('../images/input_left_bg.png') no-repeat;
}
.inputContainer .middle {
width: 100px;
height: 17px;
float: left;
background: url('../images/input_bg.png') repeat-x;
}
.inputContainer .middle input {
width: 98%;
height: 13px;
font-size: 10px;
background: none;
border: none;
padding-top: 2px;
}
.inputContainer .right {
width: 4px;
height: 17px;
float: left;
background: url('../images/input_right_bg.png') no-repeat;
}
.inputContainer .pinkLeft {
width: 5px;
height: 17px;
float: left;
background: url('../images/input_left_bg_pink.png') no-repeat;
}
.inputContainer .pinkMiddle {
width: 100px;
height: 17px;
float: left;
background: url('../images/input_bg_pink.png') repeat-x;
}
.inputContainer .pinkMiddle input {
width: 98%;
height: 13px;
font-size: 10px;
background: none;
border: none;
padding-top: 2px;
}
.inputContainer .pinkRight {
width: 5px;
height: 17px;
float: left;
background: url('../images/input_right_bg_pink.png') no-repeat;
}
.blockHeader {
background: url('../images/dot.png') repeat-x bottom;
padding-bottom: 7px;
margin-bottom: 10px;
font-size: 15px;
color: #000102;
font-weight: bold;
}
.blockHeader .pink {
color: #ff4799;
}
tr.row td {
background: url('../images/webshop_row_bg.png') repeat-x;
height: 38px;
padding: 0px 3px 15px 3px;
}
tr.row .left {
background: url('../images/webshop_row_left_bg.png') no-repeat;
height: 28px;
width: 6px;
padding: 0px;
}
tr.row .right {
background: url('../images/webshop_row_right_bg.png') no-repeat;
height: 28px;
width: 12px;
padding: 0px;
}
/*dinamikus zöld doboz*/
.greenBoxContainer {
margin-top: 10px;
background: #014855 url('../images/greenbox_bg.png') no-repeat top left;
width: 360px;
height: auto;
overflow: hidden;
}
.greenBoxContainer.long {
background: #014855 url('../images/greenbox_bg.png') no-repeat top left;
}
.greenBoxContainer h1 {
font-size: 15px;
color: #fff;
font-weight: bold;
margin-left: 12px;
margin-top: 0px;
line-height: 35px;
}
.greenBoxContainer h1 span {
color: #63ccf3;
}
.greenBoxContainer ul {
margin: 10px;
margin-top: 0px;
padding: 0px;
list-style: none;
}
.greenBoxContainer li {
margin: 0px;
padding: 0px;
height: 20px;
background: none;
border-bottom: 1px solid #6a7362;
color: #a3a2a2;
position: relative;
line-height: 20px;
}
.greenBoxContainer li.act {
background: url('../images/green_box_list_over.png') repeat-x;
color: #ffffff;
}
.greenBoxContainer li .bullet {
height: 20px;
width: 20px;
background: url('../images/green_box_list_image.png') no-repeat;
}
.greenBoxContainer li.act .bullet {
background: url('../images/green_box_list_image_over.png') no-repeat;
}
.greenBoxContainer li a {
position: absolute;
left: 25px;
top: -1px;
color: #a3a2a2;
}
.greenBoxContainerFooter {
background: #333630 url('../images/greenbox_footer_bg.png') no-repeat;
width: 360px;
height: 4px;
font-size: 1px;
}
/*világos zöld doboz*/
.lightGreenBoxContainer {
background: url('../images/light_green_box_bg.png') no-repeat;
width: 472px;
height: 144px;
position: relative;
}
.lightGreenBoxContainer .title {
position: absolute;
top: 11px;
left: 135px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}
.lightGreenBoxContainer h1 {
position: absolute;
top: 40px;
left: 175px;
font-size: 12px;
color: #39b9ef;
font-weight: bold;
}
.lightGreenBoxContainer p.desc {
position: absolute;
top: 60px;
left: 175px;
font-size: 10px;
color: #ffffff;
width: 275px;
height: 51px;
overflow: hidden;
}
.lightGreenBoxContainer p.link {
position: absolute;
top: 115px;
left: 175px;
width: 275px;
}
.lightGreenBoxContainer p.link a, .lightGreenBoxContainer h1 a {
font-weight: bold;
color: #6bc4f1;
font-size: 10px;
}
.lightGreenBoxContainer .image {
width: 150px;
height: 100px;
position: absolute;
top: 36px;
left: 16px;
}
.lightGreenBoxContainer .image img {
position: relative;
top: 0px;
left: 0px;
}
/*blokk fejlécek*/
.pinkSectionHeaderContainer {
height: 25px;
background: url('../images/section_header_bg_pink.png') repeat-x;
position: relative;
}
.pinkSectionHeaderContainer span {
position: absolute;
top: 4px;
left: 10px;
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
.pinkSectionHeaderContainer .left {
height: 25px;
width: 396px;
background: url('../images/section_header_left_pink.png') no-repeat;
float: left;
}
.pinkSectionHeaderContainer .right {
height: 25px;
width: 2px;
background: url('../images/section_header_right_pink.png') no-repeat;
float: right;
}
.cyanSectionHeaderContainer {
height: 25px;
background: url('../images/section_header_bg_cyan.png') repeat-x;
position: relative;
}
.cyanSectionHeaderContainer span {
position: absolute;
top: 4px;
left: 10px;
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
.cyanSectionHeaderContainer .left {
height: 25px;
width: 396px;
background: url('../images/section_header_left_cyan.png') no-repeat;
float: left;
}
.cyanSectionHeaderContainer .right {
height: 25px;
width: 2px;
background: url('../images/section_header_right_cyan.png') no-repeat;
float: right;
}
.sectionSeparator {
height: 5px;
font-size: 1px;
background: url('../images/dot.png') repeat-x bottom;
margin: 10px 0px 10px 0px;
clear: both;
}
#container {
margin: 0px auto 0px auto;
background-color: #ffffff;
color: #000000;
width: 859px;
}
#topAdvertContainer {
height: auto;
background-color: #000000;
text-align: center;
}
/*fejlécek*/
#headerContainer {
width: 840px;
margin: 0px auto 0px auto;
}
#headerContainer #logoContainer {
padding-top: 10px;
position: relative;
}
#headerContainer #logo {
background: url('../images/webshopLogo.png');
width:840px;
height:170px;
}
#headerContainer #loginBox {
float:right;
width:130px;
margin:20px 30px 0 0;
}
#headerContainer #loginBox .nick{
font-size:16px;
text-align:center;
}
#headerContainer #loginBox .logout {
font-size:11px;
text-align:center;
padding:0;
}
#headerContainer #loginBox span{
display:block;
padding:5px 0 0 3px;
}
#headerContainer #loginBox .input {
margin-top: 2px;
width: 129px;
height: 17px;
float: left;
background: url('../images/login_input_bg.png') no-repeat;
border:1px solid #585757;
}
#headerContainer #loginBox .input input {
width: 120px;
/*height: 13px;*/
padding-top: 2px;
margin-left: 3px;
font-size: 10px;
color: #000000;
background: none;
border: none;
}
#headerFormContainer {
height: 30px;
background: url('../images/search_bg.png') repeat-x;
}
#headerFormContainer .button {
float: left;
}
#headerFormContainer .input {
margin-top: 2px;
width: 129px;
height: 17px;
float: left;
background: url('../images/search_input_bg.png') no-repeat;
}
#headerFormContainer .input input {
width: 120px;
/*height: 13px;*/
padding-top: 2px;
margin-left: 3px;
font-size: 10px;
color: #000000;
background: none;
border: none;
}
#headerFormContainer .nick {
font-weight: bold;
font-size: 9px;
color: #b6b6b6;
float: left;
margin-left: 12px;
margin-right: 10px;
}
#headerFormContainer a {
font-weight: bold;
font-size: 9px;
color: #b6b6b6;
text-decoration: none;
}
#headerFormContainer a:hover {
text-decoration: underline;
}
/*menük*/
#mainMenuContainer {
height: 31px;
padding-left: 11px;
background: url('../images/mainMenuBg.png') repeat-x;
}
#mainMenuContainer .linkSeparator {
padding: 0px 3px 0px 3px;
height: 31px;
width: 2px;
float: left;
background: url('../images/mainMenuSep.png') no-repeat 3px 0px;
}
#mainMenuContainer a {
font-weight: bold;
font-size: 9px;
color: #ffffff;
float: left;
position: relative;
top: 10px;
padding: 2px 3px 0 3px;
text-decoration: none;
}
#mainMenuContainer a:hover {
color: #5adffa;
}
#mainSubMenuContainer {
height: 22px;
padding-left: 11px;
background: url('../images/mainSubMenuBg.png') repeat-x;
}
#mainSubMenuContainer a {
font-weight: bold;
font-size: 9px;
color: #1a1f06;
position: relative;
top: 6px;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
#mainSubMenuContainer a:hover {
color: #c53374;
}
#webshopMenuContainer {
height: 37px;
background: url('../images/webshopMenuBg.png') no-repeat left;
}
#webshopMenuContainer .linkSeparator {
padding: 0px 5px 0px 5px;
height: 2px;
width: 15px;
background: url('../images/linksep.png') no-repeat 4px 7px;
}
#webshopMenuContainer p {
padding: 12px 10px 0px 260px;
color: #646464;
}
#webshopMenuContainer a {
font-weight: bold;
font-size: 10px;
color: #646464;
}
#webshopMenuContainer a.act {
color: #000000;
}
#webshopSubMenuContainer {
min-height: 70px;
line-height:17px;
padding:5px;
background-color: #000000;
margin:0 0 10px 0;
}
#webshopSubMenuContainer p {
padding: 9px 10px 0px 10px;
}
#webshopSubMenuContainer a {
font-weight: bold;
color: #d4d4d4;
padding: 0px 3px 0px 3px;
text-decoration: none;
}
#webshopSubMenuContainer a:hover {
text-decoration: none;
color: #e16e1a;
}
#webshopSubMenuContainer a.act {
color: #52a8cd;
}
/*tartalom*/
#contentContainer {
width: 840px;
margin: 0px auto 0px auto;
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
}
#cLeft {
width: 472px;
float: left;
}
#cRight {
width: 360px;
float: right;
}
#kiemeltBoxContainer {
height: 294px;
background: url('../images/kiemelt_box_bg.png') repeat-x;
margin-bottom: 10px;
padding: 5px;
}
#kiemeltBoxContainer .webshop {
float: left;
width: 206px;
height: 294px;
background: url('../images/kiemelt_left_bg.png') no-repeat;
overflow: hidden;
position: relative;
}
#kiemeltBoxContainer .webshop .products {
position: absolute;
top: 39px;
left: 11px;
width: 183px;
}
#kiemeltBoxContainer .webshop .products img {
border: 2px solid #fff;
}
#kiemeltBoxContainer .webshop .products h3 {
margin-top: 10px;
line-height: 16px;
}
#kiemeltBoxContainer .webshop .products h3 a {
font-size: 13px;
color: #fff;
font-family: "MS Trebuchet", Helvetica, sans-serif;
}
#kiemeltBoxContainer .webshop .products p {
font-size: 9px;
color: #fff;
height: 35px;
overflow: hidden;
padding: 5px 0;
}
#kiemeltBoxContainer .webshop .products p a {
color: #fff;
}
/*
#kiemeltBoxContainer .webshop .products td {
text-align: left;
vertical-align: top;
padding-right: 2px;
}
#kiemeltBoxContainer .webshop .products p {
padding: 0px 2px 4px 1px;
font-size: 9px;
height: 9px;
color: #ffffff;
width: 44px;
overflow: hidden;
}
*/
#kiemeltBoxContainer .webshop .categories {
position: absolute;
top: 190px;
left: 10px;
width: 182px;
height: 93px;
}
#kiemeltBoxContainer .webshop .categories ul {
margin: 0px;
padding: 0px;
list-style: none;
width: 182px;
}
#kiemeltBoxContainer .webshop .categories li {
margin: 0px;
padding: 0px;
height: 18px;
background: none;
color: #a3a2a2;
position: relative;
}
#kiemeltBoxContainer .webshop .categories li.act {
color: #ffffff;
}
#kiemeltBoxContainer .webshop .categories li .bullet {
height: 20px;
width: 20px;
background: url('../images/green_box_list_image.png') no-repeat;
}
#kiemeltBoxContainer .webshop .categories li.act .bullet {
background: url('../images/list_image_blue.png') no-repeat;
}
#kiemeltBoxContainer .webshop .categories li span {
position: absolute;
left: 25px;
top: 3px;
width: 150px;
}
#kiemeltBoxContainer .webshop .categories a {
font-weight: bold;
color: #39b9ef;
font-size: 10px;
}
#kiemeltBoxContainer .slideshow {
float: left;
width: 420px;
height: 294px;
background: url('../images/kiemelt_middle_bg.png') no-repeat;
overflow: hidden;
position: relative;
}
#kiemeltBoxContainer .slideshow .image {
margin: 4px;
}
#kiemeltBoxContainer .slideshow .image .desc {
position: absolute;
top: 30px;
left: 4px;
width: 220px;
height: 120px;
background-color: #ffffff;
position: absolute;
padding: 5px;
opacity: 0.85;
-moz-opacity: 0.85;
filter: alpha(opacity=85);
}
#kiemeltBoxContainer .slideshow .image .desc .title {
color: #ff4799;
font-size: 22px;
font-weight: bold;
margin: 3px 0px;
}
#kiemeltBoxContainer .slideshow .image .desc .title .sub {
color: #46ade4;
font-size: 13px;
font-weight: bold;
}
#kiemeltBoxContainer .slideshow .image .desc p {
color: #000000;
font-size: 11px;
margin-top: 5px;
}
#kiemeltBoxContainer .slideshow .image .desc a {
color: #ff4799;
font-size: 11px;
font-weight: bold;
}
#kiemeltBoxContainer .slideshow .text {
position: absolute;
bottom: 17px;
left: 10px;
width: 250px;
position: absolute;
font-size: 12px;
font-weight: bold;
}
#kiemeltBoxContainer .slideshow .pagesContainer {
height: 32px;
position: absolute;
right: 8px;
bottom: 7px;
}
#kiemeltBoxContainer .slideshow .pagesContainer a {
height: 32px;
width: 23px;
background: url('../images/kiemelt_middle_page_bg.png') no-repeat;
float: left;
position: relative;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #ffffff;
position: relative;
padding-top: 7px;
text-decoration: none;
margin-right: 1px;
}
#kiemeltBoxContainer .slideshow .pagesContainer a:hover {
height: 32px;
width: 23px;
background: url('../images/kiemelt_middle_page_over.png') no-repeat;
float: left;
font-size: 15px;
font-weight: bold;
color: #000000;
}
#kiemeltBoxContainer .cart {
float: right;
width: 202px;
height: 295px;
background: url('../images/kiemelt_right_bg.png') no-repeat;
overflow: hidden;
position: relative;
}
#kiemeltBoxContainer .cart .list {
position: absolute;
top: 32px;
left: 8px;
width: 187px;
}
#kiemeltBoxContainer .cart .list td {
color: #ffffff;
font-weight: bold;
font-size: 10px;
padding: 3px;
}
#kiemeltBoxContainer .cart .list .product {
overflow: hidden;
}
#kiemeltBoxContainer .cart .list .amount {
width: 40px;
text-align: right;
}
#kiemeltBoxContainer .cart .list a {
font-weight: bold;
color: #39b9ef;
font-size: 10px;
}
#kiemeltBoxContainer .cart .offers {
position: absolute;
top: 32px;
left: 9px;
width: 184px;
}
#kiemeltBoxContainer .cart .offers .image {
width: 80px;
padding: 9px 2px 12px 2px;
vertical-align: top;
text-align: center;
}
#kiemeltBoxContainer .cart .offers .desc {
padding: 9px 2px 2px 0px;
vertical-align: top;
}
#kiemeltBoxContainer .cart .offers .desc h1,
#kiemeltBoxContainer .cart .offers .desc h1 a {
font-weight: bold;
font-size: 10px;
padding-bottom: 3px;
color: #000000;
}
#kiemeltBoxContainer .cart .offers .desc p {
font-size: 9px;
padding-top: 2px;
color: #ffffff;
}
#kiemeltBoxContainer .cart .offers .desc p.offerDesc {
height: 32px;
}
#kiemeltBoxContainer .cart .offers .desc a {
font-weight: bold;
color: #ffffff;
font-size: 9px;
}
/*termék adatlap*/
#productDataContainer .image {
float: left;
width: 261px;
}
#productDataContainer .data {
float: left;
width: 569px;
padding-left: 10px;
}
#productDataContainer .data h1 {
color: #000000;
font-size: 16px;
font-weight: bold;
}
#productDataContainer .data h2 {
color: #ff2f82;
font-size: 13px;
font-weight: bold;
padding-top: 5px;
}
#productDataContainer .data p {
color: #000000;
font-size: 11px;
padding-top: 30px;
}
#similarProductsContainer {
margin-top: 10px;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: dotted 1px #000000;
}
#similarProductsContainer h2 {
padding-bottom: 5px;
font-size: 12px;
}
#similarProductsContainer .product {
width: 90px;
padding-right: 5px;
float: left;
}
#similarProductsContainer img {
width: 68px;
}
#similarProductsContainer p {
font-size: 10px;
color: #000000;
}
/*kosár lista*/
#cartListContainer {
}
#cartListContainer table {
width: 100%;
}
#cartListContainer td, #cartListContainer th {
text-align: left;
}
#cartListContainer .header th {
padding: 3px;
background-color: #e55c7f;
color: #ffffff;
font-weight: bold;
}
#cartListContainer .header-blue th {
padding: 3px;
background-color: #ffffff;
color: #6BC4F1;
font-weight: bold;
}
#cartListContainer .product {
color: #e55c7f;
font-weight: bold;
}
#cartListContainer .pink {
color: #e55c7f;
font-weight: bold;
}
#cartListContainer .summaryContainer {
font-weight: bold;
font-size: 15px;
color: #000000;
text-align: right;
padding: 10px;
margin-top: 10px;
border-top: dotted 1px #000000;
border-bottom: dotted 1px #000000;
}
#cartListContainer .summaryContainer span {
color: #e55c7f;
}
#cartListContainer input.text {
height: 13px;
background-color: #ffffff;
border: solid 1px #6d6d6d;
font-size: 10px;
padding: 0px;
text-align: center;
}
/*regisztráció*/
#registrationContainer {
}
#registrationContainer .top {
height: 9px;
width: 843px;
background: url('../images/reg_top_bg.png') no-repeat bottom;
}
#registrationContainer .middle {
width: 843px;
text-align: center;
background: url('../images/reg_middle_bg.png') repeat-y;
}
#registrationContainer .bottom {
height: 11px;
width: 843px;
background: url('../images/reg_bottom_bg.png') no-repeat;
}
#registrationContainer .header th {
padding: 3px;
background-color: #e55c7f;
color: #ffffff;
font-weight: bold;
text-align: left;
}
#registrationContainer td, #registrationContainer th {
padding: 3px;
text-align: left;
}
/*friss hírek*/
#recentNewsContainer .news .act td {
background-color: #53beff;
color: #ffffff;
}
#recentNewsContainer .news td {
color: #000000;
}
#recentNewsContainer .image, #recentNewsContainer .desc {
padding: 5px;
text-align: left;
vertical-align: top;
}
#recentNewsContainer .desc {
font-weight: normal;
color: #696969;
font-size: 10px;
}
#recentNewsContainer p {
padding-top: 5px;
}
#recentNewsContainer .desc h2, #recentNewsContainer .desc h2 a{
font-weight: bold;
color: #ff4799;
font-size: 11px;
}
#recentNewsContainer .desc a.tovabb {
font-weight: bold;
color: #ff4799;
font-size: 10px;
font-style: italic;
}
/*legjobb ötletek*/
#top5BestIdeaContainer {
margin-top: 10px;
}
#top5BestIdeaContainer .ideas .link {
width: 60px;
text-align: right;
}
#top5BestIdeaContainer .link a {
font-weight: bold;
color: #71b236;
font-size: 10px;
font-style: italic;
}
/*tippek, trükkök*/
#trickContainer {
margin-top: 10px;
}
/*exclusive*/
#exclusiveNewsContainer {
}
/*flashbox*/
#flashBoxContainer {
margin-top: 10px;
width: 472px;
height: 161px;
position: relative;
/*background: #383835 url('../images/flash_box_bg') no-repeat 6px 6px;*/
background: url('../images/flash_box_bg.png') no-repeat 6px 6px;
background-color: #383835;
}
#flashBoxContainer .newsContainer {
width: 450px;
position: absolute;
left: 14px;
top: 15px;
}
#flashBoxContainer .news {
float: left;
width: 149px;
height: 120px;
}
#flashBoxContainer .news p {
width: 144px;
font-size: 12px;
color: #ffffff;
font-weight: bold;
padding: 5px;
}
#flashBoxContainer .news p a{
color: #fff;
font-weight: normal;
}
#flashBoxContainer .steppers {
width: 455px;
height: 16px;
position: absolute;
bottom: 3px;
left: 8px;
}
#flashBoxContainer .steppers .left {
width: 70px;
height: 16px;
float: left;
background: url('../images/flash_box_left_arrow.png') no-repeat left;
padding-left: 17px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: left;
}
#flashBoxContainer .steppers .left span {
position: absolute;
top: 2px;
left: 17px;
}
#flashBoxContainer .steppers .right {
width: 70px;
height: 16px;
float: right;
background: url('../images/flash_box_right_arrow.png') no-repeat right;
padding-right: 17px;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: right;
}
#flashBoxContainer .steppers .right span {
position: absolute;
top: 2px;
right: 17px;
}
/*interjúk*/
#interviewContainer {
margin-top: 10px;
width: 472px;
}
#interviewContainer .interviews .act td {
background-color: #fd75cf;
}
#interviewContainer .interviews .act h2 {
color: #fff;
}
#interviewContainer .interviews .act a {
color: #fff;
}
#interviewContainer .interviews td {
color: #000;
}
#interviewContainer .image, #interviewContainer .desc {
padding: 5px;
text-align: left;
vertical-align: top;
}
#interviewContainer .desc {
font-weight: normal;
color: #000000;
font-size: 10px;
}
#interviewContainer p {
padding-top: 5px;
}
#interviewContainer .desc h2, #interviewContainer .desc h2 a {
font-weight: bold;
color: #258f99;
font-size: 11px;
}
#interviewContainer .desc ar {
font-weight: bold;
color: #6bc4f1;
font-size: 10px;
font-style: italic;
}
#interviewContainer2 {
margin-top: 10px;
width: 472px;
}
#interviewContainer2 .interviews {
margin-top: 5px;
margin-left: -3px;
}
#interviewContainer2 .interviews .act {
background-color: #51c1ff;
}
#interviewContainer2 .interviews .act h2 {
color: #fff;
}
#interviewContainer2 .interviews .act a {
color: #fff;
}
#interviewContainer2 .interviews td {
color: #000000;
padding: 5px;
text-align: left;
vertical-align: top;
font-size: 10px;
width: 33%;
}
#interviewContainer2 h2, #interviewContainer2 h2 a {
font-weight: bold;
color: #258f99;
font-size: 11px;
margin-top: 10px;
}
#interviewContainer2 p {
margin-top: 5px;
}
#interviewContainer2 a {
font-weight: bold;
color: #ff60a7;
font-size: 10px;
font-style: italic;
}
/*híroldal*/
#articleContainer .stepperContainer {
margin: 10px 0px 10px 0px;
}
#articleContainer .stepperContainer a {
font-weight: bold;
color: #3b7ca4;
font-size: 10px;
background: none;
padding: 4px;
float: left;
margin-right: 3px;
}
#articleContainer .stepperContainer a.act {
color: #6d6d6d;
background-color: #cccccc;
}
#articleContainer .stepperContainer a.step {
color: #6d6d6d;
}
#webshopTopOffersContainer {
background: url('../images/webshop_vert_text.png') no-repeat;
padding-left: 30px;
text-align: right;
}
#webshopTopOffersContainer img {
margin-left: 5px;
}
#webshopTopOffersContainer p {
padding-top: 5px;
text-align: right;
}
#webshopTopOffersContainer a {
font-weight: bold;
color: #000000;
font-size: 10px;
}
.articleInfoContainer {
color: #f2388b;
font-size: 10px;
padding: 10px 5px 0px 5px;
}
.articleInfoContainer a {
font-weight: bold;
color: #000;
font-size: 10px;
}
table.bigImageContainer {
margin-top: 10px;
}
table.bigImageContainer td {
background-color: #17acf0;
}
table.bigImageContainer .image {
overflow: hidden;
}
table.bigImageContainer .desc {
padding: 5px 5px 6px 5px;
color: #fff;
text-align: left;
}
.descriptionContainer p {
margin-top: 10px;
color: #000000;
line-height: 17px;
}
.descriptionContainer a {
font-size: 10pt;
}
.commentContainer {
margin-top: 20px;
}
.commentContainer h1 {
color: #53beff;
font-size: 15px;
margin-bottom: 20px;
}
.commentContainer .info {
color: #000;
font-weight: bold;
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.commentContainer .info a {
font-weight: bold;
color: #53beff;
font-size: 10px;
}
.commentContainer .comment {
margin-top: 10px;
margin-bottom: 20px;
}
.commentContainer .comment .author {
color: #6d6d6d;
font-weight: bold;
font-size: 11px;
margin: 0px;
}
.commentContainer .comment .text {
color: #000000;
font-size: 11px;
margin-top: 5px;
}
.alsobanner {
width: 840px;
margin-top: 15px;
}
/*lábléc*/
#footerContainer {
height: 111px;
background: url('../images/footer_bg.png') no-repeat;
overflow: hidden;
text-align: left;
}
#footerContainer ul {
margin-top: 43px;
margin-left: 69px;
}
#footerContainer ul li {
display: inline;
}
#footerContainer ul li, #footerContainer ul li a {
color: #837f64;
text-decoration: none;
font-size: 8px;
text-transform: uppercase;
}
#footerContainer img {
position: relative;
top: 10px;
margin: 0px 8px;
}
/* bal oldali tablazat */
h1.tableLeft {
font-size: 18px;
}
h1.tableLeft span, h1.tableLeft b.forum, h1.tableLeft a.forum {
color: #ff4799;
font-size: 18px;
}
.tableLeft {
width: 472px;
}
.tableLeft thead th {
color: #34afed;
font-size: 12px;
padding-bottom: 5px;
text-align: left;
}
.tableLeft thead td {
width: 14px;
font-size: 12px;
}
.tableLeft tbody th.rowTop {
height: 6px;
font-size: 1px;
background: url('../images/tableleft_row_top.png') no-repeat top left;
}
.tableLeft tbody th.cellLeft {
width: 14px;
background: url('../images/tableleft_cell_left.png') no-repeat bottom left;
font-size: 1px;
}
.tableLeft tbody th.cellRight {
width: 11px;
background: url('../images/tableleft_cell_right.png') no-repeat bottom left;
}
.tableLeft tbody td {
background: url('../images/tableleft_cell_content.png') repeat-x bottom left;
padding-bottom: 17px;
padding-right: 20px;
color: #545454;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 13px;
}
.tableLeft tbody td.pink {
color: #ff4799;
font-weight: bold;
padding-right: 0px;
}
.tableLeft tbody td a {
color: #545454;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 13px;
}
.tableLeft tbody td.pink a {
color: #ff4799;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 13px;
}
h1.logoBg {
background: #fff url('../images/kreativ_hobby_logo.png') no-repeat top left;
padding-left: 123px;
line-height: 30px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
p.pInfo {
text-align: center;
color: #027CA5;
font-weight: bold;
font-size: 14px;
}
/* bal oldali urlap tabla */
table.formTable {
width: 472px;
margin: 10px 0;
}
table.formTable td {
padding: 5px;
}
table.formTable th {
padding: 5px;
padding-top: 11px;
text-align: right;
vertical-align: top;
}
table.formTable td input.text {
width: 335px;
border-right: 1px solid #c2c2c2;
margin-bottom: 5px;
}
table.formTable td .formDesc {
font-size: 9px;
font-style: italic;
}
table.formTable span.kiemelt {
color: #ff4799;
padding-left: 2px;
}
table.formTableSubmit {
margin-left: 123px;
}
table.profilTable {
margin-top: 0;
margin-bottom: 20px;
}
table.profilTable td input.text {
width: 315px;
}
table.profilTable th {
width: 125px;
}
table.formTable td.bg {
border-bottom: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
background: url(../../images/myeditor-bg.png) no-repeat top left;
overflow: hidden;
}
table.formTable td.bg select {
border: none;
}
/* galeria */
#galeriaIndex {
width: 471px;
}
#galeriaIndex .giHeader {
background: #fff url('../images/kreativ_hobby_logo.png') no-repeat top left;
}
#galeriaIndex .giHeader h2 {
color: #FF4799;
font-weight: normal;
line-height: 30px;
}
#galeriaIndex .giHeader h2 span {
padding: 0 10px 0 123px;
font-size: 18px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
color: #ff4799;
}
#galeriaIndex .giHeader h2 a {
font-weight: normal;
}
#galeriaIndex .giTitle {
height: 31px;
width: 471px;
background: #fff url('../images/gi_title_bg.png') no-repeat top left;
overflow: hidden;
}
#galeriaIndex .giTitle h1,
#galeriaIndex .giTitle h1 a {
font-size: 20px;
color: #fff;
font-weight: normal;
margin-left: 8px;
margin-top: 3px;
}
#galeriaIndex .giBigImage {
width: 471px;
height: 259px;
margin-top: 10px;
background: #fff url('../images/gi_bigimage_bg.png') no-repeat top left;
text-align: center;
}
#galeriaIndex .giBigImage img {
width: 455px;
height: 246px;
margin-top: 6px;
}
#galeriaIndex .giTovabb {
background: url('../images/gi_tovabb_bg.png') no-repeat top left;
width: 471px;
height: 47px;
margin-top: -6px;
text-align: left;
}
#galeriaIndex .giTovabb a {
font-size: 12px;
font-style: italic;
position: relative;
top: 18px;
left: 18px;
}
#galeriaIndex span.giFriss {
color: #027CA5;
padding-left: 10px;
}
#galeriaIndex table.giFrissIndex {
margin-bottom: 20px;
text-align: left;
width: 100%;
}
#galeriaIndex table.giFrissIndex td img {
margin: 8px 0px;
}
#galeriaIndex table.giFrissIndex td p {
color: #FF4799;
font-size: 9px;
padding-bottom: 2px;
}
#galeriaIndex table.giFrissIndex td p a {
font-size: 9px;
}
#galeriaIndex .giLapozo {
text-align: right;
padding-right: 12px;
}
#galeriaIndex .giLapozo ul li {
display: inline;
}
#galeriaIndex .giLapozo ul li span {
background-color: #ccc;
padding: 3px 5px;
}
#galeriaIndex .giLapozo ul li a {
color: #027ca5;
padding: 3px 2px;
}
#galeriaIndex a.galNext {
color: #FF4799;
font-size: 10px;
font-style: italic;
font-weight: bold;
}
#galeriaIndex p.galDesc {
padding: 4px 0px;
}
#galeriaIndex table.giFrissIndex td p.gDate {
color: #53BEFF;
font-size: 15px;
margin-top: 15px;
font-weight: bold;
}
.galimage {
padding-bottom: 6px;
}
/*galeria popup */
body.gpop {
background: none;
background-color: #000;
color: #fff;
}
.gpop-header {
background: #2bb7eb url(../../images/gpop-header-bg.png) repeat-x;
width: auto;
height: 35px;
}
/*
** smartEditor
*/
.myEditor {
text-align: left;
}
.myeditor-wrapper {
width: 440px;
height: 187px;
background: url(../../images/myeditor-bg.png) no-repeat top left;
overflow: hidden;
margin-bottom: 10px;
}
.myEditor textarea,
textarea.tntShortDesc {
width: 430px;
height: 177px;
margin: 5px;
border: none;
background: none;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: auto;
}
ul.myEditorButtons li {
display: inline;
padding-right: 10px;
}
#previewhozzasz,
#previewnewpost,
#previewinditohsz,
#previewalairas {
background-color: #e6e6e6;
color: #000;
border: 1px solid #c2c2c2;
width: 430px;
margin: 8px auto;
text-align: left;
padding: 1px 4px;
}
/* forum uj topic */
table.tableNewTopic {
width: 368px;
}
table.tableNewTopic th {
text-align: left;
color:#53BEFF;
padding: 15px 0 8px 0;
}
input.text {
border: none;
border-bottom: 1px solid #c2c2c2;
background: none;
font-size: 11px;
background: url(../../images/myeditor-bg.png) no-repeat top left;
overflow: hidden;
padding: 5px;
width: 430px;
}
/*
** Forum
*/
.logo {
width: 118px;
height: 30px;
background: url('../images/kreativ_hobby_logo.png');
margin-bottom: 4px;
}
.forumTitle {
width: 471px;
height: 31px;
background: url('../images/cyanheader_bg.png') no-repeat;
overflow: hidden;
}
.forumTitle h1 {
font-size: 18px;
color: #fff;
padding-left: 8px;
padding-top: 5px;
}
.forumTopicMenu ul {
margin: 10px 0px;
}
.forumTopicMenu ul li {
display: inline;
border-left: 2px solid #fe9adc;
padding: 0px 5px;
}
.forumTopicMenu ul li:first-child {
border-left: none;
}
#forum table.forumCommentTable {
margin-top: 20px;
width: 460px;
}
#forum table.forumCommentTable th {
text-align: right;
width: 86px;
vertical-align: top;
}
#forum table.forumCommentTable th p {
padding: 2px 0px;
}
#forum table.forumCommentTable th img.avatar {
margin: 4px 0px;
width: 42px;
height: 42px;
}
#forum table.forumCommentTable th p.nick {
color: #ff4799;
font-weight: bold;
font-size: 14px;
}
#forum table.forumCommentTable td.hsz-odd,
#forum table.forumCommentTable td.hsz-even {
padding: 6px 10px;
vertical-align: top;
}
#forum table.forumCommentTable td.bubbleGap {
width: 11px;
}
#forum table.forumCommentTable td.hsz-odd {
background: #2bb7eb url('../images/forumbubble_top.png') no-repeat left top;
color: #fff;
padding-bottom: 0px;
}
#forum table.forumCommentTable td.hsz-even {
padding-left: 5px;
}
#forum table.forumCommentTable td.cMenu-odd {
background: url('../images/forumbubble_bottom.png') no-repeat right top;
}
#forum table.forumCommentTable td ul.commentMenu{
margin: 15px 0px 20px 100px;
}
#forum table.forumCommentTable td.cMenu-odd ul.commentMenu{
margin-top: 21px;
}
#forum table.forumCommentTable td ul.commentMenu li{
display: inline;
height: 29px;
background: url('../images/forummenu_buttons.png') no-repeat left top;
padding: 4px 7px 10px 30px;
}
#forum table.forumCommentTable td ul.commentMenu li a{
font-size: 9px;
font-weight: bold;
}
/* Lexikon */
.lexikon-abc {
text-align: center;
line-height: 150%;
color: #027ca5;
margin-bottom: 15px;
}
.lexikon-abc a {
color: #027ca5;
padding: 4px;
}
/* markakereskedes */
table.kepesTable {
width: 472px;
}
table.kepesTable td {
padding: 5px 0px 5px 15px;
line-height: 130%;
}
table.kepesTable th {
width: 100px;
}
table.kepesTable td p.jobb {
text-align: right;
font-style: italic;
}
table.kepesTable td p.link a {
color: #FF4799;
}
table.kepesTable td p.title b,
table.kepesTable td p.title b a {
font-size: 12px;
}
/* added on 20110611 by butterflytech */
.descriptionContainer {
font-size: 10pt;
line-height: 1.3em;
padding: 5px;
}
.descriptionContainer p, .descriptionContainer span {
font-size: 10pt !important;
}
#register table.profilTable td input.text {
width: 280px;
}
.banner-sor {
text-align: center;
}
.banner-sor a {
display: inline;
}
.banner-sor a img {
display: inline;
}
#webshop-left {
float:left;
width:175px;
margin-right:10px;
}
#webshop-content {
float:left;
width:470px;
}
#webshop-content #interviewContainer {
margin-left:-5px;
margin-top:20px;
}
#webshop-right {
float:left;
width:175px;
margin-left:10px;
text-align:center;
}
ul.webshop-m-list {
background:url(../../images/webshopMenu.png);
margin-bottom:20px;
padding-top:10px;
padding-bottom:10px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
ul.pink-list {
background:url(../images/webshopmpink.png);
}
ul.pink-list li {
background-color:#D85D94 !important;
}
ul.pink-list li a {
color:#FFFFFF !important;
line-height:11px !important;
}
ul.pink-list li:hover {
background:url(../images/green_box_list_image_over_blue.png) #D85D94 left center no-repeat !important;
}
ul.webshop-m-list li {
background:url(../images/green_box_list_image.png) #288c9e left center no-repeat;
padding:5px;
margin:5px;
text-transform:uppercase;
font-weight:bold;
text-align:left;
padding-left:22px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
ul.webshop-m-list li a {
color:#b9e7ef;
line-height:14px;
}
ul.webshop-m-list li a:hover {
text-decoration:none;
}
ul.webshop-m-list li:hover {
background:url(../images/green_box_list_image_over_pink.png) #288c9e left center no-repeat;
}
ul.webshop-v-list li {
padding:5px 0;
border-bottom:thin dotted;
text-align:center;
margin-top:5px;
}
ul.webshop-v-list li.head {
color:#d85d94;
font-size:16px;
margin-top:20px;
font-weight:bold;
}
ul.webshop-v-list li a {
line-height:25px;
}
ul.webshop-v-list li img {
max-height:105px;
}
ul.webshop-v-list li span {
color:#ff2f82;
font-weight:bold;
display:block;
}
#webshop-full {
float:left;
width:100%;
clear:both;
margin-top:20px;
}
#webshop-full .whead {
float:left;
clear:both;
background:url(../images/szelesWebshop.png);
width:839px;
height:25px;
line-height:25px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-indent:10px;
margin-bottom:10px;
}
ul.webshop-h-list li {
display:inline;
float:left;
width:25%;
text-align:center;
}
ul.webshop-h-list li img {
max-width:175px;
}
ul.webshop-h-list li span {
color:#ff2f82;
font-weight:bold;
display:block;
}
ul.webshop-h-list li a {
line-height:25px;;
}
/* AJAX CALENDAR */
.calendar-wrapper {
margin-top: 10px;
background: #333630 url('../images/greenbox_bg.png') no-repeat top left;
width: 360px;
height: auto;
overflow: hidden;
}
.calendar {
width: 100% !important;
color: #A3A2A2;
}
.calendar td {
text-align: center;
padding: 4px 0;
}
.calendar a {
color: #FF4799;
font-weight: bold;
}
.calendarbox-inner {
padding-bottom: 6px;
}
.keretes,
.quizbox {
font-size: 11px;
line-height: 1.2em;
}
.keretes p,
.quizbox p,
.quizbox a {
font-size: 11px !important;
line-height: 1.2em;
padding: 2px 0;
}
.calendarTextDay,
.calendarTextTitle,
.calendarTextDate {
padding-top: 5px;
color: #ffffff;
}
.calendarTextDay a,
.calendarTextTitle a,
.calendarTextDate a {
color: #FF4799;
}
#cal_tooltip_txt {
border-top: solid 1px #A3A2A2;
margin: 10px 20px 0 20px;
}
/* TIPPEK TRUKKOK */
#tippetk-trukkok .formTable {
width: 340px;
margin: 0 auto;
}
#tippetk-trukkok .formTable input.text {
border: none;
border-bottom: 1px solid #c2c2c2;
background: none;
font-size: 12px;
/*background: url(../../images/myeditor-bg.png) no-repeat top left;*/
background-color: #fff;
overflow: hidden;
padding: 5px;
width: 200px;
}
#tippetk-trukkok .formTable textarea {
border: none;
border-bottom: 1px solid #c2c2c2;
background: none;
font-size: 12px;
/*background: url(../../images/myeditor-bg.png) no-repeat top left;*/
background-color: #fff;
overflow: hidden;
padding: 5px;
width: 200px;
font-family: sans-serif;
}
#tippetk-trukkok select {
padding: 5px;
font-size: 12px;
}
#tippetk-trukkok .formTable {
color: #a2a2a2;
}
/* pager */
.pager {
float: left;
clear: both;
width: 100%;
text-align: center;
padding: 20px 0 10px 0;
}
.pager li {
float: left;
padding: 2px 4px;
}
.pager li a {
}
.pager li.pager-current {
font-weight: bold;
}
#logo-cart {
float:right;
margin-top:40px;
color:#4f8b8c;
margin-right:15px;
}
#logo-cart.main-header {
position: absolute;
top: 40px;
margin: 0;
right: 15px;
}
#logo-cart span {
color:#d85d94;
}
#logo-cart span.price {
font-size:14px;
font-weight:bold;
float:right;
}
#logo-cart img {
margin-top:5px;
float:right;
}
#newMenuContainer {
height:41px;
margin:2px 0;
}
ul#newMenu li {
display:inline;
}
ul#newMenu li a {
float:left;
width:69px;
height:41px;
background:url(../images/newMenuBg.png);
text-align:center;
font-size:10px !important;
font-weight:bold;
color:#fff;
margin-left:1px;
line-height:40px;
}
ul#newMenu li a.kek {
background-position:-69px 0;
}
ul#newMenu li a.ketsoros {
line-height:13px;
padding-top:7px;
height:34px;
}
.goAdverticum {
text-align: center;
}