/* Page layouts  */
html,body {margin:0; padding:0; font-size:100%;height:100%}/* needed to prevent text-scaling bug in IE6 */
body {color:#000;
	font:normal 0.75em arial,sans-serif;
	text-align:center; 
	font-family: Arial, sans-serif;
	color: #000033;
	line-height: 1.166;
	background-attachment: scroll;
	background-image: url(../graphics6/bg_gradient.jpg);
	background-color: #576D96;
	background-repeat: repeat-x;
	background-position: center top;

}

/*
#GLOBAL {color:#000;
	background-attachment: inherit;
	background-image: url(../graphics6/nav_var2.gif);
	background-repeat: repeat-x;
	background-position: bottom;

}
*/
p, h1, h2, h3, h4, h5 { padding: 0px 10px 0px 10px;}

#pageWrapper {text-align:center;background: #e5e5e5 url(../graphics5/nav_var.gif) top center repeat-y;height: auto;min-height: 99.9%;_height: 99.9%;}
#homepageWrapper {text-align:center;background: #e5e5e5 url(../graphics5/cuerpoWrapper.gif) top center repeat-y;height: auto;min-height: 99.9%;_height: 99.9%;}
#bodyWrapper {width:760px;text-align:left;margin:0 auto;}
/* These styles handle the header. */
#header {width:760px;background:#fff;margin:0 auto;text-align:left;position:relative;}
#logoNew {float:left;width:171px;height:60px;margin:15px 0px 0px 30px;}
.companyName {font-weight:bold; font-size:1.2em;position:absolute; top:55px; left:245px;display: block; z-index:50000;}
ul#headerLinks {float:right;text-align:right;display:inline;list-style-type:none;list-style-position:inside;padding:0;margin:2px 0px 2px 0px;}
ul#headerLinks li {float:left;padding:1px 10px 1px 10px;margin:0;border-left:1px solid grey;line-height:10px;font:normal arial,sans-serif; font-size: 11px;}
ul#headerLinks li.firstLink {border-left:none;}
ul#headerLinks li.endLink {padding-right:5px;}
form.searchbox_searchFormNew {float:right;text-align:right;display:inline;width:270px;padding:0;margin:0px 2px 5px 0px;}
form.searchbox_searchFormNew fieldset {float:right;text-align:right;border:0;padding:0;margin:0;}
form.searchbox_searchFormNew legend {display:none;}
form.searchbox_searchFormNew button.redButton {display:block;float:right;margin:0 0 0 5px;}
form.searchbox_searchFormNew input {display:block;float:right;margin-top:2px;}
#location {clear:both;float:right;text-align:right;display:inline;width:300px;margin:0px 10px 0px 0px;font:normal 11px arial,sans-serif;}
#headerSpacer {height:8px;clear:both;overflow:hidden;}

/* These styles handle the footer. */
#footer {clear:both; margin:0 auto; text-align: center;padding:2px 20px 5px;font-size: 10px; color:#FFFFFF;}
#footer a{color:#FFFFFF;}
.footerCopyright {text-align:left;padding: 5px 0 8px;}
.footerCopyrightPopup {text-align:left;padding: 10px 0 10px 0;}
.footerIcons {text-align:left;padding:40px 0 30px;}

