/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, th, var { font-style : normal; font-weight : normal; }
strong, b { font-style : bold; font-weight : bold; }
q:before, q:after { content :''; }

/* Layout ----------------------------------------------------------- */

#div {
	border: 1px solid #FF0000;
}

html {
	height: 100%;
}




/* Background Graphics --------------------------------------------- */

body {
	height: 100%;
	margin: 0px;
	padding: 0px;

	background-color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

#container {
	/* Test Coloring */
	/* margin-top: 0px; */
	
	position: relative;
	display:block;
	min-height: 100%;
	min-width: 860px;

	width: 100%;
	margin: 0px;
	padding: 0px;
/*	padding: 0px 0px 10px 0px; */
	text-align: center;
	padding-top: 29px;

	background-image: url(/images/bg-top.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
}


* html #container {
	height: 100%;
}

.style_content {
	position: relative;
	margin: 0px auto;
	text-align: left;
}


br.clear {
	clear: both;
}


/* Header Layout */
#header {
/*	margin: 0px; */
	padding: 0px;
}

#header  h1 {
	position:absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	padding: 0px;
		text-indent: -9999px

}

#header  h1 a {
	display:block;
	width: 239px;
	height: 61px;

	background-image: url(/images/bg-logo.gif);
	background-repeat: no-repeat;
}

#header h1 a, #header h1 a:link {
	background-image: url(/images/bg-logo.gif);
	background-repeat: no-repeat;
}

#header h1 a:hover, #header h1 a:active {
	background-image: url(/images/bg-logo-on.gif);
}

#header  h1 a span {
	text-indent: -9999px
}
#header .style_content {
	width: 860px;
	height: 90px; 

}

#header .style_content {
	width: 860px;
	height: 90px; 
	position: relative;
	display: block;
	
	
	/* background-image: url(/images/bg-logo.gif);
	background-repeat: no-repeat;*/
}

#menu {
	display: block;
	margin: 0px 0px 0px 239px;
	padding: 0px;
	height: 43px;
	list-style: none;
	background-color: #FFF4E6;
}

#menu * {
	padding: 0;
	margin: 0;
}

#menu a {
	display: block;
	padding: 8px 20px;
	background-color: #CC0000;
	color: #ffffff;
	font-size:24px;
	font-weight:bold;

}

#menu li ul a {
	width: 200px;
	display: block;
	padding: 4px 20px;
	background-color: #CC3333;
	color: #ffffff;
	font-size:21px;
	font-weight:bold;
}

#menu li {
	float: left;
	border-right: 1px solid #FFF4E6;
	border-top: 1px solid #FFF4E6;
}


#menu a.current_page_item  {
	background-image: url(/images/menu-current.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#menu li ul {
	z-index: 100;
	position: absolute;
	width: 200px;
	left: -9999px;
}

#menu li:hover ul {
	left: auto;
}


#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}






/* Content Layout */

#branding {
	/* Test Coloring */
	/* background-color:#00FF00; */
	overflow: hidden;
	
	width: 100%;
	height: 226px;
	
	margin: 10px 0px 0px 0px;
	padding: 0px;
	
	border-top: 2px solid #CC0000;
	border-bottom: 2px solid #CC0000;

	
	background-color: #FFF4E6;

}

#branding .style_content {
	/* Explorer Suma Mergen */

	/* Test Coloring */
	/* background-color:#0000FF; */
	overflow: hidden;
	
	width: 860px;
	padding: 0px 20px 0px 20px;

	background-image: url(/images/bg-branding.jpg);
	background-repeat: no-repeat;
	background-color: #FFF4E6;

}

html>body #branding .style_content {
	/* Firefox No */

	/* Test Coloring */
	/* background-color:#FF0000; */

	width: 820px;
	padding: 0px 20px 0px 20px;
}

#branding  .style_content  img {
/*	display: block;
	position:absolute; */
	position: absolute; 
margin-top: -36px;
margin-left: -36px;
border: 1px solid #CC0000;
/*	top: 36px;
	border: 1px solid #CC0000;*/
}

#branding  p {
padding: 10px 0px 10px 375px ;
color: #CC0000;
	font-size: 250%;
	line-height: 100%;
}

/* Content Layout */

#content {
	/* Test Coloring */
	/* background-color:#00FF00; */
	
	margin: 0px;
	padding: 0px;
}

#content .style_content {
	/* Explorer Suma Mergen */

	/* Test Coloring */
	/* background-color:#0000FF; */
	overflow: hidden;
	
	width: 860px;
	padding: 20px 20px 0px 20px;
	
	/* All inside the borders */
	border-left: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	
		background-image: url(/images/bg-content.jpg);
		background-position: bottom right;
	background-repeat: no-repeat;


}

