@charset "utf-8";

/*
 * (c) Copyright 2001-2009 Hen's Teeth Network, Inc. All rights reserved. www.hens-teeth.net
 */


html
{
	background-image:url(../images/background_r1_c1.jpg);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

#custom-doc 
{
	width:84.15em; /* 1094/13 */
	*width:82.07em;/* 1094/13.3333 */
}

#hd
{
	height: 150px;
	overflow:hidden;
	position:relative;
}

/* Scrolling Box Styles
-------------------------------------- */

#scrollingbox
{
	text-align:right;
	position: absolute;
	right: 45px;
	top: 30px;
	width: 300px;
	height: 75px;
	z-index: 1000;
	overflow: hidden;
}

div#scrollingTitle {
	text-align:right;
	position: absolute;
	right: 45px;
	top: 10px;
	width: 300px;
	z-index: 1000px;
	font-size: 100%;
	font-weight: bold;
	color: #990000;
	padding: 0;
	margin: 0;
}

#scrollingbox #scroller {
	position: absolute;
	right: 0px;
}

#scrollingbox #scroller ul {
	margin: 0;
	padding: 0;
}

#scrollingbox #scroller ul li {
	list-style: none;
	padding: 0 0 1em 0;
}

#scrollingbox #scroller ul li a {
	text-decoration: none;
	color: #ffffff;
}

#bd /* this is the main body window */
{
	background-image:url(../images/background_r3_c2.jpg);
	background-repeat:repeat-y;
	margin-top: -10px;
	padding-top: 5px;
}
#leftnav
{
	margin-left: 55px;
	*margin-left: 58px; /*IE7 hack*/
} 

div #yui-main
{
	width: 95%;
	margin: 0px;
	padding-top: 10px;
	min-height: 425px;
}

* html div#yui-main
{
	*height: expression( this.scrollHeight < 426 ? "425px" : "auto" ); /* sets min-height for IE */
}

a:link
{
	color:#048DB7;
}

a:hover
{
	color: #990000;
}

a:visited
{
	color:#333333;
}

a.learnMore
{
	color: #048DB7;
	font-size: 72%;
	white-space: nowrap;
	text-decoration: underline;
}

.yui-ge .yui-u
{
	margin-right: 42px;
	*margin-right: 35px;
	width: 20%;
	*width: 21%;

}

.yui-ge div.first
{
	width: 72%;
	margin-right: 10px;
}
	
