/*
Website Name: Carat Networks
Description: Carat Networks - Dedicated Servers, Colocation, VPS, WeD
Author: Cornerstone Media Productions
Author URI: http://www.cornerstonemediaproductions.com
Copyright: Carat Networks
*/
@charset "UTF-8";


/* Dedicated page */
*{outline-color: -moz-use-text-color; outline-style:none; outline-width:0; padding: 0;}
.plan {float: left; margin: 0 0 24px 0; width: 324px;}

#clearance { background: url(images/plans/clearance-background.gif) repeat-y; }

#clearance-rack p { line-height: normal; }

#clearance h5 {background: transparent url(images/plans/clearance-h3.gif) no-repeat scroll left top;}
.plan h5 {margin:0; color:#2C4897; float:left; font-size: 16px; font-weight:normal; height: 55px; line-height:50px; padding: 0 0 0 17px; width:183px;}
.plan h5 span { font-weight: bold; color: #f2e296; }

.rank {text-align:right;}
.plan .rank {width: 115px; height: 17px; padding: 14px 9px 24px 0; text-align: right; float: right; background: url(images/plans/clearance-rank.gif) no-repeat top right;}

.plan h4 {padding: 0 25px 5px 25px;
				font-size: 14px;
				font-weight: bold;
				color: #424242;
			}

.plan#clearance ul {margin: 0 25px; border-top: 1px solid #e2e2e2; width:274px;}
.plan#clearance ul li {background: url(images/plans/bullet.gif) no-repeat left;
				line-height: 34px;
				list-style: none;
				padding: 0 0 0 25px;
				border-bottom: 1px solid #e2e2e2;}
.plan#clearance ul li strong { color: #89541d; }

#clearance h6 {background: transparent url(images/plans/clearance-bottom.gif) no-repeat left bottom;}

.plan h6 {		margin:0;
				float:left;
				width: 274px;
				height: 33px;
			 	padding: 7px 25px 0 25px;
			}
			
.plan h6 a{		width: 148px; height: 24px;
				background: url(images/plans/order.gif) no-repeat;
				display: block;
				text-indent: -10000px;
				}
			
#programs-left, #programs-right{width:280px;float:left; background: url(images/plans/programs-background.gif) repeat-y; margin-bottom:24px;}
#programs-left{ margin:0 30px 0 15px; }
#programs-right{}

#programs-left-heading, #programs-right-heading{margin:0; color:#2C4897; float:left; font-size:14px; font-weight:normal; height:55px; line-height:50px; padding: 0 0 0 17px;background: transparent url(images/plans/programs-heading.gif) no-repeat scroll left top; width:140px;}

#programs-left-rank, #programs-right-rank{width: 114px; height: 17px; padding: 14px 9px 24px 0; text-align: right; float: right; background: url(images/plans/programs-rank.gif) no-repeat top right;}

#programs-left-features, #programs-right-features{margin:0; color:#424242; font-size:12px; font-weight:bold; padding: 0 25px 5px;}

#programs-left ul, #programs-right ul {margin: 0 25px; border-top: 1px solid #e2e2e2; width:234px;}
#programs-left ul li, #programs-right ul li {background: url(images/plans/bullet.gif) no-repeat left; line-height: 34px; list-style: none; padding: 0 0 0 25px;border-bottom: 1px solid #e2e2e2; color:#636363; font-size:12px;}
#programs-left ul li strong, #programs-right ul li strong { color: #89541d; }
#programs-left ul li.price, #programs-right ul li.price {background: none; line-height: 34px; list-style: none; padding: 0;border-bottom: 1px solid #e2e2e2; color:#89541d; font-size:14px;}

#programs-left-orderlink,#programs-right-orderlink{background: transparent url(images/plans/programs-bottom.gif) no-repeat left bottom;height:33px; margin:0; padding:7px 25px 0 25px; width:248px;float:left;}

#dedicated-programs{margin:0; padding:0;}
#dedicated-programs ul {margin:0; padding:0; width:209px;list-style-type:none;}
#dedicated-programs ul li {border-bottom:1px solid #626366; margin: 0 0 15px 0; padding: 0 0 7px 25px;}

#tabs ul{
			width: 620px; height: 30px;
			border-bottom: 1px solid #dadada;
			padding: 0 0 0 1px;
			margin: 0 0 6px 15px;
			overflow: visible;
		}
		
			#tabs ul li {
				list-style: none;
				float: left;
			}
			
				#tabs ul li a {
					height: 30px;
					background: url(images/top-tab.gif) no-repeat top left;
					line-height: 30px;
					font-size: 12px;
					font-weight: normal;
					color: #262626;
					text-decoration: none;
					padding: 0 0 0 13px;
					margin: 0 0 0 -1px;
					display: block;
					float: left;
					cursor: pointer;
				}
				
					#tabs ul li a span {
						height: 30px;
						background: url(images/top-tab-right.gif) no-repeat top right;
						padding: 0 13px 0 0;
						display: block;
						float: left;
					}
					
					#tabs ul li.active a { background: url(images/top-tab-active.gif) no-repeat top left; color: #4a4a4a; }
					
					#tabs ul li.active a span { background: url(images/top-tab-active-right.gif) no-repeat top right; }
