body {
	margin: 0px; 
	padding: 0px; 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: normal; 
	color: #181818;
	background-color: #0099FF;
} 
.cls {
	height: 0px; 
	clear: both; 
	overflow: hidden;
}  
#main {
	width: 760px; 
	margin: 0px auto;
	background-color: #FFFFFF;
}

 /* Logo */ 
#logo {
	float: left; 
	width: 462px; 
	height: 56px; 
	padding: 34px 0px 0px 4px; 
	color: #3F3F3F; 
	font-size: 10px; 
	font-weight: bold; 
	text-transform: uppercase;
} 
#logo strong {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	color: #212121;
} 
#logo strong span{
	color: #7D2B13; 
	margin: 0px; 
	padding: 0px;
}

/* Top */ 
#top {
	float: left; 
	width: 244px; 
	text-align: right;
} 
#top ul {
	margin: 68px 20px 10px 0px; 
	padding: 0px; 
	list-style: none;
} 
#top li {
	margin: 0px; 
	padding: 0px; 
	display: inline;
} 
#top a {
	font-size: 12px; 
	color: #07080C; 
	text-decoration: none; 
	padding: 0px 5px;
}
#top a: hover {
	text-decoration: underline;
}  
#all-header {
	clear: left; 
	width: 760px; 
	height: 235px; 
	border-top: #0000ff 5px solid; 
	padding: 0px 0px 0px 0px;
} 

/* Main menu */ 
#menu {
	float: left; 
	width: 243px; 
	height: 232px; 
	background-color: #EFEFEF; 
	overflow: hidden;
} 
#menu ul {
	margin: 0px; 
	padding: 0px; 
	list-style: none;
} 
#menu li {
	margin: 0px; 
	padding: 0px; 
	clear: left;
} 
#menu li a {
	float: left; 
	width: 195px; 
	height: 25px; 
	font-size: 16px; 
	border-left: #0000ff 5px solid; 
	padding: 9px 0px 9px 15px; 
	margin: 0px 0px 4px 0px; 
	text-decoration: none;
	color: #1D0A04; 
	cursor: pointer;
} 
#menu li a span {
	float: left; 
	width: 193px; 
	border-bottom: #464648 1px solid; 
	display: block; 
	padding: 0px 0px 4px 2px; 
	font-weight: bold;
	text-transform: uppercase; 
	cursor: pointer;
} 
#menu li a:hover {
	color: #742811; 
	border-left: #a0c1e4 5px solid;
}

/* Header section */
#header {
	float: left; 
	width: 517px; 
	height: 232px; 
	background: url(../images/header.jpg) 3px 0px no-repeat;
} 

/* Main content */ 
#content {
	clear: left; 
	width: 758px; 
	border: #BCBCBC 1px solid; 
	border-width: 0px 1px; 
	background: url(../images/point.gif) 243px 0px repeat-y;
}  
#content #content-left {
	float: left; 
	width: 242px; 
	text-align: center; 
	padding: 0px 1px 0px 0px
} 
#content h1 {
	height: 33px; 
	line-height: 33px; 
	font-size: 14px; 
	color: #F9F9F9; 
	text-transform: uppercase;
	padding: 0px; margin: 0px; 
	background-color: #0000ff; 
	border: #000000 2px solid; 
	overflow: hidden;
} 
#content h2 {
	height: 28px; 
	line-height: 28px; 
	font-size: 14px; 
	color: #F9F9F9; 
	text-transform: uppercase; 
	padding: 0px; margin: 0px; 
	background-color: #414141; 
	border: #1B1B1B 1px solid; 
	overflow: hidden;
} 
#content h3 {
	height: 33px; 
	line-height: 33px; 
	font-size: 14px; 
	color: #F9F9F9; 
	text-transform: uppercase; 
	padding: 0px 0px 0px 20px; 
	margin: 0px 0px 10px 0px; 
	background-color: #414141; 
	border: #1B1B1B 2px solid; 
	overflow: hidden; 
	display: block;
}  
#content #content-left img {
	float: left;	
	margin: 10px !important; 
	clear: both;
} 
#content #content-left p{
	margin: 0px; 
	padding: 10px 5px 2px 0px; 
	text-align: justify; 
	font-size: 13px !important;
} 
#content #content-left a.more{
	color: #7D2B13; 
	font-weight: bold; 
	text-decoration: none; 
} 
#content #content-left a.more:hover {
	color: #c99689; 
}  
.small-line{
	clear: both; 
	margin: 0px 0px 10px 10px; 
	height: 1px; 
	background-color: #BCBCBC; 
	overflow: hidden;
} 

