﻿/************************* DEFAULTS *******************
**************************************************/
@import url("yahoo-reset-min.css");
body   
{
    
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    /*color: #696969;*/
    width:100%;
    min-height:600px;   
}
/*h1mainpane
{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
}*/
h1
{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
	vertical-align:middle;
}
h2
{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
h3
{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
}
.inlineheader
{
	font-weight:bold;
	font-size:1em;
}
p
{
    line-height:19px;
    margin-bottom:15px;
    text-align:justify;
}
.clear
{
	clear:both;
}
.Left
{
	float: left;
}
.Right
{
	float: right;
}
a
{
	text-decoration:none;
	color: #000;
}
a:hover
{
	text-decoration:none;
}
table
{
	width:100%;
}
input[type="submit"]
{
    padding:3px;
	min-width:50px;
	background-color:#22aadd;
	border:1px solid #22aadd;
	color:#fff;	 
	cursor:pointer;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
input[type="text"], textarea
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
/*button
{
	
}*/
.col
{
    float:left;
    width:300px;
    margin-right:20px;
}
.col2Default
{
    float:left;
    width:640px;
}
.col2
{
    float:left;
    width:620px;
    margin-right:20px;
}
.col2 .col-left
{
	float:left;
    width:230px;
    margin-right:20px;
}
.col2 .col-left p
{
	line-height:19px;
    margin-bottom:0px;
    text-align:left;
}
.col2 .col-right
{
	float:left;
    width:250px;
    margin-right:0px;
}
.col2 .col-right p
{
	line-height:19px;
    margin-bottom:0px;
    text-align:left;
}

.lastcol
{
    margin-right:0px;
}
.rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.hover
{
	background-color:#d1edf7;
}
.hoverorange
{
	background-color:#ffdaae;
}
.normalblue
{
	background-color:#22aadd;
}
/************************* Text Size *******************
**************************************************/
.NormalText
{
	font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight:normal;
}
.bigText
{
	font-size: 1em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight:normal;
}
.smallText
{
	font-size: .60em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-weight:normal;
}
/************************* Page *******************
**************************************************/
.wrapper
{
	width:100%;
	/*min-height:600px;*/
	vertical-align:top;
    margin:0; 
    padding:0px;	
}

.home
{
	background: #F7F7F7 url('../images/backgrounds/bgBodyStripe_1x562.png') repeat-x left top;
}

.otherpage
{
	background: #F7F7F7 url('../images/backgrounds/ProductsBackgroundRepeat.png') repeat-x left top;
}

.main-container
{
	width:990px;
	margin:auto;
	vertical-align:top;
	padding:0px;
	overflow:hidden;
	/*min-height:600px;*/
}

.left-quote
{
    padding:202px 0px 0px 10px;
    color:#FFFFFF;
    position:absolute;
	left:10px;
}

.right-quote
{
    padding:202px 10px 0px 0px;
	position:absolute;
	right:10px;
	color:#FFFFFF;
}


/************************* Header + Gallery + Menu *******************
**************************************************/
.centerpane
{
	height:565px;
	background: #f7f7f7 url('../images/backgrounds/bgHeader_990x560.png') ;
	background-repeat:no-repeat;
	vertical-align:top;
	margin:0px;
	padding:0px;
	position:relative;
}

/************************* Header *******************
**************************************************/

/***** Header for home page ******/
#header
{
	width:990px;
	height:128px;
	position:relative;
	vertical-align:top;
	position:relative;
}

#header2
{
	float:left;
	width:990px;
	height:254px;
	overflow:hidden;
	position:relative;
}

#header #header-left
{
	width: 700px;
	position:absolute;
	left:20px;
}
#header #header-right
{
	position:absolute;
	right:10px;
	padding-right:10px;
	width: 200px;
	height:128px;
}
#header2 #header-whitebackground
{
	background-image: url('../images/backgrounds/bgHeader2White.png');
	background-repeat:no-repeat;
	width:920px;
	height:135px;
	margin-left:25px;
	position:relative;
}
#header-whitebackground #header-left
{
	width: 700px;
	height:135px;
	position:absolute;
	left:15px;
	/*border:1px solid red;*/
	float:left;
}
#header-whitebackground #header-right
{
	position:absolute;
	right:5px;
	padding-right:0px;
	width: 200px;
	height:135px;
	/*border:1px solid blue;*/
	float:left;
}

#header-right .rounded-two-corners 
{
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
     -khtml-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/***** Header for other page *****/
#header2 #header-left-pane
{
	float:left;
	background: #f7f7f7 url('../images/backgrounds/ProductsHeaderLeft_New.png') ;
	background-repeat:no-repeat;
	width:10px;
	height:254px;
}

#header2 #header-middle-pane
{
	float:left;
	width:970px;
	height:254px;
	background: #f7f7f7 url('../images/backgrounds/ProductsHeaderRepeat.png') ;
	background-repeat:repeat-x;
}

#header2 #header-middle-pane h1.logo
{
	/*background: url('../images/backgrounds/ProductsLogo.png');
	background-repeat:no-repeat;*/
	width:700px;
	height:128px;
	float:left;
	margin-left:30px;
}

#header2 #header-middle-pane img.computer
{
	float:left;
	margin-left:91px;
}

#header2 #header-middle-pane h1.logo span
{
	display:none;
}

#header2 #header-right-pane
{
	float:left;
	background: #f7f7f7 url('../images/backgrounds/ProductsHeaderRight.png') ;
	background-repeat:no-repeat;
	width:10px;
	height:254px;
}

/***** Login Area *****/
#loginarea
{
	border-left:1px solid #25ABDD;
	border-right:1px solid #25ABDD;
	border-bottom:1px solid #25ABDD;
	padding:5px 0px 5px 5px;
	margin-bottom:10px;
	text-align:left;
	vertical-align:middle;
}
.boxNormal
{
	background-color:#fff;
}

#loginarea .lock
{
	background-image:url('../images/icon/padlock.png');
	background-repeat:no-repeat;
	background-position:left;
	height:21px;
	padding-left:30px;
	padding-top:3px;
	overflow:hidden;
	width:70%;
}
#loginarea table td.login
{
	padding-left:35px;
}

#infotelemail p
{
	text-align:right;
	vertical-align:middle;
}
#infotelemail a
{
	text-decoration:underline;
}
.btnLogin
{
	margin-right:5px;
	width:60px;
}
/************************* Gallery *******************
**************************************************/
.centerpane .galleryarea
{
	width:955px;
	height:60px;
	position:absolute;
	bottom:67px;
	padding-left:35px;
}

.centerpane .galleryarea ul li
{
    width:80px;
    height:60px;
    float:left;
    margin-right:13px;
    margin-top:0px;
}

/************************* Menu *******************
**************************************************/
.centerpane .menuarea, #header2 .menuarea
{
	width:990px;
	height:30px;
	position:absolute;
	bottom:20px;
}
.centerpane .menuarea ul
{
	margin-left:13px;
}
#header2 .menuarea ul
{
	margin-left:13px;
	margin-top:3px;
}
.centerpane .menuarea ul li, #header2 .menuarea ul li
{
    width:150px;
    height:23px;
    float:left;
    margin-right:10px;
    margin-top:3px;
    text-align:center;
    padding-top:3px;
    display:block;
    margin-top:2px;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.centerpane .menuarea ul li:hover, .centerpane .menuarea ul li.selected, #header2 .menuarea ul li:hover, #header2 .menuarea ul li.selected
{
    background-color:#BF7b7B;
}

.centerpane .menuarea ul li a, #header2 .menuarea ul li a
{
    text-decoration:none;
    color:White;
    display:block;
}
.centerpane .menuarea ul li a:visited, #header2 .menuarea ul li a:visited
{    
    /*border:1px solid red;*/
}

/************************* Main Body *******************
**************************************************/
.main-container .mainpane{
    background: #fff url('../images/bgMain_990x10.png') repeat-y left top;
    padding-left:30px;
    padding-right:20px;
    overflow:hidden;
   height:auto;
    min-height:500px;
    float:left;
    }

/*.mainpanemiddle{
    border:solid 1px red;
    }*/
/*************************Home Columns *******************
**************************************************/  
#divHomeFirstColumn ul li
{
	list-style:disc inside;
}

/************************* Contact Us Control *******************
**************************************************/

.watermark:hover 
{
	border:1px solid orange; 
	padding:3px;  
	}
.watermark
{color:#999999;
 border: 1px solid #25ABDD; 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 padding:3px;
 }
 .textentry
 {
 	font-family:Verdana, Arial, Helvetica, sans-serif; 
 	border: 1px solid #25ABDD;
 	padding:3px;
 	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
 }
 .infobox
{
	width:280px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-bottom:10px;
	border:1px solid #25ABDD;
	text-align:left;
	
}
.infobox div
{
margin-bottom:10px;
}

/************************* News Control *******************
**************************************************/
.divnewscontrol
{
	min-height:50px;
	/*text-align:center;*/
	vertical-align:middle;
	margin-bottom:10px;
	border:1px solid #ff8902;
	text-align:justify;
	padding:5px 5px 5px 5px;
}
.news
{
	width:293px;
	padding-bottom:10px;
	padding-left:0px;
	margin-bottom:10px;
	text-align:left;
	padding-top:10px;
	/*border:1px solid red;*/
}
/*.news div
{
	
}*/
.news #divNewsHeader
{
	border:none;
	padding-left:10px;
	margin-bottom:0px;
}
/************************* Special Offer *******************
**************************************************/
.specialoffer
{
	width:280px;
	padding-bottom:10px;
	padding-left:0px;
	margin-bottom:5px;
	text-align:center;
	padding-top:10px;
	background-color:#22aadd;
	color:#fff;
	border:1px solid #22aadd;
}
/************************* Footer *******************
**************************************************/
.middlepane
{
	width:970px;
	float:left;
	height:262px;
}
.smallpane
{
	/*background-image:url('../images/backgrounds/bgSmallPane_10x1.png');*/
	/*background-repeat:repeat-y;*/
	width:10px;	
	float:left;
	background:#EFEFEF;
	height:262px;
	/*display:inline-block;*/
}
.fullfooter
{
	background: #F7F7F7 url('../images/backgrounds/bgFooterStripe_10x262.png') repeat-x left top;
	width:100%;
	min-height:262px;
}
.footer
{
	width:990px;
	min-height:262px;
	margin:auto;
	background: #FFF;
	
}
.footer-leftpane
{
	background-image:url('../images/backgrounds/bgFooterLeftPane_10x262.jpg');
	background-repeat:no-repeat;
	/*border:1px solid red;*/
}
.footer-rightpane
{
	/*height:262px;*/
	background-image:url('../images/backgrounds/bgFooterRightPane_10x262.png');
	background-repeat:no-repeat;
	/*border:1px solid red;*/
	}
.footer-centerpane
{
	background: #fff url('../images/backgrounds/bgFooterCenterPane_970x262.png') no-repeat left top ;
	
}
#copyright
{
	margin-top:152px;
	padding-left:20px;
	line-height:19px;
	/*width:100%;*/
	/*border:1px solid red;*/
}
/************************* Products *******************
**************************************************/
#divProductMain h1
{
	
}
#divProductMain #linkPdf
{
	text-decoration:underline;
}
#divProductMain a:hover
{
	cursor:pointer;
}
#divProductMain #divProductKeyFeatures
{
	padding:0px 0px 0px 15px;
}
#divProductMain #divProductKeyFeatures ul li
{
	list-style:disc inside;
}
.divProductButton
{
	width:190px;
	height:30px;
	padding-bottom:0px;
	padding-left:0px;
	margin-bottom:15px;
	margin-right:15px;
	/*text-align:center;*/
	vertical-align:middle;
	padding-top:10px;
	/*background-color:#22aadd;*/
	color:#fff;
	border:1px solid #22aadd;
	float:left;
}
.divProductButton .divLeftSide
{
	width:89%;
	float:left;
	padding-left:5px;
	/*border:1px solid red;*/
	text-align:center;
}
.divProductButton .divRightSide
{
	width:5%;
	float:left;
	/*padding-right: 5px;*/
	/*border:1px solid blue;*/
}
/************************* News *******************
**************************************************/

.divBullet
{
	background-color:#22aadd;
	width:16px;
	height:16px;
	float:left;
}
.divbulletheader
{
	background-color:#22aadd;
	width:25px;
	height:25px;
	float:left;
	
}
/*-----------------------------------------------
------------------------------------header ----------------*/
/*.leftpane
{
	min-height:562px;
	background-image:url('../images/backgrounds/bgLeftPane_10x560.png');
	background-repeat:no-repeat;
}*/
/*.rightpane
{
	min-height:562px;
	background-image:url('../images/backgrounds/bgRightPane_10x560.png');
	background-repeat:no-repeat;
	}*/

/*.tb
{
	width:260px;
}
.infoBox input, textarea 
{
	width:260px;
	 }*/


/*-----------------------------------------------
------------------------------------Contact Us ----------------*/



/*.infoBox .lastRow{padding:0; margin:0; white-space:nowrap; width:211px; text-align:left;}
.infoBox .tbTelephone{width:125px; margin-right:auto;}
.infoBox .btnContactUs{width:70px; margin:0; padding-left:0; padding-right:0;}
.infoBox .submitCell{width:70px; padding:0; margin:0;height:25px;}
.infoBox .iconCell{width:30px;}
.infoBox .textCell{width:175px; margin-bottom:8px; text-align:left; margin-left:10px;}*/

