body     {
	margin: 0px;
	overflow-y: scroll;
	background-color: #ffffff;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 1.1em;
}
h5 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-top: 1px;
	margin-bottom: 5px;
}
h6 {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: .9em;
}
.float_left {
	FLOAT: left; WIDTH: 50%
}
.float_right {
	FLOAT: right; WIDTH: 50%
}
A:link {
	TEXT-DECORATION: none;
	color: #0066CC;
}
A:visited {
	TEXT-DECORATION: none;
	color: #0066CC;
}
A:active {
	TEXT-DECORATION: none;
	color: #0066CC;
}
A:hover {
COLOR: #f00; TEXT-DECORATION: underline
}
#header-center {
	WIDTH: 830px;
	POSITION: relative;
	HEIGHT: 60px;
	TEXT-ALIGN: left;
	background-image: url(../images/header_back_w_pics_5.jpg);
	padding: 0px;
	background-repeat: no-repeat;
	z-index: 1;
	margin: auto;
}
#homelink {
	z-index: 5;
	position: relative;
	left: 0px;
	width: 300px;
	top: 0px;
}
.text {	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
.textbold {
	font-weight: bold;
}.textSmall {
font-size: .7em;
	font-family: "Trebuchet MS", Arial, Helvetica;
	line-height: 1.4em;
}
.textcart {	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}
.checkout {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.lcol {
	width: 330px;
	display: block;
	float: left;
}
.rcol {
	width: 330px;
	display: block;
	margin-left: 340px;
}
#lcol2 {
	width: 410px;
	display: block;
	float: left;
}
#rcol2 {
	width: 160px;
	display: block;
	margin-left: 420px;
}
.select-capacity-prod {
	color: #FF0000;
	font-weight: bold;
	font-size: 1.1em;
}

.select-capacity-prod-small {
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
}

.select-capacity {
	color: #FF0000;
	font-weight: bold;
}

.section-title {
	font-size: .8em;
	color: #666666;
	font-weight: bold;
}
.section-capacity {
	font-size: .9em;
}
#container {
	WIDTH: 830px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
}
#search_box {
	top: 38px;
	position: absolute;
	margin-right: 0px;
	padding-right: 0px;
	z-index: 2;
	width: 180px;
	LEFT: 57%;
	margin-left: 160px;
}
#like_box {
	width: 105px;
	margin-left: 368px;
	position: relative;
	top:4px;
}
#breadcrumb{
	padding-top: 15px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .55em;
	height: 18px;
	float: left;
	width: 485px;
	margin-right: 14px;
	margin-left: 0px;
	#margin-bottom: 10px; /*** only applies to IE ***/
}
#breadcrumb a {
	color: #666666;
	text-decoration: underline;
}
#breadcrumb a:hover {
	color: #F00;
	text-decoration: underline;
}
#breadcrumb_mm5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .55em;
	width: 570px;
	margin-left: -20px;
	position: absolute;
	top:83px;
	#top: 90px; /*** only applies to IE ***/
}
#breadcrumb_mm5 a {
	color: #666666;
	text-decoration: underline;
}
#breadcrumb_mm5 a:hover {
	color: #F00;
	text-decoration: underline;
}
#content {
	FLOAT: right;
	width: 659px;
	margin-bottom: 3px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-right: 11px;
	margin-left: 0px;
}
#sidebar {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-top: 0px;
	width: 156px;
	float: left;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin-bottom: 20px;
}
#left-nav-menu {
	padding-top: 15px;
	float: left;
	background-color: #FFFFFF;
}

#footer {
	CLEAR: both;
	WIDTH: 100%;
	TEXT-ALIGN: center;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 8px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999999;
}
#footer ul {
	margin: 0px;
	padding: 0px;
}
#footer li {
	display: inline;
	padding-left: 0px;
}
#footer a {
	display: inline;
	text-decoration: none;
	color: #0033CC;
	font-size: .7em;
}
#footer a:hover {
	display: inline;
	text-decoration: underline;
	color: #FF0000;
}

/* ----- left menu ----- */
#browse_menu {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica;
}

#browse_menu li a {
	display: block;
	color: #000000;
	}

#browse_menu li a:hover {
	text-decoration: underline;
	}
	
#browse_menu a.divaGPS-here{
	background-color: #7c849f;
	color: #fff;
	text-decoration: none;
}
ul#browse_menu li {
	color: #000000;
	font-weight: normal;
	padding-left: 1px;
	font-size: 8.5pt;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
ul#browse_menu li ul {
list-style-type: none;
margin-left: 0;
padding-left: 2px;
margin-top: 6px;
#margin-top: 3px; /*** only applies to IE ***/
}
ul#browse_menu li ul li {
	border-bottom: none;
	padding-bottom: 2px;