/*Clearance Table -- Old */
/* #clearance-rack table {
			font-size:13px;
			width: 580px;
			margin: 0 0 10px 0;
			text-align: center;
		}
		
			#clearance-rack table tr th {
				height: 35px;
				background: url(images/clearance-table-header.gif) repeat-x top;
				line-height: 35px;
				font-weight: normal;
				color: #fff;
			}
			

				#clearance-rack table tr th.price { width: 50px; }

				#clearance-rack table tr th.description { width: 385px; }

				#clearance-rack table tr th.qty { width: 50px; }

				#clearance-rack table tr th.order { width: 90px; }
				
			#clearance-rack table tr td {
				line-height: 20px;
				vertical-align: top;
				padding: 10px 0;
				color: #7d7d7d;
			}
			
				#clearance-rack table tr.alt td { background: #f4f4f4; }

				#clearance-rack table tr td strong { color: #393939; }

				#clearance-rack table tr td p { color: #565656; text-align: left; margin:0;}
				
				#clearance-rack table tr td a.order {
					width: 65px; height: 21px;
					background: url(images/clearance-order-button.gif) no-repeat;
					display: block;
					text-indent: -10000px;
					margin: 0 0 0 12px;
				}
*/
/* Clearance Table - New */
#subcontent table#clearanceservers { margin:0 0 10px 15px; padding:0; border:none; font-size:13px;width: 580px; text-align:center; }
#subcontent table#clearanceservers tr th { height:35px; background:url(images/clearance-table-header.gif) repeat-x top; line-height:35px; font-weight:normal; color:#fff; }
#subcontent table#clearanceservers tr th.price { width:50px; }
#subcontent table#clearanceservers tr th.description { width:385px; }
#subcontent table#clearanceservers tr th.qty { width:50px; }
#subcontent table#clearanceservers tr th.order { width:90px; }
#subcontent table#clearanceservers tr td { padding:10px 0; line-height:20px; vertical-align:top; color:#7d7d7d; }
#subcontent table#clearanceservers tr.alt td { background-color:#f4f4f4; }
#subcontent table#clearanceservers tr td strong { color:#393939; }
#subcontent table#clearanceservers tr td p { color:#565656; margin:0; text-align:left; }
#subcontent table#clearanceservers tr td a.order { margin:0 0 0 12px; width:65px; height:21px; background:url(images/clearance-order-button.gif) no-repeat; display:block; text-indent:-9999px; }
/* End Clearance Table - New */

/* Sub Commons */
#subcontent h3 { margin:0 0 0 15px; padding:16px 0 0 26px; background:transparent url(images/faq-icon.gif) no-repeat scroll 0 16px; color:#2c2c2c; font-size:14px; font-weight:bold; }
#subcontent hr { margin-left:15px; width:620px; }

