/*

	Centros Isla Stylesheet
	Coded by Andrew Martin for Cohn Marketing
	andrew@believelabs.com
	
	Design by Jesse Pixler
	jesse@cohnmarketing.com
	
	Reset from Blueprint CSS Framework 0.9

*/

.print-only { 
/*	print only images*/
	display:none;
}
/* Wordpress Edit Button */
.edit-post-link a {
	z-index:9999 !important;
	position:fixed;
	text-transform:capitalize;
	padding:5px;
	right:5px;
	top:5px;
	border:2px solid #740623;
	background:#0ab0b0;
	color:#fef6cf !important;
}

.alignright {
	float:right;
	margin:0 0 15px 15px;
}

.alignleft {
	float:left;
	margin:0 15px 15px;
}

#fancybox-left, #fancybox-right,
#fancybox-right-ico {
	display:block !important;
	visibility:visible !important;
}

#fancybox-left span { 
	left:20px; 
}

#fancybox-right span {
	left: auto;
    right: 20px;
}

/* reset.css from blueprint */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* Begin Typography & Colors */

/* ----------| =Initial Page Structure |---------- */ 

* { 
	margin: 0;  
	padding: 0;
	vertical-align: bottom;	
}

body { 
	font: 13px "Trebuchet MS", Helvetica, Sans-serif; 
	line-height:1.5em;
	position: relative;
	color:#59321C;
	height:100%;
	width:100%;
	background:#fff url(../images/bg/global/home.jpg) top center no-repeat scroll;
}

body.rev-2011 {
	background-image:url(../images/bg/global/home-rev.jpg);
}

body#sub,
body#sub.page-id-4, 
body#sub.parent-pageid-4 {
	background:#fff url(../images/bg/inner/bg-centros-stripe-alt.jpg) top center no-repeat scroll;
}

body#sub.page-id-2,
body#sub.page-id-6,
body#sub.parent-pageid-6 {
	background-image: url(../images/bg/inner/bg-busca-stripe-alt.jpg) !important;
}

body#sub.page-id-8,
body#sub.parent-pageid-8 {
	background-image: url(../images/bg/inner/bg-isla-stripe-alt.jpg) !important; 
}

body#sub.page-id-10,
body#sub.parent-pageid-10,
body#sub.page-template-page-inner-eventos-y-promociones-php,
body#sub.page-template-page-pompea-tu-uniforme-php {
	background-image: url(../images/bg/inner/bg-eventos-stripe-alt.jpg) !important;
}

body#sub.page-template-page-pompea-tu-uniforme-php #content {
	position:relative;
}

body#sub.page-template-page-pompea-tu-uniforme-php #content a#pompea-back {
	background:transparent url(../images/navigation/pompea-back.png) no-repeat scroll 0px 0px;
	width:34px;
	height:135px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	border: 0 none;
	position:absolute;
	z-index:9999;
	left:50%;
	top:300px;
	margin-left:-414px;
}

body#sub.page-template-page-pompea-tu-uniforme-php #content a#pompea-back:hover { background-position:0 -135px; }

/* ----------| = Colors = |---------- */ 
/*

GLOBAL BG: #FFFFFF
TEXT COLOR #754C24 
HEADINGS: #139CA6
LINKS: #F23078

FOOTER LINKS: #6D7D18

*/
/* ----------| = Basic Styles = |---------- */ 

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	clear:both; /*ie6 */
	color:#139CA6;	
	margin-bottom:0.5em;
}

h1 {
	font-size:18px;
	
}

h5 {
	font-weight:normal;
	font-size:11px;
	color:#754C24;
	font-style:italic;
}

p {
	font-size:13px;
	margin-bottom:1em;
}

a img { 
	border: none !important;
}

ul {
	list-style:none;
}

ol {
	list-style:decimal inside;
}

ol li {
	margin-bottom:10px;
}

.single .container ul {
	list-style:disc outside;
	margin:10px 0 10px 2.0em;
}

