/* CSS Document */

body {
	background-color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

html, body { /* saves you from the "centering jump" on short pages */
	min-height: 100%;
	margin-bottom: 1px;
}

/* Start Global Syles */

a {
	color: #069;
	text-decoration: none;
}

a:hover {
	color: #F60;
	text-decoration: underline;
}

/*a:active {
	color: #069;
}

a:visited {
	color: #069;
}*/

#container {
	width: 800px;
	margin: auto;
	padding: 0;
}

/**** Start Top Navigation Styles ****/

#top-nav {
	width: 800px;
	height: 30px;
	margin:0;
	padding:0;
	border:0;
}

#top-nav ul {
	list-style: none;
	padding:0px;
	margin:0px;
}

#top-nav ul li {
	display: block;
	height: 30px;
	float: left;
	padding-top:10px;
}

li#top-nav1 {
	background: url(../images/top-nav1.jpg) no-repeat;
	width:115px;
}

li#top-nav2 {
	background: url(../images/top-nav2.jpg) no-repeat;
	width:114px;
}

li#top-nav3 {
	background: url(../images/top-nav3.jpg) no-repeat;
	width:114px;
}

li#top-nav4 {
	background: url(../images/top-nav4.jpg) no-repeat;
	width:114px;
}

li#top-nav5 {
	background: url(../images/top-nav5.jpg) no-repeat;
	width:114px;
}

li#top-nav6 {
	background: url(../images/top-nav6.jpg) no-repeat;
	width:114px;
}

li#top-nav7 {
	background: url(../images/top-nav7.jpg) no-repeat;
	width:115px;
}

#top-nav a {
	color: #330066;
	text-decoration: none;
}

#top-nav a:hover {
	color: #F60;
	text-decoration: underline;
}

/* Start Content Style */

/* Use for third party embedded scripts*/

#parent-3rdp {
    text-align:center;
    width:530px;
}
.block {
    text-align:left;
}
.center {
    margin:3px 10px 10px 30px;

}
.left {
    margin:auto auto auto 0;

}
.right {
    margin:auto 0 auto auto;
}



#content {
	width: 566px;
	float:right;
	background-image: url(../images/bg-content1.gif);
	text-align:left;
	margin: 0;
	padding: 0;
}

#content-hdr {
	background-image: url(../images/hdr-top.gif);
	width: 556px;
	height: 26px;
	margin: 0;
	padding: 4px 10px 0 0;
	font-size: 10px;
	text-align: right;
}

#content h1{
	font-size: 20px;
	line-height: 22px;
	color:#000;
	padding: 2px 15px 2px 15px;
	font-weight: lighter;
}
#content h2{
	font-size: 14px;
	line-height: 16px;
	color:#333366;
	padding: 2px 15px 2px 15px;
}
#content h3{
	font-size: 12px;
	line-height: 14px;
	color:#666;
	padding: 2px 15px 2px 15px;
}

#content a {
	text-decoration: underline;
}

#content a:hover {
	color: #F60;
	text-decoration: underline;
}

#content p {
	padding: 0 15px 6px 15px;
	line-height: 16px;
}

#content ul {
	margin: 6px 3px 6px 20px;
	padding: 0px;
}

#content ul li{
	margin: 6px;
	padding: 6px;
	list-style-type: circle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3CF;
}

#content-ftr {
	background: #FFF url(../images/ftr-content.gif) no-repeat;
	width: 566px;
	height: 12px;
	text-align: center;
	font-size: 10px;
	color: #066;
	margin: 0;
	padding: 0;
	clear:both;
}


/**** Start Sidebar Styles ***/

#sb-container {
	width: 228px;
	float: left;
	text-align: left;
	font-size: 10px;
	line-height:12px;
	margin: 0;
	padding: 0;
}

#sb-container h3 {
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	padding: 0 15px 6px 15px;
}

#sb-container p {
	padding: 0 15px 6px 15px;
	line-height: 13px;
}

#sb-container ul {
	margin: 6px 3px 6px 3px;
	padding: 0px;
}

#sb-container ul li {
	margin: 6px;
	padding: 0 9px 9px 9px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3CF;
}

.sb-featured {
	background: url(../images/hdr-sb-featured.gif) no-repeat;
	width: 228px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	margin: 0;
	padding: 10px 0 0 0;
}

.sb-featured .image{
	padding-right: 6px;	
}

/*** Remove unused style to stop missing img in error_log
/***.sb-browse {
	background-image: url(../images/hdr-sb-browse.gif);
	background-repeat: no-repeat;
	width: 228px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin: 0;
	padding: 0;
}  ***/

#sb-pod1{
	width: 228px;
	background-image: url(../images/bg-sb1.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}

#sb-pod2{
	width: 228px;
	background-image: url(../images/bg-sb1.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}

/* Start Misc */

.dotted-blu {
	display: block;
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #00CCCC;
}

/* Start Footer */
.sb-ftr {
	width: 228px;
	height: 12px;
	background-image: url(../images/ftr-sb.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	margin: 0;
	padding:0;
}

.hr-div	{
	border-bottom: 1px dotted #3CF;
	margin-left: 15px;
	margin-right: 15px;
}

#footer {
	background-color: #FFF;
	width: 800px;
	font-size: 10px;
	color:#066;
	margin: auto;
}

/* Start Product */

div.product {
	margin:10px;
	clear:both;
	border-top:1px solid #eaeaea;
	padding:10px 0px;
}

div.product img {
	float:right;
	margin: 3px 30px 3px 30px;
}

div.subproduct {
	margin-bottom:5px;
}

div.subproduct input, div.product input {
	font-size:10px;
}


/*** Start Misc. ***/
.quote {
	border-top: 3px solid #CC6633;
	border-bottom: 3px solid #CC6633;
	font: italic bold 12px Arial, Helvetica, sans-serif;
	width: 95%;
	margin:auto;
}

.pq {
	border-top: 6px solid #CC6633;
	border-bottom: 3px solid #CC6633;
	font: italic bold 12px Arial, Helvetica, sans-serif;
	width: 240px;
	text-align:left;
	margin:10px 20px 10px 20px;
	padding:6px;
	float: right;
	background: #F4F4EA;
}


/* Search Results */
a.searchResultLink {
	color:#3666d4 !important;
	background-color:white !important;
	border:1px solid #ccdbe4 !important;
	padding:3px 6px !important;
	margin:2px !important;
	text-align:center !important;
	text-decoration:none !important;
}

a.searchResultLink:hover{
	background-color:#3666d4 !important;
	color:#ffffff !important;
}

a.selected {
	border:1px solid white !important;
	background-color:white !important;
	color:black !important;
	font-weight:bold !important;
	text-decoration:none !important;
}

#fadeDiv {
	height:210px;
	margin:15px 0 0px 9px;
	position:relative;
}

#fadeDiv div {
	position:absolute;
	top:0;
	left:0;
}