.pipe {color:#999;}
.trip_rates{ background-color:#FFFFFF;}
fieldset, form, img {border:0;}

/* "skip to" links */
p#skipto {position:absolute;top:-100em;}

/* masthead store wayfinderNav */
#wayfinderNav {padding:0 0 20px 0;}

.marcoTop {background-image:url(../graphics6/marco175x110.png); background-position: top center; background-repeat:no-repeat;}

.marcoTop img { padding-top: 5px;}

.marcoBottom {background-image:url(../graphics6/marco175x110.png); background-position: bottom center; background-repeat:no-repeat;text-align:center;}

.marcoBottom a {color:#FFFFFF; font-weight:bold; }
.marcoBottom div {color:#FFFFFF; }

.marcoTop2 {background-image:url(../graphics6/marco175x110_2.png); background-position: top center; background-repeat:no-repeat;}

.marcoTop2 img { padding-top: 5px;}

.marcoBottom2 {background-image:url(../graphics6/marco175x110_2.png); background-position: bottom center; background-repeat:no-repeat;text-align:center;}

.marcoBottom2 a {color:#576D96; font-weight:bold; }
.marcoBottom2 div {color:#576D96;}

/* ---------------------------------------------------------
PAGE Content Styles 
-------------------------------------------------------------*/

/* can be used with any tag */
.noindent {margin-left:0px !important;}
.indent5 {margin-left:5px;}
.indent10 {margin-left:10px;}
.rightAligned {float:right;}
.leftAligned {float:left;}
.center {text-align:center;}
.left {float:left; padding-right:10px;}


div#overlay {position:absolute;top:0;left:0;background:#000;cursor:pointer;opacity: 0.75;z-index:100001;display:none;}
#overlay_iframe {position:absolute;top:0;left:0;background:#000;cursor:pointer;opacity: 0;z-index:100000;}


/* ---------------------------------------------------------
Buttons 
-------------------------------------------------------------*/

.gray   { border: 1px solid #000;background-color: #ccc;text-decoration: none;color: black;font: bold 1em arial,helvetica,sans-serif;cursor: pointer;padding:0; }
.red   { border: 1px solid #333;background-color: #f00;text-decoration: none;color: white;font: bold 11px arial,helvetica,sans-serif;cursor: pointer;padding:0; }
button.red span, button.gray span {font-weight:bold;}

/* Upper Funnel New Buttons styles */
button.redButton, button.blackButton, button.grayButton, button.grayButtonSml {padding:2px 2px;color: #576D96; cursor:pointer;}
button.grayButton, button.grayButtonSml {color: #000;}
button.blackButton {background:#666;}
button.redButton span, button.blackButton span, button.grayButton span {font-weight:bold;font-size:11px}
button.grayButtonSml span {font-weight:bold;font-size:0.9em}
button.relative {position:relative;top:3px;left:6px;}

/* ---------------------------------------------------------
Images
-------------------------------------------------------------*/
img { border:none; }
img.intextImage {float:left;margin:0 10px 10px 0;}
.sidebarPicture {float:left;margin:0 10px 3px 0;border:1px solid #999;background-color:#fff7b1;}
/*sizing for images - picture divs for out of stock-backorder */
.picture {position:relative;}
.inventory {position:absolute;top:0;left:0;}
.large {width:220px;height:335px;}
.medium {width:125px;height:190px;}
.small {width:70px;height:107px;} /*small & thumb are duplicates for backward compatibility*/
.thumb {width:70px;height:107px;}
.mini {width:55px;height:84px;}

#bodyContainer .productImg {float:left;margin-right:10px;border:1px solid #ccc;}

/* ---------------------------------------------------------
Forms 
-------------------------------------------------------------*/
fieldset {padding:0;border:none;}
form {margin:0;}
select {background:#fff;font-size:1em;}
/* Hidden text, like labels for form fields */
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hideLabel {position:absolute;top:-1000px; left:-1000px;}
.formField {clear:both;float:left; padding-top:5px;}
.formFieldInfo {float:left; margin-left:10px; padding:5px 0 0; font-size:0.9em; width:300px; height:35px;}


.tableContainer {background-color:#ebebeb;padding:5px 5px 10px 10px;clear:both;border-top:1px solid #999;border-bottom:1px solid #999;}

span.headerLink {float:right}
.disclaimerContainer {background-color:#efefef;padding:10px;clear:both;border-top:1px solid #333;border-bottom:1px solid #333;}
.subHeader {background: #d9d9d9; border-top:1px solid #333;padding:5px 10px;}

/* NEW UF layout elements */
span.spacer {padding-left:10px;}

/* Varios */
.P60 {
  font-size: 60%;
}
.P75 {
  font-size: 75%;
}
.P90 {
  font-size: 90%;
}
.blanco {
  color:#FFFFFF;
}
.sub1{
  background-image:url(graphics6/fff2x2.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}
.sub2{
  background-image:url(graphics6/ccc2x2.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}
.angleTL {
  background-image:url(graphics6/angleTL.png);
  background-repeat:no-repeat;
  background-position:top left;
}
.angleTR {
  background-image:url(graphics6/angleTR.png);
  background-repeat:no-repeat;
  background-position:top right;
}
.angleBL {
  background-image:url(graphics6/angleBL.png);
  background-repeat:no-repeat;
  background-position:bottom left;
}
.angleBR {
  background-image:url(graphics6/angleBR.png);
  background-repeat:no-repeat;
  background-position:bottom right;
}
.dest {
	font-size: 110%;
	font-weight: bold;
}