.button a, .button a:hover { color:#FFF  !important; }

.button {
	clear:both;
	float:left;
	display:block;
	margin:5px;
	padding:5px;
	font-size:16px;
	font-family:'Lucida Sans';
	font-weight:bold;
	background:#43b1a8;
	color:#FFF;
	-moz-box-shadow:5px 5px 5px #BEBEBE;
	-webkit-box-shadow:5px 5px 5px #BEBEBE;
	box-shadow:5px 5px 5px #BEBEBE;
}

/* ----------| = Link Styles = |---------- */ 

a, a:visited, a:active { 
	color:#F23078;
	text-decoration:none;
	outline:none;
}

a:hover {

}

a:hover { 
	color: #139CA6;
	text-decoration:underline;
}

/* ----------| =Forms |---------- */ 

label {
	font-size:1.0em;
	color:#603913;

}



input, textarea, select {
	font: 12px 'Trebuchet MS', Helvetica, Sans-serif;
	color: #603913;
}	

input {

}

input:focus, textarea:focus, select:focus {

}

input[type="image"] {
	padding: 0;
	background: transparent;
	border: 0;
	width:auto !important;
	border:0 none !important;
}

input.radio {
	position:relative; top:2px;
}

input[type="hidden"] {
	display:none;
}


/* ----------| = Share Module = |---------- */


/* ----------| = Buttons = |---------- */


/* ----------| = Utilties = |---------- */ 


.left { 
	float: left;
}

.right { 
	float: right;
}

.clear { 
	clear: both;
}

.clear-left { 
	clear: left;
}

.clear-right { 
	clear: right;
}

.center { 
	text-align: center;
}

.spacer { 
	margin-top: 15px;
}

.spacer-bottom { 
	margin-bottom: 15px;
}

.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.inline {
	display:inline;
}

.nomargin {
	margin:0;
}

.autoclear { 
	display: inline-block; 
}

.autoclear { 
	display: block; 
}

.container ul {
	margin-bottom:1em;
	margin-left:1.0em;
	list-style:disc inside;
}

.three-col ul,
.container ul.no-list,
ul.cycle {
	list-style:none;
	margin-bottom:0;
	margin-left:0;
}

ul.cycle {
	margin-bottom:10px;
	display:inline-block;
}

.special {
	color:#ff507e;
}

.disclaimer {
	font-size:11px;
	line-height:15px;
}

.callout {
	clear:both;
}

	/* =Isla Gift Card Buttons
------------------------------------------------------------ */

a.gallery.standard-button,
a.gallery.plus-button {
	text-indent:-9999px;
	display:block;
	height:71px;
	float:left;
	margin-bottom:15px;
	background:transparent url(../images/buttons/isla-gift-card-sprites.png) no-repeat scroll 0px 0px;
}

a.gallery.standard-button {
	width:232px;
	background-position:0 0;
}

a.gallery.standard-button:hover { background-position:0 -71px; }

a.gallery.plus-button {
	width:268px;
	background-position:-232px 0;
}

a.gallery.plus-button:hover { background-position:-232px -71px; }

/* ----------| = Layout and Function = |---------- */ 

#wrap {
	overflow:hidden;
	display:block;
	position:relative;
	margin:0 auto;
	width:828px;
}

	/* ----------| = Header = |---------- */ 

#header {
	position:relative;
	z-index:50;
	display:inline-block;
	height:48px;
}	

#header .homelink {
	display:block;
	height:130px;
	margin:19px 0 0 47px;
	position:absolute;
	text-indent:-9999px;
	width:133px;
	z-index:50;
}

body.rev-2011 #header .homelink {
	background:transparent url(../images/header/centros-isla-logo.png) no-repeat scroll 0px 0px;
	width:151px;
	height:150px;
}

#sub #header {
	height:186px;
}

		/* ----------| = Headlines = |---------- */

#header h1 {
	text-indent:-9999px;
	width:574px;
	height:57px;
	background-position:0px 0px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-top:50px;
	margin-left:230px;
}


body#sub #header h1,
body.page-id-4 #header h1,
body.parent-pageid-4 #header h1,
body.centros-isla h1.centros-isla {
	background-image:url(../images/headings/centros-isla.gif);
}

/*	Important tags are required here; they overwrite the existing default "centros isla" heading.*/

body.page-id-2 h1.busca-una-tienda,
body.page-id-6 h1.busca-una-tienda,
body.busca-una-tienda h1.busca-una-tienda {
	background-image:url(../images/headings/busca-una-tienda.gif) !important;	
}

body.page-id-8 h1.isla-gift-card,
body.isla-gift-card h1.isla-gift-card {
	background-image:url(../images/headings/isla-gift-card.gif) !important;	
}

body.page-id-10 h1.eventos-y-promociones,
body.eventos h1.eventos,
body#sub.page-template-page-inner-eventos-y-promociones-php h1.eventos-y-promociones,
body#sub.page-template-page-inner-eventos-y-promociones-php #header h1,
body#sub.page-template-page-pompea-tu-uniforme-php #header h1 {
	margin-top:47px !important;
	background-image:url(../images/headings/eventos.gif) !important;	
}



	/* ----------| = Sidebar = |---------- */ 

