﻿/*↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨
name: containers
description: style for containers
version: 1.0
author: MASS DIGITAL
email: diego.rubiano@mass.com.co
website: http://www.mass.com.co
date: April 30 - 2010
↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨*/
.mainHeader
{
    width:980px;
    height:104px;
    margin:0 auto; 
}
.mainHeader .top
{
    height:44px;
}
.mainHeader .top .logoContainer
{
    width:20%;
    float:left;
    margin-left:36px;
    margin-top:15px;
}
.mainHeader .top .menuType01
{
	float:right;
	margin-top:17px;
	width:75%;
}
.mainHeader .bottom
{
}

.sitemap
{
    width:99%;
    padding-left:1%;
}
div.search
{
    height:20px;
    position:relative; 
}

div.search input.search
{
    margin-top:2px;
    padding:0; 
}
div.search{
    padding-top:2px;
    
}

/*organizacion menu top styles*/
.menu-organizacion
{
    /*menu.css*/    
}
/*end of organizacion menu top styles*/
/*organizacion menu corporativo top styles*/
.menu-organizacion
{
    /*menu.css*/    
}
/*end of organizacion menu corporativo top styles*/
.mainBody
{
    width:980px;
    border-left: solid 1px #c6c6c6;
    border-right: solid 1px #c6c6c6;
    background-color:#ffffff;
    margin:0 auto;
    position:relative;
}
.mainBody .innerWrap {
    padding:14px 7px;
    width:966px;
}
.bodyMenu
{
    background-color:#FFFFFF;
    border-left:1px solid #C6C6C6;
    border-right:1px solid #C6C6C6;
    margin:0 auto;
    width:980px;
}
.mainFooter
{
    width:980px;
    margin:0 auto;
    border-left: solid 1px #c6c6c6;
    border-right: solid 1px #c6c6c6;
    border-bottom: solid 1px #c6c6c6;
    background-color:#ffffff;
    padding-top:20px;
}
/*corona footer*/

.mainFooter .coronaFooter
{
    width:95%;
    border-top:solid 1px #e1e1e1;
    margin:0 auto;
    
}
/*
.containerType01
{
    width:40%;
}*/
/*.containerType02
{
    width:53%;   
}*/
.subscribe-corona
{
    background:url("../Images/Bgs/bgSubscribeBar.png") repeat-x scroll left top transparent;
    height:23px;
    padding-right:11px;
    padding-top:4px;
    text-align:right;
}
/*contact*/
.contactContainer
{
    margin:0 auto;
    width:90%;
}
.contactContainer .info
{
    width:50%;
}
.contactContainer .form
{
    width:48%;
    background:url("../Images/Bgs/bgFormType01.png") repeat-y scroll left top transparent;
    min-height:200px;
    padding-left:2%;
}
.contactContainer .infoAt40
{
    width:36%;
}
.contactContainer .formAt60
{
    width:58%;
    background:url("../Images/Bgs/bgFormType01.png") repeat-y scroll left top transparent;
    min-height:200px;
    padding-left:2%;
}
/*register*/
.registerContainer
{
    margin:0 auto;
    width:90%;
}
.registerContainer .info
{
    width:50%;
}
.registerContainer .form
{
    width:48%;
    background:url("../Images/Bgs/bgFormType01.png") repeat-y scroll left top transparent;
    min-height:200px;
    padding-left:2%;
}

.registerContainer .infoAt40
{
    width:36%;
}
.registerContainer .formAt60
{
    width:58%;
    background:url("../Images/Bgs/bgFormType01.png") repeat-y scroll left top transparent;
    min-height:200px;
    padding-left:2%;
}

/*end*/

/*--------------------------------*/
/*----------CATALOG---------------*/
/*--------------------------------*/
.productCategories
{
    width:20%;  
}
.productDetails
{
    border-left:1px solid #E1E1E1;
    padding:0 0 0 0.9%;
    width:78.5%;
    position:relative;
}
.categoryName
{
    background-color:#136DA3;
    height:25px;
    margin-bottom:5px;
    width:100%;    
}

.utilitiesContainer
{
    width:100%;    
}
.filtersContainer
{
    width:98%;
    margin:0 auto; 
    text-align:right;
}

/*catalog items*/

