/****** RESET GLOBAL ELEMENTS ******/
body, h1, h2, h3, h4, img, p, li, ul { border: 0; margin: 0; padding: 0; }

/****** SET THE BODY STYLES ******/
body { color: #000; font: 12px Tahoma, Geneva, sans-serif; text-align: center; background-image:url(./img/bg_general.jpg); background-repeat:no-repeat; background-attachment:fixed; background-color:#000000; background-position:center;}

/****** GLOBAL ELEMENTS ******/
.clearfloat { clear: both; font-size: 1px; line-height: 0px; height: 0px; }
.blueBar { color: #3e7b94; font-size: 14px; }
.yellowBar { color: #fff200; font-size: 14px; }
.content .btn { background-color: #a7a9ac; border: none; color: #fff; cursor: pointer; overflow: visible; padding: 3px 5px; }
.content .btn:hover { background-color: #818285; border: none; cursor: pointer; }
.btnImportant { background-color: #818285; border: none; color: #fff; cursor: pointer; overflow: visible; padding: 3px 5px; }
.btnImportant:hover { background-color: #a7a9ac; border: none; cursor: pointer; }
.content a.btnCheckout { background: #ef3f37; color: #fff; display: inline-block; font-size: 11px; padding: 2px 8px; text-decoration: none; !important }
.content .btnCheckout:hover { color: #fff; text-decoration: none; !important }

/****** WRAPPER ******/
#wrapper { margin: 0px auto; text-align: left; width: 966px; }

/****** HEADER ******/
#header { background-color: #231f20; height: 96px; padding: 40px 20px 0 20px; }

/****** HEADER ******/
#header .logo { float: left; }

/****** HEADER: BUYER MENU ******/
#header .buyerMenu { color: #fff; float: right; margin: 0 0 0 5px;  }
#header .buyerMenu ul { list-style: none; }
#header .buyerMenu ul li { display: inline; }
#header .buyerMenu .myAccount { background: url(img/star.gif) no-repeat left center; padding-left: 15px;  }
#header .buyerMenu a { color: #fff; text-decoration: none; }
#header .buyerMenu a:hover { color: #fff; text-decoration: underline; } 

/****** HEADER: TOPBANNER ******/
#header .topBanner { color: #fff; float: right; margin: 0 0 0 10px;  }

/****** HOME NAVIGATION ******/
#navHome { clear: both; margin-top: 2px; }
#navHome a:hover { text-decoration: none; }
#navHome ul { list-style-type: none !important; text-align: center; }
#navHome li { float: left; }

#navHome .btnMenuHomeHome { background: url(img/home.jpg) no-repeat center top; display: block; height: 47px; width: 63px; }

#navHome .btnMenuHomePrimi { background: url(img/btnMenuHomePrimiNormal.gif) no-repeat center top; display: block; margin-right: 0px; height: 40px; width: 177px; }
#navHome .btnMenuPrimiNina { background: url(img/primi-nina.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#navHome .btnMenuPrimiNino { background: url(img/primi-nino.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }

#navHome .btnMenuHomeBebe { background: url(img/btnMenuHomeBebeNormal.gif) no-repeat center top; display: block; margin-right: 0px; height: 40px; width: 177px; }
#navHome .btnMenuBebeNina { background: url(img/bebe-nina.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#navHome .btnMenuBebeNino { background: url(img/bebe-nino.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }

#navHome .btnMenuHomeNina { background: url(img/nina.jpg) no-repeat center top; display: block; margin-right: 0px; height: 47px; width: 129px; }
#navHome .btnMenuHomeNino { background: url(img/nino.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#navHome .btnMenuHomeHogar { background: url(img/hogar.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }

/****** CONTENT ******/
#contentHome { float: left; width: 966px; margin-top: 2px; }

/****** FOOTER ******/
.footer { background: #231f20 url(img/logoOFFCORSSFotter.gif) no-repeat 825px center; clear: both; color: #fff; height: 60px; }
.footer a { color: #fff; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer p { font-size: 11px; padding: 25px 0 0 30px; }

/****** NAVIGATION ******/
#nav { background-color: #231f20; clear: both; height: 47px; width: 966px; }
#nav ul { list-style-type: none; text-align: center; }
#nav li { float: left; }
#nav .btnMenuHome { background: url(img/home.jpg) no-repeat center top; display: block; height: 47px; width: 63px; }

#nav .btnMenuPrimi { background: url(img/btnMenuPrimiNormal.gif) no-repeat center top; display: block; height: 40px; width: 177px; }
#nav .btnMenuPrimiNina { background: url(img/primi-nina.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#nav .btnMenuPrimiNino { background: url(img/primi-nino.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }

#nav .btnMenuBebe { background: url(img/btnMenuBebeNormal.gif) no-repeat center top; display: block; height: 40px; width: 177px; }
#nav .btnMenuBebeNina { background: url(img/bebe-nina.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#nav .btnMenuBebeNino { background: url(img/bebe-nino.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }

#nav .btnMenuNina { background: url(img/nina.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#nav .btnMenuNino { background: url(img/nino.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }
#nav .btnMenuHogar { background: url(img/hogar.jpg) no-repeat center top; display: block; height: 47px; width: 129px; }

/****** WORLD TITLE ******/
.worldTitle { clear: both; height: 36px; width: 966px; }

/****** CONTAINERS ******/
.containerContent { background: url(img/lineDottedGray.gif) repeat-y 169px 0; float: left; margin-bottom: 10px; width: 966px; }
.containerContentGeneral { margin-bottom: 10px; padding: 15px; width: 936px; }
.containerContentGeneral p { font-size: 12px; }
.containerContentGeneral h2 { color: #ef3f37; font-size: 22px; font-weight: normal; margin-bottom: 10px; }
.worldNav { float: left; width: 170px; }
.content { float: left; width: 796px; }
.content a { color: #02afef; text-decoration: none; }
.content a:hover { color: #02afef; text-decoration: underline; }

/****** WORLD NAVIGATION ******/
.worldNav .menuCat { font-size: 12px; text-transform: capitalize; }
.worldNav .menuCat:first-letter { text-transform: capitalize; }
.worldNav .mnCategories { margin: 5px 0 5px 13px; }
.worldNav .mnCategories table td a { font-size: 11px; text-transform: capitalize; }
.worldNav .mnCategories table td a:first-letter { text-transform: capitalize; }
.worldNav .accordion { margin: 10px 5px; }
.worldNav .headerAccordion { background: url(img/bgHeaderAccordion.gif) no-repeat left center; cursor: pointer; padding-left: 13px; }
.worldNav .headerAccordion a { color: #000; !important }
.worldNav .headerAccordion a:hover { color: #000; text-decoration: underline; !important }
.worldNav .headerAccordionSelected { background: url(img/bgHeaderAccordionSelected.gif) no-repeat left center; cursor: pointer; padding-left: 13px; }
.worldNav .headerAccordionSelected a { color: #000; !important }
.worldNav .headerAccordionSelected a:hover { color: #000; text-decoration: underline; !important }
.worldNav a.btnCheckout { background: #ef3f37; color: #fff; display: inline-block; font-size: 11px; padding: 2px 8px; text-decoration: none; margin-left:25px; !important }
.worldNav .btnCheckout:hover { color: #fff; text-decoration: none; !important }

/****** WORLD NAVIGATION ******/
.bannerWorld { height: 41px; width: 170px; }

/****** SEARCH ******/
.search { font-size: 14px; height: 20px; margin-top: 30px; width: 796px; }
.search .shortBy { float: left; margin-left: 10px;  }
.search .pagination { color: #818285; float: right; }
.search .pagination a { text-decoration: none; }
.search .pagination a:hover { text-decoration: underline; }

/****** LOADER ******/
.loader { height: 15px; }

/****** PRODUCT SUMMARY ******/
.productList { clear: both; margin-left: 10px; padding: 10px 0; }
.productList ul { list-style: none; }
.productList ul li { float: left; width: 257px; margin: 0 5px 10px 0; }
.productImg { border: 1px solid #ebecee; height: 292px; margin-bottom: 5px; width: 257px; text-align:center;}
.productImg input { max-width:257px; max-height:292px; }
.productSummaryDec { color: #818285; float: left; font-size: 14px; width: 257px; }
.productSummaryDec .productReference { float: left; }
.productSummaryDec .colorPalettes { float: right; }
.productSummaryDec .colorPalettes a { float: left; margin-right: 10px; }
.productSummaryDec .colorPalettes a:last-child { margin-right: 0; }
.productSummaryDec .colorPalettes .color { height: 20px; width: 20px; }
.productSummaryDec .colorPalettes .blue { background-color: #00aeef; }
.productSummaryDec .colorPalettes .orange { background-color: #f7941e; }
.productSummaryDec .colorPalettes .yellow { background-color: #fff200; }
.productSummaryType { color: #818285; float: left; font-size: 14px; width: 257px; }
.productSummaryType .productType { float: left; }
.productSummaryType .productPrice { float: right; }
.productSummaryType .overrideDiscount { float: right; text-decoration: line-through}
.productSummaryType .priceWarning { float: right; font-size:10px;}

/****** SITEMAP ******/
.sitemap { border-top: 1px solid #ccc; float: left; margin-bottom: 20px; padding: 10px 40px 0; width: 885px; }
.sitemap .item { float: left; width: 290px; }
.sitemap .item h3 { color: #231f20; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.sitemap .item ul { color: #58585a; font-size: 13px; list-style-type:none;}
.sitemap .item ul a { color: #02afef; text-decoration: none; }
.sitemap .item ul a:hover { color: #02afef; text-decoration: underline; }

/****** PRODUCT DETAIL ******/
.productImgDetailContainer { border: 1px solid #ccc; margin-right: 10px; width: 435px; text-align: center; }
.productImgDetail { margin-bottom: 20px; }
.productImgDetail img { border: 1px solid #ccc; }
.productImgDetail .btn { display: block; margin-top: 10px; float: left;  }
.productDescription { color: #818285; float: left; font-size: 14px; margin-bottom: 40px; width: 341px; }
.productDescription h2 { font-size: 24px; font-weight: normal; margin-bottom: 15px; }
.productDescription .description { margin-bottom: 20px; text-transform: lowercase; text-align:justify; margin-right:10px;}
.productDescription .description:first-letter { text-transform: capitalize; }
.productDescription .btn { display: block; margin-top: 10px;  }
.productDescription table td { padding: 2px; }
.productDescription table .tableTD { width: 100px; }
.productDescription .overrideDiscount{ text-decoration:line-through;}
.productDetailReference { background: #d1d2d4; padding: 15px; }
.productDetailType { background: #e7e7e8; padding: 15px; }
.productImages { background-color:#d1d2d4; height: 129px; }
.productImages .slider { margin-left:8px; }
.titleImagenesProducto { background: url(img/titleImagenesProducto.gif) no-repeat center top; float: left; height: 33px; width: 198px; }
.titleGuiaTallas { background: url(img/titleGuiaTallas.gif) no-repeat center top; float: right; height: 33px; width: 141px; }
.titleGuiaTallas a { display: block; height: 33px; width: 141px; }
.titleGuiaTallas a:hover { text-decoration: none; }
.productDetail { margin-top:-45px;}
.crossReferenceProducts { height:150px;}
.crossReferenceProducts .crossedReferenceContainer { height: 92px; background-color:black;}
.crossReferenceProducts .crossedReferenceContainer .slider{ clear: both; margin-left:10px; }
/****** SHOPPING CART ******/
.shoppingCart { background: url(img/iconShoppingCart.png) no-repeat left center; color: #7d7e81; float: right; height: 26px; padding: 6px 30px 0 50px; }
.shoppingCart span { padding-right: 13px; }
.shoppingCart a { color: #818285; font-weight: bold; text-decoration: none; }
.shoppingCart a:hover { color: #818285; font-weight: bold; text-decoration: underline; }

/****** RELATIVE PRODUCTS ******/
.relativeProducts { clear: both; margin: 15px 0 0 6px; width: 780px; }
.relativeProducts .contentRelativeProducts .items ul { list-style: none; }
.relativeProducts .contentRelativeProducts .items ul li { display: inline; }
.relativeProducts .contentRelativeProducts .items ul li img { border: 1px solid #909093; display: inline; }
.relativeProducts .title { height: 36px; width: 780px; }
.relativeProducts .contentRelativeProducts { padding: 12px 0 0 15px; height: 143px; width: 765px; }

/****** CHECKOUT STEPS ******/
.checkoutSteps { font-size: 11px; padding: 0 15px 15px; }
.checkoutSteps .intro { border-bottom: 1px solid #e7e7e7; margin-bottom: 15px; padding-bottom: 15px; }
.checkoutSteps h3 { color: #ef3f37; font-size: 14px; }
.checkoutSteps ul { list-style: none; margin: 15px 0; }
.checkoutSteps ul li { margin-bottom: 5px; text-align:left;}
.checkoutSteps ul li span { color: #fff; margin: 0 10px 0 -13px; }
.checkoutSteps ul .stepActive { background: url(img/bgStepActive.gif) no-repeat left center; height: 15px; padding-left: 17px; }
.checkoutSteps ul .stepNormal { background: url(img/bgStepNormal.gif) no-repeat left center; color: #525252; height: 15px; padding-left: 17px; }

/****** CHECKOUT ******/
.checkoutContent { margin: 30px 15px; } 
.checkoutContent h2 { color: #ef3f37; font-size: 22px; font-weight: normal; margin-bottom: 10px; }
.checkoutButtons { text-align: right; }
.pagerLinks { text-align: center; }
.emptyMessage { color: #ef3f37; font-size: 11px; font-weight: bold; margin-bottom: 15px; text-align: center; }
.chkAgree { font-size: 11px; }

/****** PRODUCTS TABLE ******/
.productsTable { clear: both; font-size: 11px; margin-bottom: 5px; width: 100%; }
.productsTable .editShoppingCart { font-size: 11px; font-weight: normal; text-align: right; }
.productsTable img { height: 34px; width: 34px; }
.productsTable h4 { color: #02afef; font-size: 13px; font-weight: bold; }
.productsTable a { color: #02afef; text-decoration: none; }
.productsTable a:hover { color: #02afef; text-decoration: underline; }
.productsTable td { padding: 10px; vertical-align: center; }
.productsTable th { color: #000 !important; font-size: 13px; padding: 6px; text-align: left; }
.productsTable tbody td, .productsTable thead th { border-bottom: 1px solid #e7e7e7; }
.productsTableTotals { font-size: 11px; margin: 0 0 15px 366px; width: 236px; }
.productsTableTotals .totalPrice { color: #ef3f37; }
.productsTableTotals td { padding: 3px; text-align: right; }
.productsTableTotals td span { font-weight: bold; }

/****** CHECKOUT ADDRESS ******/
.checkoutContent .menuAddress { border-bottom: 1px solid #e7e7e7; float: left; font-size: 11px; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
.checkoutContent .similarAddress { float: left; width: 50%; }
.checkoutContent .addAddress { float: left; text-align: right; width: 50%; }
.checkoutContent .addAddress a { color: #02afef; text-decoration: none; }
.checkoutContent .addAddress a:hover { color: #02afef; text-decoration: underline; }
.checkoutContent ul { clear: both; font-size: 11px; list-style: none; }
.checkoutContent ul li { border-bottom: 1px solid #e7e7e7; float: left; margin-bottom: 10px; padding-bottom: 10px; width: 100%; }
.checkoutContent ul li .itemAddress { float: left; width: 50%; }
.checkoutContent ul li .itemAddress h4 { color: #000; font-size: 13px; font-weight: bold; }
.checkoutContent ul li .itemSelectAddress { float: left; text-align: right; width: 50%; }

/****** CHECKOUT CONFIRMATION ******/
.confirmationAddresses .topConfirmationAddresses { border-bottom: 1px solid #e7e7e7; float: left; margin: 10px 0; padding-bottom: 5px; width: 100%; }
.confirmationAddresses .topConfirmationAddresses .title { float: left; font-size: 13px; font-weight: bold; width: 50%; }
.confirmationAddresses .topConfirmationAddresses .edit { float: left; font-size: 11px; text-align: right; width: 50%; }
.confirmationAddresses ul { clear: both; }
.confirmationAddresses ul li { border-bottom: none; display: inline; width: 310px; }
.confirmationAddresses ul li span.subtitle { color: #58585a; display: block; font-weight: bold; margin-bottom: 5px; }

/****** MODAL ******/
.bannerTalla { height: 230px; margin: 0 20px 0 0; width: 164px; } 
.modalBackground { -moz-opacity: 0.7 -khtml-opacity: 0.7; background-color: gray; filter: alpha(opacity=70); opacity: 0.7; }
.ModalWindow { background-color: #fff; border-color: #000; border-style: solid; border-width: 0 1px 1px 1px; text-align: left; }
.ModalWindow .topModalWindow { background: #000 url(img/logoOFFCORSSFotter.gif) no-repeat 10px 15px; height: 65px; }
.ModalWindow .topModalWindow .btnCloseModal { background: url(img/bgCloseModal.png) no-repeat center top; display: block; float: right; height: 21px; margin: 20px 15px 0; text-decoration: none; width: 21px; }
.ModalWindow .topModalWindow .btnCloseModal:hover { text-decoration: none; }
.ModalWindow .contentModalWindow { border-color: #000; border-style: solid; border-width: 0 10px 10px 10px; clear: both; padding: 15px; }
.ModalWindow .contentModalWindow ul { list-style: none; font-size: 11px; margin-top: 15px; }
.ModalWindow .contentModalWindow ul li { border-bottom: none; margin-bottom: 7px; padding-bottom: 0; }
.ModalWindow .contentModalWindow ul li input, .ModalWindow .contentModalWindow ul li textarea { width: 260px; border: 1px solid #e7e7e7; }
.ModalWindow .bottomModalWindow { background: url(img/bgBottomModalWindow.gif) no-repeat center top; clear: both; height: 36px; padding: 0 15px; width: 295px; }
.ModalWindow .bottomModalWindow p { line-height: 36px; }
.ModalWindow .bottomModalWindow p a { color: #02afef; text-decoration: none; }
.ModalWindow .bottomModalWindow p a:hover { color: #02afef; text-decoration: underline; }
.ModalWindow .messageModalWindow { font-size: 12px; padding: 10px 0; }
.ModalWindow .messageModalWindow img { display: inline; margin-top: 15px; }

.ModalWindowDetails { background-color: #fff; border: none; text-align: left;}
.ModalWindowDetails .topModalWindow { background: url(img/bgTopModalWindow.gif) repeat-x left top; height: 36px; width: 640px; }
.ModalWindowDetails .topModalWindow .btnCloseModal { background: url(img/bgCloseModal.png) no-repeat center top; display: block; float: right; height: 11px; margin: 13px 15px 0; text-decoration: none; width: 27px; }
.ModalWindowDetails .topModalWindow .btnCloseModal:hover { text-decoration: none; }
.ModalWindowDetails .contentModalWindow { clear: both; padding: 15px;  overflow-y:scroll; height:378px;}
.ModalWindowDetails .contentModalWindow ul { list-style: none; font-size: 11px; margin-top: 15px; }
.ModalWindowDetails .contentModalWindow ul li { border-bottom: none; margin-bottom: 7px; padding-bottom: 0; }
.ModalWindowDetails .contentModalWindow ul li input, .ModalWindow .contentModalWindow ul li textarea { width: 260px; border: 1px solid #e7e7e7; }
.ModalWindowDetails .bottomModalWindow { background: url(img/bgBottomModalWindow.gif) repeat-x center top; clear: both; height: 36px; padding: 0 15px; width: 610px; }
.ModalWindowDetails .bottomModalWindow p { line-height: 36px; }
.ModalWindowDetails .bottomModalWindow p a { color: #02afef; text-decoration: none; }
.ModalWindowDetails .bottomModalWindow p a:hover { color: #02afef; text-decoration: underline; }
.ModalWindowDetails .messageModalWindow { font-size: 11px; padding: 30px 0; text-align: left; }
.ModalWindowDetails .messageModalWindow img { display: inline; margin-top: 15px; }
.progress{ display: block;position: absolute;    padding: 2px 3px;}
.container{    border: solid 1px #808080;    border-width: 1px 0px;}
.header{    background: url(img/sprite.png) repeat-x 0px 0px;    border-color: #808080 #808080 #ccc;    border-style: solid;    border-width: 0px 1px 1px;    padding: 0px 10px;    color: #000000;    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}
.scrollable  {
height:80px;
overflow:hidden;
position:relative;
width:243px;
margin:5px;
}
.scrollable .items {
clear:both;
position:absolute;
width:20000em;
}
.scrollable input {
-moz-border-radius:4px 4px 4px 4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
cursor:pointer;
float:left;
height:55px;
margin:10px 5px 10px 10px;
padding:2px;
width:60px;
}
.scrollable .active {
border:2px solid #000000;
position:relative;
z-index:9999;
}
.scrollable {
float:left;
}
a.browse {
background:url("img/scrollable/arrow/hori_large.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:32px 10px;
width:30px;
}
a.right {
background-position:0 -30px;
clear:right;
margin-right:0;
}
a.right:hover {
background-position:-30px -30px;
}
a.right:active {
background-position:-60px -30px;
}
a.left {
margin-left:0;
}
a.left:hover {
background-position:-30px 0;
}
a.left:active {
background-position:-60px 0;
}
a.up, a.down {
background:url("img/scrollable/arrow/vert_large.png") no-repeat scroll 0 0 transparent;
float:none;
margin:10px 50px;
}
a.up:hover {
background-position:-30px 0;
}
a.up:active {
background-position:-60px 0;
}
a.down {
background-position:0 -30px;
}
a.down:hover {
background-position:-30px -30px;
}
a.down:active {
background-position:-60px -30px;
}
a.disabled {
visibility:hidden !important;
}

.ajax__calendar_container td { padding: 0; vertical-align: inherit; }
.ajax__calendar_container th { color: #000 !important; font-size: 13px; padding: 0; text-align: inherit; }
.ajax__calendar_container tbody td, .ajax__calendar_container thead th { border-bottom: none; }

.productImg, .productImgDetailContainer {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.productImg *, .productImgDetailContainer * {
	vertical-align: middle;
}

/* IE/Mac \*//*/
* html .productImg, * html .productImgDetailContainer {
	display: block;
	line-height: 0.6;
}
* html .productImg span, * html .productImgDetailContainer span {
	display: inline-block;
	height: 100%;
	width: 1px;
}
/**/
.containerProductImg .productImg {
	width: 257px;
	height: 292px;
}
/* Op7+ */
.containerProductImg, .productImgDetail {
	border-collapse: collapse;
}