/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,table,tr,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & IE to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; background: url('../images/layout/body_bg.gif') repeat-x; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; }
input, textarea { font-size: 12px; }



ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }

img.bordered { border: 6px solid #CCCCCC; }
img.right { float: right; margin: 0px 0px 10px 10px; }
img.center { float: center; margin: 0px 0px 10px 10px; }
img.left { float: left; margin: 0px 0px 10px 10px; }

.arrows { margin-left: 0px; padding: 0px; }
.arrows li { background: url('../images/layout/arrow.gif') no-repeat top left; ; list-style-type: none; margin-left: 0px;  line-height: 21px; padding-left: 30px; margin-bottom: 5px; }



h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #3399CC; font-size: 18px; margin: 0px 0px 15px 0px; }
h2 { color: #333333; font-size: 15px; margin: 0px 0px 8px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
h4 { color: #333333; font-size: 14px; margin: 0px 0px 0px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a, li  { color: #333333; font-size: 13px;  line-height: 18px; }
a  { color: #000000; font: normal 12px Arial; text-decoration: none; }
a:hover { text-decoration: underline; }

.blueBullets { margin-left: 15px; }
  .blueBullets li  { color: #3399CC; font-size: 16px; }
  .blueBullets li span { color: #333333; font-size: 12px; }

.pinkBullets { margin-left: 15px; }
  .pinkBullets li  { color: #660066; font-size: 16px; }
  .pinkBullets li span { color: #333333; font-size: 12px; }

#main { width: 1000px; margin: 0px auto; }

#header { border: none; }
#logo { float: left; margin-top: 15px; }
#tagline { float: right; text-align: right; margin: 0px 0px 0px 0px; width: 500px; color: #999999; font-size: 16px; margin-top: 10px; }
#upperNav { color: #3399CC; font-family: arial; float: right; width: 500px; text-align: right;margin-top: 10px;  }
    #upperNav a { color: #3399CC; font-family: arial; font-weight: normal; font-size: 14px;}

#nav { margin-top: 10px; background: url('../images/layout/nav_bg.jpg'); font-size: 14px; line-height: 46px; color: #C0CFD9; text-align: center; }
    #navLeft { float: left; }
    #navRight { float: right; }
#nav a { height: 47px; line-height: 47px; font-family: arial; color: #FFFFFF; font-size: 14px; padding: 0px 10px 0px 10px; }

#footer { width: 1000px; margin: 0px auto; border-width: 1px; border-color: #CCCCCC; border-top-style: solid; padding-top: 3px; }
#footerLeft, #footerRight { width: 400px; color: #333333; font-size: 11px; }
#footerLeft { float: left; }
#footerRight { float: right; text-align: right; }
#footerLeft a, #footerRight a { color: #333333; font-size: 11px; }



#body { margin-top: 5px; min-height: 440px; }

/* Navigation */

#menuWrapper {  height: 31px; text-align: right; }

#menuwrapper {
}
.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar {
    float: right;
}

.hac {
	margin-left: 5px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}

#p7menubar li ul {
}

#p7menubar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: left;
}
#p7menubar a.trigger {
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #FFFFFF;
	line-height: 26px;
	font-weight: normal;
	font-size: 11px;
	list-style-type: none;
}
#p7menubar li ul li {
}


#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 100%;
}
#p7menubar ul li a  {
	color: #FFFFFF;
}

#p7menubar ul li a:hover  {
    text-decoration: underline;
}
#p7menubar li ul {
	position: absolute;
	display: none;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}





#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
/*    background: #33CCFF;*/
}




#p7menubar a:hover {
	color: #FFFFFF;
}


#p7menubar a {  height: 47px; line-height: 47px; font-family: arial; color: #FFFFFF; font-size: 14px; padding: 0px 10px 0px 10px; }
#p7menubar a:hover { color: #FFFFFF; text-decoration: underline;; }

#p7menubar li ul { width: 210px; background: url('../images/layout/drop_nav_bg.png'); margin-top: -1px; }

#p7menubar li ul li a { font-weight: normal; }






#p7menubar ul a {
}



/* Navigation */

