/* MO Fact Table Styles
--------------------------------------------------------------------*/

img.drive {
	padding: 5px;
}

tr .bott td {
	border-bottom: 1px solid #999;
}

.border {
	border: 1px solid #C8D0D7;
}

.bott {
	border-bottom: 1px solid #999;
}

#read-write, #read-only, #na {
	width: 35px;
}

#read-write {
	background: url(../graphics/read-write.gif) no-repeat center center;
}

#read-only {
	background: url(../graphics/read-only.gif) no-repeat 50% 50%;
}

#na {
	background: url(../graphics/non-compatible.gif) no-repeat 50% 50%;
}

h1.chart {
	font: normal 24px/36px Arial, Helvetica, sans-serif;
	color:#D57919;
	margin: 10px 0;
	text-align: left;
}

.disk-size {
	font: bold 15px/100% Arial, Helvetica, sans-serif;
	color:#333333;
	text-align: center;
	width: 35px;
}

.threefive .disk-size {
	font: bold 15px/100% Arial, Helvetica, sans-serif;
	color:#333333;
	text-align: center;
	width: 64px;
}

.threefive #read-write, .threefive #read-only, .threefive #na {
	width: 64px;
}

.gbmb {
	font-size: 12px;
}

.bracket {
	border: 1px solid;
	border-color: #333 #333 #FFFFFF #333;
}

.capacity {
	font: normal 20px/190% Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

div.key {
	width: 100%;
	margin: 0 auto 10px auto;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


/* =Container and Text Styles
---------------------------------------------------------------------*/
.sample img {
	border: 0;
	margin: 0;
	padding: 0;
}

.container {
	padding-top: 15px;
	width: 500px;
	float:left;
}

.text {
	margin: auto;
	padding-top: 2px;
	width: 56px;
	height: 48px;
}

.logo-color {
	margin:auto;
	width: 112px;
	height:48px;
}
	
.sample-box {
	width: 365px;
	float:left;
	margin-left: 10px;
}

.sample-box h1 {
	font: normal 24px/36px Arial, Helvetica, sans-serif;
	color:#D57919;
	margin: 0;
	text-indent: 48px;
}

.sample-box p {
	font: normal 11px/130% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding-left: 48px;
	margin-top: 5px;
	padding-top: 0;
}

div.sample, div.service, div.get-disc {
	width: 120px;
	height: 117px;
	float:left;
}

div.sample {
	background:url(../graphics/samples/bg-sample.jpg) no-repeat top left;
}

div.service {
	background:url(../graphics/samples/bg-service.jpg) no-repeat top left;
}

div.get-disc {
	background:url(../graphics/samples/bg-get-discs.jpg) no-repeat top left;
}

#box1 {
	float:left;
	padding: 5px 0 0 4px;
}

.step1 {
	background:url(../graphics/samples/step-1.jpg) no-repeat top left;
}

.step2 {
	background:url(../graphics/samples/step-2.jpg) no-repeat top left;
}

.step3 {
	background:url(../graphics/samples/step-3.jpg) no-repeat top left;
}

.gallery-box {
	width: 244px;
	height: 116px;
	margin: auto;
}

.gallery-box img {
	padding: 0;
	border: none;
}

img.padright {
	margin: 0 9px 0 0; /* changed to 9px from 10px **/
}

.spacer {
	clear:left;
}


/*  Compatibility Divs and Chart styles  ***********************/

.chart-container li {
	font: normal 12px/120% Geneva, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
}

.chart-container p {
	font: normal 12px/125% Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	text-align: left;
	padding: 0;
	margin: 10px 0 0 0;
}

.chart-container p.bold {
	font-weight: bold;
}

.chart-container h2 {
	font: normal 17px/115% Arial, Helvetica, sans-serif;
	color:#404040;
	text-align: left;
}

div.chart-images {
	margin-top: 20px;
}

.chart-images img.left {
	float: left;
}

.chart-images img.right {
	float: right;
	margin-right: 5px;
}

.chart-images img.left#two {
	margin-left: 25px;
}

div.text {
	width: 335px;
	float: left;
	margin: 0;
	padding: 0;
}

.text p {
	padding: 0;
	margin: 10px 0 0 0;
}

img.chart {
	float: right
}

div.contact {
	background: url(../graphics/phone-girl.jpg) no-repeat 0 0;
	height: 100px;
}

div.contact h2 {
	font: bold 15px/130% Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 5px 0 5px 95px;
	margin: 0;
}

p#table {
	font: normal 12px/100% Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 10px 0 10px 5px;
	margin: 0;
}

img.padder {
	margin-top: 10px;
	margin-bottom: 20px;
}























