/*----------Grabers 2010 ----------------------*/
/*-------Written by Peter Graber------------*/


body {
	background: #000 url(images/pageRootBack.jpg) -5px 0px no-repeat;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size:72.5%;
	background-attachment: fixed;
	}

	/*-----functions----*/
	
.left {
		float:left;
		}
.right {
	  float:right;
		margin-right: 25px;
		}
.clear {
    clear:both;
		}

/*--------Elements Initialization--------------*/

p,h1,h2,h3,h4,h5,h6,form,blockquote {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #535353;
		line-height: 1.4em;
	  padding: 0px;
		margin: 0px;
		}

		
/*--------Links Styles-----------*/

a:link, a:visited {
		color: #000;
		text-decoration: none;
		
		}
	   a:hover {
		 			color: #cc0033;
					text-decoration: underline;
					}
					
	#contentPrimary a:link, #contentPrimary  a:visited,#contentPrimaryFull a:link, #contentPrimaryFull a:visited  {
		color: #B50934;
		text-decoration: none;
		font-weight: bold;
		}
		
	#contentPrimary a:hover, #contentPrimaryFull a:hover {
			background: #ccc;
			text-decoration: underline;
			}
			
		#contentPrimaryFull a.linkAlt,#contentPrimaryFull a:link.linkAlt, #contentPrimaryFull a:visited.linkAlt {
					text-decoration:underline;
					font-weight: normal;
					olor: #535353;
					}
	
hr, hr.default {
		height: 1px;
		border: 0px;
		background: transparent;
		padding: 0% 0% 0% 0%;
		margin: 5% 5% 0% 0%;
		clear: both;
		width: 96%;
		color: #d9d9d9;
		float:left
		}

		hr.section {
			height: 1px;
			padding: 0% 0% 5% 0%;
			margin: 0% 0% 0% 0%;
			width: 96%;
			border-top: 1px #c4c4c4 solid;
			float:left;
		}
		
h1 {
		font-size: 1.75em;
		font-weight: bold;
		color: #110b0b;
		line-height: 1.5em;
		margin: 20px 0px 8px 0px;
		width: 99%;
		font-family: arial, verdana, sans serif;
		clear: both;
		text-transform: none;
		}
		
		h1.account {
				border-bottom: 1px #ccc solid;
				}

		h1.mission {
				font-size: 1.9em;
				font-weight: bold;
			color: #110b0b;
			line-height: 1.45em;
			margin: 50px 0px 40px 0px;
			width: 96%;
			text-transform: uppercase;
		}
		
h2 {
		font-size: 11px;
		font-weight: bold;
		margin: 25px 0px 14px 0px;
		}
		
h3 {
		font-size: 11px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		float: left;
		width: 100%;
		}
		
h4 {
		margin: 2.4em 0em .8em 0em;
		font-size: 1.2em;
		letter-spacing: 0px;
		color: #000;
		}
		h4.hosting {
				margin-bottom: 4em;
				}
h5 {
		font-family: arial, verdana, sans-serif;
		margin: 3% 0% 10% 0%;
		width: 100%;
		font-size: 11px;
		letter-spacing: 4px;
		text-transform: uppercase;
		color: #ccc;
		clear: both;
		text-align: center;
		}

p {
		margin: 0em 0em 1.3em 0em;
		font-size: 1.2em;
		width: 95%;
		line-height: 1.7em;
		}
		
			p.service {
				width: 85%;
				margin-left: 30px;
				margin-top: 8px;
			  float:left;
				display:block;
					}
				p.service img {
						width: 50px;
						height: 50px;
						border: 1px #ccc solid;
						float:left;
						margin-right: 20px;
						}
				p.service a, p.service a:link, p.service a:visited {
						font-size: 1.25em;
						text-decoration:underline;
						}
						
		p.section {
				font-size: 11px;
				line-height: 19px;
				margin: 20px 30px -40px 0px;
				color: #222;
				background: transparent;
				padding: 5px 0px 5px 0px;
				float:left;
				font-weight:bold;
				
				clear:both;
				border: 0px #000 solid;
				}
				
			p.full {
					width: 550px;
					}
				
			p.club {
					margin-bottom: 25px;
					display:block;
					}
					p.club span {
						width: 140px;
						float:left;
						text-align:center;
						}
						
			p.club strong a:link, p.club strong a:visited{
					color: #000;
					}
					
			p.club img {
					float:left;
					margin-right: 35px;
					
					}
	
