/* basic styles */
/* -------------------------------> */
html {min-width: 790px; font-family: helvetica, arial, sans-serif; font-size: 13px; line-height: 125%; color: #828282;}
body {background-color: #ffffff; margin: 0 1% 1% 1%;}
table {padding: 0px; margin: auto;}
table td {font-family: helvetica, arial, sans-serif; font-size: 13px; line-height: 125%; color: #828282; vertical-align: top; text-align: left; margin: 0px; padding: 0px; border: 0px;}
img {border: 0px; vertical-align: top; padding: 0px;}
a {color: #f78f1e; font-size: 13px; text-decoration: underline;}
a:hover {color: #867864; text-decoration: underline;}
h1 {font-size: 180%;}
h2 {font-size: 140%;}
h3 {font-size: 125%;}
h4 {font-size: 120%;}
h5 {font-size: 115%;}
h6 {font-size: 95%;}
strong {color: #646464;}
hr {background-color: #e2e2e2; height: 1px; border: 0px;}
p {font-size: 100%;}
li {padding-bottom: 5px;}
form {display: inline; padding: 0px; margin: 0px;}

/* page layout */
/* -------------------------------> */
td#border-shadow-side-lft {background: url(graphics/ombracaraesq.gif) repeat-y; width: 10px; margin: 10px;}
td#border-shadow-side-rt {background: url(graphics/ombracaradre.gif) repeat-y; width: 10px; margin: 0px;}
td#border-shadow-btm {background: url(graphics/ombrabaix.gif) repeat-x; height: 10px; margin: 0px;}
td#border-shadow-cnr-rt {background: url(graphics/ombradre.gif); width: 10px; height: 10px; margin: 0px;}
td#border-shadow-cnr-lft {background: url(graphics/ombraesq.gif); width: 10px; height: 10px; margin: 0px;}
td#page-container {width: 750px; padding: 0px;}
table#page-area {width: 750px; padding: 0px;}
td#shadow-spacing {width: 8px;}
td#spacing {width: 10px; border: 0px;}


/* header styles */
/* -------------------------------> */
table#header {width: 750px; height: 120px; margin-top: 10px; padding: 0px;}

#user-login a {color: #192e84; font-size: 11px; text-decoration: underline;}
#user-login a.cartitem {color: #3f3f3f; text-decoration: none;}
#user-login a.cartitem:hover {color: #eaeaea; text-decoration: none;}
#user-login a:hover {color: #555555; text-decoration: underline;}
#user-login a:active {color: #555555; text-decoration: underline}

p.sign {margin: 43px 0px 0px 88px;}
p.cart {margin: 1px 0px 0px 7px;}
p.acct {margin: 0px 0px 0px 70px;}

/* logo & small nav area */
table#logo-nav-container {width: 571px; height: 106px; padding: 0px;}
td#logo-nav {background: url(graphics/capcanto.gif) no-repeat top right; padding-bottom: 3px;}
div.left-iefix {padding: 44px 0px 0px 13px; float: left; width: 60%; margin: 0px;}
div.right-iefix {float: right; width: 30%; padding: 0px; margin: 0px;}
#logo-nav a {color: #555555; font-size: 11px; text-decoration: none;}
#logo-nav a:hover {text-decoration: underline;}
#logo-nav img {border: 0px; vertical-align: middle; padding: 0px;}


/* side styles */ 
/* -------------------------------> */ 

div#search {padding: 3% 0%  5% 0%;}
div#search form {display: inline; padding: 0px; margin: 0px;}
div#search input {color: #867864; border: 1px solid #9a9a9a; font: 11px arial, helvetica, sans-serif;}
div#search input[type="submit"] {border: 0px; background-color: #ffffff;}
div#search input[type="submit"]:hover {color: #192e84;}
div#search input[type="image"] {border: 0px; padding-left: 1%; background: #ffffff;}

/* left side ads */
td#left-side {width: 170px;}
td#left-side {color: #9a9a9a; font-size: 11px; line-height: 120%;}
#left-side img {border: 0px; padding-top: 5px; padding-bottom: 5px;}
#left-side a {color: #192e84; font-size: 11px; text-decoration: underline;}
#left-side a:hover {color: #555555; text-decoration: underline;}

/* right side navs */
td#right-side {width: 170px;}
td#right-side {color: #646464; font-size: 12px; line-height: 120%;}
#right-side div {padding-bottom: 3px;}
#right-side img {border: 0px; padding-top: 1px; padding-bottom: 1px;}
#right-side a {color: #646464; font-size: 12px; text-decoration: none;}
#right-side a:hover {color: #646464; text-decoration: none;}

#right-side ul {width: 170px; list-style: none; border: 1px solid #d3d3d3; background-color: #ffffff; padding: 0px; margin-left: 0px; padding-left: 0px;}
#right-side ul li {border-bottom: 1px solid #d3d3d3; margin: 0px; padding: 3px 0px 1px 4px;}
#right-side li:hover {background-color: #fff8f1; text-decoration: none;}
#right-side li:last-child {border-bottom: none;}
#right-side h3 {color: #f78f1e; font-weight: normal; margin: 5px 0px 7px 0px;}

#nested2 ul {width: 170px; list-style: square inside; border: none; background: #f4f4f4; margin-left: 0px; padding-left: 0px;}
#nested2 ul li {margin: 0px; padding-left: 6px; background: #f4f4f4;}
#nested2 li:last-child {border-bottom: none;}
#nested2 ul:last-child {border-bottom: 1px solid #d3d3d3;}
#nested2 img {border: 0px; padding-top: 1px; padding-bottom: 1px;}

#nav-drill ul {width: 170px; list-style: square inside; border: none; background: #f4f4f4; margin-left: 0px; padding-left: 0px;}
#nav-drill ul li {margin: 0px; padding-left: 6px; background: #f4f4f4;}
#nav-drill li:last-child {border-bottom: none;}
#nav-drill ul:last-child {border-bottom: 1px solid #d3d3d3;}
#nav-drill img {border: 0px; padding-top: 1px; padding-bottom: 1px;}

#morelinks div {background-color: none;}
#morelinks a {color: #b3aa9d; font-size: 11px;}
#morelinks a:hover {text-decoration: underline;}
#morelinks ul {list-style: none; border: 1px solid #f78f1e; background-color: #ffffff; padding: 3px 0px 1px 0px;}
#morelinks ul li {border: 0px; color: #646464; background-color: none; margin: 0px; padding: 1px 5px 1px 5px;}
#morelinks h4 {color: #646464; font-weight: normal; border: 0px; line-height: 0%;}


/* main text area styles */ 
/* -------------------------------> */
td#main-area-container {padding-top: 6px; padding-bottom: 15px;} 
table#main-area {width: 750px;}
td#text-area {/*width: 570px; IE6 issue */padding: 0px 10px 0px 5px;}
#text-area img {border: 0px; padding: 0px 5px 5px 5px; float: right;}
#text-area h1 {color: #192e84; font-weight: bold; line-height: 100%;}
#text-area h2 {color: #aca294; font-weight: normal; line-height: 125%; margin: 5px 0px 15px 0px;}
#text-area h3 {color: #555555; font-weight: normal; margin: 20px 0px 5px 0px;}
#text-area h4 {color: #877864; font-weight: normal; line-height: 0%; margin: 30px 0px 10px 0px;}
#text-area h5 {color: #aca294; font-weight: normal; line-height: normal; padding: 10px 0px 0px 0px; margin: 0px;}
#text-area h6 {color: #4b4b4b; font-weight: normal; margin: 0px;}
#text-area a.h3link {font-size: 111%; color: #555555; font-weight: normal; margin: 5px 0px 5px 0px; text-decoration: none;} 
#text-area a:hover.h3link {text-decoration: underline;} 
#text-area a.ltwrmgrey {font-size: 105%; color: #877864; text-decoration: none;}
#text-area a:hover.ltwrmgrey {text-decoration: underline;}
#text-area blockquote.cmd {font: courier new;}
#text-area .note {font-style: italic; font-size: 93%;}
div#full_wi {float: left; width: 100%; padding-top: 10px;} /* column body with non-wrapping around images for equal space */ 
#full_wi img {float: left; margin-right: 30px; margin-top: 20px;}
#full_wi p {margin-left: 95px; margin-top: 0px;}
div#full {float: left; width: 100%; padding-top: 10px;}
#full img {float: left; padding: 5px 5px 5px 0px;}
div#left {float: left; width: 40%;} /* pages with sidenavs or ads */
div#right {float: right; width: 53%; border: 0px; padding-left: 20px;} /* pages with sidenavs or ads */
div#col1-full {float: left; width: 20%;} /* full width page */
div#col2-full {float: right; width: 75%;} /* full width page */
div#left-layout {float: left; width: 52%; padding-bottom: 10px;}
div#right-layout {float: right; width: 43%; padding-bottom: 10px; padding-left: 10px;}
div#center {text-align: center;}
div.form-box {border: 1px #c7c7c7 solid; padding-left: 25px;}
div.layout-box{border: .5px #646464 solid; padding: 10px; width: 60%; margin: 10px 0px 10px 0px;}
span.form-text {float: left; width: 35%;}
select.country {width: 165px;}
.error {color: #f6772f;}
a.crumbs {color: #192e84; text-decoration: none; font-size: 90%;}
a:hover.crumbs {text-decoration: underline;}
#button img {float: left; padding: 0px 5px 10px 0px;}
#store_thumb img {float: left; padding: 0px 5px 5px 5px;}
div#col1 {float: left; width: 28%; padding: 0px 10px 0px 0px;} /* images only */
div#col2 {float: left; width: 28%; padding: 0px 10px 0px 0px;}
div#col3 {float: left; width: 28%; padding: 0px 10px 0px 0px;}

/* rounded corners box (plain) */
/* set the image to use and establish the lower-right position */ 
.box_plain, .box_plain_body, .box_plain_head, .box_plain_head h3 { background: transparent url(graphics/caixaplana.gif) no-repeat bottom right; } 
.box_plain {width: 335px !important; /* intended total box width - padding-right(next) */ width: 320px; /* IE Win = width - padding */ padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ margin: 5px auto; /* use to position the box */ } 

/* set the top-right image */
.box_plain_head {background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ }

/* set the top-left image */ 
.box_plain_head h3 {background-position: top left; margin: 0px; /* reset main site styles*/ border: 0px; /* ditto */ padding: 25px 0px 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ }
 
/* set the lower-left corner image */
.box_plain_body {background-position: bottom left; margin-top: -1em; margin-right: 25px; /* interior-padding right */ padding: 15px 0px 15px 20px; /* mirror .box_plain_head right/left */ }

img.border {border: 1px solid #bdbaaf;} /* border for quadrant areas */

/* quadrant 1 */
td#quad1 {width: 380px; height: 237px; padding-left: 0px; padding-right: 2px; padding-bottom: 20px;}

/* quadrant 2 */
td#quad2ad1 {width: 170px; height: 237px; padding-left: 0px; padding-right: 6px; padding-bottom: 20px;}
td#quad2ad2 {width: 170px; height: 237px; padding-left: 0px; padding-right: 8px; padding-bottom: 20px;}

/* quadrant 3*/
td#quad3 {width: 340px; height: 225px; padding-left: 0px; padding-right: 0px;}  
td#quad3 {background: url(graphics/caixadetexte.gif) no-repeat bottom center;}
#quad3 {font-size: 12px; line-height: 20px; color: #8b8b8b;}
#quad3 a {font-size: 11px; color: #8b8b8b; text-decoration: none;}
#quad3 a:hover {color: #8b8b8b; text-decoration: underline;}
#quad3 h3 {color: #555555; font-weight: normal; margin: 5px 0px 5px 0px;}
#quad3 h4 {font-weight: bold;}
#quad3 form {display: inline;}
#quad3 input {color: #867864; border: 1px solid #9a9a9a; font-size: 11px; font-family: arial, helvetica, sans-serif;}
#quad3 input[type="submit"] {border: 1px solid #867864;}
#quad3 input[type="submit"]:hover {color: #f78f1e;}
#quad3 input[type="image"] {border: 0px; background-color: #ffffff;}

div.email {padding-top: 3px; padding-left: 6px;}
div.left {float: left; width: 44%; padding-top: 20px; padding-left: 23px;}
div.right {float: right; width: 46%; padding-top: 20px; padding-right: 10px;}

/*quadrant 4*/
td table#quad4 {width: 380px; height: 225px; padding-left: 3px;} /* images are 150 x 90 */
#box1 {background: url(graphics/caixa1.gif) no-repeat top left; width: 190px; height: 113px;}
#box1 div {font-size: 12px; line-height: 13px; padding: 7px 16px 11px 13px;}
#box2 {background: url(graphics/caixa2.gif) no-repeat top left; width: 190px; height: 113px;}
#box2 div {padding: 2px 9px 12px 25px;}
#box2 div a {color: #f78f1e; font-size: 11px; line-height: 14px;}
#box2 .recentnews {color: #73644b; line-height: 28px; font-size: 105%; font-weight: bold; text-decoration: none;}
#box2 .recentnews:hover {text-decoration: underline;}
#box2 em {color: #8b8b8b; font-size: 11px;}
#box3 {background: url(graphics/caixa3.gif) no-repeat top left; width: 190px; height: 111px;}
#box3 div {font-size: 12px; line-height: 13px; padding: 15px 16px 7px 13px;}
#box4 {background: url(graphics/caixa4.gif) no-repeat top left; width: 190px; height: 111px;}
#box4 div {font-size: 12px; line-height: 13px; padding: 15px 9px 7px 25px;}


/* alpeu styles */ 
/* -------------------------------> */
table#alpeu-container {width: 750px; padding-top: 10px; padding-bottom: 10px;} 
td#alpeu {width: 746px; margin: 0px; vertical-align: middle; padding-bottom: 10px;}
td#alpeu {color: #9a9a9a; font: 11px arial, helvetica, sans-serif;}
#alpeu a {color: #9a9a9a; font: 11px arial, helvetica, sans-serif; text-decoration: none;}
#alpeu a:hover {color: #9a9a9a; text-decoration: underline;}
#alpeu div {text-align: left; padding: 0px;}
/* #alpeu hr {background-color: #ffffff; repeat; height: 10px; border: 1px solid #e2e2e2;} */
/* hr.alpeu-gradient {background: url(graphics/chainchainchain.gif) no-repeat bottom left; float: left; width: 746px; height: 15px; border: 0px;} */
hr.alpeu-gradient {background: url(graphics/chainchainchain.gif) no-repeat bottom left; float: left; width: 746px; height: 15px;}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(graphics/lightbox_images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(graphics/lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(graphics/lightbox_images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}