/* import all styles */
@import url(base.css);
@import url(elements.css);
@import url(form.css);

/* Core Layout */
HTML {width:100%;}
BODY {width:100%; margin:0; text-align:center;}

#W {position:relative; margin:0 auto; padding:0; width:997px; text-align:left;}
#H {position:static; background:#fff url(/gfx/bg_header.gif); padding:105px 0 0 0;}
#M {position:static; margin:15px 0 0 0; padding:0;}

#C {float:right; width:770px; padding:0 0 20px 0;}
#S {width:200px;}
#F {padding:0 0 10px 0; width:997px; background:#C4E4F9; clear:both;}

#AD {position:absolute; top:15px; left:260px; z-index:2;}
#AD IMG {}

/* Content Column Styles */
#CLeft {float:left; width:590px;}
#CRight {float:left; width:180px; padding:0 0 20px 0; margin:0 0 15px 0; background:#C4E4F9 url(/gfx/bg_cRight_btm.gif) left bottom no-repeat;}
#CInline {position:relative; top:-7px; left:10px; float:right; width:180px; padding:0 0 20px 0; margin:0 0 15px 10px; background:#C4E4F9 url(/gfx/bg_cRight_btm.gif) left bottom no-repeat;}

.wrapper {float:left; width:100%; margin:0; padding:0; overflow:hidden;}
.c30-l, .c30-r {float:left; width:30%; overflow:hidden;}
.c50-l, .c50, .c50-r {float:left; width:50%; overflow:hidden;}

.c60-l, .c60-r {float:left; width:70%; overflow:hidden;}
.c70-l, .c70-r {float:left; width:70%; overflow:hidden;}

.c320-l, .c320-r {float:left; width:320px; overflow:hidden;}
.c290-l, .c290-r {float:left; width:290px; overflow:hidden;}
.c300-l, .c300-r {float:left; width:300px; overflow:hidden;}
.c385-l, .c385-r {float:left; width:385px; overflow:hidden;}
.c375-l, .c375-r {float:left; width:375px; overflow:hidden;}
.c330-l, .c330-r {float:left; width:340px; overflow:hidden;}
.c400-l, .c400-r {float:left; width:400px; overflow:hidden;}
.c450-l, .c450-r {float:left; width:450px; overflow:hidden;}
.c200-l, .c200-r {float:left; width:200px; overflow:hidden;}
.c210-l, .c210-r {float:left; width:210px; overflow:hidden;}
.c220-l, .c220-r {float:left; width:220px; overflow:hidden;}
.c180-l, .c180-r {float:left; width:180px; overflow:hidden;}
.c165-l, .c165-r {float:left; width:165px; overflow:hidden;}
.c510-l {float:left; width:510px; overflow:hidden;}
.c255-r {float:right; width:255px; overflow:hidden;}

.c360-l {float:left; width:360px; overflow:hidden;}
.c360-r {float:right; width:360px; overflow:hidden;}


