*{margin: 0;padding: 0;}
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

p{text-align: justify;margin: 15px 0;}

p, ul{font-size: 11px;line-height: 1.4em;}

p a, li a{color: #39c;text-decoration: none;cursor: pointer;}

p a:hover{text-decoration: underline;}

p.intro{border-bottom: 1px solid #ccc;margin-bottom: 20px;padding: 20px 0 30px 0;text-align: center;width: 100%;}

p#cross-links{text-align: center;}

p#cross-links{margin-bottom: 30px;padding-bottom: 30px;}

noscript p, noscript ol{color: #a00;font-size: 11px;line-height: 1.4em;text-align: left;}
noscript a{color: #a00;text-decoration: underline;}
noscript ol{margin-left: 25px;}

h3{border-bottom: 1px solid silver;margin-bottom: 5px;padding-bottom: 3px;text-align: left;}

.stripViewer .panelContainer .panel ul{text-align: left;width: 500px;}

/* These 2 lines specify style applied while slider is loading */
.csw{width: auto;height: 460px;background: #fff;overflow: scroll;}
.csw .loading{margin: 200px 0 300px 0;text-align: center;}

.stripNavL, .stripNavR{/* The left and right arrows */visibility: hidden;position: absolute;top: 230px;text-indent: -9000em;}


/* This is the viewing window */
.stripViewer{position: relative;overflow: hidden;border-top: 3px solid #000; /* this is the border. should have the same value for the links */margin: auto;width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */height: auto;clear: both;background: #fff;}

/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
.stripViewer .panelContainer{position: relative;left: 0;top: 0;width: 500px;list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}

/* Each panel is arranged end-to-end */
.stripViewer .panelContainer .panel{float: left;height: 100%;position: relative;width: 500px; /* Also specified in  .stripViewer  above */}

/* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripViewer .panelContainer .panel .wrapper{padding: 10px;}

/* This is the div to hold your nav (the UL generated at run time) */
.stripNav{margin: auto;}

/* The auto-generated set of links */
.stripNav ul{list-style: none;}

/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
.stripNav ul li{float: left;margin-right: 2px; }

/* The nav links */
.stripNav a{font-size: 10px;font-weight: bold;text-align: center;line-height: 32px;background: #fff;color: #fff;text-decoration: none;display: block;padding: 0 15px;width: 500px;}

/*.stripNav li.tab1 a{background-image: url('../images/tabs/tab_01.gif');width: 92px;}
.stripNav li.tab1 a:hover{background-position: 0 -33px;}
.stripNav li.tab1 a.current{background-position: 0 -66px;}

.stripNav li.tab2 a{background-image: url('../images/tabs/tab_02.gif');width: 90px;}
.stripNav li.tab2 a:hover{background-position: 0 -33px;}
.stripNav li.tab2 a.current{background-position: 0 -66px;}

.stripNav li.tab3 a{background-image: url('../images/tabs/tab_03.gif');width: 90px;}
.stripNav li.tab3 a:hover{background-position: 0 -33px;}
.stripNav li.tab3 a.current{background-position: 0 -66px;}

.stripNav li.tab4 a{background-image: url('../images/tabs/tab_04.gif');width: 90px;}
.stripNav li.tab4 a:hover{background-position: 0 -33px;}
.stripNav li.tab4 a.current{background-position: 0 -66px;}



li.tab1_ES a{background-image: url('../images/img_ES/why/tab_01_ES.gif');width: 92px;}
li.tab1_ES a:hover{background-position: 0 -33px;}
li.tab1_ES a.current{background-position: 0 -66px;}

li.tab2_ES a{background-image: url('../images/img_ES/why/tab_02_ES.gif');width: 90px;}
li.tab2_ES a:hover{background-position: 0 -33px;}
li.tab2_ES a.current{background-position: 0 -66px;}

li.tab3_ES a{background-image: url('../images/img_ES/why/tab_03_ES.gif');width: 90px;}
li.tab3_ES a:hover{background-position: 0 -33px;}
li.tab3_ES a.current{background-position: 0 -66px;}

li.tab4_ES a{background-image: url('../images/img_ES/why/tab_04_ES.gif');width: 90px;}
li.tab4_ES a:hover{background-position: 0 -33px;}
li.tab4_ES a.current{background-position: 0 -66px;}***/