ul.default {
		clear: both;
		font-size: 12px;
		margin-top: 0px;
		margin-bottom: 30px;
		font-family: arial, trebuchet ms, geneva, sans-serif;
		}
		
ul.dual {
		width: 96%;
		float:left;
		border: 0px #ccc solid;
		font-size: 12px;
		line-height: 19px;
		margin-top: -6px;
		margin-bottom: 30px;
		font-family: arial, trebuchet ms, geneva, sans-serif;
		}
		
ul.default li {
		margin: 2px 20px 6px 0px;
		color: #696969;
		line-height: 18px;
		}
		
ul.dual li {
		border:0px #000 solid;
		width: 43%;
		color: #696969;
		float:left;
		margin: 2px 40px 0px -15px;
		}
		
blockquote.default {
		background: #fff;
		margin: 15px;
		padding: 0px 10px 0px 35px;
		width: 80%;
		}	
				blockquote.default p strong {
						color: #111;
						}
		
.pageimage {
			width: 100%;
			margin: 2% 1% 5% 0%;
			padding: 0px; 
			float:left;
				}
		
		.pageimagealt {
					width: 95%;
					margin: 4% 4% 5% 0%;
					padding: 0px; 
					float:left;
					}
					
.contentimage-r {
		background: #fff;
		float: right;
  	margin: 1% 0% 2% 2%;
		
		}

.contentimage-l {
		border: 0px #ccc solid;
		background: #ccc;
		float: left;
		margin: 3% 6% 2% 0%;
		}
		
.hs {
		width: 150px;
		height: 190px;
		background: #ccc;
		border: 1px #ddd solid;
		margin: 0% 0% 4% 3%;
		}
		
table {
		border: 0px;
		font-family: arial, sans-serif;
		}
		
/*--------The Search Tool---------*/

#searchBox .block-uc_cart {
		float:left;
		width: 130px;
		border: 0px #000 solid;
		height: 49px;
		margin-top: 25px;
		margin-left: 30px;
		}
		.block-uc_cart table.cart-block-summary {
			display:none;
			}
			
#searchBox {
			float:right;
			width: 380px;
			height: 80px;
			margin: 10px 25px 0px 0px;
			background: url(images/searchBackground.jpg) 200px -10px no-repeat;
			border: 0px #ccc solid;
			}
		#searchBox label {
					display: none;
					}
					
		#searchBox input.form-text {
					width: 155px;
					margin:9px 0px 0px 45px;
					height: 13px;
					font-size: 11px;
					color: #333;
					}
					
		#searchBox input.form-submit {
					font-size: 10px;
					float:right;
					margin-right:73px;
					margin-top: -25px;
					}
					
dt.title {
		font-family: arial, verdana, sans serif;
		}
		
		
/*---Blog Nodes & Blocks----*/



.blog {
		margin: 1% 0% 0% 2%;
		padding: 0;
		border: 0px #ccc solid;
		width: 98%;
		}
		
		.header {
				border: 1px #ccc solid;
				margin: 5px 0px 20px 0px;
				height: 80px;
				}
		
				
.blog h1.title{
				font-size: 1.5em;
				font-weight: bold;
				border-bottom: 1px #888 dotted;
				margin: 15px 0px 2px 0px;
				padding: 0px 0px 2px 0px;
				color: #333;
				font-family: arial, verdana, sans-serif;
				}
				
			.blog h1.title a:link,.blog h1.title a:visited{
				   color: #000;
					}
					
					#contentPrimary .blog h1.title a:link,#contentPrimary .blog h1.title a:visited{
				    color: #000;
					}
.blog span.submitted {
			font-size: 11px;
			color: #696969;
			font-family: verdana, arial, sans-serif;
			margin: 0px 0px 15px 0px;
			padding: 0px;
			}				
			