#sidebar {
	float:left;
	left:21px;
/*	margin:0 0 0 15px;*/
	position:relative;
	width:251px;
}

#sidebar #e-mail {
	height:87px;
	padding:37px 0 0 24px;
	width:227px;
	background:transparent url(../images/callouts/sidebar/registratuemail.jpg) no-repeat scroll top left;
}

/*Hide registration box on the "centros-isla" page (2/1/11)*/
body.page-id-4 #e-mail { display:none; }
#sidebar #e-mail input {
	border:0 none;
	float:left;
	background:transparent;
}

#sidebar #e-mail input#name {
	width:185px;
	margin-right:13px;
}

#sidebar #e-mail input#LastName {
	width:92px;
}

#sidebar #e-mail input#hudhkl-hudhkl {
	width:185px;
	margin:8px 0 0 0;
}

#sidebar #e-mail input#submit, input.submit { /* dimensions required by IE6; AUTO H/W does not work */
	width:71px;
	margin:10px 0 0 136px;
	height:24px;
}

	/* Alternate Sidebar (Center pages) */
	
#sidebar #sidebar-navigation 
{
	background:#d6f2f3 url(../images/bg/sidebar/side-nav-bot.jpg) no-repeat scroll bottom left;
	padding:10px 0 20px 0;
}

#sidebar #sidebar-navigation ul li {
	text-indent:-9999px;
	width:224px;
}

#sidebar #sidebar-navigation ul li a {
	overflow:hidden; /* IE 6 Bug fix */
	display: block;
	height:14px;
	padding:0 0 5px 0;
	margin:0px 0px 5px 10px;
	border-bottom:2px solid #f44775;
}

#sidebar #sidebar-navigation ul li.encuentra a { background:transparent url(../images/navigation/sidebar/encuentra.jpg) no-repeat scroll 0px 0px; }

#sidebar #sidebar-navigation ul li.prensa a { background:transparent url(../images/navigation/sidebar/prensa.jpg) no-repeat scroll 0px 0px; }
#sidebar #sidebar-navigation ul li.oportunidades a { height:31px; background:transparent url(../images/navigation/sidebar/oportunidades.jpg) no-repeat scroll 0px 0px; } 
#sidebar #sidebar-navigation ul li.ofertas a { background:transparent url(../images/navigation/sidebar/ofertas.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.eventos a { background:transparent url(../images/navigation/sidebar/eventos.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.quinceisla a { background:transparent url(../images/navigation/sidebar/quinceisla.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.islafoto a { background:transparent url(../images/navigation/sidebar/isla-flash.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.chicosconcorazon a { background:transparent url(../images/navigation/sidebar/chicosconcorazon.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.fashion-shows a { background:transparent url(../images/navigation/sidebar/fashion-shows.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.regsitra a { background:transparent url(../images/navigation/sidebar/registra-tu-email.jpg) no-repeat scroll 0px 1px; }
#sidebar #sidebar-navigation ul li.encuesta a { background:transparent url(../images/navigation/sidebar/encuesta.gif) no-repeat scroll 0px 1px; }
#sidebar.alt #e-mail { 
	height:100px;
	padding:53px 0 0 28px;
	background:transparent url(../images/callouts/sidebar/registratuemail-alt.jpg) no-repeat scroll 0px 0px;
}

			/* -----| = Navigation = |----- */ 

#home #navigation, #sub #navigation {
	padding:0 0 0 182px;
	height:48px;
	background:transparent url(../images/navigation/nav-home.jpg) no-repeat scroll top left;
}

body.rev-2011#home #navigation, 
body.rev-2011#sub #navigation {
	background-image:none;
	z-index:75;
}

#sub #navigation {
	margin: 0 0 0 1px;
	background:transparent url(../images/navigation/nav-sub.jpg) no-repeat scroll top left;	
}

#navigation li, #navigation li a {
	float:left;
	text-indent:-9999px;
	height:48px;
}

body.rev-2011 #navigation li a {
	background:transparent url(../images/navigation/centros_nav_sprites.png) no-repeat scroll 0px 0px;
	height:48px;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
}

#navigation li.centros {
	width:124px;
	background:transparent url(../images/navigation/active/centrosisla.jpg) no-repeat scroll 0px 0px;
}

#navigation li.centros a {
	width:124px;
	background:transparent url(../images/navigation/centrosisla.jpg) no-repeat scroll 0px 0px;
}

body.rev-2011 #navigation li.centros a {
	width:124px;
}

body.rev-2011 #navigation li.centros a:hover { background-position:0 -48px; }