/* Header Styles */
H1 {background:#fff url(/gfx/bg_header.gif); margin:0; font-size:0.75em; height:16px; line-height:16px; text-align:right;}
#H .logo {position:absolute; top:10px; left:10px; width:770px; height:89px; z-index:1; font-size:0.75em; line-height:0.9em; margin:0;}
#H .logo A {display:block; width:240px; height:89px; text-align:right; background:url(/gfx/logos/pis_logo.gif) no-repeat; z-index:0;}
#H .logo A EM {display:none;}

#H .menu {position:relative; width:890px; z-index:1;} 
#H .top-nav P {margin:0;}
#H .menu A {float:right; display:block; text-transform:uppercase; background:#ADD9F7; color:#4C7BC1; text-align:center; font-size:0.85em;  border-left:1px solid #fff; padding:3px 8px 3px 8px;}
#H .menu A.on {color:#333;}
#H .menu A.on:hover {color:#333; text-decoration:none;}
#H .menu A:hover {color:#fff; text-decoration:none;}
#H A.signIn {background:#fff; border-right:0;}
#H A.signIn {color:#f90;}
#H A.signIn:hover {color:#f90;}

#A {width:997px; height:2.4em; line-height:2.4em; background:#fff url(/gfx/bg_account_bar.gif) bottom;  font-size:0.9em; z-index:3; clear:both; color:#fff;  border-top:0.2em solid #ADD9F7;}
#A UL {display:inline; margin:0; padding:0; list-style-type:none;}
#A LI {display:inline; margin:0; padding:0; list-style-type:none;}

#A .welcome {float:left; width:300px; padding:0;}
#A .welcome P {margin:0; padding:0 5px;}
#A .services {float:right; width:470px; text-align:right; border-top:1px solid #fff;}
#A .services P {margin:0 5px 0 0;}
#A .services A {padding:0.2em 0.2em; color:#fff; border:1px solid #fff; text-decoration:none;}
#A .services A:hover {background:#fc0;}

#CRUMB {margin:0; background:url(/gfx/bg_crumb.gif) repeat-x; height:20px; line-height:20px; font-size:0.85em; clear:both; border-bottom:1px solid #fff;}
#CRUMB P {padding:0; margin:0; color:#FEAE00; font-weight:bold; }
#CRUMB STRONG {display:none;}
#CRUMB A {color:#fff;}
#CRUMB A:hover {color:#FEAE00;}
#CRUMB SPAN {display:block; white-space:nowrap; padding:0 10px;}

#bCrumb {float:left; width:590px; background:url(/gfx/bg_crumb_left.gif) top left no-repeat; overflow:hidden;}
#bOpt {float:left; width:180px; background:url(/gfx/bg_crumb_right.gif) top right no-repeat;}
#bOpt A {color:#fff;}

#fOpt {width:770px; margin:15px 0 0 0; padding:0; clear:both;}
#fOpt P {padding:1px 5px; font-size:0.85em;}
#fOpt STRONG {color:#09F;}
.ClubSpain #fOpt STRONG {color:#47BD44;}
#fOpt A.email {background-image:url(/gfx/icons/email_sm.gif);}
#fOpt A.print {background-image:url(/gfx/icons/print_sm.gif);}

.pOpt {text-transform:capitalize; text-align:right;}
.pOpt A {padding-left:18px; margin:0 2px; background-position:left; background-repeat:no-repeat; height:1%;}
.pOpt A.email {padding-left:18px; background-image:url(/gfx/icons/email_rev_sm.gif);}
.pOpt A.email:hover {background-image:url(/gfx/icons/email_sm_on.gif) !important;}
.pOpt A.print {background-image:url(/gfx/icons/print_rev_sm.gif);}
.pOpt A.print:hover {background-image:url(/gfx/icons/print_sm_on.gif) !important;}
.pOpt A.top {background-image:url(/gfx/icons/arrow_top.gif);}
.pOpt A.top:hover {background-image:url(/gfx/icons/arrow_top_on.gif);}

/* Footer Elements */
#F .credits {float:left; margin:0; width:997px; background:#C4E4F9 url(/gfx/bg_crumb.gif) repeat-x;}
#F .credits P {padding:0 5px; height:2.0em; line-height:2.2em; font-size:0.85em; font-weight:bold; color:#fc0;}
#F .credits A {color:#fff;}

#F .sitemap {padding:0 5px; font-size:0.95em;}
#F .sitemap H3 {color:#333; margin:0 0 3px 0; font-size:1em; background:#FADF97; border-bottom:1px solid #f60;}
#F .sitemap P {line-height:1.3; padding:5px 5px;}
#F .sitemap .block {margin:0 5px; padding:0 0 5px 0; background:#FADF97;}
#F .sitemap UL {margin:0; padding:0;}
#F .sitemap UL LI {padding:0 0 0 13px; margin:0 0 0 5px; background:url(/gfx/bullet.gif) 0 3px no-repeat; list-style-type:none;}

UL.web-link LI {font-size:0.9em; padding:0 0 0 13px; margin:0 0 0 5px; background:url(/gfx/bullet.gif) 0 3px no-repeat; list-style-type:none;}
/* Generic Styles*/
.hide {display:none;}

.left {text-align:center;}
.center {text-align:center;}
.right {text-align:right;}
.indent {padding: 0 0 0 20px;}

.img-right {float:right; display:block; margin:0; overflow:hidden; padding:0 2px 0 10px;}
.img-left {float:left; display:block; margin:0 10px 0 0;}
.img-top {display:block; margin:0 auto; text-align:center;}
.img-right IMG, .img-left IMG, .img-normal IMG {display:block; margin:0; padding:0; border:1px solid #999;}
.img-right SMALL, .img-left SMALL, .img-normal SMALL {display:block; margin:5px 0 0 0; padding:0; font-weight:bold;}
.img-right BR, .img-left BR, .img-top BR {display:none;}

.clearer {height:1px; line-height:0; clear:both;}
* html .clearer {font-size:0;}

#Debug {display:none;}
.skipLink {display:none;}

/* Layout Overrides */
.L2C #bCrumb SPAN {background:url(/gfx/bg_crumb_mid.gif) top right no-repeat;}
.L2C #bOpt {background:#C4E4F9 url(/gfx/bg_crumb_l2c_right.gif) top right no-repeat;}
.L2C .pOpt A.email {background-image:url(/gfx/icons/email_sm.gif);}
.L2C .pOpt A.print {background-image:url(/gfx/icons/print_sm.gif);}
.L2C #bOpt A {color:#f60;}
.L2C #bOpt A:hover {color:#FEAE00;}

#CLeft .wrapper {width:420px; background:pink;}


/* Section Overrides */
#C .dTop {padding-top:8px; background:url(/gfx/bg_divider.gif) left top repeat-x;}
#C .dBtm {background:url(/gfx/bg_divider.gif) left bottom repeat-x;}

.ClubSpain #CRUMB {background:url(/gfx/bg_crumb_cs.gif) repeat-x;}
.ClubSpain #bCrumb {background:url(/gfx/bg_crumb_cs_left.gif) top left no-repeat;}
.ClubSpain #bOpt {background:url(/gfx/bg_crumb_cs_right.gif) top right no-repeat;}
.ClubSpain #CRight {background:#A5EC9E url(/gfx/bg_cRight_btm_cs.gif) left bottom no-repeat;}
.ClubSpain #CInline {background:#A5EC9E url(/gfx/bg_cRight_btm_cs.gif) left bottom no-repeat;}
.L2C .ClubSpain #bCrumb SPAN {background:url(/gfx/bg_crumb_mid_cs.gif) top right no-repeat;}
.L2C .ClubSpain #bOpt {background:#A5EC9E url(/gfx/bg_crumb_l2c_right_cs.gif) top right no-repeat;}