.blog span.taxonomy {
			display: block;
			text-transform: uppercase;
			color: #cd853f;
			font-size: 10px;
			margin: 10px 0px 10px 0px;
			}
			
.blog p {
			margin-bottom: 8px;
   		}
		
.blog p strong {
			color: #800000;
			}
			
.blog img {
			border: 0px #ddd solid;
			padding: 8px;
			}
			
			.blog img.image-preview {
					border: 1px #ccc solid;
					background:#f2f2f2;
					float:right;
					margin-top: 25px;
					width: 75%;
					height: 75%;
					}
					
			 .blog img.image-thumbnail {
			 			border: 1px #ccc solid;
						background:#f1f1f1;
						padding: 4px 4px 20px 4px;
						float:left;
					}
			
.blog div.tools {
		float: right;
		font-size: 10px;
		margin: 25px 15px 0px 0px;
		border: 0px #ccc solid;
		}
		
.blog div.image-attach-teaser, .blog div.image-attach-body {
		margin-right: 10px;	
		border: 0px #ccc solid;
		
		}
		
.block-blog {
		margin: 5px 10px 25px 15px;
		padding-right: 4px;
		border: 0px #ddd solid;
		float:left;
		}
		
		.block-blog ul {
				margin-top: 0px;
				float:left;}
		
.block-blog ul li{
		color: #999;
		margin: 0px 0px 10px 7px;
		padding: 0px;
		font-size: 9px;
		color: #cc0033;
		}
		
.block-search {
		margin-top: 15px;
		}
	 
	 .block-search input.form-text {
	 		margin: 2px 0px 3px 0px;
	 		 width: 112px;
			 }
			 
		#contentBase.library #contentPrimaryRight .block-search {
					margin-left:28px;
		}

		
		
.pager {
		float: left;
		border: 1px #ccc solid;
		width: 95%;
		margin:15px 0px 0px 0px;
		font-family: verdana, arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		background: #f1f1f1;
		}

		
/*------The Image Galleries --*/
			
ul.images li{
    border: 1px #ccc solid;
		margin: 15px 10px 10px 5px;
		padding: 5px 0px 15px 0px;
		height: auto;
		}
		
		
/*-----------Main Containers-----------------*/
#pageRoot {
			margin: 0px auto;
			border: 0px #000 solid;
			text-align:center;
			max-width: 1024px;
			}

#pageBase {
			background: #fff;
			border: 0px #000 solid;
			width: 100%;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 20px 0px;
			float:left;
			}
			
			#pageBase #lo {
					float:left;
					padding-left: 50%;
					padding-top: .5%;
					font-size: .9em;
					border: 0px #ccc solid;
					font-family: verdana, arial, sans serif;
					color: #666;
					}
			#page {
					width: 99%; 
					border: 0px #ccc solid;
					padding: 0px;
					margin: 0px auto;
					clear:both;			
					text-align:left;
					position: relative;
					}
				 
				 
			
	   /*------The Header------*/
		 
		 	#header {
					background:transparent;
					text-align: right;
					float: right;
					margin: 0px 0px 10px 0px;
					padding: 0px;
					font-size: 10px;
					text-transform: uppercase;
					font-family: verdana, arial, sans-serif;
					background: #595655 url(images/topNavBack.jpg);
					}
						
						#header ul.menu {
								list-style-type: none;
								text-decoration: none;
								margin: 0px 0px 0px 3px;
								padding: 0px 8px 0px 8px;
								border: 0px #000 solid;
								display: block;
								float: left;
								}
								
						#header ul.menu li.leaf {
							  list-style-type: none;
 							  list-style-image: none !important;
								padding: 0px 10px 0px 0px;
							}
							
						#header ul li {
							float: left;
								}
									
						#header ul.menu li a:link, #header ul.menu li a:visited, #header ul.menu li.leaf a:link,  #header ul.menu li.leaf a:visited {
									text-decoration: none;
									font-weight: bold;
									color: #424242;
									margin: 0px;
									padding: 9px 5px 8px 5px;
									display: block;
									float:left;
									}
																
						#header ul.menu li a:visited:hover, #header ul.menu li a:link:hover{
									color: #fff;
									}
									
					#header ul.menu li.active-trail a:link, #header ul.menu li.active-trail a:visited {
								background: #565656;
								color: #f3f3f3;
								
								}
								
