/*

Site Design: www.weborithm.com
Contact: designed@weborithm.com

*/


body {
	margin: 0px;
	padding: 0px;
	font: 70% "Helvetica Neue", Helvetica, Arial, Sans-serif;
	color: #353535;
	background: #e6ecf3;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
a {
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #0000cc;
	text-decoration: none;
}
.caption { font-size: 80%;
                  font-family: Verdana, Arial, sans-serif;
                  text-align: center; }
/* Main Body CSS Starts */
#container {
	margin: auto;
	padding: 30px 0px 30px;
	width: 824px;
	border-right: 2px solid #C6D2E3;
	border-left: 2px solid #C6D2E3;
	background: #fff;
}
#splash {
	padding: 19px;
	width: 770px;
	height: 128px;
	background: url(../images/header.gif) no-repeat;
	margin: auto;
}
#mainlogo {
	padding: 10px 0px;
	width: 808px;
	height: 90px;
	margin: auto;
}
#mainlogo .logoleft {
	float: left;
	width: 600px;
	height: 90px;
}
#splash .splashright {
	float: left;
	width: 455px;
	text-align: center;
	padding: 14px 0px 0px;
}
#splash .splashright p {
	padding: 15px 0px 0px;
	font: 180% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	margin: 0px;
}
#navigation {
	margin: 0px auto 20px;
	padding: 14px 6px 0px;
	width: 796px;
	height: 35px;
	background: url(../images/navbg.gif) no-repeat bottom;
}
#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	float: left;
	margin: 0px;
	font-size: 118%;
	border-right: 1px solid #CEDAE7;
	padding: 8px 10px;
}
#navigation ul li a {
	text-decoration: none;
	color: #353535;
}
#navigation ul li a:hover {
	color: #336699;
}
#featured {
	padding: 0px;
	margin: 20px auto;
	width: 800px;
	background: url(../images/boxesbg.gif) repeat-x center top;
	border: 1px solid #C6D2E3;
}
#featured .divisions {
	width: 360px;
	padding: 10px 20px 20px 20px;
	display: block;
	float: left;
	margin: 0px;
}
#featured .alt {
	width: 360px;
	padding: 10px 20px 20px 20px;
	display: block;
	float: left;
	margin: 0px;
}
#featured .divisions p, #featured .alt p {
	margin: 10px 0px 0px;
	padding: 0px;
	font: normal 120% "Helvetica Neue", Helvetica, Arial, Sans-serif;
	text-align: justify;
}
#featured .divisions h2, #featured .alt h2 {
	text-align: left;
	font: bold 110% Georgia, "Times New Roman", Times, serif;
	padding: 3px 0;
	border-bottom: 1px solid #336699;
	margin: 0px 0px 10px;
}
#featured .divisions h2 a, #featured .alt h2 a {
	color: #353535;
	text-decoration: none;
}
#featured .divisions h2 a:hover, #featured .alt h2 a:hover {
	color: #CC8A22;
	text-decoration: none;
}
#featured .divisions p:hover, #featured .alt p:hover {
	color: #000;
}
#featured .divisions img, #featured .alt img {
	border: 1px solid #336699;
}
#featured .divisions img:hover, #featured .alt img:hover {
	border: 1px solid #CC8A22;
}
#featured p {
	margin: 0px;
	padding: 10px 0px 0px;
	font: bold 120% Georgia, "Times New Roman", Times, serif;
}
#footer {
	width: 770px;
	margin: auto;
	padding: 20px 19px 0px;
}
#footer p {
	text-align: center;
	font: 110% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	padding: 0px 0px 10px;
	margin: 0px;
}
#footer p:hover {
	color: #000;
}
#footer .footerextra {
	margin: 0px;
	padding: 30px 0px 10px;
	width: 770px;
}
#footer .footerextra p {
	text-align: right;
	padding: 0px;
	margin: 0px;
	font: 85% "Helvetica Neue", Helvetica, Arial, Sans-serif;
}
#footer .footerextra p a {
	text-decoration: none;
}

/* Main Body CSS Ends */

#productsmain {
	padding: 0px;
	margin: 20px auto;
	width: 800px;
	background: url(../images/boxesbg.gif) repeat-x center top;
	border: 1px solid #C6D2E3;
}#productsnav {
	width: 190px;
	float: left;
	padding: 0px 0px 0px 10px;
}
#productsnav h2 {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	font: bold 110% Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #336699;
}

/* Product Image Fade Holder */
#productshome {
	float: right;
	padding: 35px 46px;
}
/* Product Image Fade Holder */

