#recommend {
	padding:20px;
	border: 1px solid #CCC;
}
.rounded {
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.shadow {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.75);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.75);
	box-shadow: 0 1px 2px rgba(0,0,0,.75);
}
.recommended {
	display:inline-block;
	vertical-align:top;
	padding:3px;
	text-align:center;
	width:150px;
	margin-right:10px;
}
.recommended img{
	width:150px;
}

img{padding:0px; margin:0px;}
a{padding:0px; margin:0px}
.left {
	float:left;
}
.right {
	float:right;
}
.clear{
	clear:both;
}

#offer_banner {
	position:relative;
	top:-20px;
	width:725px;
}

#teePromo {
	position:relative;
	top:50px;
	width:280px;
}

#RAMDisk_Intro {
	position:relative;
	left:25px;
	top:0px;
	width:350px;
}

#tee {
	position:relative;
	left:15px;
	top:-5px;
}

#info {
	width:125px;
}
	#review {text-align:right;}
	#social{width:136px;padding:5px;border: dotted 1px #e2e2e2;margin-top:0px;}
	#facebookButton{margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;border-bottom:dotted 1px #e2e2e2;}
	#logo {margin:-60px 0px 20px 0px;}
	
#options{
	padding-top:20px;
	clear:both;
}
	#options img.info{margin-bottom:5px;}
	.option{float:left;width:177px;padding:0px;margin:0px 2px 0px 2px;text-align:center;}
	#options img{display:inline-block;padding:0px;margin:0px;}
	#options select{padding:0px; margin:0px;}
	#options a{padding:0px; margin:0px;}
	#options a img{display:inline-block;}
	.first{margin-left:0px;!important}
	.second{margin-left:-20px;!important}
	.middle{margin-left:100px;!important}
	.last{margin-right:-5px;!important}
	
#support{
	clear:both;
	padding-top:20px;
}

#boxes .window {
background-color:#FFF;
border: 1px solid #3e4344;
  position:absolute;
  width:500px;
  display:none;
  z-index:9999;
  padding:20px;
}
select#sizeSelect{
	vertical-align:top;
}
#cart {
	float:right;
}

#RAMDisk_Personal 
{
float:left;
width:250px;
height:121px;
margin:10px 0px 0px 50px;
}

#RAMDisk_Enterprise 
{
float:right;
width:250px;
height:121px;
margin:10px 50px 0px 0px;
}

#vertLine {
	width: 0px;
	border: 1px solid #2A437F;
	height: 360px;
	position: absolute;
	right: 56%;
}

#horizLine {
	width: 725px;
	border: 1px solid #2A437F;
	height: 0px;
	position: absolute; /* I manually centered this since margin auto doesn't automatically place it */
	float: left;
}

a:hover {
		color: #dc646e !important;
		text-decoration: none;
	}
	code { 
		background-color: #100;
		padding: 0.2em 0.5em;
		display: inline-block;
	}
	#wrapper { 
		overflow: hidden;
	}
	.overlay1 {
		position: absolute;
		top: 0;
		border: 2px solid #2A437F;
		bottom: 0;
		left: 100;
		width: 100%;
		background: PowderBlue;
		opacity: .65;
		-moz-opacity: 0.65;
		filter:alpha(opacity=65);
	}
	.overlay2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 100;
		width: 100%;
		background: #fff;
		opacity: 0.25;
		-moz-opacity: 0.65;
		filter:alpha(opacity=65);
	}	

	.container {
		position: relative;
		float: left;
	}
	.content {
		position: relative; /* Fixes the z-index */
		float: left;
	}
	#column-1 {
		width: 535px;
		margin-left: 10px;
		height: 290px;
	}
	#column-2 {
		width: 150px;
		margin-left: 20px;
		float: left;
		display: inline;
	}

	#column-1 .content {
		padding: 35px;
		width: 470px;
	}
	#column-2 .content {
		padding: 0px;
		width: 10px;
	}

	/* Let's compensate for IE6's inability to interpret top: 0; and bottom: 0; */
	* html #column-1 .overlay { height: expression(document.getElementById("column-1").offsetHeight); }
	* html #column-2 .overlay { height: expression(document.getElementById("column-2").offsetHeight); }

.horizLine {
	background-color: #2A437F;
	height: 2px;
	margin:10px 0px;
}
table.content-table tr td{
	vertical-align: top;
	padding:5px;
}
table.personal-promo{
	border:2px solid #7585ac;
}
table.personal-promo tr td{
	background-color:#ccebef;
	vertical-align: top;
	text-align:center;
	padding:5px;
}
#help-us-form {
	margin-top: 25px;
	cursor:		pointer;
}