.itemsContainer
{
    width:100%;
    margin:0 auto;    
}
.itemsContainer .row
{
    padding:0 0 15px 0;
    width:100%;
}
.itemsContainer .row .itemList
{
    margin:0 auto;
    padding:0 0;
    width:100%;
}
.toGray
{
    background-color: #fff;
}
.itemsContainer .row .item
{
    float:left;
    margin-bottom:15px;
    position:relative;
    width:25%;
}

.itemsContainer .row .item .imgContainer
{
    border:1px solid #DADADA;
    height:220px;
    margin:0 auto;
    overflow:hidden;
    width:160px;
    position:relative;
}
.itemsContainer .row .item .imgContainer img
{
    /*width:118px;*/
    border:none;
}

.itemsContainer .row .item .detailsContainer
{
    padding-left:17px;
}

.colorsContainer div
{
     width:30px;
     height:20px;    
     float:left;
     margin:0px 2px;
     border:solid 1px;
}
.productDetail
{
    border-top:solid 1px #e1e1e1;    
    padding-top:20px;
    margin-top:25px;
    width:100%;
}
.productDetail .images
{
    width:45%;
}
.productDetail .images .mainImgContainer
{
    background-color:#FFFFFF;
    border:1px solid #E1E1E1;
    height:455px;
    overflow:hidden;
    width:331px;
    position:relative;
}
.productDetail .images .complementaryImages
{
    width:322px;
}

.productDetail .images .complementaryImages .item
{
    width:auto;
    float:left;
    margin:3px;
    overflow:hidden;
    /*width:53px;*/
    border:solid 1px #e1e1e1;
    background-color:#ffffff;
}


.productDetail .description
{
    background: none repeat scroll 0 0 #F7F7F7;
    padding: 3px 1%;
    width: 53%;
}
.productDetail .description .menu-useSpecs
{
    margin-top:10px;
    width:100%;
}
.productDetail .tipsContainer
{
    width:99%;    
}

.productDetail .relatedProducts
{
    width:46%;    
}
.quickView-catalog
{
   cursor:pointer;
	height:15px;
	left:-18px;
	position:absolute;
	text-align:right;
	top:108px;
	width:160px;
	z-index:16;
}
.quickView-catalog:hover
{
    background-position:0 -24px;
}
/*catalog lista deseos*/
.boton-enviar-y-agregar
{
	background:#1772ab;
	padding:3px 10px;
	width:170px;
	text-align:center;
	margin:10px 0 0 0;	
}
.fichas-tecnicas
{
	background:#e2e2e2;
	padding:10px;
	line-height:20px;
}
/*-----------------------*/

/* facebook connect */

.contentContainerType02
{
    background-color:#F2F2F2;
    overflow:hidden;
    padding:0.7%;
    width:96%;
    margin:20px auto;
}

.contentInnerContainerType01
{
    background-color:#F2F2F2;
    overflow:hidden;
    float:right;
}



/*-------------------------------------*/
/*------------SHARE--------------------*/
/*-------------------------------------*/

.share-container
{
    margin: 0; 
    overflow: hidden;
}

.tweetmeme-container
{
    float:left;
    overflow: hidden;
    padding: 5px 0px 0px 10px;  
}
.tweetmeme a
{
    border:none;   
}
.facebook-share-container
{
    float:left;
    overflow: hidden;
    padding: 4px 10px 0px 5px; 
}
.shareThis-container
{
    float:left;
    overflow: hidden;  
    padding: 0px 10px 0px 10px;
}

.shareThis-container a
{
    text-decoration:none;
}

/*------------------------------------------------*/
/*----------------CONTENT COMMENTS----------------*/
/*------------------------------------------------*/

.commentsContainer
{
    margin:0 auto;
    padding:0 2% 2% 2%;
    width:94%;
    overflow:hidden;
}

.commentsContainer .row
{
    width:100%;
    padding:0 0 15px;
    text-align:justify;
}

.commentsContainer .comment
{
    float:right;
    margin:10px 0 0;
    overflow:hidden;
}
/*------------------------------------------------*/
/*----------------PRODUCT COMMENTS----------------*/
/*------------------------------------------------*/

#tabs .commentsContainer
{
    margin:0 auto;
    padding:0 2% 2% 2%;
    width:94%;
    overflow:hidden;
}

#tabs .commentsContainer .row
{
    width:100%;
    padding:0 0 15px;
    text-align:justify;
}

