/* --------------------------------------------------------------- */
/* Modules Styles includes latest news, news, faqs, links, content */
/*						   services, gallery, sitemap, text legal  */
/* --------------------------------------------------------------- */

/* = TITLE BOX
---------------------------------------------------------
*/
.title-box{
	float:left;
	width:100%;
	height:74px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-size:1.5em;
	margin:0 0 1em;
}
.title-box h2{
	margin:0;
}
.title-box p{
	margin:0 !important;
}

/* = END TITLE BOX
---------------------------------------------------------
*/
/* = SUBTITLE BOX
---------------------------------------------------------
*/
.subtitle-box{
	float:left;
	width:100%;
	position:relative;
	margin-top:20px;
	margin-bottom:10px;
}
.subtitle-box h3{
	text-transform: uppercase;
	padding:0 0 0 50px;	
	color:#FFF;
	background:#3B3B3B;
}
.subtitle-box h3.girl {
	line-height:24px;
}
.subtitle-box h3.boy {
	color:#d42f43;
}
.subtitle-box h3.accessory {
	background:url(../images/common/pics/boyandgirl.gif) no-repeat;
	color:#FFF;
}
.subtitle-box p{
	padding:0 0 0 50px;	
}
.subtitle-box li a {
	padding:0 10px 0 0;
	display:inline;
	background:url(../images/common/icons/arrow-small.gif) no-repeat 100% 50%	
}

.subtitle-box ul.small-categ-list {
	position: absolute;
	top:5px;
	right:10px;
}
.subtitle-box ul.small-categ-list li{
	float:right;
	margin:25px 5px 0 5px;
}
.subtitle-box ul.small-categ-list a.current{
	position: absolute;
	top:0;
	right:5px;
	background:none;
	text-transform: uppercase;
}

/* = END SUBTITLE BOX
---------------------------------------------------------
*/
/* = CATALOG LIST
---------------------------------------------------------
*/

.caltalog-list{
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	width:832px;
}
.caltalog-list ul{
	margin:0;
}
.caltalog-list li{
	float:left;
	margin:2px 2px 10px 2px;
	display: block;
	width:204px;
}
.caltalog-list li *{display:block;float:left;clear:left;}
.caltalog-list span.text{
	display:block;
	width:204px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	text-align:center;
	background:#3B3B3B;
	margin:0 0 4px;
	text-transform:uppercase;		
}
.caltalog-list img{
	margin:0 0 4px;
}
.caltalog-list span.buy{
	background: url(../images/common/icons/put-in-cart.gif) no-repeat 100% 50%;
	text-indent:-9000px;
	overflow:hidden;
	padding:0 25px 0 0;
	width:171px;
	text-align:right;
	cursor:pointer;	
}
/* = END CATALOG LIST
---------------------------------------------------------
*/
/* = CONTENT MODULE
---------------------------------------------------------
*/
.content-module{
	overflow:hidden;
	width:600px;
	margin:0 auto 1em;
}
/* = END CONTENT MODULE
---------------------------------------------------------
*/
/* = SINGLE PRODUCT
---------------------------------------------------------
*/
.single-product{
	background:#565255;
}
 .single-product h4{
	text-transform: uppercase;
	background:#3B3B3B;
	font-size:1.1em;
	margin:0 !important;
	line-height:inherit;
	padding:2px;
}
.single-product img{

	float:left;
	margin:0;
}
.single-product ul{
	width:180px;
	float:right;
	margin: 10px 10px 0 0;
	color:#FFF;
}
.single-product li{
	float:left;
	width:180px;
	clear:left;
}
.single-product ul label{
	width:70px;
	text-align:left;
	text-transform:uppercase;
	color:#D0D0D0;
	font-weight:normal;
	margin:0 !important;
}
.single-product ul label.inline{
	display:inline !important;
	float:none;
	padding:0 5px 0 0;
	width: inherit !important;
}
.single-product ul span.description{
	display:block;
	float:left;
	width:100%;
	clear:left;
	margin:0 0 1em;
}
.single-product ul select{
	width:90px;
	padding:0;
	margin:0 0 0.3em;
	float:right;
	font-size:1.2em;
}
.single-product ul input{
	width:50px;
	padding:0;
	margin:0 0 0.3em;
	float:right;
	font-size:1.2em;	
}

.single-product a.btn-buy02{
	float:right;
	cursor:pointer;
	text-align:right;
	padding:2px 25px 2px 3px;
	margin:20px 0 0 0;
	background:#3B3B3B url(../images/common/icons/bg-button-addtocart.gif) no-repeat 100% 50%;
	text-transform: uppercase;
	color:#FFF;
	border:1px solid #D0D0D0;
	font-size:0.9em;
}

