body { font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; margin-right:auto;margin-left:auto; margin-top: 0; margin-bottom: 0; line-height:18px; }
	
html {font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; color:#272727;}

h1 {font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 10px 0;}

a {font-size: 12px; text-decoration: underline; color: #272727; outline: none;}
a:hover {text-decoration: none; color: #505050;}

img {border: 0;}

hr.grey {border: none 0;border-top: 1px solid #959494; height: 1px; padding:0; margin:0; }

blockquote {border:1px solid #A4A3A3; background-color: #D3D3D3;}
blockquote.yellow {border:1px solid #C8AD17; background-color: #FCF2BA;}

.certimg {float:right; margin: 0 0 0 10px;}
.btnpadtop {padding:6px 0 0 0;}

ul.balloon { list-style: square;width: 424px; padding: 0 0 0 90px; }
ul.balloon li { list-style-position: inside; background-color: #95D0FD; padding: 0 0 0 8px; margin: 0; }
ul.balloon li.top { background: #95D0FD url(../images/balloon-top.gif) no-repeat; height: 12px; padding: 30px 0 0 8px; margin: 0;} 
ul.balloon li.bottom { list-style: none; background: #95D0FD url(../images/balloon-btm.gif) no-repeat; height: 8px; padding: 0 0 0 8px;} 

ul.balloon2 { list-style: square;width: 424px; padding: 0 0 0 90px; }
ul.balloon2 li { list-style-position: inside; padding: 0 0 0 8px; margin: 0;border-left:2px #8F0F0E solid;border-right:2px #8F0F0E solid;  }
ul.balloon2 li.top2 { list-style: none;background: url(../images/balloon2-top.gif) no-repeat; padding: 27px 0 0 8px; margin: 0;border: 0;} 
ul.balloon2 li.bottom2 { list-style: none; background: #95D0FD url(../images/balloon2-btm.gif) no-repeat; height: 8px; padding: 0 0 0 8px; border: 0;} 

#frame { list-style-position: outside; background: #fff url(../images/2b1-toprpt2.jpg) repeat-x; margin:0; padding:0;text-align:left; margin-bottom: auto;overflow: hidden;}

#matrix {background: url(../images/matrix-prod3.png) no-repeat; height:381px; margin:20px 0 0 0; padding:0;}

.yellowstone {float:left; margin:300px 0 0 190px; height:50px; width:50px; 0}
.yosemite {float:left; margin:300px 0 0 16px; height:50px; width:50px;0}
.rainandever {float:left; margin:300px 0 0 14px; height:50px; width:50px;0}
.canyon {float:left; margin:300px 0 0 12px; height:50px; width:50px;0}
.bend {float:left; margin:300px 0 0 10px; height:50px; width:50px;0}

#topheader {height:256px;margin-right:auto;margin-left:auto;margin-top:0px; width: 781px; color: #fff; font-weight: bold; }
#tag {width:594px; float:right; padding:85px 0 0 0; font-family: "Myriad Web", Geneva, sans-serif; font-size: 20px;margin:0; }
.hero {background: url(../images/2b1-hero2.jpg) no-repeat; float: left;height:256px; width: 780px;}
.herowebmail {background: url(../images/webmail.png) no-repeat; float: left;height:256px; width: 780px;}

#icons {width:612px; float:right; padding: 14px 0 0 0; margin:0; }
#icons a {text-decoration: none;}

#hardware {height:65px; padding:0; font-size: 12px; letter-spacing: 1px; float: left; }
#hardware a {color:#6EACDC; vertical-align: middle;}
#hardware a:hover { color: #8BC2EC;  }

#software { height:65px; padding:0; font-size: 12px; letter-spacing: 1px; float: left; }
#software a {color:#5CC705; vertical-align: middle; }
#software a:hover { color: #83E137; }

#services {height:65px;padding:0; font-size: 12px; letter-spacing: 1px; float: left; }
#services a {color:#C7A905;vertical-align: middle;}
#services a:hover { color: #DCC54A; }

#support {height:65px;  padding:0; font-size: 12px; letter-spacing: 1px; float: left;  }
#support a {color:#C46D1F; vertical-align: middle;}
#support a:hover { color: #DE914D; }

#blog {height:65px;  padding:0; font-size: 12px; letter-spacing: 1px; float: left;}
#blog a {color:#A05DC7; vertical-align: middle}
#blog a:hover { color: #C592E3; }

#contentleft {width:164px;padding:0px;float:left;background: url(../images/2b1-leftbg.jpg) repeat-y; margin:0;}
#contentright {width:570px;margin:0 0 0 24px;float:left;background:none;padding: 10px 0 20px 0; color:#272727;}
#contentright p {font-size: 12px; font-weight: normal;}
#contentright p.ytag {border: 1px #000 solid; padding: 5px;}
/* *html #contentright {width:567px;margin:0 0 -3000px 16px;float:left;background:#fff;padding-bottom: 3000px;} */

#rightinner {width:580px;margin:0 0 0 24px;float:left;background:none;padding: 40px 0 20px 0; }
#rightinner p {font-size: 12px;}
#rightinner img {margin: 0 6px 6px 6px;}

#outsideinner {width: 100%;background: url(../images/2b1-whitebg.gif) repeat-x; padding: 0; display: block;margin: auto;overflow: hidden; }
#inner {width: 781px;  padding: 0; display: block;margin: auto; overflow: hidden;}
/* #inner {background: url(../images/inner-bg.gif) repeat-y; width: 781px; overflow: hidden; padding: 0; display: block;margin: auto; } */

#infolist { background: url(../images/2b1-leftbg.jpg) repeat-y; padding: 2px 0 0 16px; color: #fff; font-size:12px; margin-bottom: 0;  width: 164px; height: 1%; }
*html #infolist {  background: url(../images/2b1-leftbg.jpg) repeat-y; padding: 2px 0 0 16px; color: #fff; font-size:12px; margin-bottom: 0;  width: 164px;height: 1%; }
#infolist ul { list-style: none; margin: 0; padding: 0; border: none; width:145px;}
#infolist li { border-bottom: 1px solid #B75353; margin: 10px 15px 10px 0; padding: 0; }
#infolist li a {display: block; padding: 5px 0 14px 0;  color: #fff; text-decoration: none; width: 100%;}
html>body #infolist li a {width: auto;}
#infolist li a:hover { color: #ccc;}
#infolist li a.navactive {display: block; padding: 5px 0 5px 0; color: #ccc; text-decoration: none; width: 100%;}

#topnavbg {background: url(../images/2b1-navpattern.jpg) no-repeat; height: 29px; width: 164px; }
#navbtm {background: url(../images/2b1-navbtm.jpg) no-repeat; height: 157px; padding: 0; margin: 0; }

/*#footer {height:40px; text-align: center; color: #969595;border: 1px #C8C6C6 solid;margin-right:auto;margin-left:auto; margin-top: 12px; margin-bottom: 12px;  line-height: 40px; width: 781px;overflow: hidden; }*/

#footer {height:100px; text-align: center; color: #6d6d6d;line-height: 50px; width: 100%;overflow: hidden; background-color: #e7e7e7; border-top:1px solid #d0cfcf; padding:30px 0 0 0; margin:40px 0 0 0; }

#footer a {text-decoration: underline; color: #6d6d6d;}
#footer a:hover {text-decoration: none;}

#belowftr {background: #fff url(../images/belowftr-bg2.gif) repeat-x ; margin-bottom: auto;height:60px; text-align: center; padding: 10px 0 0 0;overflow: hidden;}

hr.grey {border: none 0;border-top: 1px solid #ccc; height: 1px; padding:0; margin: 20px 0 20px 0; }
span.grey {border: none 0;border-top: 1px dashed #ccc; height: 1px; padding:0; margin: 10px 20px 10px 20px; }

#contactbox {padding:10px 0 10px 10px; border: 1px solid #b85353;margin: 0 18px 0 18px; color:#fff; letter-spacing: 1px;}
#contactbox a {text-decoration: underline; color: #fff;}
#contactbox a:hover {text-decoration: none; color: #fff;}
#contactbox p {padding: 0; margin: 0 0 4px 0;}
#contactbox img {margin: 0 4px 0 0;}

/* storegrid styles */

fieldset {
	padding: 5px;
	border: 2px solid #EAEAEA;
}

#createstore {padding:5px; font-size:20px; font-weight:bold; text-align:center;}

.sgTextBox {
	border: 1px solid #7F9DB9;
	background-color: #F6F6F6;
	color: #342B2B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width: 250px;
	height: 19px;
}
.sgActionButton {
	border:#342b2b 1px solid;
	background-color: #342b2b;
	HEIGHT: 22px; 
	TEXT-DECORATION: none;
	CURSOR: hand;
	CURSOR: pointer;
	COLOR: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
}
.dsboardred
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal;
	font-weight: bold; 
	color: #FF0000;
}
.tdfontclass
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal;
	font-weight: normal; 
	color: #342b2b;
}
.fontBoldClass
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal;
	font-weight: bold; 
	color: #342b2b;
        width:200px;
}
.dsboardsafe
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal;
	font-weight: bold; 
	color: #339900;
}
.hintText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	font-weight: normal;
}







.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px; 
	padding: 0px;
	height: 31px;
        width: 500px;
}

.mootabs_title li {
width:148px;
font-size: 12px;
margin:0 5px 0 0;
float: left;
background: url(../images/inactivetab-long.png) no-repeat;
padding: 6px 0 2px 8px;
cursor: pointer;
height: 24px;
	
}

.mootabs_title li.active {
width:148px;
font-size: 12px;
margin:0 5px 0 0;
display:block;
background: url(../images/activetab-long.png) no-repeat;

}


.mootabs_panel {
	display: none;
	background-color: #ddd;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	overflow: auto;
	padding: 4px;
}

.mootabs_panel.active {
        background: #fbfbfb url(../images/panelbg.png) no-repeat bottom;	
	display: block;
        width: 534px;
        padding: 20px 20px 0 20px;
        border-left:1px solid #ccc6c6;
        border-right:1px solid #ccc6c6;
        border-bottom:1px solid #ccc6c6;
}