/*Web Table */				
#web-hosting table {
			width: 580px;
			margin: 10px 0 0 0;
			text-align: center;
		}

			#web-hosting table tr.heading {
				height: 35px;
				background: url(images/hosting-table-header.gif) repeat-x top;
				line-height: 35px;
				font-weight: normal;
				color: #fff;
				font-size:12px;
			}

				#web-hosting table tr th.features { width: 144px; text-align: left; padding: 0 0 0 20px; }

				#web-hosting table tr th.beginner { width: 84px; }

				#web-hosting table tr th.intermediate { width: 104px; }

				#web-hosting table tr th.developer { width: 94px; }

				#web-hosting table tr th.professional { width: 114px; padding: 0 20px 0 0; }
			
			#web-hosting table tr.cost { background: #fdf4eb; font-weight: bold; }
			
				#web-hosting table tr.cost td.cost { text-align: left; padding: 0 0 0 20px; }
			
			#web-hosting table tr.order { background: #fce8d0 url(images/hosting-order-bg.gif) repeat-x top; }
			
			#web-hosting table tr td {
				line-height: 20px;
				padding: 10px 0;
				font-size: 13px;
				color: #393939;
				margin: 0 0 1px 0;
			}

				#web-hosting table tr.alt td { background: #f4f4f4; }
				
				#web-hosting table tr td.features { width: 160px; text-align: left; padding: 10px 0 10px 20px; }

				#web-hosting table tr td a.order {
					width: 65px; height: 21px;
					background: url(images/clearance-order-button.gif) no-repeat;
					display: block;
					text-indent: -10000px;
					margin: 0 auto;
				}

/*#vps Table */					
#vps table {
			width: 580px;
			margin: 10px 0 0 0;
			text-align: center;
		}

			#vps table tr.heading {
				height: 35px;
				background: url(images/vps-table-header.gif) repeat-x top;
				line-height: 35px;
				font-weight: normal;
				color: #fff;
				font-size:12px;
			}

				#vps table tr th.features { width: 144px; text-align: left; padding: 0 0 0 20px; }

				#vps table tr th.beginner { width: 84px; }

				#vps table tr th.intermediate { width: 104px; }

				#vps table tr th.developer { width: 94px; }

				#vps table tr th.professional { width: 130px; padding: 0 20px 0 0; }

			#vps table tr.cost { background: #fdf4eb; font-weight: bold; }

				#vps table tr.cost td.cost { text-align: left; padding: 0 0 0 20px; }

			#vps table tr.order { background: #fce8d0 url(images/vps-order-bg.gif) repeat-x top; }

			#vps table tr td {
				line-height: 20px;
				padding: 10px 0;
				font-size: 13px;
				color: #393939;
				margin: 0 0 1px 0;
			}

				#vps table tr.alt td { background: #f4f4f4; }

				#vps table tr td.features { width: 160px; text-align: left; padding: 10px 0 10px 20px; }

				#vps table tr td a.order {
					width: 65px; height: 21px;
					background: url(images/clearance-order-button.gif) no-repeat;
					display: block;
					text-indent: -10000px;
					margin: 0 auto;
				}

		form#lease h2 {
			line-height: 20px;
			font-size: 18px;
			font-weight: bold;
			color: #427921;
			margin: 0 0 10px 0;
		}

		form#lease hr {
			width: 100%; height: 1px;
			background: #e2e1e1;
			color: #e2e1e1;
			border: 0;
			margin: 12px 0;
		}

		form#lease fieldset {
			width: 620px;
			padding: 0px 12px 0 12px;
			border: 0;
			position: relative;
		}

		form#lease legend { display: none; }

		form#lease p { padding: 0 0 5px 0; clear: both; }

			form#lease p.heading { padding: 0; }

			form#lease p strong {
				font-size: 14px;
				font-weight: bold;
				color: #414141;
				padding: 0 0 10px 0;
				display: block;
			}

			form#lease p label {
				font-weight: bold;
				color: #404040;
				display: block;
			}

			form#lease p input {
				width: 386px; height: 16px;
				background: url(images/input-background.gif) no-repeat;
				padding: 8px;
				border: 1px solid #b2b2b2;
			}

			form#lease p.forename, form#lease p.surname {
				width: 242px;
				margin: 0 8px 0 0;
				float: left;
				clear: none;
			}

				form#lease p.forename input, form#lease p.surname input { width: 224px; }

			form#lease p input#zipcode { width: 140px; }

			form#lease p.submit-buttons { height: 24px; }

			form#lease p input#submit {
				width: 120px; height: 24px;
				background: url(images/send-message.gif) no-repeat;
				float: left;
				border: 0;
				margin: 0;
				padding: 0;
				font-size: 0.1em;
				text-align: left;
				color: #f3f3f3;
				cursor: pointer;
				margin: 0 7px 0 0;
			}

			form#lease p input#reset {
				width: 104px; height: 24px;
				background: url(images/clear-form.gif) no-repeat;
				border: 0;
				margin: 0;
				padding: 0;
				font-size: 0.1em;
				text-align: left;
				color: #f3f3f3;
				cursor: pointer;
				float: left;
			}