#tabs .commentsContainer .comment
{
    float:right;
    margin:10px 0 0;
    overflow:hidden;
}


/*----------------------------------------------*/
/*---------------CATEGORY CONTAINER-------------*/
/*----------------------------------------------*/
.subCategoryContainer
{
    border-top:0 none;
    margin-bottom:2px;
    margin-top:-2px;
    overflow:auto;
    padding:2px 15px;
    position:relative;
    top:1px;
}

/*----------------------------------------------*/
/*---------------SEARCH CONTAINER-------------*/
/*----------------------------------------------*/
.containerType12
{
    width:49%;    
}
.searchResults
{
    margin:26px auto;
    width:95%;    
}

/*---------------------------------------------*/
/*---------------RELATED PAGES-----------------*/
/*---------------------------------------------*/
.contentContainerType03  {
    padding:0 1.5%;
    width:27%;
}
div.search form#SearchItemsForm {
margin:0;
padding:3px 0 0;
}

/*----------------------------------------------*/
/*---------------LIMPIADORES--------------------*/
/*----------------------------------------------*/
.innerContent
{
	margin:0 auto;
	width:97.7%;	
}
.limpiadoresForm .formContainer
{
    background:url("../Images/Bgs/limpiadores/bgContentTop.png") repeat scroll 0 0 transparent;
    padding:30px 130px;
}
.limpiadoresForm li.mythItem
{
    margin:0 auto;
    padding:15px 0;
    width:84%;
}
.limpiadoresForm li.mythItem .mythSender
{
    width:200px;
}
.limpiadoresForm li.mythItem .mythDetail
{
    width:600px;
}

.limpiadoresForm li.mythItem
{
    border-bottom:solid 1px #83d2f9;
}
.limpiadoresForm .mythsContainer
{
    background-color:#FEFCF2;    
}
.limpiadoresForm .mythsContainer ul
{
    margin:20px 0;    
}

/* WISH LIST DIALOG */
	
.downloadsCartContent
{
	background-color:#fff;
	}
	
.downloadsCartContent .item
{
	padding:10px 15px;
	}

.downloadsCartContent .section_content .title
{
	background-color:#999999;
	height:22px;
	width:100%;
	overflow:hidden;
	text-align:left;
	}

