﻿
/* Right Sidebar rounded box */

div.roundbox{border-top:3px #b0b0b6 solid; border-bottom:0; position:relative; margin-bottom:20px; padding-bottom:5px; background:url(../images/common/rounded_bottom_dark.jpg) left bottom no-repeat; width:200px;}
	#columnright div.roundbox{margin-bottom:15px;}
	.roundbox .content{padding:0px 10px 5px 10px; display:block; overflow:hidden; min-height:113px; max-height:146px;}
	*html .roundbox .content{height:113px;}
	.light .content{height:auto;}
	#columnright .roundbox h2{ margin-bottom:0px; padding:5px 10px 3px 10px; border:0;}
	.roundbox h2 a{font-size:0.9em; color:#000; font-family:Arial, Helvetica, sans-serif;}
	.roundbox hr{clear:both; background:#b0b0b6; border:0; height:1px; display:block; margin:10px 0;}
	.roundbox p{ margin-bottom:0; padding:0 10px; clear:both;}
	.roundbox .content p{margin-bottom:0; padding:0;}
	#columnright .roundbox a.button{margin:4px 0 10px 0;}
	.roundbox a{color:#003399; font-weight:bold;}
	.roundbox a:hover{text-decoration:none;}
	.roundbox p.customer{background:url(../images/common/callout.jpg) top left no-repeat; padding-left:30px; font-weight:bold; margin-top:5px; display:block !important; padding-bottom:10px;}
	.roundbox p.customer
	.roundbox .horizontal_seperator{border-color:#b0b0b6; margin-top:0;}
	
	
	div.light{ border-color:#e4e4e0; background-image:url(../images/common/rounded_bottom_light.jpg);}
		div.light .content{display:none;}
		div.light h2 a{background:url(../images/common/blue_arrow2.gif) 100% 1px no-repeat; padding-right:10px; display:block; position:relative; padding-bottom:1px;}
		#columnright div.roundbox a.right{float:right !important; margin-bottom:2px !important; margin-right:7px; clear:both; margin-top:8px !Important; position:absolute; bottom:5px; right:10px;}
		#columnright div.roundbox a.more{display:none;}
		#columnright div.light a.more{display:inline;}


/* Second Level Block */

.secondlevel{clear:both; margin-bottom:20px; display:inline-block; background:url(../images/common/twocolumn.gif) bottom no-repeat; width:900px;}
	.secondlevel .bottomrounded{float:left; width:198px;border-top:1px #b2b1b7 solid; padding-bottom:8px; margin-left:22px; display:inline;}

/* Find & Compare */
/*[pg-20090304:start] Remove position: relative to fix IE6 when rendering the div innerHTML (from SWFObject) */
/*.secondlevel .findcompare{width:678px; float:left; margin-left:1px; position:relative; display:inline;}*/
.secondlevel .findcompare{width:678px; float:left; margin-left:1px; display:inline;}
/*[pg-20090304:end] Remove position: relative to fix IE6 when rendering the div innerHTML (from SWFObject) */
	/*.secondlevel .findcompare .flashcontent{margin-top:-10px; border-bottom:1px #b0b0b6 solid; padding-bottom:5px;}*/
	.secondlevel .findcompare .flashcontent{margin-top:0px; border-bottom:1px #b0b0b6 solid; padding-bottom:5px;}
	.secondlevel .findcompare .content{padding-bottom:0; overflow:hidden; display:inline-block; padding:10px 8px 0 8px; margin-bottom:0;}
	.findcompare a.banner{float:left; margin:5px 18px 2px 1px;}
	.findcompare a.last{margin-right:0;}
/* Bottom Rounded Box */


/*[pg-20090525:start] Add buying guide style */
	.secondlevel .findcompare .content .buyingGuide {font-size:11px;margin:0px;padding:10px 8px 0 0px;}
	.secondlevel .findcompare .content .buyingGuide p{font-size:11px;margin:0px;padding-bottom:5px;}
	.secondlevel .findcompare .content .buyingGuide p span{padding-right:10px;vertical-align:middle;}
	.secondlevel .findcompare .content .buyingGuide select{font-size:11px;width:150px;padding:1px;}
/*[pg-20090525:start] Add buying guide style */
	
	
	.bottomrounded dl{margin:10px 0 0 0; overflow:hidden; border-bottom:0px #b0b0b6 solid; padding-bottom:5px; display:block; clear:both;}
		.bottomrounded dl.last{border:0; margin-bottom:0; padding-bottom:0;}
		.bottomrounded dl dt{float:left; width:60px;}
		.bottomrounded dl dd{float:right; width:95px; margin-left:0px; margin-top:10px; position:relative;}
		.bottomrounded dl dd a{color:#003399; font-size:1em; font-weight:bold;line-height:16px;}
		.bottomrounded dl dd a img{ position:absolute; left:-20px; top:1px;}
.bottomrounded .bl {background:url(../images/common/curved_bl.gif) no-repeat scroll left bottom;height:6px;margin:-1px; position:relative;}
.bottomrounded .bl div {background:url(../images/common/curved_br.gif) no-repeat scroll right bottom;height:6px;}

/* Interesting Tips */

.clearedlevel{border-top:1px #003399 solid; clear:both;  padding:15px 0 15px 10px; }
.clearedlevel .content .featured{ float:left; margin:00px 20px 0px 0; width:220px; height:110px; position:relative; overflow:hidden; display:inline;}
	.content .width170{width:170px !important;}
	.content .width170 span{background-image:url(../images/common/featured_bg_170.gif); width:170px;}
	.content .width170 p{background:url(../images/common/featured_bg_170.gif) bottom no-repeat; width:156px;}
		.content .width170 p a{background:url(../images/common/featured_name_bg.gif) top right no-repeat; display:block; height:30px; position:relative; top:-15px; left:-6px; padding-left:7px; padding-top:6px; color:#fff; font-size:1em; font-weight:bold;}
		.content .width170 p a img{position:relative; margin-top:-5px;}
		.content .width170 span{height:110px;}
		.content .width170 p a:hover{text-decoration:none;}
	.clearedlevel .content .last{margin-right:0 !Important;}
	.clearedlevel .content ul{float:right; width:740px; margin-left:10px; margin-bottom:20px;}
	.clearedlevel .content h2{font-size:1.4em; font-weight:bold; color:#0D2EA0; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}

/* Services and Support */

.clearedlevel ul.services,.clearedlevel ul.services ul{clear:both; float:none; width:auto; margin:0; overflow:hidden; margin-left:-10px;}
	.clearedlevel ul.services ul{margin:0;}
	ul.services li{float:left; width:150px; width:220px; border-left:2px #fff solid; padding-bottom:2000.8em; margin-bottom:-2000em; padding-right:10px; padding-left:10px;}
		ul.services li.first{width:148px; border:0;}
		ul.services li a.button{ float:right; margin-top:5px;}
		ul.services li.first a.button{margin-top:20px; float:right;}
		
	ul.services ul li{float:none; width:auto; border:0;}
		ul.services li fieldset{border:0; padding:0; margin-bottom:5px;}
		ul.services li label{font-size:1.1em; line-height:16px; margin:0.1em 0.1em 1em;}
		ul.services li input{padding:2px; border-color:#999; color:#B0B0B6; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:1px #AAAAAA solid;}
			ul.services li input.submitimage{padding:0;}
			ul.services li ul li{border-top:1px #c2c2ca solid;}
		
		ul.services li ul{padding-top:00px;}
			ul.services li ul li{padding:0 !important; margin:0 !important;}
			ul.services li ul li.first{border:0;}
			ul.services li ul li a{background:url(../images/common/blue_arrow2.gif) left 8px no-repeat; display:block; padding:8px 0; padding-left:20px; color:#003399; font-size:0.9em; font-weight:bold;display:inline-block;}
	ul.services li p{ margin-bottom:5px; font-size:1em;}
	ul.services li p b{font-size:1em;}
	ul.services li h3{font-size:1.1em; font-weight:bold; margin:0; line-height:16px; margin-bottom:5px; color:#000000;}



div.servicesbg{background:#F4F4F3; margin-bottom:15px; display:block; padding-bottom:0;}


/*
**********************************************************************
BUSINESS PAGE
**********************************************************************
*/
.businesspage{background:url(../images/common/threecolumn_business.gif) left bottom no-repeat; padding:0 1px 0 1px;}
    
.secondlevel .findcompare_business{margin-left:0; padding-bottom:0; width:200px; background-image:url(../images/common/curved_gradient_2.jpg);}
	.secondlevel .findcompare_business .content{padding-bottom:0px; background:url(../images/common/column_small.gif) left bottom no-repeat; width:180px; margin-bottom:8px;}
	.findcompare_business p{margin:5px 0 0 0;}
	.findcompare_business form{margin-top:5px; padding-bottom:5px;}
	.findcompare_business form label{display:block;}
	.findcompare_business form select{font-size:11px; width:85%; margin-right:4px; padding:1px;}
	.findcompare_business form input.submitimage{}
	.findcompare_business form p{ margin:0; margin-bottom:5px;}
	
	/*[pg-20090205:start] add div to replace the form input field in findcompare_business.ascx */ 	 
     .findcompare_business div.content div{margin-top:5px; padding-bottom:5px;} 	 
     .findcompare_business div.content div select{font-size:11px; width:85%; margin-right:4px; padding:1px;} 	 
     .findcompare_business div.content div input.submitimage{} 	 
     .findcompare_business div.content div p{ margin:0; margin-bottom:5px;} 	 
     /*[pg-20090205:start] add div to replace the form input field in findcompare_business.ascx */ 	 

/*[pg-20090525:start] add buying guide style */
.secondlevel .findcompare_buyingguide{margin-left:0; padding-bottom:0; width:200px; background-image:url(../images/common/curved_gradient_2.jpg);}
	.secondlevel .findcompare_buyingguide .content{padding-bottom:0px; background:url(../images/common/column_small.gif) left bottom no-repeat; width:180px; margin-bottom:0px;}
	.findcompare_business p{margin:5px 0 0 0;}		
	.findcompare_business div.content div{margin-top:5px; padding-bottom:5px;} 	 
	.findcompare_business div.content div select{font-size:11px; width:85%; margin-right:4px; padding:1px;} 	 
	.findcompare_business div.content div input.submitimage{} 	 
	.findcompare_business div.content div p{ margin:0; margin-bottom:5px;} 	 
/*[pg-20090525:end] add buying guide style */     


/* Solutions and Services */

.secondlevel .solutions_services{margin-left:20px; width:458px;}
	.solutions_services img{float:left; margin-right:10px;}
	.solutions_services .floater{float:left; width:290px;}
	.solutions_services .content{overflow:hidden; padding-bottom:5px; min-height:182px;}
		.solutions_services .content h2{margin-bottom:10px;}
	
	.solutions_services p{margin-bottom:5px;}
	.solutions_services .content h3{margin:0 0 5px 0; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.solutions_services ul li a{background:url(../images/common/blue_arrow.gif) left no-repeat;  padding:2px 0; display:block;padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#003399; display:inline-block;}
	.solutions_services a.arrowlink{background:url(../images/common/blue_arrow2.gif) left no-repeat; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#003399; padding:1px 0; padding-left:20px;}