/* ----- Main Structure ----- */

/* Wrappers /// All Pages */
#wrapper {width:1000px; height:auto; margin:auto; overflow:visible;}
#topwrapper {width:1000px; height:100px; float:left; background:url(../images/topwrapper_bkgrd.jpg) }
#logo {width:250px; height:100px; float:left; }
#tileswrapper {width:1000px; height:135px; float:left; background:url(../images/tile_bkgrd.gif) repeat-y; margin:5px 0 0 0;}

/* Home /// Slider */ 
#sliderwrapper {width:1000px; height:370px; float:left; margin:5px 0 0px 0; background:#fff;}

/* All Pages ///  Main Navigation */
#navipanel {
	width:750px; height:30px; float:right; padding-top:50px;	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style:normal;
	text-align: center;
	line-height:17px;
	text-transform: uppercase;
}
#nav {
	float:right;
	list-style: none;
	padding: 0;
}
#nav ul {
	float: left;
	list-style: none;
	padding: 0;
	background:#e1eaf1;
	color:#FFF;
	margin:0;
	text-align: center;	
}
#nav a {
	display: block;
	color: #4c4c4e;
	text-decoration: none;
	padding: 12px 10px 9px 10px;
}
#nav a:hover{
	color: #292929;
}
#nav a.prods {
	background: url(../images/rightarrow.png) center right no-repeat;	
}
#nav li {
	float: left;
	padding: 0;
	width: 160px;
	border-left:1px dotted #b1cdd9;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 161px;
	font-weight: normal;
	margin: 0;

}
#nav li li {
	width: 160px;
}
#nav li ul a {
	width: 140px;
	border-bottom:1px solid #95a8b7;
}
#nav li ul ul {
	margin: -3.25em 0 0 13.4em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul{
	left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav li:hover {
	background: #b1cdd9;
}

/* All Pages ///  Tiles */
#tile01 {width:250px; height:auto; float:left;}
#tile02 {width:250px; height:auto; float:left;}
#tile03 {width:250px; height:auto; float:left;}
#tile04 {width:250px; height:auto; float:left;}

.tilecolumnleft {width:130px; float:left;}
.tilecolumnright {width:100px; float:right;
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #fff;
	text-align: left;
	line-height:18px;	
	margin-top:20px;
	margin-right:10px;
}

/* Sub Pages ///  *//* Content  */
#sub_banner_wrapper {width:1000px; height:320px; float:left; margin:5px 0 0 0; background:#fff;}
#sub_contentwrapper {width:960px; height:auto; float:left; padding: 10px 20px 30px 20px; overflow:visible; background:#FFF;}
#sub_breadcrumbs {width:960px; height:20px; float:left;
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:normal;
	color: #aaaaaa;
	text-align: left;
	line-height:16px;
	margin-bottom:10px;
}
#sub_content {width:960px; height:auto; float:left; overflow:visible; }
.sub_row {width:960px; height:auto; float:left; overflow:visible; display:block;}
.sub_odd {width:320px; height:auto; background:url(../images/overview_productbkgrd_odd.gif) top no-repeat; float:left;}
.sub_even {width:320px; height:auto; background:url(../images/overview_productbkgrd_even.gif) top no-repeat; float:left;}
.sub_desc {width 300px; padding:10px;}

.sub_odd02 {width:320px; height:30px;  float:left; background:url(../images/button_moredetails.gif) center;}
.sub_even02 {width:320px; height:30px;; float:left; background:url(../images/button_moredetails.gif) center;}


/* Product Details ///  */ 
#sub_overviewcontent {width:960px; height:auto; float:left; padding-top:30px; }
#productsingle_image {width:360px; height:auto; float:left; padding-right:20px;}
#productsingle_details {width:580px; height:auto; float:right; overflow:visible;}
#productsingle_name {width:580px; height:auto; float:right; padding-bottom: 20px;}
#productsingle_desc {width:580px; height:auto; float:right; padding-bottom:10px; }
#productsingle_specs {width:580px; height:auto; float:right; padding-top:20px;}

.product_usermanual{width:150px; height:30px;  float:left; background:url(../images/button_usermanual.gif) center;}

#table-prod
{
	width: 960px;
	text-align: left;
	border-collapse: collapse; 
	line-height:20px;
	margin:auto;
}

#table-prod th
{
	font-weight: normal;
	color: #fff;
	background-color:#272727;
}

#table-prod tr
{
}

#table-prod td
{
	color: #4c4c4e;
	background: #fff;
	height:20px;
	border-bottom: 1px dotted #CCC;	
}


#table-prod2
{
	border-collapse:collapse;
	width: 580px;
	text-align: left;
	margin:auto;
}

#table-prod2 th
{
	font-weight: normal;
	background-color:#272727;
}

#table-prod2 tr
{

}