#padding-bottom: 0; /*** only applies to IE ***/

}
ul#browse_menu li ul, ul#browse_menu li ul li {
font-weight: normal;
font-size: 100%;
}
ul#browse_menu li ul li a, ul#browse_menu li ul li a:link {
color: #333;
}
/* ----- thumbnail image viewer ----- */
IMG { vertical-align: middle; }
IMG.img-picture { border: 1px solid #333333; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 1px solid #555555; }
IMG.img-thumbnail { border: 1px solid #333333; }
IMG.img-thumbnail-selected { border: 1px solid #8ca0bf; }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }

TD.td-thumbnails-thumb {
  padding: 3px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #555555;
  font-size:    8pt;
  vertical-align: bottom;
  background-color: transparent;
  white-space: nowrap;
  text-align: center;
}
TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #333333;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  vertical-align: bottom;
  text-align: center;
}
TABLE.table-thumbnails {
  margin-left: auto;
  margin-right: auto;
}
TD.td-thumbnails-navi {
  color: #000000;
  border-top: 2px solid #444444;
  font-family:	verdana, helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 8px;
}
/* ----- java menu ----- */
#menu {
	LEFT: 60%;
	POSITION: absolute;
	margin-left: -115px;
	TOP: 1px;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: black;
	width: 447px;
}
.home_prod_titles {
	font-family: Arial, Helvetica CY, sans-serif;
	font-size: 97%;
	font-weight: bold;
}
.title-prods {
	color: #000000;
	font-size: 88%;
	font-family: Arial, Helvetica CY, sans-serif;
	margin-bottom: 2px;
}
.index_sale {
	color: #FF0000;
	font-size: 100%;
	font-family: Arial, Helvetica CY, sans-serif;
	font-weight: bold;
	font-style: normal;
}
.container-left-Title {
	display: block;
	background-color: #000099;
	padding-left: 6px;
	padding-bottom: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 4px;
	font-size: .8em;
}
/*** bare hard drive spec table ***/
.specification_table_p		{clear:both; table-layout:fixed; width:100%; border:0; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-collapse:collapse; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:150%;}
.specification_table_p th	{text-align:left; width:180px; padding:3px 0 2px 15px; border-right:1px solid #D8D8D8; font-size:11px; vertical-align:top;}
.specification_table_p td	{text-align:left; padding:3px 15px 5px 15px; font-size:11px; border:0; vertical-align:top;}
.specification_table_p td img	{vertical-align:middle;}
specification_table_p caption {position:relative;}

.specification_table_p .tstyle1 td,
.specification_table_p .tstyle1 th	{background:#FAF7F4;}
.specification_table_p .tstyle2 td,
.specification_table_p .tstyle3 th	{background:#FFFFFF;}


/* ----- capacity selection ----- */

#capacity {
	font-family: Arial, Helvetica CY, sans-serif;
	margin-left: 320px;
	position: absolute;
	top:154px;
	#top: 162px;
}
#capacity_4 {
	font-family: Arial, Helvetica CY, sans-serif;
	margin-left: 292px;
	position: absolute;
	top:154px;
	#top: 162px; /*** only applies to IE ***/
}
#capacity_5 {
	font-family: Arial, Helvetica CY, sans-serif;
	margin-left: 200px;
	position: absolute;
	top:150px;
	#top: 158px; /*** only applies to IE ***/
}
#capacity a
	    {
	color:#A6A6A6;
	font-weight:bold;
	font-size: 12px;
	border: 1px solid #000000;
	padding: 5px;
	text-decoration: none;
	display: inline-block;
	background-color: transparent;
	width: 42px;
	height: 14px;
	#vertical-align:text-top; /*** only applies to IE ***/
}
#capacity_4 a
	    {
	color:#A6A6A6;
	font-weight:bold;
	font-size: 12px;
	border: 1px solid #000000;
	text-decoration: none;
	display: inline-block;
	background-color: transparent;
	width: 42px;
	height: 12px;
	#vertical-align:text-top; /*** only applies to IE ***/
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#capacity_5 a
	    {
	color:#A6A6A6;
	font-weight:bold;
	font-size: 12px;
	border: 1px solid #000000;
	text-decoration: none;
	display: inline-block;
	background-color: transparent;
	width: 42px;
	height: 14px;
	#vertical-align:text-top; /*** only applies to IE ***/
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#capacity a:hover
	    {
	background-color: #7c849f;
	    }
		
#capacity_4 a:hover
	    {
	background-color: #7c849f;
	    }

#capacity_5 a:hover
	    {
	background-color: #7c849f;
	    }
				
.navigationBorder
	    {
	width:400px;
}
.navigationBorder2
	    {
	width:450px;
}

div#cap1 a#menu-cap1, 
div#cap2 a#menu-cap2,
div#cap3 a#menu-cap3,
div#cap4 a#menu-cap4,
div#cap5 a#menu-cap5,
div#cap6 a#menu-cap6,
div#toolbox a#menu-toolbox,
div#browserPhoto a#menu-browserPhoto
	{
	color:white;
	background-color: #7c849f;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
}

table.mytable {
	border:none;
}
table.mytable th {
	padding:0px;
	color:#333;
	background-color: #FFFFFF;
}
 table.mytable td {
	padding:0px;
}
table.mytable tr.alt {
	background:#efefef;
	text-align:left;
}
table.mytable tr:hover {
	background-color: #CCCCCC;
}

table.prodtable {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: center;
}
table.prodtable th {
	padding:0px;
	color:#333;
	background-color: #CCCCCC;
}
 table.prodtable td {
	padding:0px;
	border-top-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.prodtable td.alt {
	text-align:left;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
table.prodtable tr.alt {
	text-align:left;
	background-color: #FFFFFF;
}
table.prodtable tr:hover {
	background-color: #FFC6C6;
}


.csscontainer {width:96%;position:relative; padding-left: 1.5em;}

.notbottom2 {
    min-height: 100%; width: 100%;
    height: auto !important;
    height: 100%;
}

.mid2 {width: 100%; padding-bottom: 1.5em;}
.mid3 { width: 100%; padding-bottom: 2.5em;}
.top2 { width: 100%; padding-bottom: 1.5em;}
.top1 { width: 100%; padding-bottom: .5em;}
.bottom2 { width: 100%; margin-top: -1.3em; padding-bottom: 1em;}

div#column-csscontainer {
width:100%;
margin:0 auto;
overflow:auto;

}

div#column-csscontainer div.columna{
	width:18%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .5em;
	margin-left: 0;	
	float:left;
	padding: 0;
}

div#column-csscontainer div.columnb{
	width:30%;
	float:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0.5em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
}
div#column-csscontainer div.columnb2{
	width:73%;
	float:left;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
div#column-csscontainer div.columna2{
	width:25%;
	margin:0;
	float:left;
	padding: 0;
}

.hovermenu ul{
	padding-left: 0;
	margin-left: 0;
	height: 20px;
	font-size: .65em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.hovermenu ul li{
	list-style: none;
	display: inline;
}

.hovermenu ul li a{
	text-decoration: none;
	text-shadow: #aaaaaa 1px 1px 1px;
	float: left;
	color: #282828;
	background-color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #999999;
	border-bottom-color: #dddddd;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: normal;
	font-size: 10px;
}

.hovermenu ul li a:hover{
	background-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	color: #FFFFFF;
	border-bottom-width: 1px;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}


/* all entries below are for ddtab menu for miva product pages */
.basictab ul{
	margin: 4px;
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	font-family: Arial, Helvetica CY, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}
.basictab li{
display: inline;
margin: 0;
}
.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #FFFFFF;
color: #000000;
}
.basictab li a:visited{
color: #FFFFFF;
}
.basictab li a:hover, .basictab li a.current{
	background-color: #7B869A;
	color: #FFFFFF;
}
.basictab li a:active{
color: #FFFFFF;
}

.tabcontainer{
}

.tabcontent{
display:none;
}
.inner_content {
	BORDER-RIGHT: #ccccff 1px solid;
	PADDING-RIGHT: 6px;
	BORDER-TOP: #ccccff 1px solid;
	PADDING-LEFT: 6px;
	PADDING-BOTTOM: 6px;
	MARGIN: 2px 0px 0px;
	BORDER-LEFT: #ccccff 1px solid;
	PADDING-TOP: 6px;
	BORDER-BOTTOM: #ccccff 1px solid;
}
#rightcol {
	display: block;
	margin-left: 225px;
	padding: 0.25em;
}
#leftcol {

	width: 210px;
	display: block;
	float: left;
	padding: 0.25em;
}