#navigation li.busca {
	width:160px;
	background:transparent url(../images/navigation/active/buscaunatienda.jpg) no-repeat scroll 0px 0px;
}

#navigation li.busca a {
	width:160px;
	background:transparent url(../images/navigation/buscaunatienda.jpg) no-repeat scroll 0px 0px;
}

body.rev-2011 #navigation li.busca a {
	width:160px;
	background-position:-124px 0;
}

body.rev-2011 #navigation li.busca a:hover { background-position:-124px -48px; }

#navigation li.isla {
	width:130px;
	background:transparent url(../images/navigation/active/islagiftcard.jpg) no-repeat scroll 0px 0px;
}

#navigation li.isla a {
	width:130px;
	background:transparent url(../images/navigation/islagiftcard.jpg) no-repeat scroll 0px 0px;
}

body.rev-2011 #navigation li.isla a {
	background-position:-284px 0;
}

body.rev-2011 #navigation li.isla a:hover { background-position:-284px -48px; }

#navigation li.eventos {
	width:194px;
	background:transparent url(../images/navigation/active/eventos.jpg) no-repeat scroll 0px 0px;
}

#navigation li.eventos a {
	width:194px;
	background:transparent url(../images/navigation/eventos.jpg) no-repeat scroll 0px 0px;
}

body.rev-2011 #navigation li.eventos a {
	width:194px;
	background-position:-414px 0;
}
body.rev-2011 #navigation li.eventos a:hover { background-position:-414px -48px; }

body.rev-2011 #navigation li { background:transparent  !important; }

#navigation li a {
	border:0 none;
	display:block; /* Fixes whitespace issue with IE6 */
}
#navigation li a:hover {
	background:transparent;
}

/* ----------| = Content = |---------- */

#content {
	clear:both;
}

#sub #content {
	padding: 18px 0 0 0;
	background:transparent url(../images/bg/inner/content-wnav-alt.jpg) no-repeat scroll 0px 0px;
}

#sub.no-sidebar #content {
	background-image:url(../images/bg/inner/content-wout_nav.jpg);
}

#marquis {
	background:transparent url(../images/bg/flash/marquisbg.jpg) no-repeat scroll top left;
	overflow:hidden;
	float:left;
	width:828px;
	height:377px;
	position:relative;
}

body.rev-2011 #marquis { 
	background:transparent; 
	height: 425px;
	margin-top: -48px;
}

.container {
	float:left;
	padding:39px 0 15px 41px;
	width:500px;
}

#home .container ul,
.container .three-col ul {
	float:left;
	width:33%;
	margin:0 0 15px 0;
	color:#754c24;
}

.three-col li.heading { 
	text-transform:uppercase;
	font-weight:bold;
	color:#eca405;
}
	/* ----------| = Center Logos / Info Block / Innter Pages = |---------- */

/*.upper-info {
	width:100%;
	display:inline-block;
	margin-bottom:20px;
}*/

/*.parent-pageid-4 .container ul.meta {
	margin-left: 168px;
}*/

.center-page .container ul li strong {
	color:#eca405;
}

.mapa-del-centro {
	height:50px;
	width:142px;
	display: block;
	float:right;
	text-indent:-9999px;
	background:transparent url(../images/buttons/mapadelcentro.jpg) no-repeat scroll 0px 0px;
}

.centerlogo {
	text-indent:-9999px;
	width:153px;
	height:117px;
	display: block;
	float:left;
	margin: 0 15px 15px 0;
}

body.page-id-21 .centerlogo { background-image: url(../images/logos/centers/plazaisabela.jpg); }
body.page-id-29 .centerlogo { background-image: url(../images/logos/centers/caminoreal.jpg); }
body.page-id-41 .centerlogo { background-image: url(../images/logos/centers/plazacayey.jpg); }
body.page-id-45 .centerlogo { background-image: url(../images/logos/centers/plazadelatlantico.jpg); }
body.page-id-47 .centerlogo { background-image: url(../images/logos/centers/plazadelnorte.jpg); }
body.page-id-49 .centerlogo { background-image: url(../images/logos/centers/plazadeloeste.jpg); }
body.page-id-51 .centerlogo { background-image: url(../images/logos/centers/plazadelsol.jpg); }
body.page-id-53 .centerlogo { background-image: url(../images/logos/centers/plazaescorial.jpg); }
body.page-id-55 .centerlogo { background-image: url(../images/logos/centers/plazapalmareal.jpg); }
body.page-id-58 .centerlogo { background-image: url(../images/logos/centers/plazavegabaja.jpg); }
body.page-id-61 .centerlogo { background-image: url(../images/logos/centers/plazariohondo.jpg); }
body.page-id-64 .centerlogo { background-image: url(../images/logos/centers/plazawalmart.jpg); }
body.page-id-66 .centerlogo { background-image: url(../images/logos/centers/rexvilleplaza.jpg); }
body.page-id-68 .centerlogo { background-image: url(../images/logos/centers/senorialplaza.jpg); }
body.page-id-72 .centerlogo { background-image: url(../images/logos/centers/plazafajardo.jpg); }

