* {margin:0; padding:0;}

html {background:url(images/html-bg.jpg) #F5F5F5 center top repeat-x;  }
body { margin:0; padding:0; }
div { font-family:Trebuchet MS,tahoma,verdana,sans-serif; font-size:12px; color:#333333; }

img {border:0;}
p {margin:12px 0;}
hr {border-top: 1px dashed #999; height: 1px; color: #fff; margin: 3px 0px;}
ul {margin:4px 0 16px 18px;}
hr {height:1px; color:#ccc;	background-color:#ccc; margin:10px 0;}

/*******************************************************
External
*/

#external {font:normal 12px/18px arial; color:#333; height:500px; background:#FFF; padding:8px;}
#wrapper {width:776px; padding:0; margin:0 auto; }

#header {background:transparent url(images/header-bg.jpg) no-repeat top center; margin:0; padding:0; width:776px; height:212px; overflow:hidden;}
#header h1 {margin:105px 0 0 22px;}
#header h1 a {background:transparent url(images/logo.gif) no-repeat top left; height:102px; width:115px; display:block; text-indent:-9999px;}
#header h2 {margin:20px 0 0 25px; color:#fff; font-size:21px;}

#body {color:#000; float:right; width:591px; display:inline; overflow:hidden;}
#body-wrapper { padding:8px; overflow:hidden;}

#body h4 {font-size:13px; margin-top:12px;}
#body h3 { margin-bottom:15px; display:block; font-size:18px; color:#628ECB; line-height:18px;}
#body h2 { font-size:15px;}

#body a {color:#E50220; text-decoration:none;}
#body a:hover, #footer a:hover {text-decoration:none;}	

.show-page {}
.show-page h3 {display:inline; line-height:50px;}

/*******************************************************
Navigation bar
*/

#footer {background: url(images/footer-bg.gif) repeat-x left top; font-size:10px; clear:both; width:776px; height:35px; margin:0 auto 16px auto; padding-top:11px;}
#footer p {margin:0; padding:0 0 0 14px; color:#fff; font-size:10px;}
#footer a {color:#fff; text-decoration:none;}
#footer #xsis-technology {width:128px; height:22px; display:block; float:right; margin-right:16px; margin-top:-5px;}

/*******************************************************
XSIS
********************************************************/
#xsis { width:776px; background:url(images/body-bg.gif) center top; overflow:hidden; clear:both; min-height:500px; }

/*******************************************************
Sidebar
*/
#sidebar {width:185px; color:#000; float:left; overflow:hidden; display:inline!important; }
#sidebar-wrapper { margin:4px 4px;}
#sidebar-wrapper div { font-size:12px; }

#sidebar a {color:#000;}
#sidebar a:hover {}
#sidebar h3 {color:#000; font-weight:normal; margin-bottom:10px; padding-left:10px; padding-top:2px; font-size:14px;  width:163px; height:21px}
#sidebar h3 a {color:#E2E5D4; text-decoration:none;}


/*******************************************************
Modules
*/

/* Testimonial body */
.test-body img, .test-body-view img {float:right;}
.test-body blockquote { border:#ddd solid 1px; padding:5px; background:#E2E1E0; color:#444; margin-bottom:8px; }
.test-body a { border-bottom:#B97922 dotted 1px; color:#B97922!important; } 
.test-body-view #bt-back { width:40px; background:#B97922; color:#fff; display:block; padding:1px 5px;} 


/* member login box */
.member-sidebar { border:#DADADA solid 1px; background:url(images/dialog_bg.gif) #F0EADF repeat-x center top; margin-bottom:5px; }
.member-sidebar h3 { color:#A0410D!important; font-size:14px!important; font-weight:bold!important; padding:0; margin-top:9px; margin-left:0; margin-bottom:3px!important;}
.member-sidebar label { width:40px!important;  }
.member-sidebar #email-sidebar-textbox { font-family:"Trebuchet MS", Arial, Verdana; font-size:10px; width:90px; height:15px; border:#C2C2C2 solid 1px; }
.member-sidebar #password-sidebar-textbox { font-family:"Trebuchet MS", Arial, Verdana; font-size:10px; width:90px; height:15px; border:#C2C2C2 solid 1px; }
.member-sidebar #bt-ok { background:#F9A94A; border:#D97600 solid 1px; color:#fff; font-size:9px; width:56px; height:19px; margin-left:38px; }

/* product-body-list */

.product-body  { margin:0; padding:0; }
.product-body-all { display:none; }

.product-body-list { }
.product-body-list h3 {display:inline; line-height:60px; }
.product-body-list h4 a {color:#000; font-size:11px;	font-weight:normal;	text-decoration:none; line-height:13px;}
.product-body-list h4 a:hover {text-decoration:underline;}

.product-body-list #page-split {text-align:center; clear:both; padding:3px; display:block; position:relative; margin-top:20px!important;}
.product-body-list #page-split a {border:1px solid #ccc; color:#ED1C24; margin-right:3px; padding:1px 4px;}
.product-body-list #page-split a:hover, .product-body-list #page-split .selected {border:1px solid #ccc; color:#ccc; background:#ED1C24; color:#fff;}

.product-list {width:130px;	float:left;	height:200px; text-align:center; margin-bottom:15px; margin-right:4px;}
.product-list .price {color:#333;}
.product-list .discount {color:#AF460C;}
.product-list .description { display:none; }
.product-list h4 a { color:#E58634!important; font-weight:normal!important; }
.product-list h4 a:hover { background:#E58634; color:#fff!important; }

.product-view {}
.product-view h3 { margin-top:20px!important; }
.product-view h6 {margin:20px 0; font-size:13px;}
.product-view h4 {margin:10px 0; ;	font-size:12px; font-weight:normal;}

.product-picture {margin:30px 0; float:left; width:200px; cursor:pointer; }
.product-picture ul li {margin:5px 0; list-style:none;}
#product-description {clear:left;}
#product-sdescription {margin-top:10px;}
.product-photo { margin:8px auto;border:#E58634 solid 1px; background:#fff; }
.product-body-all a { font-weight:bold; color:#000!important; float:left; clear:both; margin-top:10px; font-size:14px;  }

#product-picture-big { border:#E6E9D8 solid 1px; padding:5px; }
.product-picture-thumb { border:#E6E9D8 solid 1px;  padding:5px;}

#login {width:540px; margin-bottom:20px;}
#body h4 {font-size:12px; margin:0;}
#login .cart-login {float:left;}

#cart {}
#cart .cart-view {border-collapse:separate;	padding:0; margin:0; width:100%; text-align:center;}
#cart #shipping-options {margin:20px 0;}
#cart .cart-buttons {padding:15px 0;}
#cart .cart-buttons div {float:right; text-align:right; width:300px;}
#cart .cart-tr1 {background:#f9f9f9;}
#cart .cart-tr-title {color:#fff; height:30px; background:url(images/bg-tr-title.gif) center top;}
#cart .cart-table-total {border-collapse:collapse; width:100%;}
#cart .cart-table-total td {border-bottom:2px solid #fff;}
#cart .cart-subtotal, #cart .cart-delivery, #cart .cart-total {padding:0; height:30px; background:#f2f2f2;}
#cart .desc {text-align:left;}

#cart h3 {margin-bottom:8px; }
#cart h5 {font-size:11px; }


/* faq-body */
.faq-body ol li h4 {margin:10px 0 -5px 0; font-size:13px;}
.faq-body {margin-left:20px}
.faq {}
.faq-body ol li {margin:10px 0;}

/* text-body/sidebar */
.text-body {overflow:hidden;margin:0 0 10px; clear:both;}
.text-sidebar  {overflow:hidden;margin-left:10px;}

/* poll-sidebar */
.poll-sidebar { border:#DADADA solid 1px; background:url(images/dialog_bg.gif) #F0EADF repeat-x center top; margin-bottom:5px; overflow:hidden; }
.poll-sidebar h3 { color:#A0410D!important; font-size:14px!important; font-weight:bold!important; padding:0; margin-top:9px; margin-left:0; margin-bottom:3px!important;}

.poll-sidebar h4 { margin:0 0 10px 10px;  }
.poll-sidebar ul {margin:0; padding:0 0 0 10px;}
.poll-sidebar li {list-style-image:none; list-style:none;}
.poll-graph div {height:16px; background-repeat:repeat-x; font-size:0.9em; width:15px; margin:0px!important; padding:0;}
.poll-graph {height:16px; margin:0px!important;}
.poll-question {overflow:hidden; margin-bottom:10px!important;}
.poll-loader {display:none;	}	
.poll_totalvotes {font-size:0.8em; margin-top:10px;	font-style:italic;}
#poll-vote { margin-left:10px; }
#poll-results {margin-top:10px!important;}
#poll-results li {margin-top:3px;}
#poll-results li div {color:#fff;}
.poll-buttons {color:#fff!important; background:#F9A94A; border:#D97600 solid 1px; text-decoration:none; padding:3px 6px;  margin-right:3px; line-height:30px;}

/* comom itens */
.subtitle {margin:0; padding:0; font-size:10px;}

/* forms */
input {margin:1px 0;}
button {cursor:pointer;}
.button {cursor:pointer;}
.form-general {text-align:left; padding:10px 0;border:none;}
.form-general label {float:left; width:100px; margin:8px 10px 0 10px; text-align:left; font-size:11px;line-height:13px;}
.form-general input {padding:2px; font-size:10px; margin:2px 0;  border:#95A068 solid 1px;}
.form-general textarea {  border:#95A068 solid 1px; width:302px; }
.form-general button { background:#B97922; padding:2px 6px; color:#fff; border:#9D600E solid 1px;  } 
#form-order label { width:100px; }


/* Booking */
.form-booking { border:#fff solid 1px; }
.booking-body .booking-textbox { width:300px; border:#B97922 solid 1px; font-size:11px;padding:2px; } 
.booking-body .booking-listbox { border:#B97922 solid 1px; font-size:11px;padding:2px; width:302px; } 
.booking-body .booking-textarea { border:#B97922 solid 1px; font-size:11px;padding:2px; width:300px; height:150px; } 
.booking-body .booking-date { border:#B97922 solid 1px; font-size:11px;padding:2px; width:60px; } 
.booking-body .booking-button { background:#B97922!important; font-size:11px; color:#fff; padding:2px; width:60px; border:#9D600E solid 1px;  } 

.booking-body h3 { margin-bottom:10px!important; }
.booking-label { width:140px; }

/* Contact Form */
#contact-form label { background:url(images/bullet_01.gif) no-repeat left top; color:#000; padding-left:20px; width:80px; }
#contact-form .contact-textbox { padding:2px; font-size:10px; margin:2px 0;  border:#C6C6C6 solid 1px; width:300px; background:url(images/textbox-bg.gif) repeat-x center bottom; }
#contact-form .contact-textarea { padding:2px; font-size:10px; margin:2px 0;  border:#C6C6C6 solid 1px; width:300px; height:150px; background:url(images/textbox-bg.gif) repeat-x center bottom; }
#contact-form #btn-send { background:#fff!important; }
#contact-form .send { padding:2px; font-size:10px; margin:2px 0;  border:#C6C6C6 solid 1px; background:#4277C3; width:50px;}

/* buttons */
#bt-continue {background:url(images/continue.gif); width:73px; height:21px; border:0px;display:block; text-indent:-9999px;}
#bt-register {background:url(images/register.gif); width:63px; height:21px; border:0px;display:block; text-indent:-9999px;}

/* labels */
#label-payment-credit, #label-payment-internet, #label-payment-cheque {height:100px; width:50px!important; text-align:right;  }
#form-order h4 { margin-top:15px; padding-bottom:2px; border-bottom:#ddd dotted 1px; }

.txtbox {border:1px solid #999;width:300px!important;}
.error {margin:10px 40px;; text-align:center; border:#858F5B solid 1px; background:#E6E9D8; padding:10px 0; clear:both; color:#858F5B;}
.error p {margin:0!important; padding:0;color:#f00!important; font-weight:bold; text-align:center!important;}
.msgerror {color:#f00!important; font-weight:bold;}

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#nav {position:relative; height:30px; z-index:100; text-align:center; width:776px; background:url(images/nav-bg.gif) repeat-x top center;}

#nav-wrapper {margin:0 0 0 21px!important; padding:0; list-style-type: none;}

/* Set up the link size, color and borders */
#nav-wrapper a, #nav-wrapper a:visited {font:11px Arial, Helvetica, sans-serif; color:#fff; display:block; width:86px; color:#fff; padding:0 5px; padding-top:6px; height:24px!important; text-decoration:none; border-left:1px solid #fff;}
#nav-wrapper .selected, #nav-wrapper a:hover {background:#23549A;}
#nav-wrapper .selected a {color:#fff!important;}

#nav-wrapper li {float:left; height:30px!important;}
#nav-wrapper li, #nav-wrapper ul {list-style-type: none; margin:0px; padding:0;}
#nav-wrapper li:hover {position:relative;}

#nav-153 a {width:150px!important;}

/* Make the hovered list color persist */
#nav-wrapper li:hover > a {background:#23549A; color:#fff; }
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#nav-wrapper li ul {display:none; }
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#nav-wrapper li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:0px; background:transparent url(transparent.gif);}
/* Position the first sub level beneath the top level links */
#nav-wrapper > li:hover > ul {left:0px; top:30px;}
#nav-wrapper > li:hover > ul li {background:#4277C3!important; text-align:left!important; margin-left:1px!important; border-bottom:#fff solid 1px;}
#nav-wrapper > li:hover > ul li a {color:#fff!important; width:140px!important; border:none!important;}
#nav-wrapper > li:hover > ul li a:hover {color:#fff!important;}
/* get rid of the table */
#nav-wrapper table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #nav-wrapper li a:hover {position:relative; repeat-x top center; color:#fff;}

/* For accessibility of the top level menu when tabbing */
#nav-wrapper li a:active, #nav-wrapper li a:focus {}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #nav-wrapper li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:0px; background:transparent url(transparent.gif); border-top:0;}
* html #nav-wrapper li ul li {}
/* make the second level visible when hover on first level link and position it */
#nav-wrapper li a:hover ul {visibility:visible; left:0px; top:30px; lef\t:0px; to\p:30px;}
#nav-wrapper li a:hover ul li {background:#4277C3!important; text-align:left!important; margin-left:0!important;border-bottom:#fff solid 1px;}
#nav-wrapper li a:hover ul li a {color:#fff!important; width:140px!important; border:none!important;}
#nav-wrapper li a:hover ul li a:hover {color:#fff!important; background:#23549A;}