/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,  li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 ul {
	list-style-type: disc;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

ol{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 50px;
	list-style-position: outside;
}
blockquote{
	padding-right: 20px;
	padding-left: 20px;
}
 a:link {
	color: #e51c46;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";

	}
	a:visited {
	color: #e51c46;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";

	}

a:hover {
	color: #4f5050;
}
a:active {
	color: ##e51c46;
}
body {
	font-size: medium;
	background-color: #fef9cf;

}

h2{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 140%;
	font-weight: normal;
	color: #045396;
	font-style: italic;
}

h3{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 120%;
	font-weight: bold;
	color: #2f2f2f;
	font-style: italic;
}

h4{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 115%;
	font-weight: normal;
	color: #333333;
}

h5{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 105%;
	font-weight: normal;
	color: #058bfc;
}

h6{
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 5px 5px 9px;
	color: #045396;
}

h7{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 26px;
	margin: 0 0 0px;
	padding: 5px 5px 5px;
	font-weight: bold;
	color: #045396;
	font-style: italic;
}

p {
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

.rednormal{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
}
.redbold{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-weight: bold;
}
.bold{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
}

.cartFont{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.cartFontnormal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
.bodytextblue{
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	color: #045396;
	font-weight: bold;
}
.bodytextblue10{font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	color: #4f5050;
}
.bodytextblue95{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #045396;
	font-weight: bold;
}
.bodytextRed{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #e51c46;
	font-weight: bold;
}

.bodytextRedsm{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #e51c46;
}

.bodytextblue1sm{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #113553;
}
.bodytextblue2sm{
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #058bfc;
}
#container {
	height: 100%;
	width: 780px;
	margin: auto;
	background-color: #FFFFFF;
}

#header{
	margin: auto;
	width: 780px;
	background-color: #ffffff;

}

#fb_button {
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}


#logo{margin:0; padding:0;
      

}
#logo a{display:block;
	width:197px; height:99px;
	margin:0; padding:0;
	background: url("images/logo.gif") top left no-repeat;
	text-decoration: none;}
	
#logo a:hover{background-image: url("images/logo-hover.gif");}

#logo span{display:none
 }
 
#logoArea {
	float: left;
	width: 197px;
	padding-top: 10px;
	padding-bottom: 9px;
}
#increase {
	float: left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 85%;
	color: #058bfc;
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
}
.controls{
	background-color: #fff49a;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 100%;
	color: #058bfc;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#increase a{
	background-color: #fff49a;
	padding: 5px;
	color: #058bfc;
	text-decoration: none;
}
#increase a:hover{
background-color: #058bfc;
	padding: 5px;
	color: #ffffff;
	text-decoration: none;
}

.mainNavActive
{font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";

	color: #e51c46;
	}
#mainNav {
	float: right;
	width: 455px;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 100%;
	background-color: #ffffff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	text-align: left;
	margin-top: 5px;
}
#mainNav ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#mainNav li {
	display: inline;
	padding-right:30px;
}

#mainNav a:link, #mainNav a:visited {
	color: #0000ff;
	text-decoration: underline;
	}

#mainNav a:hover {
	color: #e51c46;
}
#mainNav a:active {
	color: #e51c46;
	text-decoration: none;
}
#space{
	height: 10px;
	width: 980px;
	background-color: #000000;
	clear: both;
}
.clear { 
clear: both; 
} 
/*Content Section*/

	
	#leftMain {
	width: 216px;
	float: left;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#midMain {
	margin-left: 216px;
	margin-right: 518px;
	background-image: url(images/suggestBack.gif);
	background-repeat: repeat-x;
	background-position: top;
		
}
#RightMain {
	width: 564px;
	float: right;
	
	
}

#RightMain2 {
	width: 544px;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}


.Pic {
	float: right;
	width:200px;
	margin-bottom: 8px;
	margin-left: 8px;
	text-align: right;	
}

.Pic2 {
	float: right;
	width:250px;
	margin-bottom: 8px;
	margin-left: 8px;
	text-align: right;	
}

.Pic3 {
	float: right;
	width:210px;
	margin-bottom: 8px;
	margin-left: 8px;
	text-align: right;	
}