#rightcol_2 {
	display: block;
	float: right;
}
#leftcol_2 {
	display: block;
	width: 445px;
}

#container_tab {
	width: 100%;
}

/*  for customer login box */

.logn-wrappers{
width:280px;
border:1px solid #5B639C;
padding:5px;
line-height:1.5em;
color:#333;
}
#choose_color {
	font-family: Arial, Helvetica CY, sans-serif;
	margin-left: 311px;
	position: absolute;
	top:182px;
	#top: 190px; /*** only applies to IE ***/
}
#choose_color a {
	color:#A6A6A6;
	font-weight:bold;
	font-size: 12px;
	border: 1px solid #000000;
	text-decoration: none;
	display: inline-block;
	background-color: transparent;
	width: 42px;
	height: 12px;
	#vertical-align:text-top; /*** only applies to IE ***/
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#choose_color a:hover {
	background-color: #7c849f;
	    }

#drive_options {
	font-family: Arial, Helvetica CY, sans-serif;
	BORDER-RIGHT: #ccccff 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #ccccff 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 2px 0px 0px;
	BORDER-LEFT: #ccccff 1px solid;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #ccccff 1px solid;
	margin-left: 292px;
	position: absolute;
	top:146px;
	#top: 152px; /*** only applies to IE ***/
}
#drive_options a
	    {
	color:#A6A6A6;
	font-weight:bold;
	font-size: 11px;
	border: 1px solid #0000CC;
	text-decoration: none;
	display: inline-block;
	background-color: transparent;
	width: 40px;
	height: 12px;
	#vertical-align:text-top; /*** only applies to IE ***/
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#drive_options a:hover
	    {
	background-color: #7c849f;
	border: 1px solid #FF0000;
	    }
#drive_options a:active
	    {
	background-color: #7c849f;
	border: 1px solid #FF9933;
	    }
#choose_color2 {
	padding-top: 4px;
}
#choose_os {
	padding-top: 4px;
}