#leftBar {
	  width: 32%;
		border: 0px #ccc solid;
		margin-left: 0px;
		margin-right: 0px;
		float: left;
		background: transparent;
		text-align: right;
		font-size: 10px;
		font-family: verdana, arial, sans-serif;
		text-transform: uppercase;
		color: #696969;
		}
		
		#leftBar h3 {
				text-align: left;
				color: #800000;
				padding: 0% 0% 3% 38%;
				margin-top: -1%;
				}
				
		
		#leftBar ul#sideLinks, #leftBar ul.menu {		
				list-style-type: none;
				width: 100%;
				border: 0px #ccc solid;
				margin: 0;
				padding: 0;
				text-align: left;
				font-size: 9px;
				}
				
				#leftBar ul#sideLinks:firstchild, #leftBar ul.menu:firstchild {
								font-size: 10px;
								border: 0px #ccc solid;
								display: block;
								}
				
				#leftBar ul#sideLinks li,  #leftBar ul.menu li{
						padding: 1% 0% 2% 0%;
						margin: 0;
						border: 0px #ccc solid;
						list-style-type: none;
						list-style-image: none;
						}
						
						#leftBar ul#sideLinks li a:link, #leftBar ul#sideLinks li a:visited, #leftBar ul.menu li a:link,#leftBar ul.menu li a:visited {
								padding: 1% 0% 1% 38%;
								margin: 0;
								text-decoration: none;
								}
																
						#leftBar ul#sideLinks li a.active, #leftBar ul.menu li a.active {
									background: #c8c8c8;
									border-bottom: 0px #ccc solid;
									color: #000;
									font-weight: bold;
									padding-right: 10%;
									}
									
						#leftBar ul#sideLinks li a:hover, #leftBar ul.menu li a:hover {
									color: #8b0000;
										}
																				
						#leftBar ul.menu li.expanded {
									
									font-weight: normal;
									color: #8b0000;
									border: 0px #ccc solid;
									}
									
									#leftBar li.expanded ul.menu {
											  list-style-type: none;
												margin: 2px 0px -5px 10px;
												border: 0px #ccc solid;
												}
												
									
#leftBar ul.leftLowerLinks {
		padding: 1% 0% 1% 38%;
		text-align: left;
		margin: 55% 0% 0% 0%;
		line-height: 22px;
		font-size: 11px;
		font-weight: bold;
		list-style-type: none;
		color: red;
		border: 0px #ccc solid;
		}
		
		#leftBar ul.leftLowerLinks a:link, #leftBar ul.leftLowerLinks a:visited {
				color: #bd0011;
				text-decoration: none;
				letter-spacing: 1px;
				}
		
		
		  #userNavBar {
					float: left;
					border: 0px #ddd solid;
					width: 130px;
					font-size: 12px;
					font-family: verdana, arial, sans serif;
					line-height: 20px;
					padding: 25px 0px 0px 0px;
					}
						#userNavBar ul {
									display: none;
									}
		
#hostingFrame {
		background: #fff;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		width: 93%;
		border-top: 0px #000 solid;
		}		
		
			#tabData {
					border: 0px #000 solid;
					padding: 0px 15px 10px 15px;
					border-bottom: 1px solid #808080;
					border-top: 1px #808080 solid;
					position: relative;
					margin: 0;
					font-family: arial, verdana, sans-serif;
					background: #f8f8f8;
					}
							
			#tabData h2 {
			font-size: 12px;
			margin: 10px 0px 0px 0px;
			padding: 0px 0px 5px 0px;
			letter-spacing: 0px;
			color: #000;
			}
			
			#tabData h4 {
			font-size: 12px;
			margin: 0;
			padding: 0px 0px 3px 10px;
			color: #2f4f4f;
			}
			
			#tabData h5 {
				color: #2f4f4f;
				margin: 12px 0px 0px 0px;
				padding: 0px;
				font-size: 11px;
				letter-spacing: 0px;
				}
		
			#tabData p{
					padding: 0px 0px 0px 0px;
					}
					
		#tabData #usePolicy{
			display: none;
			}
		
	