.PicLeft {
	float: left;
	width:200px;
	margin-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: left;	
}

.leftNavActive{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #e51c46;
	font-weight: bold;
}
#leftNav {
	

	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 95%;
	background-color: #FFFFFF;

}

#leftMessage {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 125%;
	font-weight: bold;
	font-style:italic;
	background-color: #FFFFFF;
	
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;

	border: 10px solid #FF0000;

}
#leftNav ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#leftNav li {
	
	border: 1px solid #000000;
	
	margin-bottom: 3px;
}



#leftNav a:link, #leftNav a:visited {
	color: #0000ff;
	text-decoration: none;
	background-color: #e0e0e0;
	display: block;
	padding: 3px;
	}

#leftNav a:hover {

	color: #ffffff;
	background-color: #0000ff;
}
#leftNav a:active {
	color: #e51c46;
	text-decoration: none;
	padding: 3px;
	
}

.leftTitle {
	background-color: #ffeb4f;
	background-image: url(images/back_leftTtitle.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 7px;
	padding-bottom: 11px;
	padding-left: 22px;
	
}
#warranty {
	width: 203px;
	padding-top: 20px;
	padding-left: 13px;
}

#midMainTitle{
	background-color: #71c898;
	background-image: url(images/midMainBack.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 11px;
}

.suggest ul{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 90%;
	color: #045396;
	padding-left: 30px;
	background-color: #FFFFFF;
	background-image: url(images/suggestBack.gif);
	background-repeat: repeat-x;
	background-position: top;
	list-style-type: square;
	padding-right: 15px;
	padding-top: 10px;
}
.suggest li{
	padding-bottom: 5px;
}

.midNavPic{
	padding-top: 23px;
	padding-left: 23px;
}

.midNavActive{
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:93%;
	font-weight: bold;
	color: #e51c46;

}
.midNav {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:93%;
	background-color: #FFFFFF;
	background-image: url(images/suggestBack.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 18px;
}
.midNav ul {
	list-style-type: none;
	padding: 0px;
	
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.midNav li {
	padding-bottom: 9px;

}

.midNav ul ul li {
	margin: 0px;
	padding: 0px;
}

.midNav ul ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}



.midNav a:link{
	color: #33b06b;
	text-decoration: underline;
	}
	
	.midNav a:visited {
	color: #779bae;
	text-decoration: underline;
	}

.midNav a:hover {
	color: #e51c46;
}
.midNav a:active {
	color: #e51c46;
	text-decoration: none;
}

#home {
	background-color: #FFFFFF;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 290px;
	width: 564px;
}
.learnButton {
	background-color: #ebf5fe;
	background-image: url(images/learnButton.gif);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 92px;
	text-align: center;
	padding-top: 10px;
	margin-right: 35px;
	margin-top: 65px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 90%;
	padding-bottom: 10px;
}
.learnButton  a:link, .learnButton  a:visited {
	color: #045396;
	text-decoration: none;
	}

.learnButton  a:hover {
	color: #e51c46;
}
.learnButton  a:active {
	color: #e51c46;
	text-decoration: none;
}

.videoButton {
	background-color: #ebf5fe;
	background-image: url(images/learnButton.gif);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 140px;
	text-align: center;
	padding-top: 8px;
	margin-right: 35px;
	margin-top: 148px;
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 90%;
	padding-bottom: 8px;
}
.videoButton  a:link, .videoButton  a:visited {
	color: #045396;
	text-decoration: none;
	}

.videoButton  a:hover {
	color: #e51c46;
}
.videoButton  a:active {
	color: #e51c46;
	text-decoration: none;
}

#homeMessage {
	width: 564px;
	margin-top: 5px;	
}

#footer {
	width: 780px;
	background-color: #f0f0f0;
	position: relative;
	height:200px;
	margin-top: 5px;
	padding-top: 30px;


}
.footerNav {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 80%;
	text-align: left;
}
.footerNav ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.footerNav li {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
}

.footerNav a:link, .footerNav a:visited {
	color: #4e585d;
	text-decoration: none;
	}

.footerNav a:hover {
	color: #e51c46;
}
.footerNav a:active {
	color: #e51c46;
	text-decoration: none;
}