#ft
{
	background-image:url(../images/background_r5_c2.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height: 165px;
}

#foottext
{
	text-align:center;
	width: 75%;
	vertical-align:bottom;
	margin-left:auto;
	margin-right:auto;
	float: none;
	padding-top: 5em;
}

#foottext a:link, #foottext a:active, #foottext a:hover, #foottext a:visited
{
	font-weight: bold;
	font-size: 90%;
}

#foottext a:link, #foottext a:visited
{
	color: #000000;
}

#foottext a:hover, #foottext a:active
{
	color: #990000;
}


#portfolioimages img
{
	margin-left:1px;
	margin-right: 1px;
	margin-top: 2px;
}

/* slideshow style for front page 
------------------------------------------------------------- */

#show
{
}

#slideshow
{
}


/* Image Classes
------------------------------------------------------------ */

.home_image
{
	padding-top: 15px;
	width:180px;
	height: 478px;
	float:left;
	margin-right: 12px;
}

.home_image img
{
	height: 465px;
}

#design .inlineimage, #design .caption

{
margin-right:0px;
}
#design .inlineimage
{
margin-top: 15px;
}

.inlineimage
{
	float:left;
	margin-right: 15px;
	margin-top: 10px;
}

.caption
{
	width: 280px;
	height:auto;
	background-color:#EEEEEE;
	font-size: 85%;
	color:#333333;
	float:left;
	clear:left;
	margin-right: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.specialswrapper
{
	width: 240px;
	height: 20px;
	background-color:#0099FF;
	font-weight:bolder;
	font-size: 110%;
	color:#FFFFFF;
	z-index:100;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	text-align:center;	
}

.specialsbox
{
	width: 250px;
	height: 140px;
	border: 1px solid #666666;
	float:left;
	clear:left;
	position:relative;
	background-image:url(/images/specials.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 12px;
	margin-bottom: 12px;
	overflow: hidden;
}

.specialscontent
{
	width: 125px;
	height: 130px;
	font-weight: bold;
	float:right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding: 5px;
	background-color:#E5E5E5;
	text-align: center;
}

.specialprice
{
	color: red;
	font-size: 120%;
	font-weight: bold;
}

/* table styles 
------------------------------------------------------------ */

tr
{
	vertical-align: top;
}
td
{
	border: none;
	text-align: left;
}
th
{
	border: none;
	text-align: center;
	font-weight: bold;
}

#bd dl
{
	margin-left: 1em;
}

#bd dl dt 
{
	font-weight: bold;
}

#bd dl dd 
{
	margin-top: .5em;
	margin-bottom: 1em;
}


ul.normal
{
	margin-left: 2.5em;
}

ul.normal li
{
	list-style-image: url(/images/bullet.png);
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0.9em;
	font-size: 95%;
}

ul.normal2 li
{
	line-height: 160%;
	list-style-position:inside;
	list-style-image: url(/images/bullet2.png);
	padding-left: 10px;
	text-indent: 35px;
	font-size: 95%;
}



/* right sidebar 
------------------------------------------------------ */
#r_sidebar
{
	*margin-right: 10px;
	padding-right: 6px;
	padding-left: 8px;
	font-size: 85%;
}

p.attribution {
	font-style: italic;
	text-align: right;
	margin-right: 6px;
	}
	
#r_sidebar h1
{
	margin-left: .5em;
}

#r_sidebar ul {
	margin: 0;
	padding: 0;
}

#r_sidebar ul li {
	list-style: none;
	padding: 0 0 1em 0;
}

#r_sidebar ul li a {
	text-decoration: underline;
	color: #444444;
}

.smallcart
{
	width: 152px;
	margin-left:auto;
	margin-right:auto;
	float:none;
}

/* Email Sign-up Form 
------------------------------------- */
#email_signup_div
{
	background-image:url(/images/email_signup_back.jpg);
	background-color: white;
	border: 1px solid #999999;
	padding: 0.5em;
	background-repeat: repeat-x;
	background-position: top;
}


#email_signup
{
	text-align:center;
}

/* Main Text Structures
------------------------------------ */
            
h1 {
	color: #048DB7;
	font-size: 145%;
	line-height: 100%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .25em;
	margin-top: 0.75em;
	padding-top: 0.12em;
	padding-right: 0.5em;
	padding-bottom: 0.12em;
}

h2
{
	font-size: 130%;
	line-height: 100%;
	color:#333333;
	font-weight:lighter;
	margin-left:auto;
	margin-top: 1.3em;
	margin-bottom: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

em
{
	font-style: italic;
	font-weight: inherit;
}

strong
{
	font-style: inherit;
	font-weight: bold;
}

.subhead
{
	font-size: 130%;
	color:#333333;
	font-weight:lighter;
	margin-left:auto;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	float:right;
	width: 415px;
}

h3
{
	color: #333333;
}

#staff td
{
	padding:5px;
}

 #productsandservices {
                
                position: static;
                
            }


			/*
				For IE 6: trigger "haslayout" for the anchor elements in the root Menu by 
				setting the "zoom" property to 1.  This ensures that the selected state of 
				MenuItems doesn't get dropped when the user mouses off of the text node of 
				the anchor element that represents a MenuItem's text label.
			*/

			#productsandservices .yuimenuitemlabel {
			
				_zoom: 1;
			
			}

			#productsandservices .yuimenu .yuimenuitemlabel {

				_zoom: normal;

			}

#software td
{
	border
	padding: 6px;
	border: 1px solid #009900;
}

.tableData
{
	padding: 6px;
}

.pmsTable td
{
	padding: 8px;
}

/* Testimonials Page
----------------------------------------------------------- */