#homeSub {
		height: 320px;
		background:#f2f2f2;
		float:left;
		clear:both;
		width: 101%;
		margin: 15px 0px 0px -5px;
		border-top: 1px #666 dotted;
		display: none;
		}
		
#baseFooter {
		float:left;
		clear:both;
		background: #333;
		width: 99%;
		font-family: Trebuchet MS, Tahoma, arial, sans serif;
		color: #fff;
		margin: 0px 0px -20px -5px;
		font-size: 1em;
		padding: 3px 0px 6px 6px;
		display:none;
		text-transform: uppercase;
		}
		
	/*-----------WebHosting instaTabs-----*/
	
		#hostingplansData {
					display: none;
				}
			
			#rulespolicyData {
					display: none;
				}
		#supportData {
			display: none;
			}
	
		#orderData {
			display: none;
			}
			
		table.hostingPlans {
							border: 1px #000 solid;
							background:#fff;
							font-size: 10px;
							margin-left: 10px;
								}

.hostingPlans table {
					border: 1px #000 solid;;
					font-size: 10px;
					
					}

.hostingPlans a:link, .hostingPlans a {
							color: #fff;
							}
							
.hosting1 {
					background: #808080;
					}
					
				
/*-----The Main Content Portal------------*/
		
#contentPortalFoundation {
		border-top: 1px #bbb solid;
		border-left: 0px #ccc solid;
		padding: 0px 0px 9px 0px;
		margin: 0% 0% 3% 0%;
		width:65%;
		max-width: 690px;
		float: left;
		background: #fff url(images/contentPortalBottom.jpg) left bottom repeat-x ;
		}

		#contentPortalFoundation.cart{
		border-top: 1px #bbb solid;
		border-left: 0px #ccc solid;
		padding: 0px 0px 9px 0px;
		
		width:65%;
		max-width: 690px;
		float: left;
		background: #fff url(images/contentPortalBottom.jpg) left bottom repeat-x ;
		margin: 0% 0% 3% 12%;
		}
		
		#contentPortal{
		border-left: 1px #bbb solid;
		border-right: 1px #bbb solid;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		min-height: 300px;
		float: left;
		background: #fff;
		width: 100%;
		}
			
		
			#contentPortal.blank{
					padding: 0px 10px 0px 0px;
					margin: 0px 0px 0px 0px;
					min-height: 300px;
					width: 100%;
					float: left;
					}

#contentPrimary {
		width: 72%;
		margin: 0% 0%  0% 0%;
		padding: 2% 0% 3% 2%;
		border: 0px #000 solid;
		float:left;
		}
		
#contentPrimaryProduct {
		width: 75%;
		margin: 0% 2% 5% 3%;
		padding: 0% 2% 1% 0%;
		border-right: 0px #ccc solid;
		float:left;
		}

#contentPrimaryFull {
		width: 96%;
		margin: 0% 0%  0% -0%;
		padding: 0% 0% 0% 4%;
		float:left;
		background: #fff;
		}
		
		
#contentPrimary.account {
		width: 65%;
		margin: 3% 0% 9% 2%;
		border: 0px #000 solid;
		}

#contentPrimaryRight {
			float: left;
			width: 20%;
			border: 0px #000 solid;
			margin: 0% 0% 9% 3%;
			padding: 0px 0px 20px 10px;
			font-size: 9px;
			font-family: verdana, arial, sans-serif;
			}	
					#contentPrimaryRight.library{
					margin-top: 2%;
					}	
		