#footer1 {
	width: 300px;
	left: 9px;
	position: absolute;
	top: 35px;
}
#footer2 {
	width: 200px;
	left: 320px;
	position: absolute;
}
#footer3 {
	width: 200px;
	position: absolute;
	left: 540px;
}
#footer4 {
	width: 200px;
	position: absolute;
	left: 760px;
}
#footer5 {
	width: 236px;
	position: absolute;
	left: 12px;
	top: 125px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 80%;
	font-weight: normal;
	color: #8daec0;
	text-align: left;
}
.phone855 {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 35px;
	font-weight: 500;
	color: #8daec0;
	text-align: center;
}
.phone855b {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 19px;
	font-weight: 300;
	color: #8daec0;
	text-align: center;
}

#storeTitle {
	background-color: #e8f1f6;
	background-image: url(images/storeTitleBack.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
	padding-top: 7px;
	padding-bottom: 11px;
	padding-left: 22px;
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9ecfe;
}
#cartNav {
	

	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 75%;
	background-color: #FFFFFF;
	
}
#cartNav ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#cartNav li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ecf4fc;
}

#cartNav a:link, #cartNav a:visited {
	color: #058bfc;
	text-decoration: none;
	}

#cartNav a:hover {
	color: #e51c46;
}
#cartNav a:active {
	color: #e51c46;
	text-decoration: none;
}

.blueShadeBox{
	background-color: #ecf6fd;
	padding: 7px;
}

.greenShadeBox{
	background-color: #dbf8e9;
	padding: 7px;
}

.greyShadeBox{
	font-size: 95%;
	background-color: #edecec;
	padding: 7px;
}

.yellowShadeBox{
	background-color: #fcfad0;
	
}

.bigLeft {
	float: left;
	width: 350px;
	padding-top: 5px;
	padding-right: 10px;
}
.bigRight {
	float: right;
	width: 180px;
}
.whatisLeft {
	float: left;
	width: 290px;
}
.whatisRight {
	float: right;
	width: 230px;
	padding-top: 15px;
	padding-left: 10px;
}

.newsLeft {
	float: left;
	width: 230px;
}
.newsRight {
	float: right;
	width: 200px;
    padding-top: 25px;
	padding-left: 15px;
	padding-bottom: 25px;
	background-color:#CCCCCC;
}
.listProduct ul{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
    color: #4f5050;
	background-color: #edecec;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.listProduct li{
	padding-bottom: 10px;
	list-style-type: square;
}
.listProduct blockquote{
	background-color: #edecec;
}
.listbody ul{
	font-size: 95%;
	font-family: Arial, Helvetica, sans-serif;
	color: #4f5050;
	padding-left: 15px;
}
.listbody li{
	padding-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: disc;
	list-style-position: outside;
}

.inCart {
	padding: 3px;
	float: right;
	width: 250px;
	margin-top: 10px;
}
.homeMessage2 {
	padding: 10px;
	margin-top: 10px;
	background-color: #e0e0e0;
}

.homeM2Left {
	float: left;
	width: 310px;
}
.homeM2Right {
	float: right;
	width: 220px;
}
.homeM3Left {
	float: left;
	width: 200px;
}
.homeM3Right {
	float: right;
	width: 330px;
}

.homeM4Left {
	float: left;
	width: 355px;
}
.homeM4Right {
	float: right;
	width: 170px;
}
.homeM5Left {
	float: left;
	width: 272px;
}
.homeM5LeftA {
	float: left;
	width: 275px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
}
.homeM5Right {
	float: right;
	width: 268px;
	margin-top: 3px;
}
.homeM5RightA {
	float: right;
	width: 250px;
	margin-top: 50px;
	font-size:14px;
}


.homeM5Bottom {
	float: right;
	width: 170px;
	margin-top: 15px;
	font-size: 85%;
}

.homeM6Right {
	float: right;
	width: 360px;
}
.homeM6Left {
	float: left;
	width: 150px;
}
.homeM6Bottom {
	float: left;
	width: 150px;
	font-size: 85%;
}