/* Newsletter box */ 
#newsletters {background-color: #D1CFC3; padding: 0px 0px 9px 0px; text-align: center; clear: both; width: 242px;} 
#newsletters a {float: left; font-size: 12px; font-weight: normal; text-decoration: underline; color: #3B3B3B; padding: 0px 0px 10px 13px;} 
#newsletters a: hover{text-decoration: none;}  
.inputnews {width: 207px; height: 20px; line-height: 20px; color: #3B3B3B; background-color: #EFECE3; border: #B0B0A8 1px solid; margin: 17px 0px 12px 0px; padding: 0px 0px 0px 9px;} 
.buttonnews {float: right; width: 57px; height: 20px; line-height: 20px; text-align: center; color: #FFFFFF; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; background-color: #D29602; border: none; margin: 0px 14px 8px 0px; padding: 0px;} 

/* 3 boxes */ 
#content #content-right {
	float: left; 
	width: 513px; 
	padding: 0px 0px 10px 2px;
}  
h4 {
	height: 14px; 
	border-top: #BCBCBC 1px solid; 
	color: #6A1510; 
	font-size: 14px; 
	padding: 14px 0px 8px 13px; 
	margin: 0px; 
	text-transform: uppercase; 
	clear: both;} 
#content p {
	margin: 0px; 
	padding: 0px 5px 0px 10px; 
	font-size: 14px;
	text-align: justify; 
} 
#content #content-right a.more{
	float: left; 
	color: #7D2B13; 
	font-weight: bold; 
	text-decoration: none; 
	margin: 10px;
} 
#content #content-right a.more:hover {
	color: #c99689; 
}  

/* the following selectors are the form styles */
#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* creates 10px of padding at the bottom of the form */
  	width: 500px;
  	float: left; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	border: 1px solid #640e1a; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#content legend {
	border: 1px solid #3b46a4; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background: #3b46a5;
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
}
#content label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 220px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	text-align: right;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#content input, #content textarea, #content select {
	color: #000; /* creates the text color */
	border: 1px solid #640e1a; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #f7f0e7; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 230px; /* creates a consistent width */
	float: left; /* These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 20px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input: focus, #content input: active, #content textarea: focus, #content textarea: active {
	color: #000;
	background: #ddeaf8;
}

/* Footer */ 
#fotoer {
	clear: both; 
	width: 760px;
}
#copy{ 
	float: left; 
	width: 241px; 
	height: 48px; 
	font-size: 11px; 
	color: #ffffff; 
	padding: 0px; 
	text-align: center; 
	background-color: #0000ff; 
	border: #0000c0 2px solid;
} 

#copy a {
	color: #ECECEC; 
	font-size: 11px; 
	font-weight: normal; 
	text-decoration: none;
} 
#copy a: hover {
	color: #FFFFFF; 
	text-decoration: underline;
} 
#boxMenu-bottom {
	float: left; 
	width: 511px; 
	height: 48px; 
	color: #762A1C; 
	line-height: 48px; 
	text-align: center; 
	background-color: #3E3E3E; 
	border: #3B3B3B 2px solid;
} 
#boxMenu-bottom ul {
	margin: 0px; 
	padding: 0px; 
	list-style: none;
} 
#boxMenu-bottom li {
	margin: 0px; 
	padding: 0px; 
	display: inline;
} 
#boxMenu-bottom a {
	color: #ECECEC; 
	font-size: 12px; 
	font-weight: normal; 
	padding: 0px 10px; 
	text-decoration: none;
} 
#boxMenu-bottom a: hover {
	color: #FFFFFF; 
	text-decoration: underline;
}
.subheader {
	font-weight: bold;
	text-decoration: none;
	color: #3333CC;
}
#RightEmpty {
    border: 1px solid #fffffe;
    background: #ffffff;
    margin: 10px;
    float: left;
    voice-family: inherit;
    width: 45%;
    height: 200px;
}
#order
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 10px;
	width: 95%;
	text-align: left;
	border-collapse: collapse;
}
#order th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#order td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#order tr.active td
{
	background: #d0dafd;
	color: #339;
}