/*----The Library Pages------------------------------------*/
		
		#contentBase.library {
				width: 75%;
				border: 0px #ccc solid;
				padding: 0px;
				margin-left: 18%;
				max-width: 891px;
				background: #fffffd url(images/contentPortalBottom.jpg) left bottom repeat-x ;
				position: relative;
				}

			#contentBase.library #contentPortalFoundation {	
						width: 100%;
						max-width: 890px;				
						margin: 0;
						padding: 0% 0% 1.25% 0%;
						}
				
		#contentPortal.library {
					background: #fff url(images/contentPortalBase.jpg) right top repeat-y;
					width: 100%;
					}
					
		#contentPrimary.library {
			margin: 0% 0% 4% 0%;
			padding: 0% 3% 0% 2%;
			border: 0px #ccc solid;
			width: 71%;
			}
		
		/*------The Editing Template ---------*/
		
		#contentBase.blank {
				width: 75%;
				border: 0px #ccc solid;
				padding: 0px;
				margin-left: 18%;
				max-width: 891px;
				background: #fffffd url(images/contentPortalBottom.jpg) left bottom repeat-x;
				position: relative;
				}
				
				#contentBase.blank #contentPortalFoundation {	
						width: 100%;
						max-width: 890px;				
						margin: 0;
						padding: 0% 0% 1.25% 0%;
						}
						
				#contentPortal.blank{
				border-left: 1px #bbb solid;
				border-right: 1px #ccc solid;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			min-height: 300px;
			width: 100%;
			float: left;
			background: #fffffd;
		}
		
		#contentBase.blank #contentPrimary {
					width: 95%;
					margin: 0px;
					padding: 30px;
					}
		
/*-------The Breadcrumbs----*/

#crumbs {
		padding: 10px 0px 0px 32px;
		margin: 2% 0% 0% 0%;
		font-size: 11px;
		font-family: tahoma, arial, sans-serif;
		color:#800000;
		border: 0px #000 solid;
		text-align: left;
		border: 0px #ccc solid;
		display:none;
		}		
     				
				div.breadcrumb {
							display: inline;
							padding-right: 5px;
							}
							
				div.productCrumbs div#crumbs {
						display: block;
						}
							
							
/*---------The Tabs---------------*/

.tabs {
			margin: 15px 15px 0px 0px;
			padding: 2px 10px 3px 0px;
			display: block;
			float:left;
			border: 0px #000 solid;
			width: 98%;
				}
										
				#contentPrimary.account .tabs {
						width: 96%;
						margin: 20px 0px 0px 0px;
						}
				#contentPrimary.account .tabs li {
						line-height: 2em;
						}
						
div.tabs .primary a{
			font-size: 1.4em;
			padding: 1px 15px 2px 15px;
			margin: 0px 0px 0px 5px;
			float:left;
			}
			
							
/*----------The Footer--------*/
		
#footer {
		border: 0px #ccc solid;
		clear: both;
		float: left;
		margin-top: 3%;
		margin-left: 18%;
		width: 70%;
		height: 20px;
		text-align: left;
		font-size: 11px;
		font-family: verdana, arial, sans-serif;
		}
		
		#footer.home {
		border: 0px #ccc solid;
		clear: both;
		float: left;
		margin-top: 0%;
		margin-left: 18%;
		width: 70%;
		height: 20px;
		text-align: left;
		font-size: 11px;
		font-family: verdana, arial, sans-serif;
		}
		
		
		
#topLogo {
		 margin-left: 3.5%;
		 margin-bottom: 10px;
		 } 
		 
#tagline {
		margin-top: 1%;
		float:right;
	  border: 0px #ccc solid;
		}
		
#puzzle {
		margin-top: -2%;
		margin-bottom: 0%;
		float:right;
	  border: 0px #ccc solid;
		}
	
#cCards {
		margin: 15px 0px  -10px 115px;
		}
		
		
/*-----------WebHosting instaTabs-----*/
	
ul#menu {
	 margin : -25px 0px -10px 0px;
	 padding: 0px 0px 0px 0px;
	 list-style-type: none;
	 border: 0px solid #000;
	 width: 620px;
	 float: left;
	 position: absolute;
	 	}

ul#menu li {
		background: transparent;
	  margin: 0px  3px 0px 4px;
		padding: 0px 0px 0px 0px;
		display: inline;
		}

ul#menu li.current a:link, ul#menu li.current a:visited {
		background: #f3f3f3;
		padding: 5px 13px 3px 13px;
		margin: 0px 1px 0px 0px;
		border: 11px #cc0033 solid;
		text-decoration: none;
		float: left;
		}
		