.homeM7 {
	float: left;
	margin-left:10px;
	margin-top:10px;
	width: 550px;
	font-size: 95%;
}
.homeMessage3 {
	padding: 10px;
	margin-top: 10px;
	background-color: #FFFF66;
}

.homeMessage4 {
	padding: 15px;
	margin-top: 10px;
	background-color: #FFFF66;
}

.homeMessage5 {
	padding: 10px;
	margin-top: 10px;
	background-color: #dfe9fc;
}

.homeMessage6 {
	padding: 15px;
	margin-top: 10px;
	background-color: #e0e0e0;
}
.homeMessage7 {
	padding: 15px;
	margin-top: 10px;
	background-color: #FFFFFF;
}
.homeMessage8 {
	padding: 10px;
	margin-top: 10px;
	background-color: #FFFF66;
}

.moreGrey{
	background-color: #f0f0f0;
	padding: 5px;
	margin-bottom: 12px;
}
.moreGreyLeft {
	
	float: left;
	width: 225px;
}
.moreGreyRight{

	float: right;
	width: 300px;
}

.missSueGreyLeft {
	float: left;
	width: 175px;
	font-size: 95%;
}
.missSueGreyRight{
	float: right;
	width: 350px;

}.comments-noimage {
	float: left;
	width: 535px;
	font-size: 90%;
}
.comments1L {
	float: left;
	width: 390px;
	font-size: 90%;
}
.comments1R{
	float: right;
	width: 142px;
}
.comments2L {
	float: left;
	width: 200px;
}
.comments2R{
	float: right;
	width: 325px;
	font-size: 90%;
}
.comments3L {
	float: left;
	width: 330px;
	font-size: 90%;
}
.comments3R{
	float: right;
	width: 200px;
}
.comments4L {
	float: left;
	width: 240px;
	font-size: 90%;
}
.comments4R{
	float: right;
	width: 265px;
}

#industry-main {
	background-color: #FFFFFF;
	background-image: url("images/industry1.jpg");
	background-repeat: no-repeat;
	background-position: top;
	height: 362px;
	width: 550px;
}

.industry-noimage {
	float: left;
	width: 535px;
	font-size: 90%;
}
.industry1L {
	float: left;
	width: 335px;
	font-size: 100%;
}
.industry1R{
	float: right;
	width: 200px;
}
.industry2L {
	float: right;
	width: 255px;
}
.industry2R{
	float: left;
	width: 280px;
	font-size: 100%;
}
.industry3R {
	float: left;
	width: 348px;
	font-size: 100%;
}
.industry3L{
	float: right;
	width: 187px;
}

.industryButton1 {
	background-color: #ebf5fe;
	background-image: url(images/learnButton.gif);
	background-repeat: repeat-x;
	background-position: top;
	float: left;
	width: 92px;
	text-align: center;
	padding-top: 10px;
	margin-right: 15px;
	margin-top: 15px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 90%;
	padding-bottom: 10px;
}
.industryButton1  a:link, .industryButton1  a:visited {
	color: #045396;
	text-decoration: none;
	}

.industryButton1  a:hover {
	color: #e51c46;
}
.industryButton1  a:active {
	color: #e51c46;
	text-decoration: none;
}




.diffLXLeft {
	float: left;
	width: 300px;
}
.diffLXRight{
	float: right;
	width: 215px;
	font-size: 95%;
}

.diffPlusLeft {
	float: left;
	width: 215px;
	font-size: 95%;
}
.diffPlusRight{
	float: right;
	width: 300px;
}

.manualsGreyLeft {
	
	float: left;
	width: 325px;
    font-size: 95%;

}
.manualsGreyRight{

	float: right;
	width: 200px;
	font-size: 95%;

}

.support {
	font-size: 95%;
}

.supportLeft {
	
	float: left;
	width: 225px;
    font-size: 95%;

}
.supportRight{

	float: right;
	width: 300px;
	font-size: 95%;

}


#learning{
	background-color: #FFFFFF;
	
}
#learningLeft{
	float: left;
	height: 320px;
	width: 237px;
}
#learningRight{
	float: right;
	width: 300px;
}
.learningRightCell{
	background-color: #f0f0f0;
	height: 73px;
	padding: 5px;
}