ul.pattern-list{
	width:90px;
	clear:none;
	float:right;
	margin: 0 0 1em;
	color:#FFF;
}
ul.pattern-list li, ul.pattern-list img{
	float:left;
	clear:none;
	margin:0 5px 5px 0;
	width:25px;
	height:25px;
}
ul.pattern-list img{margin:0;border:0 !important}

/* = SINGLE PRODUCT
---------------------------------------------------------
*/
/* = NEXT AND PREVIOUS LIST
---------------------------------------------------------
*/
ul.prev-next-list{
	float:left;
	width:100%;
	color:#FFF;
	background:#3B3B3B;
	margin:0;
	line-height:20px;
}
ul.prev-next-list li{line-height:20px;}
ul.prev-next-list li.prev {float:left;padding:0 0 0 53px;width:200px;}
ul.prev-next-list li.prev a{
	float:left;
	padding:0 0 0 10px;	
	background: url(../images/common/icons/arrow-small-back.gif) no-repeat 0 50%;
}
ul.prev-next-list li.next {float:right;padding:0 53px 0 0;width:200px;}
ul.prev-next-list li.next a{
	float:right;
	padding:0 10px 0 0;	
	background: url(../images/common/icons/arrow-small.gif) no-repeat 100% 50%;
}
/* = END NEXT AND PREVIOUS LIST
---------------------------------------------------------
*/
/* = GENRE LIST
---------------------------------------------------------
*/
ul.genre-list {
	margin:0 auto;
	text-align:left;
	width:100%;
}
ul.genre-list li img.logo { margin-right:160px;}

ul.genre-list li {
   margin-bottom:10px;
}

ul.genre-list li img.logo{
    border:0 !important;
}
/*
.genre-list a{
    float:left;
    display: block;
    width:300px;
    height:485px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    padding:3px 0 0 0;
    font-size:1.3em;
}
.genre-list a.accessories{
    width:60px;
    height:473px;
    margin:2px 0 0 0;
    background-position: 0 50%;
    background-color: #322d3a ;
    background-repeat: no-repeat;
}
.es .genre-list a.accessories{
    background-image:url(../images/common/thumbs/accessories-pag01-es.gif);
}
.en .genre-list a.accessories{
    background-image:url(../images/common/thumbs/accessories-pag01-en.gif);
}
.it .genre-list a.accessories{
    background-image:url(../images/common/thumbs/accessories-pag01-it.gif);
}
.genre-list a:hover.accessories{
    background-position: -60px 50%;
}
.genre-list a span{
    display:block;
    float:left;
    width:100%;
    margin:0 0 4px;
}
.genre-list a.boys span{
    color:#d42f43;
    background:#2c2f36;
}
.genre-list a.girls span{
	color:#2c2f36;
	background:#d42f43;
}
.genre-list a.accessories span{
    display:none;
}
.genre-list a:hover{
    text-decoration:none !important;
    color:#FFF !important;
}
.genre-list a:hover span, .genre-list a:hover img{
    color:#FFF !important;
    cursor:pointer;   
}
*/
/* = END GENRE LIST
---------------------------------------------------------
*/
/* = CATEGORY LIST
---------------------------------------------------------
*/
.category-list{
	margin:0 auto 30px;
	overflow:hidden;
	position:relative;
	width:618px;
}
.category-list img{
	float:left;
	width:610px;
	height:430px;
}

.category-list ul{
	position:absolute;
	top:34px;
	left:70px;
}
.category-list li{
	float:left;
	padding:2px;
	margin-bottom:10px;
}
.category-list a{
	float:left;
	display: block;
	text-transform:uppercase;
	margin-right:10px;
	display:inline;
	color:#D5D3D6 !important;
}
.category-list a:hover{
	color:#FFF !important;
	text-decoration:none;
}
.category-list span.text{
	display:block;
	float:left;
	width:146px;
	background:#3B3B3B;
	text-align:center;
	padding:3px 0;
	margin:0 0 4px;	
	font-weight:normal;	
	cursor:pointer;
	
}
.category-list span img{
	display:block;
	float:left;
	clear:left;
	width:138px;
	height:138px;
	border:4px solid #2b546a;
	cursor:pointer;

}


/* = END CATEGORY LIST
---------------------------------------------------------
*/
/* = BASKET TABLE
---------------------------------------------------------
*/