ul#menu li a:link, ul#menu li a:visited {
		background: #fff;
		padding: 5px 13px 2px 13px;
		margin: 0px 4px 0px 0px;
		border-top: 1px #888 solid;
		border-left: 1px #888 solid;
		border-right: 1px #888 solid;
		text-decoration: none;
		color: #696969;
		font-weight: bold;
		display: block;
		float: left;
		font-size: 12px;
		}

	
ul#menu li.tab a:hover {
		background: #ddd;
		}
					

.clear {
		clear: both;
		margin: 0px;
		padding: 0px;
		height: 11px;
		border-top: 1px #ccc solid;
		}

#tabData #usePolicy{
			display: none;
			}

													
#keyfeaturesData, #hostingplansData, #rulespolicyData {
			margin-top: 15px;
			}
#hostingplansData {
			display: none;
			}
			
#rulespolicyData {
			display: none;
			}
#supportData {
			display: none;
			}
	
#orderData {
			display: none;
			}
			
.hostingPlans {
							border: 1px #000 solid;
							background: #ffebcd;
							
				}

.hostingPlans table {
					border: 0;
					margin: 0px;
					padding: 0px;
					}

.hostingPlans a:link, .hostingPlans a {
							color: #fff;
							}
							
.hosting1 {
					background: #808080;
					}
					
#keyfeaturesData {
	background: transparent url(http://www.grabers.com/services/images/webTech.gif) 275px 135px no-repeat;
	height: 190px;
}
		#keyfeaturesData ul {
				margin-left: 0px 0px 0px 15px;
				font-size: 12px;
				line-height: 18px;
				}		

#keyfeaturesData, #hostingplansData, #rulespolicyData {
			margin-top: 15px;
			}
			
/*----Service Links & Print/Mail Links ------*/

span.print-link {
		display:block;
		float:right;
		clear:both;
		width: 99%;
		}
span.print-link span  {
		font-size: 9px;
		margin: 0px 0px 5px 0px;
		font-family: verdana, arial;
		border: 0px #ccc solid;
		display: block;
		line-height: 11px;
		float:right;
		width: 20%;
		}
		
div.service-links ul.links {
		margin-top: 30px;
		font-size: 9px;
		font-family: verdana, arial;
		border-top: 1px #ccc solid;
		display:block;
		height: 40px;
		padding-top: 5px;
		clear:both;
		}
		div.service-links .service-label {
				display:none;
				}
				

/*--------The Attachments--*/

#attachments {
			border: 1px #ccc solid;
			font-size: 11px;
			font-family: verdana, sans-serif;
			}
			
textarea {
		width: 450px;
		}
			
			
/*-----------The Client Center----------*/
 
#edit-mail, #edit-name, #edit-pass {
			width: 225px;
			}


   #contentPrimaryRight ul.menu {
			float:left;
			padding: 0% 0% 2% 0%;
			margin: 12% 0% 20% 0%;
		  list-style-type: none;
			width: 99%;
			background: transparent;
			clear:none;
			border: 2px #ddd solid;
			}
			#contentPrimaryRight ul.menu li {
			 list-style-type: none;
			 list-style-image: none;
			}
					
    #contentPrimaryRight ul.menu li a{
			padding: 5px;
			font-weight: bold;
			border: 1px #ccc solid;
			margin: 0px 0px 2px 0px;
			display: block;
			font-size: 1.0em;
			background: #f3f3f3;
			}
			
		#contentPrimaryRight ul.menu li a.active, #contentPrimaryRight ul.menu li a:hover {
					background: #ddd;
					}

.view-content-ClientProjects, .view-content-ClientFiles {
			font-size: 1.3em;
			font-family: arial;
			}
			
			.view-content-ClientFiles table td, .view-content-ClientProjects table td {
					 padding-right: 25px;
						}
						
		 table.views-table {
		 			width:99%;
					margin: 4% 0% 0% 0%;
					font-size: 1.1em;
					font-family: arial, sans-serif;
					}
						
						table.views-table td {
									valign: top;
									border: 1px #fff solid;
									}
									
									
/*-----------Shopping Cart-------------*/

table.order-review-table {
		width: 95%;
		text-align:left;
		}
		
