/* GENERAL ================================================================================================================================= */

body{margin:0px; padding:0px; color:#000; font:12px Arial, sans-serif;}

a:link{color:#69717c; text-decoration:underline;}
a:visited{color:#69717c; text-decoration:underline;}
a:hover{color:#425a7d; text-decoration:underline;}

div, img, form{padding:0px; margin:0px; border:0px;}
td{border-bottom:1px solid #ddd;}
select{border:1px solid #ccc; padding:1px; font-family:Tahoma;}
h1{font-size:12px; margin-top:0px}
h2{font-size:11px; margin-top:0px }

.clear{clear:both;}
.nb{border:0px;}
.highlight{background-color:#faf7aa;}
.error{color:#FF1A00; font-weight:bold;}
.breadc-separator{color:#b8feaa;}

/* HEADER ================================================================================================================================== */

.header-mast-wrapper{width:100%; height:246px; float:left; clear:both; background-color:#474847;}
.header-top-wrapper{width:100%; height:70px; float:left; border-bottom:1px solid #5e5e5e;}
.header-top-wrapper .content{width:970px; margin:0 auto; padding:0px; background-color:#474847;}
.header-bot-wrapper{width:100%; height:175px; float:left; background:url('http://www.iolo.ro/css_images/bg_head.gif') 0 0 repeat; border-bottom:5px solid #a09f9b;}
.header-bot-wrapper .content{width:970px; height:175px; margin:0 auto; padding:0px; background:url('http://www.iolo.ro/css_images/bg_banner.jpg') 0 0 repeat;}

/* CONTENT ================================================================================================================================= */

.cont-wrapper{width:100%; background:#fff; float:left; margin-top:10px; clear:both;}
.content{width:970px; height:auto; max-height:none; position:relative; background-color:#fff; margin:0 auto; padding:0px;}

.col-left{width:200px; float:left;}
.col-right{width:750px; float:right;}

/* FOOTER ================================================================================================================================== */

.footer-wrapper{width:100%; float:left; padding:20px 0; margin-top:10px; clear:both; background-color:#3a3b3a;}
.footer{width:970px; height:auto; position:relative; margin:0 auto; font:normal 12px Arial; color:#fff;}


/* CONTENT BOXES =========================================================================================================================== */

.cb{float:left;}
.cb .head{width:auto; height:49px; float:left;}
.cb .head .l{width:8px; height:49px; float:left;}
.cb .head .c{height:20px; float:left; padding-top:29px; color:#fff; font-size:11px; font-weight:bold;}
.cb .head .c h1, .cb .head .c h2, .cb .head .c h3{padding:0px; margin:0px;}
.cb .head .cf{height:24px; float:left; padding-top:25px; color:#fff; font-size:11px; font-weight:bold;}
.cb .head .r{width:66px; height:49px; float:left;}
.cb .head a:link, .cb .head a:visited{color:#fff; text-decoration:none;}
.cb .head a:hover{color:#fff; text-decoration:underline;}

.cb .foot{width:auto; height:7px; float:left;}
.cb .foot .l{width:7px; height:7px; float:left;}
.cb .foot .c{height:7px; float:left; font-size:1px; line-height:1px;}
.cb .foot .r{width:7px; height:7px; float:left;}

.cb .hl-violet{background:url('http://www.iolo.ro/css_images/cb_tl_violet.gif') bottom left no-repeat;}
.cb .hc-violet{background:url('http://www.iolo.ro/css_images/cb_c_violet.gif') bottom left repeat-x;}
.cb .hr-violet{background:url('http://www.iolo.ro/css_images/cb_tr_violet.gif') top left no-repeat;}
.cb .hl-cyan{background:url('http://www.iolo.ro/css_images/cb_tl_cyan.gif') bottom left no-repeat;}
.cb .hc-cyan{background:url('http://www.iolo.ro/css_images/cb_c_cyan.gif') bottom left repeat-x;}
.cb .hr-cyan{background:url('http://www.iolo.ro/css_images/cb_tr_cyan.gif') top left no-repeat;}
.cb .hl-orange{background:url('http://www.iolo.ro/css_images/cb_tl_orange.gif') bottom left no-repeat;}
.cb .hc-orange{background:url('http://www.iolo.ro/css_images/cb_c_orange.gif') bottom left repeat-x;}
.cb .hr-orange{background:url('http://www.iolo.ro/css_images/cb_tr_orange.gif') top left no-repeat;}
.cb .hl-green{background:url('http://www.iolo.ro/css_images/cb_tl_green.gif') bottom left no-repeat;}
.cb .hc-green{background:url('http://www.iolo.ro/css_images/cb_c_green.gif') bottom left repeat-x;}
.cb .hr-green{background:url('http://www.iolo.ro/css_images/cb_tr_green.gif') top left no-repeat;}
.cb .hl-red{background:url('http://www.iolo.ro/css_images/cb_tl_red.gif') bottom left no-repeat;}
.cb .hc-red{background:url('http://www.iolo.ro/css_images/cb_c_red.gif') bottom left repeat-x;}
.cb .hr-red{background:url('http://www.iolo.ro/css_images/cb_tr_red.gif') top left no-repeat;}
.cb .fl-red{background:url('http://www.iolo.ro/css_images/cb_fl_red.gif') top left no-repeat;}
.cb .fc-red{background:url('http://www.iolo.ro/css_images/cb_fc_red.gif') top left repeat-x;}
.cb .fr-red{background:url('http://www.iolo.ro/css_images/cb_fr_red.gif') top left no-repeat;}
.cb .hl-lgreen{background:url('http://www.iolo.ro/css_images/cb_tl_lgreen.gif') bottom left no-repeat;}
.cb .hc-lgreen{background:url('http://www.iolo.ro/css_images/cb_c_lgreen.gif') bottom left repeat-x;}
.cb .hr-lgreen{background:url('http://www.iolo.ro/css_images/cb_tr_lgreen.gif') top left no-repeat;}
.cb .fl-lgreen{background:url('http://www.iolo.ro/css_images/cb_fl_lgreen.gif') top left no-repeat;}
.cb .fc-lgreen{background:url('http://www.iolo.ro/css_images/cb_fc_lgreen.gif') top left repeat-x;}
.cb .fr-lgreen{background:url('http://www.iolo.ro/css_images/cb_fr_lgreen.gif') top left no-repeat;}

.cb .cont{border-left:2px solid #c142c0; border-right:2px solid #c142c0; padding:10px; width:auto; height:1%;}
.cb .c-violet{border-color:#c142c0;}
.cb .c-cyan{border-color:#2d7fc9;}
.cb .c-orange{border-color:#f76f22;}
.cb .c-green{border-color:#a1c260;}
.cb .c-red{border-color:#f02321;}
.cb .c-lgreen{border-color:#66c455;}

/* IE Fix */
html>body .cb {height:auto;} 

.btn-css{width:auto; height:25px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; background-color:#faf7aa; line-height:25px; padding:0 10px; font-weight:bold; text-decoration:none; cursor:pointer;}
.btn-css-green{width:auto; height:25px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #006E2E; background-color:#CDEB8B; line-height:25px; padding:0 10px; font-weight:bold; text-decoration:none; cursor:pointer;}

.btn-close{width:16px; height:16px; float:right; background:url('http://www.iolo.ro/css_images/btn_close.gif') 0 0 no-repeat; cursor:pointer;}

.btn{height:27px; float:left; cursor:pointer;}
.btn .l{width:5px; height:27px; float:left;}
.btn .r{width:5px; height:27px; float:left;}
.btn .c{height:27px; float:left; padding:0 5px 0 5px; font:bold 12px/27px Arial;}

.btn-cart{height:34px; float:left; cursor:pointer;}
.btn-cart .l{width:43px; height:34px; float:left;}
.btn-cart .r{width:5px; height:34px; float:left;}
.btn-cart .c{height:34px; float:left; padding:0 3px 0 6px; font:bold 11px/34px Arial; display:inline;}

.cartl{background:url('http://www.iolo.ro/css_images/btn_cartl.gif') 0 0 no-repeat transparent;}
.cartr{background:url('http://www.iolo.ro/css_images/btn_cartr.gif') 0 0 no-repeat transparent;}
.cartc{background:url('http://www.iolo.ro/css_images/btn_cartbg.gif') 0 0 repeat-x transparent; color:#68b01f;}

.btn-price{height:34px; float:left; cursor:pointer;}
.btn-price .l{width:21px; height:34px; float:left;}
.btn-price .r{width:5px; height:34px; float:left;}
.btn-price .c{height:34px; float:left; padding:0 12px; font:bold 21px/34px Arial; display:inline;}

.pricel{background:url('http://www.iolo.ro/css_images/btn_pricel.gif') 0 0 no-repeat transparent;}
.pricer{background:url('http://www.iolo.ro/css_images/btn_pricer.gif') 0 0 no-repeat transparent;}
.pricec{background:url('http://www.iolo.ro/css_images/btn_pricebg.gif') 0 0 repeat-x transparent; color:#fff;}

.ol{background:url('http://www.iolo.ro/css_images/btn_ol.gif') 0 0 no-repeat transparent;}
.or{background:url('http://www.iolo.ro/css_images/btn_or.gif') 0 0 no-repeat transparent;}
.oc{background:url('http://www.iolo.ro/css_images/btn_obg.gif') 0 0 repeat-x transparent; color:#fff;}

.yl{background:url('http://www.iolo.ro/css_images/btn_yl.gif') 0 0 no-repeat transparent;}
.yr{background:url('http://www.iolo.ro/css_images/btn_yr.gif') 0 0 no-repeat transparent;}
.yc{background:url('http://www.iolo.ro/css_images/btn_ybg.gif') 0 0 repeat-x transparent; color:#000;}

.cb-prod{width:233px; height:245px; float:left; margin:0 10px 10px 0; border:1px solid #dae0e2; -moz-border-radius:7px; -webkit-border-radius:7px; display:inline;}
.cb-prod .title{width:195px; height:11px; float:left; margin-bottom:3px; padding:12px 12px 5px 12px; color:#000; font:bold 14px/14px Arial; overflow:hidden;}
.cb-prod img{width:150px; height:150px; float:left; margin-left:42px; border:0px; display:inline;}
.cb-prod .det{width:225px; height:11px; float:left; padding:4px; border-bottom:1px solid #eee; font:bold 11px/11px Arial; text-align:right;}
.cb-prod .det a:link{text-decoration:none;}
.cb-prod .det a:visited{text-decoration:none;}
.cb-prod .det a:hover{text-decoration:none;}
.cb-prod .opt{width:223px; height:34px; float:left; padding:5px;}
.cb-prod .opt .cart{height:34px; float:right;}
.cb-prod .opt .price{height:34px; float:left; margin-left:5px; color:#000; font:bold 17px/34px Arial; display:inline;}

/* === */

.raquo{color:#b8feaa;}
.small{font-size:11px; font-family:Arial, sans-serif;}

/* === */

.pages{height:30px; float:right; margin-right:9px; color:#777; display:inline;}
.page{width:auto; height:20px; float:left; font:bold 12px/20px Arial; color:#555; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ccc; margin:4px 2px 0 2px; padding:0px 4px; text-align:center; background-color:#eee;}
.page a:link{color:#555; text-decoration:none;}
.page a:visited{color:#555; text-decoration:none;}
.page a:hover{color:#000; text-decoration:none;}
.page-sel{width:auto; height:20px; float:left; font:bold 12px/20px Arial; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #49830f; margin:4px 2px 0 2px; padding:0px 4px; background-color:#68b01f; text-align:center;}
.page-sel a:link{color:#fff; text-decoration:none;}
.page-sel a:visited{color:#fff; text-decoration:none;}
.page-sel a:hover{color:#fff; text-decoration:none;}

/* === */

.prod-wrapper{float:left;}
.prod-wrapper .thumbs{width:270px; float:left; border:1px solid #dae0e2; -moz-border-radius:7px; -webkit-border-radius:7px;}
.prod-wrapper .thumb{width:250px; height:250px; float:left; margin:10px; display:inline;}
.prod-wrapper .thumb img{width:250px; height:250px; float:left; border:0px;}
.prod-wrapper .xthumbs{width:250px; height:60px; float:left; padding:10px; display:inline; border-top:1px solid #dae0e2;}
.prod-wrapper .xthumbs .arrow{width:14px; height:41px; float:left; margin-top:20px; display:inline; cursor:pointer;}
.prod-wrapper .info{width:433px; float:left; padding-left:20px; display:inline;}
.prod-wrapper .info h1{float:left; display:block; font:bold 21px Arial, sans-serif; color:#444; padding:0px; margin:0px;}
.prod-wrapper .info .desc{width:433px; float:left; font:normal 11px Arial, sans-serif; color:#777; margin-top:10px;}
.prod-wrapper .info .price{width:433px; float:left;}
.prod-wrapper .info .sizes{width:433px; float:left; margin:10px 0; padding-bottom:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.prod-wrapper .info .sizes .title{width:103px; float:left; font-weight:bold; margin-top:10px; line-height:19px;}
.prod-wrapper .info .sizes .tags{width:297px; float:left; margin:5px 0 0 10px; padding:5px 2px 5px 5px;}
.prod-wrapper .info .sizes .ask{width:315px; float:right;}
.prod-wrapper .info .sizes .ask .ask-link{width:315px; float:left;}
.prod-wrapper .info .sizes .ask .ask-title{width:281px; float:left; padding:3px 3px 3px 8px; border:1px solid #e5e5e5; background-color:#faf7aa;}
.prod-wrapper .info .sizes .ask .ask-title .text{float:left;}
.prod-wrapper .info .sizes .ask .ask-title a:link{color:#444; font-weight:bold; text-decoration:none;}
.prod-wrapper .info .sizes .ask .ask-title a:visited{color:#444; font-weight:bold; text-decoration:none;}
.prod-wrapper .info .sizes .ask .ask-title a:hover{color:#444; font-weight:bold; text-decoration:none;}
.prod-wrapper .info .sizes .ask .ask-title a:focus{-moz-outline-style: none;}
.prod-wrapper .info .sizes .ask .ask-content{width:292px; float:left; display:none; border:1px solid #e5e5e5; border-top:0px;}
.prod-wrapper .info .sizes .tags .tag{width:18px; float:left; display:block; padding:3px 5px; border:1px solid #ddd; font:normal 10px/11px Arial; margin:0 3px 0 0; text-align:center; cursor:pointer; background-color:#fff;}
.prod-wrapper .info .sizes .tags .tag-selected{width:18px; float:left; display:block; padding:3px 5px; border:1px solid #b9df65; background-color:#cdeb8b; font:normal 10px/11px Arial; margin:0 3px 0 0; text-align:center; cursor:pointer;}

/* === */
#carousel {
        overflow: hidden;
        position:relative;
        width: 198px;
        height: 60px;
        float:left;
        list-style: none;
}
#carousel ul {
    padding: 0px;
    margin: 0px;
    position:relative;
}
#carousel li {
    display: inline;
    margin:0 6px 0 0;
    padding:0px;
}

#carousel img {
    border: 0px;
}

#carousel_boys {
        overflow: hidden;
        position:relative;
        width: 674px;
        height: 230px;
        float:left;
        list-style: none;
}
#carousel_boys ul {
    padding: 0px;
    margin: 0px;
    position:relative;
}
#carousel_boys li {
    display: inline;
    margin:0 6px 0 0;
    padding:0px;
}

#carousel_boys img {
    border: 0px;
}

#carousel_girls {
        overflow: hidden;
        position:relative;
        width: 674px;
        height: 230px;
        float:left;
        list-style: none;
}
#carousel_girls ul {
    padding: 0px;
    margin: 0px;
    position:relative;
}
#carousel_girls li {
    display: inline;
    margin:0 6px 0 0;
    padding:0px;
}

#carousel_girls img {
    border: 0px;
}

/* === */

.tbl-list{font-family:Tahoma;}
.tbl-list td {height:auto; background-color:#fff;}
.tbl-list tbody tr:hover td{background-color:#ff6868; color:#000;}

/* === */

.collections-carousel{width:726px; height:230px; float:left; display:inline;}
.collections-carousel .arrow{width:14px; height:41px; float:left; margin-top:79px; display:inline; cursor:pointer;}


/* === */
.input-req{color:#f00;}

.moduleRow { }
.moduleRowOver { background-color: #faf8cf; cursor: pointer; cursor: hand; }
.moduleRowSelected {background-color:#FAF7AA;}