@charset "UTF-8";

#paragraph-content p {font-size:12px; color:#444444; line-height:21px; margin-bottom:16px; width:100%; display:block; text-align:justify; clear:both;}
#paragraph-content p.small {font-size:10px; }
#paragraph-content p strong {font-size:13px; color:#0a64b4;}
#paragraph-content p b {font-size:13px; color:#0a64b4;}
#paragraph-content p em {font-size:11px; color:#999;}
#paragraph-content p i {font-size:11px; color:#999;}

#paragraph-content p.step {font-size:12px; color:#0a64b4; margin-bottom:1px; font-style:italic;}
#paragraph-content p.align-left {text-align:left !important;}
#paragraph-content p.align-right {text-align:right !important;}
#paragraph-content h {font-size:18px; display:block; width:100%; clear:right; color:#333; margin-bottom:10px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#paragraph-content h2 {font-size:15px; display:block; width:100%; clear:right; color:#333; margin-bottom:8px; font-weight:bold; }
#paragraph-content h3 {font-size:13px; display:block; width:100%; clear:right; color:#333; margin-bottom:8px; font-weight:bold; }
#paragraph-content div.label { width:100%; display:block; clear:both; height:51px; margin-bottom:13px; margin-top:12px;}
#paragraph-content div.label img {display:block; float:left; height:51px; width:49px; padding-right:10px;}
#paragraph-content div.label p {display:block; float:left; width:60%; padding-top:16px; font-size:15px; color:#333; clear:none; font-weight:bold;}
#paragraph-content .fixheighta {height:160px; width:100%; clear:both; display:block;}
#paragraph-content ul {margin-bottom:10px;}
#paragraph-content ul li {font-size:11px; color:#444444; margin-bottom:6px; list-style:circle; margin-left:10px;}

.grid3col .column { width:266px; margin-left: 51px; }


#featured-wrapper {
	padding-left:28px;
	padding-top:25px;
	width:684px;
	float:left;
	display:block;
}

#featured-wrapper li h3 {
font-family:Arial, 'Helvetica', sans-serif;
font-stretch:narrower;
color: #CC0000;
font-size:17px;
height:28px;}
 
#featured-wrapper li h3 a{
font-family:Arial, 'Helvetica', sans-serif;
font-stretch:narrower;
color: #CC0000;
font-size:17px;
height:28px;}

#featured-wrapper li h3 a:hover{
color: #000;}

#featured-sidebar {
	padding-top:25px;
	width:250px;
	padding-right:28px;
	float:right;
	display:block;
}
#promotion-topmenu {float:right;margin-top:45px; padding-left:10px;}
#titlebar div#page-title {float:left;}
#titlebar div#page-title a {
	background-image:url(images/title_series.png);
	_background-image:url(images/title_series.gif);
	width:250px;
	height:0px;
	overflow:hidden;
	padding-top:94px;
	display:block;
}

	
#flash-lead {
	width:1000px;
	height:410px;
	top:-15px;
	position:absolute;
}

#featured-wrapper ul {
	display:inline;
	width:684px;
	inline:block;
}
#featured-wrapper ul li img {
	display:block;
	
	margin-right:8px;
	
	
	float:left;
	behavior:url(iepngfix.htc);
}
#features-title {
	width:1000px;
	text-indent:-9999px;
	height:66px;
	background-image:url(images/features.png);
	_background-image:url(images/features.gif);
	background-repeat:no-repeat;
	display:block;
	text-align:right;
	clear:both;
}
#featured-wrapper ul li {
	float:left;
	width:700px;
	height:140px;
	margin-right:20px;
	list-style:none;

	/*border-bottom:#EEE 1px solid;*/
	display:block;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:5px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#319eb9;

}
#featured-wrapper ul li h { color:#319eb9; font-size:12px; margin-bottom:2px; display:block;}

#featured-wrapper ul li p.series-f-content1 { color:#444444; margin-bottom:3px; width:650PX; font-size:14px; display:block;}
#featured-wrapper ul li p.series-f-content { color:#444444; margin-bottom:3px; padding:10px 0 0 0; width:650PX; font-size:14px; display:block;}

#featured-wrapper ul li p.series-f-content2 { color:#444444; margin-bottom:3px; padding:10px 0 0 0; width:940PX; font-size:14px; display:block;}
#featured-wrapper ul li p.series-f-description { color:#999999; font-style:italic; font-size:12px; display:block;}
#shortcut-detail {
	width:690px;

	margin-left:160px;
	margin-right:30px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}
	


img { 
	border: 0;
	}

	

	
.img.size-full {
	/*max-width: 100% auto;*/
	max-width: 96%;		/* 	resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	margin: 5px 0 5px 0;
	/*overflow-x: auto;*/
	/* more  ... */
	}



/* hiding from IE6 which would stretch the image vertically. 
IE6 will get width and height via jQuery */
div[class~=post] img { 
	height: auto; /* FF & Safari need auto */
	}	

.img.alignleft {
	float: left; 
	margin: 5px 10px 5px 0; 
	}
	
.img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 
	}

.img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter, 
div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.alignleft, 
div.alignleft {
	float: left;
	margin: 10px 10px 2px 0;
	}

.alignright, 
div.alignright {
   	margin:20px;
	margin-bottom:20px;
	
	}