@charset "utf-8";
/* CSS Document */

/************************************************************
1. LAYOUT code
2. HEADER code
3. NAVIGATION code
4. CONTENT code
5. FORM code
6. FOOTER code
************************************************************/

/* 1. LAYOUT code */
[if IE] .twoColHybLtHdr #mainContent {
	zoom: 1;
	padding-top: 15px;
}

body {
	background:#036 url(http://www.wdi-whq.com/images/page-elements/body-bg.jpg) no-repeat;
	background-attachment:fixed;
	color:#FFF;
	font:100% Verdana, Helvetica, Tahoma, Arial;
	margin:0;
	padding:0;
}

#container {
	position:relative;
	text-align:left;
	width:100%;
}

#container #mainContent table {
	text-align: center;
}

/* 2. HEADER code */

#header {
	padding:10px 0 0 0;
}

#hdrbar {
	background:url(../images/page-elements/aqua-bar.gif) no-repeat;
	font-size:11px;
	height:34px;
	width:650px;
}

#hdrbar ul {
	display:inline;
	list-style:disc;
}

#hdrbar li {
	color:#CFF;
	float:left;
	margin-left:20px;
	padding-top:8px;
}

.hdrtext {
	color:#FFF;
}

#hdrbar a {
	color:#cff;
}

#hdrbar a:hover {
	color:#0f0;
}

#hdrbar a:active {
	color:#3c0;
}

/* 3. NAVIGATION code */

/* sidebar menu */
.button {
	background:url(http://www.wdi-whq.com/images/page-elements/btn.gif) no-repeat;
	border:none;
	color:#CFF;
	display:block;
	font:13pt Verdana, Arial, sans-serif;
	padding:11px 0;
	text-align:center;
	text-decoration:none;
	height:48px;
	width:176px;
}

.button:hover {
	background:url(http://www.wdi-whq.com/images/page-elements/btn-over.gif) no-repeat;
	color:#FFF;
	display:block;
}

.button:active {
	background:url(http://www.wdi-whq.com/images/page-elements/btn-click.gif) no-repeat;
	color:#069;
	display:block;
}

#sidebar1 {
	float:left;
	width:250px;
	padding:10px 25px 0 25px;
	position:relative;
	z-index:2;
}

div#nav {
	height:28px;
	width:250px;
	background:url(http://www.wdi-whq.com/images/page-elements/menu/menu-top.gif) top no-repeat;
	margin:0;
	padding-top:28px;
}

div#navbody {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/menu-bg.gif) repeat-y;
}

div#navbottom {
	height:28px;
	background:url(http://www.wdi-whq.com/images/page-elements/menu/menu-btm.gif) bottom no-repeat;
}

ul#navlist {
	width:250px;
	list-style-type:none;
	padding:0;
	margin:0;
}

ul#navlist a {
	width:200px;
	font:bold 11pt Verdana, Arial, sans-serif;
	color:#FFF;
	height:35px;
	text-decoration:none;
	padding:6px 0 0 50px;
	display:block !important;
}

ul#navlist a:hover {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-hilight.gif) left;
}

ul#navlist li {
	height:35px;
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-normal.gif) bottom repeat-x;
	position:relative;
}

ul#navlist ul {
	list-style-type:none;
	margin-left:250px;
	padding:0px;
	position:absolute;
	top:0px;
	visibility:hidden;
	width:250px;
}

ul#navlist ul > li {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-submenu.gif) bottom no-repeat;
}


ul#navlist li ul li a:hover {
	background:url(http://www.wdi-whq.com/images/page-elements/menu/btn-submenu-hilight.gif) bottom no-repeat;
	height:28px;
}

ul#navlist li:hover > ul {
	visibility:visible;
}

/* 4. CONTENT code */

#mainContent {
	padding-top:16px;
	margin:0 20px 0 330px;
	position:relative;
}

.facebook {
	background:url(../images/page-elements/menu/horizontal/mainmenu-bg.gif);
	width:150px;
}

.facebook-top {
	background:url(../images/page-elements/btn-grn-top.gif);
	width:150px;
}

#intro {
	text-align:justify;
}

#special-contain {
	float:right;
	margin-right:20px;
	padding:0;
	width:340px;
}

.special {
	background: url(../images/specials/glossy-special-box-vert.png) no-repeat 100%;
	height: 350px;
	margin:10px 20px;
	padding:0;
	position:relative;
	text-align:center;
	width:325px;
}

.specialtext {
	height:175px;
	left:50%;
	margin:-87px -143px;
	position:absolute;
	top:95px;
	width:285px;
}

.special img{
	float:left;
	margin:0;
}

.special h2{
	color:#369;
	font-size:1em;
	line-height:1.25em;
	margin:0.5em 0;
}