.middle-info {
	background:url("../images/bg/inner/center-iframe.jpg") no-repeat scroll 0 0 transparent;
	height:180px;
	overflow:hidden;
	padding:5px 25px 45px 25px;
	width:450px;
	margin: 0 0 25px 0;
	display:inline-block;
}

.middle-info .scroll {
	position:relative;
	display:inline-block;
	overflow:auto;
	margin-top:25px;
	height:170px !important;
}

#gallery li img {
	width:499px;
}

#rstorelist td i {
	font-size:12px;
}

span.se-acepte {
	border-top:1px dashed #139CA6;
	display:block;
	margin:20px 0 20px;
	padding:10px 0 0;
}

#holderdiv {
	height:250px;
	overflow:auto;
}

/* ----------| = Isla Buzz = |---------- */

div.post {
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:2px solid #f44775;
}

	/* =Cforms
------------------------------------------------------------ */

/* =Cforms
------------------------------------------------------------ */

.cform ol {
	list-style-type:none;
}

.cform ol li {
	display:block;
    line-height: 1.2em;
	margin:0 0 15px 0;
}

li.cf-box-group input {
	margin:3px 0 10px 0;
	display:block;
	float:left;
	clear:both;
}

li.cf-box-group label {
	display:block;
	float:left;
}

.cform ol li.cf-box-title,
li#li--1 label span,
li#li--11 label span,
li#li--12 label span,
li#li--13 label span,
li#li--23 label span,
li#li--24 label span,
li#li--25 label span,
li#li--26 label span,
.cform li.textonly {
	font-size:16px;
	font-weight: bold;
	clear: both;
	color: #139CA6;
	display:block;
	margin-bottom: 0.5em;
}

li#li--16.cf-box-title,
li#li--17.cf-box-title,
li#li--18.cf-box-title,
li#li--19.cf-box-title,
li#li--20.cf-box-title {
	font-size:1em  !important;
	color:#603913  !important;
	font-weight:normal  !important;
}

.cform legend {
	font-size:18px;
	margin:15px 0 0;
	padding:15px 10px 0 0;
}

.cform fieldset {
	border:0 none;
}

.cform label { 
	display: inline;
	font-size: 13px;
	line-height: 18px;
	margin: 0 5px;
}

.cform li#li--11 label,
.cform li#li--24 label {
	display:block;
}

.cform input.single,
.cform textarea {
	border: 1px solid #A29F99;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 470px;
	color: #59321C;
	background: transparent url(../images/layout/global/input-tile.png) no-repeat scroll 0px 0px;
	padding: 4px;
	font-size: 13px;
	line-height: 17px;
}

.cform input.single:focus,
.cform textarea:focus {
	color:#333;
	border:1px solid #2c2c2c;
	background:transparent url(../images/layout/global/input-tile.png) no-repeat scroll -400px 0px;
}
.cform select {
	padding-top:5px;
}
.cform option {
	font-family:'Lucida Sans','Trebuchet MS',Helvetica, Arial, Sans-Serif;
	padding:5px;
}

.cform span.emailreqtxt,
.cform span.reqtxt {
	display:block;
	font-style:italic;
	color:#C52C35;
	font-size:11px;
}

.linklove, p#ll, .cf_hidden { display:none; }

.cf-sb {
	clear:both;
	padding-top:15px;
}
.cf-sb input[type="submit"] {
	font-size:20px  !important;
	line-height:25px  !important;
	padding:3px  !important;
}
	/* ----------| = Footer = |---------- */
	
#footer {
	font-size:12px;
	color:#6D7D18;
	clear:both;
	width:828px;
	padding:40px 0 0 40px;
	height:110px;
	background:transparent url(../images/bg/global/footer.jpg) no-repeat scroll top left;
}

#footer a {
	color:#6D7D18;
}

#footer a:hover {

}

#footer ul {
	text-align:center;
	width:450px;
	float:left;
	font-size:10px;
}

#footer ul#sponsors {
	margin-top:-10px;
	float:right;
	width:378px;
}

#footer ul li {
	display:inline;
	margin-right:0.5em;
}