#menuWrapper {  height: 47px; text-align: right; }

#menuwrapper {
}
.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar {
    float: right;
}

.hac {
	margin-left: 5px;
}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}

#p7menubar li ul {
}

#p7menubar a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: left;
}
#p7menubar a.trigger {
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #FFFFFF;
	line-height: 26px;
	font-weight: normal;
	font-size: 11px;
	list-style-type: none;
    height: 47px; line-height: 47px;
}
#p7menubar li ul li {
}


#p7menubar li {position: relative; }

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}

/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 100%;
}
#p7menubar ul li a  {
	color: #FFFFFF;
}

#p7menubar ul li a:hover  {
    text-decoration: underline;
}
#p7menubar li ul {
	position: absolute;
	display: none;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}





#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
/*    background: #33CCFF;*/
}




#p7menubar a:hover {
	color: #FFFFFF;
}


#p7menubar a { height: 47px; line-height: 47px; font-family: arial; color: #FFFFFF; font-size: 14px; padding: 0px; }
#p7menubar a span { text-align: center; display: block; cursor: hand; cursor: pointer; }

#p7menubar a:hover { color: #FFFFFF; background: url('../images/layout/nav_bg_left.gif'); text-decoration: none; }
#p7menubar a:hover span {  background: url('../images/layout/nav_bg_right.gif') no-repeat top right; display: block; height: 47px; }


#p7menubar li ul { width: 210px; background: url('../images/layout/drop_bg.png') no-repeat bottom center; margin-top: -6px; margin-left: -3px; padding-bottom: 5px;  }

#p7menubar li ul li a { font-weight: normal; line-height: 22px;  margin: 4px 8px 4px 8px; padding: 0px; }
#p7menubar li ul li a span { font-weight: normal; line-height: 15px; font-size: 11px; padding: 0px; margin: 0px; text-align: left;  }

#p7menubar li ul li a { background: none; padding: 0px 10px 0px 10px; }
#p7menubar li ul li a:hover { text-decoration: underline; background: none; }
#p7menubar li ul li a:hover span { background: none; height: 15px; }





#p7menubar ul a {
}



.p3 { margin-bottom: 3px; }





/* Home Page Content*/