.special h3{
	color:#C63;
	font-size:1.15em;
	font-style:italic;
	font-weight:bold;
	margin:0.5em 0;
}

.special h4 a{
	color:#03F;
	font-size:1.15em;
	font-style:italic;
	text-decoration:none;
}

.special ul {
	font-style:italic;
	line-height:1.35em;
}

.spec2 {
	background: url(../images/specials/glossy-box-yellow.png) no-repeat 100%;
	color:#06C;
	font-size:.9em;
	height:200px;
	margin:10px 20px;
	padding:0;
	width:325px;
}

.spec3 {
	background: url(../images/specials/glossy-box-green.png) no-repeat 100%;
	color:#FFF;
	font-size:.9em;
	height:200px;
	margin:10px 20px;
	padding:0;
	width:325px;
}

.action {
	color:#6CF;
	font-style:italic;
	font-weight:bold;
}

a:link {
	color:#FF3;
}
a:visited {
	color:#9FF;
}
a:hover {
	color:#0F0;
}
a:active {
	color:#3C0;
}

.bold {
	font-weight:bold;
}

.block {
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

.capt {
	color:#FF3;
}

.clrflt { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	line-height:0px;
	font-size:0px;
}

.crumb {
	color:#ff3;
	font-size:small;
	margin-top:0;
	padding-top:0;
}

.ctrauto {
	margin:0 auto;
}

.ctr {
	text-align:center;
}

.disclaimer {
	font-style:italic;
	font-size:.75em;
}

div.twocol {
	margin:0 auto;
	padding:10px;
	width:650px;
}

div.imgs {
	color:#ff3;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:650px;
}

dl.products dt {
	font-weight:bold;
	margin-bottom:0.5em;
}

.dropcap:first-letter {
	color:#FF3;
	float:left;
	font-size:300%;
	font-style:italic;
	font-weight:bold;
	margin:3px 10px 0 0;
}

.em {
	font-style:italic;
}

.emph {
	font-style:italic;
	font-weight:bold;
	color:#C60;
}

.fltrt {
	float:right;
	margin-left:8px;
}
.fltlft {
	float:left;
	margin-right:8px;
}

.guarantee {
	color:#C60;
	font-size:xx-large;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}

h1 {
	color:#FF3;
	font-weight:bold;
	font-size:1.3em;
	margin:0px;
	padding:0px;
}

h2 {
	color:#0C3;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	padding:0;
}

h3 {
	color:#6CF;
	font-size:1.05em;
}

.hide {
	visibility:hidden;
}

.img-fltlft {
	float:left;
	margin:0 4px 15px 8px;
	width:312px;
}

.img-fltrt {
	float:right;
	margin:0 8px 15px 4px;
	width:312px;
}

.img-margin {
	margin:15px;
}

.italic {
	font-style:italic;
}

.lft {
	text-align:left;
}

.no-emph {
	text-decoration:none;
	font-weight:normal;
}

.no-marg {
	margin-bottom:-1em;
	padding-bottom:0em;
}

ol.gen {
	text-indent:50px;
	line-height:1.5em;
}

p {
	line-height:1.25em;
}

.popup{
	position:relative;
	z-index:0;
}

.popup:hover {
	background-color:transparent;
	z-index:50;
}

.popup span {/*CSS for enlarged image*/
	border:1px solid black;
	position:absolute;
	visibility:hidden;
}

.popup:hover span{/*CSS for enlarged image on hover*/
	left:100px;
	top:10px;
	visibility:visible;
}

.rt {
	text-align:right;
}

table.prices {
	border-collapse:collapse;
}
table.prices, th, td {
	border:1px solid white;
}

.testimonial {
	border: solid 2px #0C0; 
	margin: 20px auto;
	padding: 10px 25px;
	width: 75%;
}

ul.check{
	list-style-image:url(../images/page-elements/checkmark.gif);
	line-height:1.5em;
	margin-left:50px;
}

ul.gen {
	list-style-type:disc;
	list-style-position:inside;
	text-indent:50px;
	line-height:1.5em;
}

ul.linklist, ul.linklist li {
	list-style-type:none;
	text-indent:50px;
	line-height:1.5em;
	color:#FF3;
}

ul.emphlist {
	list-style-type:disc;
	list-style-position:inside;
	text-indent:50px;
	font-size:1.15em;
	line-height:1.5em;
	color:#6CF;
}

/* 5. FORM code */

#formcontainer {
	width:1100px;
	text-align:left;
}

/* FOOTER code */

#footer {
	padding:2em;
}

#footer-menu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}

#footer-menu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}

#footer-menu ul li {
	margin:0 0 0 1px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:1px;
}

#footer-menu ul li a {
	display:block;
	margin:0;
	padding:.6em;
}

.web-disclaimer {
	font-size:.75em;
	text-align:center;
}