html>body #content .style_content {
	/* Firefox No */

	/* Test Coloring */
	/* background-color:#FF0000; */

	width: 820px;
	padding: 20px 20px 0px 20px;
}


#content ol { list-style-type: decimal; }
#content ul { list-style-type: circle; }
#content ol, #content ul {
	margin: 0px 0px 15px 5px;
	padding: 5px 0px 0px 0px;
}
/* Form elements */

select.flat, textarea.flat, input.flat, 
select.error, textarea.error, input.error,
textarea.code { 

	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

select.flat, textarea.flat, input.flat,
textarea.code { 
	border-color : #888888;
}

select.error, textarea.error, input.error { 
	border-color : #999999;
background-color:#dddddd;
}

textarea.code, textarea.code-gray {
/*	font-family: "Lucida Console", "Courier New", Courier, monospace;
	font-size: 12px; 
*/
	font-family: "Courier New", Courier, mono;
	font-size: 12px; 

	line-height: 15px; 
}

textarea.code-gray {
	border-style: solid;
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	color: #808080;
}

div.box {
	height:100px; 
	width:275px; 
	background-color: #FFFFFF;
	border: 1px solid #888888;

	overflow: auto; 
	overflow-x: hidden;
	overflow-y: scroll;

	margin-top: 1px;
	margin-bottom: 1px;
}

textarea.box {
	margin-top: -1px;
	height:100px;
	width:275px;
}

div.boxtitle {
	font-weight: bold;
	border-bottom: 1px #DDDDDD solid;
	padding-top: 6px;
	padding-bottom: 5px;
}

div.boxrow {
	cursor: pointer; 
	border-bottom: 1px #DDDDDD solid;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.boxrow img {
	vertical-align: middle;
}

div.boxrow input {
	vertical-align: middle;
}


table.order {width: 600px;text-align:left;	font: 12px verdana, arial, helvetica, sans-serif; border-top: 1px #AAAAAA solid;border-right: 1px #AAAAAA solid;}
table.order th {padding: 5px;	font: 11px verdana, arial, helvetica, sans-serif;background-color: #CCDDEE;  border-left: 1px #AAAAAA solid; border-bottom: 1px #AAAAAA solid;}
table.order td {padding: 5px;font: 11px verdana, arial, helvetica, sans-serif; border-left: 1px #AAAAAA solid; border-bottom: 1px #AAAAAA solid;}
table.order td.totals {padding: 5px;font: 12px verdana, arial, helvetica, sans-serif; border-right: 1px #EFEFEF solid; border-bottom: 1px #FFFFFF solid; border-left: 1px #EFEFEF solid;border-left: 1px #EFEFEF solid;  border-top: 1px #AAAAAA solid;background-color: #EFEFEF;}

#response {width: 600px;text-align:center;	background:#ffffff;
font: 19px "Trebuchet MS", verdana, arial, helvetica, sans-serif; border: 1px #AAAAAA solid;}

/*
  border-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: middle;
*/


/* Color ----------------------------------------------------------- */

#div {
	border: 1px solid #FF0000;
}

a, a:link {
	color: #666666;
}

a:hover, a:active {
	color: #CC0000;
}

#header, #footer {
	color: #2A6BA8;
}

#header a, #header a:link, #footer a, #footer a:link {
	color: #FFFFFF;
}

#header a:hover, #header a:active, #footer a:hover, #footer a:active {
	text-decoration: underline;
}

strong {
color: #330000; 
}

/* Typography ------------------------------------------------------ */

body {
/*	font-family: "Lucida Grande", Arial, Sans-serif; */
font-family: "Trebuchet MS", Verdana, serif;
	font-size: 10pt;
	line-height: 180%;
	color: #382e1f;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;

}


h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 5px;
}

h1 {
	font-size: 250%;
	line-height: 100%;
}

h2 {
	font-size: 170%;
	line-height: 100%;
	margin: 0px 0px 5px;
}


h3 {
	font-size: 150%;
	line-height: 100%;
}

h4 {
	font-size: 130%;
	line-height: 100%;
}

h5 {
	font-size: 110%;
	line-height: 100%;
}

h6 {
	font-size: 100%;
	line-height: 100%;
}

ul, ol, dl {
	margin: 0px 0px 15px 0px;
	padding: 5px 0px;
}

li, dd {
	margin: 0px 0px 5px 20px;
	padding: 0px 0px 0px 5px;;
}

ul li {
	list-style-type: none;
}

blockquote{ margin: 10px 10px;}
em { font-style: italic;}

#header a, #header a:link, #footer a, #footer a:link {
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, serif;
}

#information h1, #information h2, #information h3
{
color: #000000;
}
#information {
min-height: 235px;
}

#information p {
clear:none;
display:inline;
float:left;
}
#information img {
margin-right: 10px;
float:left;
}

#information {
font-size: 9pt;
line-height: 120%;
}