h1.home { color: #666666; font-size: 20px; margin: 0px 0px 10px 0px; font-weight: normal; text-align: center; }
h2.home { color: #666666; font-size: 18; margin: 0px 0px 15px 0px; font-weight: normal; text-align: center; }
h3.home { color: #333333; font-size: 17px; font-weight: normal; margin-top: 0px; margin-bottom: 5px; text-align: center; }


#homeBox1 img, #homeBox2 img, #homeBox3 img { float: right; margin: 0px 0px 0px 0px; }

#homeBox1 { width: 315px; float: left; margin: 0px 13px 0px 0px; }
#homeBox2 { width: 315px; float: left; margin: 0px 13px 0px 13px; }
#homeBox3 { width: 315px; float: right; margin: 0px 0px 0px 13px; }
#homeBox4 { width: 460px; float: left; margin: 0px 13px 0px 0px; }
#homeBox5 { width: 460px; float: right; margin: 0px 13px 0px 0px; }
#homeBox6 { width: 320px; float: right; margin: 0px 13px 0px 0px; }
#homeBox7 { width: 500px; float: left; margin: 0px 13px 0px 0px; }

#homeBox1 h2 { color: #CC0000; }
#homeBox2 h2 { color: #3399CC; }
#homeBox3 h2 { color: #333333; }

#homeBox1 h2, #homeBox2 h2, #homeBox3 h2 { padding: 0px; margin: 15px 0px 2px 0px; font-size: 18px; }
#homeBox1 h3, #homeBox2 h3, #homeBox3 h3 { color: #333333; font-size: 14px; font-weight: normal; margin-top: 5px; margin-bottom: 0px; }
#homeBox1 p, #homeBox2 p, #homeBox3 p, #homeBox1 li, #homeBox2 li, #homeBox3 li { clear: both; font-size: 12px; margin-bottom: 0px; }
#homeBox1 a, #homeBox2 a, #homeBox3 a { color: #FF0000; font-size: 11px; }
.homeSpacer { background: #CCCCCC; width: 1px; height: 320px; float: left; margin-top: 10px; }
.homeSpacer1 { background: #CCCCCC; width: 2px; height: 550px; float: left; margin-top: 10px; }
.homeSpacer2 { background: #CCCCCC; width: 1px; height: 295px; float: left; margin-top: 10px; }



/* Products Page */

#productNav { height: 30px; }
    #productNav a { line-height: 29px; display: block; float: left; text-align: center; background: #CCCCCC; border-width: 1px; border-color: #999999; border-left-style: solid; border-top-style: solid; border-bottom-style: solid; }
    #productNav a.o { line-height: 29px; display: block; float: left; text-align: center;  border-bottom: 1px solid #FFFFFF; background: #FFFFFF;  }
    #productNav a:hover { background: #FFFFFF; text-decoration: none; }


.productDetails { border: 1px solid #999999; min-height: 230px; }
.productDetailsInside { margin: 15px; }

.title { margin: 0px 0px 10px 00px; color: #3399CC; font-size: 15px; font-weight: bold; font-weight: bold; }


#prod1 { width: 120px; }
#prod2 { width: 180px; }
#prod3 { width: 160px; border-right-style: solid; }
#prod4 { width: 120px; }
#prod5 { width: 120px; }
#prod6 { width: 120px; }
#prod7 { width: 120px; border-right-style: solid; }

#p1 {  }
#p2 { display: none;  }
#p3 { display: none; }
#p4 { display: none; }
#p5 { display: none; }
#p6 { display: none; }
#p7 { display: none; }

.lGreyRound1 { background: #CCCCCC; margin: 0px 8px 0px 6px; height: 1px; overflow: hidden;  }
.lGreyRound2 { background: #CCCCCC; margin: 0px 4px 0px 4px; height: 1px; overflow: hidden;  }
.lGreyRound3 { background: #CCCCCC; margin: 0px 3px 0px 3px; height: 1px; overflow: hidden;  }
.lGreyRound4 { background: #CCCCCC; margin: 0px 2px 0px 2px; height: 1px; overflow: hidden;  }
.lGreyRound5 { background: #CCCCCC; margin: 0px 1px 0px 1px; height: 1px; overflow: hidden;  }
.lGreyRoundBody { background: #CCCCCC; }

/* Contact Form */
.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 80px; text-align: right; }
.contactForm td { padding-top: 6px; padding-bottom: 5px; }
.contactForm input { width: 150px; }
.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 100px; float: left; }
.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 100px; float: left; }
.inputButton { background: #FFFFFF; border: 1px solid #333333; }

/* Striped Table */
table.tabular-alt		{ width:95%;margin:20px; }
table.tabular-alt thead tr	{ background-color: #E7E5E5; }
table.tabular-alt tr		{ background-color: #F0F4F5; }
table.tabular-alt tr.alt	{ background-color: #F6F4F4; }

.topNavRollover {}
.topNavRollover a:link {
	display:block;
	padding:10px 10px 10px 10px;
	background:url("../images/btn-image-down.jpg") 0 0 no-repeat;
	color:#666666;
}
.topNavRollover a:visited {
	display:block;
	padding:10px 10px 10px 10px;
	background:url("../images/btn-image-down.jpg") 0 0 no-repeat;
	color:#666666;
}
.topNavRollover a:hover {	
	text-decoration: none;
	display:block;
	padding:10px 10px 10px 10px;
	background: url("../images/btn-image.jpg") 0 0 no-repeat;
	color:#666666;
}
.topNavRollover span {
	display:block;
	padding:10px 10px 10px 10px;
	background: url("../images/btn-image-down.jpg") 0 0 no-repeat;
	color:#666666;
}
/* Top Navigation */   /* table */
   
.topgradient {
	background-image:url(../images/bg-gradient.jpg);
	background-repeat:no-repeat;
}
a.topgradient:hover {text-decoration:underline}

/* Content */    /* table */
.middleGradient {
	background-image:url(../images/bg-gradient.jpg);
	background-repeat:no-repeat;
}