/*---------Galleries-------------*/
ul.galleries, ul.pager {
		width: 95%;
		margin-left: 2%;
		}
		
		.image img.image-preview {
					border: 1px #ccc solid;
					background:#f2f2f2;
					float:none;
					margin-left: 40px;
					clear:both;
					}
					
div.views-field-name a {
			font-size: 12px;
			margin-top: 10px;
			font-family: verdana, sans serif;
			}
			
			div.views-field-image-gallery-latest-time {
						font-size: 9px;
						color: #898989;
						margin-top: 10px;
						font-family: verdana, sans serif;
			}
			
/*-----Products------*/

.category-grid-products {
		 margin: 0px 15px 15px 0px;
		 clear:both;
		 width: 580px;
		 }
		 
#products {
		list-style-type: none;
		font-size: 15px;
		width: 98%;
		border: 0px #000 solid;
		margin: 1% 3% 0% 0%;
		padding: 0px 0px 10px 0px;
		display:block;
		float:left;
		}
		
#products li {
			float: left;
			border: 1px #ccc solid;
			margin: 10px;
			height: 65px;
			background: #f2f2f2;
			width: 21%;
			font-size: 14px;
			text-align:center;
			valign:center;
			padding: 35px 0px 0px 0px
			}
		
		#products li a {
				text-decoration: underline;
				}
				
	
/*--------Views----------*/

.view-header {
		margin:0px;
		padding:0px;
		}
		
div.views-row {
		margin-bottom: 5px;
		border: 0px #000 solid;
		float:left;
		width: 99%;
		}
		
		div.views-row div.content {
				margin-top: 15px;
				}
				
				
/*-----Misc.----*/

ul.default img {
		float:right;
		margin: 25px 100px 0px 0px;
		}
		
		
/*---------The Store----------*/

img.category {
		float:left;
		margin-bottom: 25px;
		margin-right: 15px;
		}
table.category {
			width: 94%;
			}
			
			td.category {
				border: 0px #ccc solid;
				font-size: 15px;
				}
				
table.category-products {
			width: 96%;
			}
			
/*---Products-------*/

.product {
		border: 0px #ccc solid;
		width: 625px;
		font-family: arial, sans-serif;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		float:left;
		}
		img#catHeader {
				margin: 15px 0px 40px -10px;
				padding-right: 0px;
				
				width:99%;
				}
				
		.product img.pageimage {
					margin: 0px 0px 20px 0px;
					float:left;
					border:1px #ccc solid; 
					width:100%;
					height:85px; 
					}
		
.product_left {
		border-right: 0px #ccc solid;
		float:left;
		width: 27%;
		overflow: hidden;
		}	
		
.product_main {
		border: 0px #ccc solid;
		float:left;
		width:69%;
		color: #000;
		}		
		
.product_header {
		border-bottom: 1px #ccc solid;
		float:left;
		width: 100%;
		margin-bottom: 15px;
		padding-top: 10px;
		}		
	
.product_header .product_title {
		font-size: 18px;
		width: 90%;
		float:left;
		border: 0px #ccc solid;
		}
		
.product_header div.product-info {
		font-size: 20px;
		border: 0px #ccc solid;
		font-weight: bold;
		width: 10%;
		float:right;

		}
		
.product_header .product_sku {
		font-size: 12px;
		}
		
.product_main div.attribute {
					border-bottom: 1px #bbb dashed;
					padding-bottom: 0px;
					margin: 5px 20px 5px 0px;
					}
		
.product-body p {
			line-height: 16px;
			color: #333;
			width: 100%;
			}
			
.attribute label {
			text-transform: uppercase;
			color: #000;
			}
			
.webform-component-fieldset {
		float:left;
		display: block;
		width: 93%;
		}
		
.helpNotice {
		font-family: verdana, arial, sans-serif;
		font-weight:bold;
		font-size: 9px;
		}
		
		
		/*---------Shopping Cart & Checkout -------*/
		#theCart {
				width: 96%;
				margin: 15px;
				
				}
				
				#theCart #cartHeaderImage {
	     		width: 98%;
	     		
	     }
		#cart-pane {
				margin: -2% 5% 3% 3%;
				width: 90%;
				clear:both;
				display:block;
				}
				
		#customer-pane {
				clear:both;
				}