#divisionhome {
	float: right;
	padding: 0px 20px 29px;
	width: 560px;
}
#divisionhomeabout {
	float: right;
	padding: 0px 20px 29px;
	width: 560px;
}
#divisionhome h1, #divisionhomeabout h1 {
	margin: 0px 0px 10px;
	padding: 10px 0px 1px;
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #bcbcbc;
	text-align: right;
	color: #BCBCBC;
}
#divisionhome h2, #divisionhomeabout h2 {
	padding: 5px 0px 5px;
	margin: 0px;
	font: normal 180% Georgia, "Times New Roman", Times, serif;
	color: #570a74;
}
#divisionhome h4, #divisionhomeabout h4 {
	padding: 10px 0px;
	margin: 0px;
	font-size: 140%;
	font-weight: bold;
}
#divisionhome p {
	font-size: 120%;
	padding: 10px 0px;
	margin: 0px;
	line-height: 20px;
}
#divisionhomeabout p {
	text-align:justify;
	font-size: 120%;
	line-height: 20px;
	padding: 0px;
}
#divisionhome ul, #divisionhomeabout ul {
	margin: 10px 0px;
	border-bottom: 1px solid #e6ecf3;
	border-top: 1px solid #e6ecf3;
	padding: 10px 0px;
	list-style: none;
}
#divisionhome ul li, #divisionhomeabout ul li {
	font-size: 120%;
	padding: 4px 0px 4px 15px;
	list-style: none;
	background: url(../images/li.png) no-repeat left 7px;
	margin: 0px;
}
#divisionhome ol {
	margin: 10px 25px;
	border-bottom: 1px solid #e6ecf3;
	border-top: 1px solid #e6ecf3;
	padding: 10px 0px;
}
#divisionhome ol li {
	font-size: 120%;
	padding: 4px 0px 4px 0px;
}
table td{
	padding:5px;
	font-size:11px;
}
.thead{
	font-size:11px;
	font-weight:700;
	color:#fff !important;
	background:#868686;
}
.row{
	background:#e8e8e8;
}


/* DHTML CSS */
#leftColumn {
	width:190px;
	padding:10px 0px 12px;
	border-bottom: 1px solid #336699;
	margin: 0px 0px 20px;
}
/* End of demo CSS */
	
/* LAYOUT CSS FOR THE MENU */
#dhtmlgoodies_listMenu a {	/* Main menu items */
	color:#353535;
	text-decoration:none;
	font-size: 140%;
	font-weight: normal;
}
#dhtmlgoodies_listMenu a:hover {	/* Main menu items */
	color: #570a74;
}
#dhtmlgoodies_listMenu ul li a {	/* Sub menu */
	color: #336699;
	font-weight:normal;
	font-size: 120%;
}
#dhtmlgoodies_listMenu li ul {
	margin: 10px 0px;
}

#dhtmlgoodies_listMenu ul li a:hover {
	font-weight:bold;
	text-decoration: underline;
	color: #336699;
}
#dhtmlgoodies_listMenu ul li ul li a {	/* Sub Sub menu */
	color: #000;
	font-style:italic;
	font-size:0.9em;
	font-weight:normal;		
}
#dhtmlgoodies_listMenu .activeMenuLink {	/* Styling of active menu item */
	color:#336699;
	font-weight: bold;
}
	
/* No bullets */	
#dhtmlgoodies_listMenu li {
	padding: 5px 0px;
	list-style: none;
}
#dhtmlgoodies_listMenu li ul li {
	list-style: none;
	background: url(../images/li.png) no-repeat left center;
	padding: 3px 0px 3px 15px;
}

/* No margin and padding */
#dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul {
	margin:0px;
	padding:0px;
}

/* Margin of sub menu items */
#dhtmlgoodies_listMenu ul {
	display:none;
	margin-left:10px;
}
#dhtmlgoodies_listMenu li ul{
	border-top: 1px solid #e6e6e5;
	border-bottom: 1px solid #e6e6e5;
	padding: 5px 0px;
}

#imageSlideshowHolder{
/* This is a CSS hack in order to get a nice look in IE 5.5 and lower In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
	*/
/* CSS HACK */
	width: 500px;	/* IE 5.x */
	width/* */:/**/500px;	/* Other browsers */
	width: /**/500px;
/* CSS HACK */
	height: 333px;	/* IE 5.x */
	height/* */:/**/333px;	/* Other browsers */
	height: /**/333px;
	background-color:#fff;
	border:2px solid #336699;
	position:relative;	/* Never change this value */
}
.imageInGallery{		
	width:500px;
	height:333px;
	background-color:#e6e6e5;	
/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
#imageSlideshowHolder img{
	position:absolute;
}

/* Tabber CSS */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #e6e6e5 !important;
 background: none;
 text-align: center;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 padding: 0px !important;
 background: none !important;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #CC8A22;
 background: #CC8A22;
 text-decoration: none;
}

ul.tabbernav li a:link {
	color: #fff;
}
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
 color: #fff;
 background: #336699;
 border: 1px solid #fff;
}

ul.tabbernav li.tabberactive a
{
 background: #336699;
 color: #fff;
 border: none !important;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #336699;
 border: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h4 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}