.downloadsCartContent .section_content .title span
{
	background:url("../Images/Bgs/Qtip/bg-bag.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:17px;
	margin:2px 0 0 8px;
	padding:2px 0 0 24px;
	}

.downloadsCartContent .top
{	
	width:100%;
	}
	
.downloadsCartContent .top img
{	
	margin:0;
	}
	
.downloadsCartContent .top .itemDetails
{
	padding:15px 0 0 13px;
	text-align:left;
}
	
.downloadsCartContent .bottom
{	
	text-align:right;
	}

.downloadsCartContent .current-count
{	
	background-color:#479DC9;
	margin:0;
	padding:2px 0 2px 5px;
	text-align:left;
	width:100%;
	}
	
.sct {
background-color:#fff;
}

.sct_left {
background:url("../Images/Bgs/Qtip/sct_left.gif") repeat-y scroll 0 0 transparent;
}

.sct_right {
background:url("../Images/Bgs/Qtip/sct_right.gif") repeat-y scroll right top transparent;
}

.sct_left .sct_left {
background:transparent;
}

.sct_left .sct_left .sct_right {
background:transparent;
min-height:30px;
padding:1px;
}

.scb {
background:url("../Images/Bgs/Qtip/scb.gif") repeat-x scroll 0 0 transparent;
display:block;
height:14px;
left:0;
margin:0 14px;
min-height:1px;
position:relative;
top:0;
}

.scb_left {
background:url("../Images/Bgs/Qtip/scb_left.gif") repeat scroll 0 0 transparent;
display:block;
height:14px;
left:-14px;
overflow:hidden;
position:absolute;
top:0;
width:14px;
}

.scb_right {
background:url("../Images/Bgs/Qtip/scb_right.gif") repeat scroll 0 0 transparent;
display:block;
height:14px;
overflow:hidden;
position:absolute;
right:-14px;
top:0;
width:14px;
}

.scb-top {
background:url("../Images/Bgs/Qtip/scb-top.gif") repeat-x scroll 0 0 transparent;
display:block;
height:14px;
left:0;
margin:0 10px;
min-height:1px;
position:relative;
top:0;
}

.scb_left-top {
background:url("../Images/Bgs/Qtip/scb_left-top.gif") repeat scroll 0 0 transparent;
display:block;
height:14px;
left:-10px;
overflow:hidden;
position:absolute;
top:0;
width:14px;
}

.scb_right-top {
background:url("../Images/Bgs/Qtip/scb_right-top.gif") repeat scroll 0 0 transparent;
display:block;
height:14px;
overflow:hidden;
position:absolute;
right:-14px;
top:0;
width:14px;
}
/*
#basketCartContent-details .qtip-active
{
	background-color:red;
	}
	
#basketCartContent-details	#qtip-tip
{
	
	}

#basketCartContent-details .qtip-content
{
	background:black;
	}
	
#basketCartContent-details #cart-current-image
{	
	margin:0 0 0 20px;
	}

#basketCartContent-details .itemDetails
{
	padding:15px 0 0 13px;
}

#basketCartContent-details .itemDetails h3
{
	font-family:Arial;
	font-weight:bold;
	color:#1672aa;
}

#basketCartContent-details .itemDetails span
{
	font-family:Arial;
	color:#6e6e6e;
}*/



/*WISH LIST INNER PAGE*/

.wishListContainer
{
    width:804px;  
    margin:0 auto;  
}
.wishListContainer .wishListHeader
{
    background-color:#479dc9;
    height:20px;
    width:100%;
}

.wishListContainer .col230
{
    width:232px;   
    padding:29px 0 0 24px;  
    float:left;
}
.wishListContainer .col290
{
    float:left;
	padding:29px 0 0 24px;
	width:263px;
}
.wishListContainer .col160
{
    width:80px; 
    text-align:center;   
    float:left;
    padding:29px 0 0;
}
.wishListContainer .col104
{
    /*width:50px;*/   
    text-align:center;    
    float:left; 
    padding:40px 0 0 15px;
}

.wishListContainer .col230
{
    width:200px;   
    padding:29px 0 0 24px;  
    float:left;
}
.wishListContainer .col290
{
    float:left;
	padding:29px 0 0 24px;
	width:245px;
}

.wishListHeader .col160,
.wishListHeader .col104,
.wishListHeader .col230,
.wishListHeader .col290
{
	height:19px;
	padding:0 0 0 15px;
	}


.wishListContainer h3
{
    width:100%;
    display:block;
    padding-top:3px;
    text-align:center;
}

.col230 .wislistItemDetails
{
	color:#6E6E6E;
	width:222px;
	}
	
.totalWishlist
{
	background-color:#d6d6d6;
	padding:2px 17% 2px 0;
	text-align:right;
	width:83%;
	}

.bgGray
{
    background-color:#F0F0F0;
    min-height:92px;
}
.wishListBody h4
{
    margin:0;
    padding:0;
}
.wishItemImg
{
    margin:0 10px 10px 0;    
}
.productthum {
	padding:0 3px 0 0;
	margin:-27px 0 0 0;
}

.productthum a{
	background:url("../Images/Bgs/limpiadores/wish-list-icon.png") no-repeat scroll 0 0 transparent;
	display:inline-block;
	height:15px;
	margin:3px 0 0 140px;
	text-indent:-999999px;
	width:15px;
	}
.imgContaine a
{
	color:#c4c4c4;
}
.ui-dialog
{
	background:#fff;
	border:1px solid #bebebe;
	padding:0;
}
.quickView-catalog-content
{
	
}

ul.share-icons
{
	height:38px;
    margin:10px auto 0;
    padding:0;
    width:130px;
	}
	
ul.share-icons li
{
	float:left;
	margin:0 5px;
	list-style:none;
}

ul.share-icons li.share
{
margin:14px 0 5px;
}

ul.share-icons li a
{
	background:url("../Images/Bgs/share-icons.gif") no-repeat 0 0;
	width:33px;
	height:40px;
	display:block;
	text-indent:-9999px;
}

ul.share-icons li a.save
{
	background-position:0 0;
}
ul.share-icons li a.save:hover
{
	background-position:0 -38px;
}


ul.share-icons li a.print
{
	background-position:-88px 2px;
}
ul.share-icons li a.print:hover
{
	background-position:-88px -36px;
}

ul.share-icons li a.mail
{
	background-position:-44px 0;
}
ul.share-icons li a.mail:hover
{
	background-position:-44px -38px;
}

/* HISTORICO */

.content-historico
{
	border-bottom:1px solid #C364A6;
	margin:5px 0;
	overflow:hidden;
	padding:0 0 8px;
	position:relative;
	}
	
.content-historico img
{
	border:solid 1px #fff;
	width:70px;
	height:60px;
	margin:0 8px 0 0;
	}
	
/* MAPAS */

.mapFix
{
width: 690px; 
height: 480px
}

.title-spacer
{
padding-left:10px;
}

.bottom-content-map
{
width:450px;
}
.mayoristas
{
	background: none repeat scroll 0 0 #02387B;
    color: #FFFFFF;
    padding: 10px;
    width: 293px;
    margin:0 0 0 10px;
    float:left;
    height:195px;
    position:relative;
}
.mayoristas .btnType01
{
	position:absolute;
	bottom:10px;
	left:10px;
}
.encontrar-almacen
{
	background: none repeat scroll 0 0 #1b91dc;
    color: #FFFFFF;
    padding: 10px;
    width: 293px;
    margin:0 0 0 10px;
    float:left;
    height:195px;
    position:relative;
}
.encontrar-almacen .btnType01
{
	position:absolute;
	bottom:10px;
	left:10px;
}
.encontrar-solucion
{
	background: none repeat scroll 0 0 #c8e7ed;
    color: #000;
    padding: 10px;
    width: 293px;
    margin:0 0 0 10px;
    float:left;
    height:195px;
    position:relative;
}
.encontrar-solucion .btnType01
{
	position:absolute;
	bottom:10px;
	left:10px;
}
.map-container
{
	background:#f1f1f1; 
	padding:10px; 
	width:660px;
}
.map-container-list
{
	float:left; 
	width:200px; 
	min-height:120px; 
	padding:10px;
}

.map-top
{
	padding:10px;
}
.bg-lines-maps
{
	background:url("../Images/Bgs/bg-table-maps.jpg") repeat-y 0 0;
}
/*Bubble container*/
.bubble-img
{
width:70px;
height:60px;
margin:0 7px 0 0;	
}
/* login registro cargas */
.registro
{
	border: 1px solid #CCCCCC;
    margin: 0 auto;
    outline: 2px solid #F1F1F1;
    padding: 20px 200px;
    width: 150px;	
}
.carga {
    border: 1px solid #CCCCCC;
    margin: 0 auto;
    outline: 2px solid #F1F1F1;
    padding: 10px;
    width: 180px;
    padding: 20px 315px;
    position:relative;
}
.archivo-socios
{
	border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    margin: 0 85px 0 0;
    padding: 5px;
}

/* catalogo mejoras */
.detailsContainer h3
{
	height: 25px;
	overflow: hidden;
	display:block;
        position:relative;
}
.detailsContainer h3 a
{
	position:absolute;
	bottom:2px;
}
.conocer-producto
{
	padding:5px 15px 0 0;
	text-align:right;
}
.agregar-lista
{
	padding:2px 15px 0 0;
	text-align:right;
}
.resultados-title
{
    position:relative;
    bottom:30px;
    padding:0 0 0 5px;
}
.category-title
{
	position:absolute;
	top:0;
	width:425px;
}
.category-title span
{
	margin:0 0 0 12px;
}
.category-title h2
{
	font-size:26px;
}
.bottom-images
{
	text-align:center;
}
/*-----promos-catalogo----*/
.promos-catalogo
{
	background:url("../Images/Bgs/promo-articulo.png") no-repeat 0 0;
	width:97px;
	height:89px;
	position:absolute;
	top:-2px;
	right:-8px;
	display:block;
	text-indent:-999999em;
}
.new-product
{
	background:url("../Images/Bgs/EtiquetaNuevo.png") no-repeat 0 0;
	width:97px;
	height:89px;
	position:absolute;
	top:-2px;
	right:-8px;
	display:block;
	text-indent:-999999em;
}
.promo-fecha
{
	background:url("../Images/Bgs/bg-promo-fecha.png") no-repeat 0 0;
	height:21px;
	color:#fff;
	padding: 7px 5px 5px 34px;
    text-align: left;
    width: 151px;
    margin:5px 0 0 0;
}
.ciudad
{
	text-align:right;
	position:relative;
	bottom:9px;
}