#table-prod2 td
{
	color: #4c4c4e;	
	border-bottom: 1px dotted #CCC;	
}



#table-prod3
{
	width: 960px;
	text-align: left;
	border-collapse: collapse; 
	line-height:16px;
	margin:auto;
}

#table-prod3 th
{
	font-weight: normal;
	color: #fff;
	background-color:#272727;
}


#table-prod3 td
{
	color: #4c4c4e;
	background: #fff;
	height:30px;
}



#table-prod4
{
	width: 960px;
	text-align: left;
	border-collapse: collapse; 
	line-height:16px;
	margin:auto;
	float:left;
}

#table-prod4 th
{
	font-weight: normal;
}


#table-prod4 td
{
	height:30px;
}




#table-prod5
{
	width: 960px;
	text-align: left;
	border-collapse: collapse; 
	line-height:20px;
	margin:auto;
	float:left;
}

#table-prod5 th
{
	font-weight: normal;
}

#table-prod5 tr
{

}

#table-prod5 td
{
	padding: 0 0 10px 0;
}




/* All Pages ///  Footer  */
#footer {width:1000px; height:auto; float:left;}
#footer_left {width:500px; float:left; padding:15px 0 20px 0 ;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:normal;
	color: #4c4c4e;
	text-align: left;
	line-height:14px;
}
#footer_right {width:490px; float:right; padding:15px 0 20px 10px ;
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:normal;
	color: #4c4c4e;
	text-align: right;
	line-height:14px;
	}
	
/* Subpages - Footer  */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #f4f4f4;
	padding: 5px;
	opacity: 0.85;
	width:350px;	font-family:  Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style:normal;
	color: #646464;
	text-align: left;
	line-height:18px;
}

/* ----- Formatting ----- */

#bodyhome { margin:0px; background: url(../images/home_bkgrd.jpg) repeat-x;  background-color:#e1eaf1; 
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #4c4c4e;
	text-align: left;
	line-height:20px;
}
#bodysub { margin:0px; background: url(../images/sub_bkgrd.jpg) repeat-x;  background-color:#e1eaf1;
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #4c4c4e;
	text-align: left;
	line-height:20px;
}


.default {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style:normal;
	color: #4c4c4e;
	text-align: left;
	line-height:20px;
}

.defaultB {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	text-align: left;
	line-height:20px;
}

.defaultBW {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-align: left;
	line-height:20px;
	text-transform:uppercase
}


.defaultBlue {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #45b3ff;
	text-align: left;
	line-height:20px;
}

.defaultBlueCap {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #45b3ff;
	text-align: left;
	line-height:20px;
	text-transform:uppercase;
}

.defaultBlueCenter {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #45b3ff;
	text-align: center;
	line-height:20px;
}

.defaultBlueLeft {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #45b3ff;
	text-align: left;
	line-height:20px;
}

.pagetitle {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style:normal;
	color: #00597e;
	text-align: left;
	line-height:20px;
	text-transform:uppercase;
}

.producttitle {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style:normal;
	color: #efb310;
	text-align: left;
	line-height:20px;
	text-transform:uppercase;
}

.more {	
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style:normal;
	color: #007596;
	text-align: center;
	line-height:30px;
	text-transform:uppercase;
}

.error {
	font-family:  Arial, Verdana, Helvetica,  sans-serif;
	font-size: 10px;
	color: red;
	display:none;s
}

.sub_desc  ul{margin-top: 5px;}
.sub_desc  li {line-height:18px; margin:0px 0 0 -15px;}
p { line-height:20px; margin:0px;}
img {border:none;}

.more   a:link { text-decoration: none; color: #007596; }
.more   a:visited {text-decoration: none; color: #007596; }
.more  a:hover {text-decoration: none; color: #002b5c; }

.tilecolumnright  a:link { text-decoration: none; color: #fff; }
.tilecolumnright  a:visited {text-decoration: none; color: #fff; }
.tilecolumnright  a:hover {text-decoration: underline; color: #fff; }

#footer .default a:link {text-decoration: none; color: #4c4c4e;}
#footer .default a:visited {text-decoration: none; color: #4c4c4e;}
#footer .default a:hover {text-decoration: underline; color: #4c4c4e;}

#sub_breadcrumbs a:link {text-decoration: none; color: #aaaaaa;}
#sub_breadcrumbs a:visited {text-decoration: none; color: #aaaaaa;}
#sub_breadcrumbs a:hover {text-decoration: underline; color: #aaaaaa;}

.default a:link {text-decoration: underline; color: #4c4c4e;}
.default a:visited {text-decoration: underline; color: #4c4c4e;}
.default a:hover {text-decoration: underline; color: #4c4c4e;}

a:link {text-decoration: none; color: #4c4c4e;}
a:visited {text-decoration: none; color: #4c4c4e;}
a:hover {text-decoration: underline; color: #4c4c4e;}