.tbl-basket{
	width:100%;
	float:left;
	border:0;
	margin:20px 0;
}
.tbl-basket th{
	color:#FFF;
	text-transform:uppercase;
	padding:2px 5px;
	background:#2c2f36;
	text-align:center;
}
.tbl-basket td{
	padding:7px 5px;
	text-align:center;
	vertical-align: middle;
	background:#565255;
	border-bottom:1px solid #676266;
}
.tbl-basket th.number, .tbl-basket td.number{
	text-align: right;
}
.tbl-basket th.text, .tbl-basket td.text{
	text-align:center;
}
.tbl-basket td input{
	width:30px;
	margin:0 auto;
	float:none;
	font-size:1.2em;
	text-align:center;
}

.tbl-basket tr.colored-row {
	background:#36829c;
}
.tbl-basket tr.total-row{
	color:#FFF;
	text-transform:uppercase;
	background:#2c2f36;
	font-weight:bold;
	font-size:1.1em;
}
.tbl-basket tr.total-row td{
	padding:10px 5px 2px 5px;
	white-space:nowrap;
	background:url(../images/common/backgrounds/double-border.gif) repeat-x;
}
a.btn-erase{
	display:block;
	width:20px;
	height:20px;
	margin:0 auto;
	text-indent:-9000px;
	overflow: hidden;
	background:url(../images/common/icons/icon-trash.gif) no-repeat;
}
.color-code{
	float:left;
	line-height:25px;
}
.color-code img{
	float:left;
	margin: 0 5px 0 0;
	height:25px;
	width:25px;
}
/* = END BASKET TABLE
---------------------------------------------------------
*/
/* = BASKET SUMMARY
---------------------------------------------------------
*/
.basket-summary{
	float:left;
	width:100%;
	margin: 1em 0;
}
.basket-summary h3{
	text-align:center;
}
.basket-summary ul{
	margin:0 0 1em;
	float:left;
	width:100%
}
.basket-summary p{
	text-align:center;
}

/* = END BASKET SUMMARY
---------------------------------------------------------
*/
/* = AUXILIAR FOOTER TOKENS
---------------------------------------------------------
*/
.footer-btns{
	float:left;
	width:100%;
	text-align:right;
	clear:left;
}
.footer-notes{
	float:left;
	width:100%;
	border-top:4px solid #dfdfdf;
	padding:10px 0;
}
/* = END AUXILIAR FOOTER TOKENS
---------------------------------------------------------
*/

/* = PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/
a.more{
	padding:0 0 0 15px;
	background:   no-repeat 0 50%;
}
a.btn-pdf{
	padding:0 0 0 18px;
	background: url(../images/common/icons/pdf.gif) no-repeat 0 50%;
}
a.btn-word{
	padding:0 0 0 18px;
	background: url(../images/common/icons/word.gif) no-repeat 0 50%;
}
.img-left{
	float:left;
	margin:3px 10px 10px 0;
	border:1px solid #63695c;
}
.img-right{
	float:right;
	margin:3px 0 10px 10px;
	border:1px solid #63695c;
}
#header a.btn-magazines{
	position:absolute;
	top:128px;
	left:137px;
	width:163px;
	height:30px;
	overflow:hidden;
	line-height:30px;
	text-transform:uppercase;
	text-align:center;
	z-index:10;
	background:url(../images/common/pics/btn01.gif) no-repeat;
	color:#c5d7da;
	font-weight:bold;
}
#header a.btn-magazines:hover{
	color:#FFF;
	text-decoration:none;
}

a.btn-return, a.btn-return:visited{
	padding:2px 25px 2px 3px;
	line-height:20px;
	background: #dc293e url(../images/common/icons/bg-button-continue.gif) no-repeat 100% 50%;
	text-transform: uppercase;
	border:1px solid #bdcdcd;
	font-size:0.9em;
}
a.btn-end, a.btn-end:visited{
	padding:2px 25px 2px 3px;
	line-height:20px;
	background: #2a2f35 url(../images/common/icons/bg-button-endcart.gif) no-repeat 100% 50%;
	text-transform: uppercase;
	border:1px solid #bdcdcd;
	font-size:0.9em;	
}
a.btn-help{
	padding:0 0 0 18px;
	background:  url(../images/common/icons/icon-info.gif) no-repeat 0 50%;
}
a.btn-print{
	padding:0 0 0 18px;
	background: url(../images/common/icons/icon-print.gif) no-repeat 0 50%;
}
/* = END PSEUDO-MICROFORMATS (inside spans)
---------------------------------------------------------
*/