tr.odd 
{
	background-color: #FFFFFF;
}

tr.even 
{
	background-color: #FFFFFF;
	background-image: url(/images/table_background.png);
	background-repeat: repeat-x;
	background-position: top;
}


/* Portfolio Styling
---------------------------------------------------------- */

.portfolio h3
{
	margin-top: 0px;
	margin-bottom: 5px;
}

/* Table Styling
---------------------------------------------------------- */

.regulartable
{
	border: 1px solid #999999;
}

.regulartable tr
{
	border: 1px solid #999999;
}

.regulartable td.leftHeader
{
	font-weight: bolder;
	white-space: nowrap;
}

.regulartable td.price
{
	text-align: right;
}

.regulartable td.wide
{
	width: 300px;
}

.specTable
{
	border: 1px solid #999999;
	clear: both;
	font-size: 90%;
}

.specTable tr
{
	border: 1px solid #999999;
}

.specTable th
{
	font-weight: bolder;
}

.specTable td, .specTable th
{
	text-align: center;
}

/* appearance tweaks
------------------------------------------------------------- */
.floatRight
{
	border: thin solid #999999;
	float: right;
	margin-left: 0.5em;
	padding: 5px;
}

div.floatRight h2
{
	margin-top: 0.3em;
}

.floatLeft_nb
{
	float: left;
	margin-right: 0.5em;
	padding: 5px;
}


div.floatRight
{
	width: 20%;
}

div.floatRight p
{
	margin-left: 0;
}

/* Button Tweaks
------------------------------------------------------------- */

.freebutton
{
 align: absmiddle;
 vertical-align: text-bottom;
 }
 
 /* PDG COMMERCE Styles 
 ------------------------------------------------------------ */
 
#searchbox
{
 	width: 150px;
	margin-top: 10px;
}
 
.sku {
	font-size: smaller;
}
td.price {
	text-align: right;
}
input.qty {
	text-align: center; 
	width: 2em;
}

 
 /* OLD Main.css sheet contents from Commerce Installation
 ------------------------------------------------------------ */
 
table.layout
{
	width:100%;
}

th
{
	border: none;
	text-align:center;
	vertical-align:top;
}

td
{
	border: none;
	text-align:left;
	vertical-align:top;
}

tr.separator, hr
{
	border-width:0;
	border-bottom:1px solid black;
	width:100%;
}

td.pdgmain
{
	text-align:left;
}

	table.layout td.content
	{
		text-align:center;
	}
	
	table.layout td.content table
	{
		width:100%;
	}

table.layout td.layout
{
	padding:1em;
}

	table.layout td.topNav
	{
		padding:0;
	}
	
	table.layout td.leftNav, table.layout td.rightNav
	{
		width:20%;
		text-align:center;
	}
	
	table.layout td.content
	{
		width:60%;
	}

table.layout td.topNav table.topTable
{
	width:100%;
}

table.layout td.topNav table.topTable td.topLinks
{
	text-align: center;
	padding:.25em;
}

table.layout td.bottomNav
{
	text-align:center;
}

table.layout td.content td
{
	padding:.4em;
}

/* forms */

table.layout td.content input[type="text"], table.layout td.content input[type="password"], table.layout td.content select
{
	padding:.1em,0,.1em,0;
	width:300px;
}

table.layout td.content table.pdgmain td.pdgmain input[type="text"]
{
	width:50px;
	background-repeat: repeat-x;
	background-position: top;
}

/* element */

body
{
	line-height:1.22em;
}

table.layout td.content th
{
	font-weight:bold;
	text-align:right;
	width:40%;
}


td.options
{
	text-align:center;
}

#itemtitle
{
	background-color: #DFFBFF;
	width: 600px;
	height: 60px;
}

#itemtitle td
{
	text-align:center;
}

pre
{
	font-size: 90%;
	line-height: 120%;
}

.simplicity 
{
	background-color: #FFFF00;
}

.stratus 
{
	background-color: #66CCFF;
}

.cirrus 
{
	background-color: #66FFCC;
}