html
{
	height: 100%;
}

body, td, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

body
{
	background: #fff;
	height: 100%;
	padding:0px;
	margin:0px;
	text-align: center;
}

a {
color: #3e93d6;
text-decoration:none;
}

a:hover {
color:#FF0000;
text-decoration:underline;
} 

.grey {
color:#616161;
}

.grey li {
color:#616161;
}

.grey a {
color:#616161;
}

h2
{
	color: #3e93d6;
	font-weight: bold;
	font-size: 18px;
	margin:0px;
	padding:0px;
}

h3 {
font-weight:bold;
color:#999999;
font-size:16px;
}

h4 {
font-style:italic;
color:#3e93d6;
}

h5 {
margin:4px;
padding:0;
font-weight:bold;
font-size:14px;
color:#3e93d6;
}

h1
{
	color: #3e93d6;
	font-weight: bold;
	font-size: 22px;
	margin:0px;
	padding:0px;
}

#wrap
{
	width:995px;
	margin: 0px auto;
	padding:0px;
	background-color: #e9e9e9;
	text-align:left;
}

#seperator
{
clear:both;
margin:22px;
}
#spacer {
	float:left;
	width: 10px;
}

.LargeGroupWrapper
{
	width: 646px;
	float: left;
	background:white;
}


.LargeGroupWrapper div
{ padding:10px; margin:0px;}

.groupWrapper
{
	width: 318px;
	float: left;
	min-height: 400px;
}
.serializer
{
	clear: both;
}
.groupItem
{
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
.groupItem .itemHeader
{
	line-height: 28px;
	color: #3e93d6;
	padding: 0 10px;
	cursor: move;
	font-weight: bold;
	font-size: 18px;
	height: 28px;
	position: relative;
	background:#FFFFFF;
	
}


.groupItem .itemHeader a
{
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.sortHelper
{
	border: 3px dashed #666;
	width: auto !important;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.itemContent
{
padding:5px;
font-size:12px;
}

.itemContent ul
{
margin:0px;
}
.itemContent li
{
margin-bottom:5px;
margin-left:0xp;
}

.itemContent a
{
color:#0B6CBE;
}
.itemContent a:hover
{
text-decoration:none;
}

#header {
	background-image: url(/images/top_header_back.jpg);
	background-repeat: no-repeat;
	background-position: right;
}



#groupBox {
	float: left;
	width: 318px;
}
#padding {
	padding: 10px;
}

#map div {padding:0; margin:0;}

#map span {font-size:6px;}

#map img{ }
#map a{ }

#LatestProducts
{
margin:0;
padding:0;
width:160px;
}
#LatestProducts ul {
margin:0;
padding:0;

}

#LatestProducts li {
margin-left:0px;
list-style:none;
background:#a4a4a4;
color:white;
}

#LatestProducts li a {
width: 100%;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
display:block;
color:white;
}

#LatestProducts li a:hover {
background:#3e92da;
display:block;
}
#RealProducts
{
margin:0;
padding:0;
width:160px;
}
#RealProducts ul {
margin:0;
padding:0;

}

#RealProducts li {
margin-left:0px;
list-style:none;
background:#a4a4a4;
color:white;
}

#RealProducts li a {
width: 100%;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
display:block;
color:white;
}

#RealProducts li a:hover {
background:#3e92da;
display:block;
}
.list  {
margin:0;
padding-left:15px;
}
.list ul {
margin:0;
padding:0;
}
.list li {
margin-left:0px;
color:#3e92da;
}
.list a {
text-decoration:none;
color:#616161;
}
.list a:hover {
text-decoration:underline;
color:#FF0000;
}

#large {
	width: 298px;
	background: url(/images/ajax-loader.gif) no-repeat 40% 60%;
}
#large img {
	width: 298px;
	height: 263px;
}
#thumbnail {
	width: 298px;
	height: 256px;
	overflow: auto;
	list-style: none;
margin:0;
padding:0;
}
#thumbnail ul {
margin:0;
padding:0;

}
#thumbnail li {
	float:left;
	width: 90px;
	margin-right:14px;
	margin-top:5px;
}
#Menu {
	font-size: 14px;
	word-spacing: 5px;
	padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#b2b2b2;
}
#Menu a{
	color:#b2b2b2;
	text-decoration:none;
	font-weight:bold;
}
#Menu a:hover{
	color:#b2b2b2;
	text-decoration:underline;
}

.panel-head {
	line-height: 28px;
	color: #3e93d6;
	padding: 0 10px;
	font-size: 18px;
	height: 28px;
	position: relative;
	background:#FFFFFF;
}

.panel-wrap {
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

/* ACCORDION */
#navigation a.accordion-click  {
	height: 28px;
	cursor:pointer;
	display:block;
	font-size: 18px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	background-color: #ffffff;
	background: url(/images/backtitle-up.gif) no-repeat scroll 3px 4px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 25px;
}

#navigation  a.selected {
	background-color: #80cfe2;
	background: url(/images/backtitle-down.gif) no-repeat scroll 3px 4px;
}

/*tabs*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(/scripts/ajaxtabs/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(/scripts/ajaxtabs/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(/scripts/ajaxtabs/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(/scripts/ajaxtabs/indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


.usual {
	color:#111;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}
.usual li {
	list-style:none;
	float:left;
	margin: 0px;
	padding: 0px;
}
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
	margin-bottom:0;
	color:#000000;
	border-bottom:1px solid snow;
	cursor:default;
	background-color: snow;
  }
.usual div {

  *padding-top:3px;
  *margin-top:-15px;
}

.padded {
background:white;
padding:10px;
clear:both;
}
.padded div {margin:0; padding:0;}

div.rightside_image {
margin-top:5px;
margin-bottom:5px;
padding: 10px;
border: 2px dotted #cccccc;
text-align: center;
font-style:italic;
}

.header_title 
{

background:#99B3CC;
color:white;
font-size:16px;
font-weight:bold;
text-align:left;
}

.header_title h1
{
color:white;
padding:5px;
}

.header_title span
{
font-size:14px;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font: bold 16px  arial, sans-serif; /* set font as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

#tabnav .selected { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
color:#616161;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #616161; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #e3e3e3; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: white; /* set unselected tab background color as desired */
color: #3e92d9; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
color:#7d7d7d;
}

.TagCloud {
text-decoration:none;
}


a.TagCloud:hover  {
text-decoration:underline;
color:#FF0000;
}

#sidebar ul
{
margin:0;
padding:0;
list-style:none;
}

#sidebar li
{
margin-top:5px;
border-bottom:#d2d2d2 1px solid;
}

.MiniContact
{
	color:#333333;
	background-color: #d2d2d2;
	border:1px solid #999999;
}

.info_window {
width:200px;
height:150px;
}

.info_window_small {
width:200px;
height:120px;
}