/* New order form styles */
#orderforms { margin:20px 0 20px 0; padding:0; width:653px; text-align:left; float:left; background:#fff url(images/vps-bg.gif) 0 0 no-repeat; }
#orderforms form { margin:15px; padding:0; width:620px; font-size:13px; color:#333; }
#orderforms form fieldset { margin:0; padding:0; border:none; }
#orderforms form fieldset h2 { margin:0 0 15px 0; padding:7px; color:#fff; font-size:15px; background:#777 url(images/vps-table-header.gif) 0 0 repeat-x; }
#orderforms form fieldset p { margin:5px 0 8px 0; padding:0; font-size:13px; }
#orderforms form fieldset label { margin:0 15px 0 0; padding:5px 0 0 0; font-size:12px; display:block; width:150px; float:left; }
#orderforms form fieldset input,
	#orderforms form fieldset select { margin:0; padding:2px; border:1px solid #ccc; font-size:11px; text-transform:uppercase; color:#666; }
#orderforms form fieldset input.field1,
	#orderforms form fieldset select.field1 { width:450px; }
#orderforms form fieldset input.field2,
	#orderforms form fieldset select.field2 { width:315px; }
#orderforms form fieldset input.field3,
	#orderforms form fieldset select.field3 { width:175px; }
#orderforms form fieldset p.formtext { margin:0 0 0 165px; padding:0; font-size:11px; }
#orderforms form fieldset p.text { margin:0; padding:5px 0 0 0; font-size:11px; }

/* Specials Section */
#specials { margin:0; padding:0; width:899px; height:455px; }
#specials .quadcore { margin:75px 0; padding:30px; width:839px; height:415px; background:transparent url(images/specials/bg-quadcore.jpg) 0 0 no-repeat; text-align:left; }
#specials .quadcore h2 { margin:0; padding:0; display:block; width:405px; height:37px; background:transparent url(images/specials/h2-quadcorespecial.png) 0 0 no-repeat; text-indent:-9999px; }
#specials .quadcore ul { margin:5px 0 0 0; padding:0; display:block; width:504px; height:231px; background:transparent url(images/specials/copy-quadcorespecial.png) 0 0 no-repeat; text-indent:-9999px; list-style-type:none; }
#specials .quadcore p a.order01 { margin:0 0 0 18px; padding:0; display:block; width:152px; height:44px; background:transparent url(images/specials/btn1-quadcorespecial.png) 0 0 no-repeat; text-indent:-9999px; }
#specials .quadcore a.order02 { margin:0 90px 0 0; padding:0; display:block; width:154px; height:115px; background:transparent url(images/specials/btn2-quadcorespecial.png) 0 0 no-repeat; text-indent:-9999px; float:right; }
#specials .quadcore p a.order03 { margin:-55px 30px 0 0; padding:0; display:block; width:392px; height:42px; background:transparent url(images/specials/btn3-quadcorespecial.png) 0 0 no-repeat; text-indent:-9999px; float:right; }
#specials .quadcore p span { margin:-18px 0 0 10px; padding:0; display:block; width:172px; height:19px; background:transparent url(images/specials/notice-quadcorespecial.png) 0 0 no-repeat; text-indent:-9999px; }