/** 
 * Tooltip DIV
 */
a.ToolTip
{
	position: relative;
	color: Black;
	text-decoration: none;
}
a.ToolTip img
{
	border: none;
	vertical-align: top;
    cursor:pointer;
}
a.ToolTip span, a.ToolTip b
{
	display: none;
}

a.ToolTip:hover span
{
	padding: 8px;
	position: absolute;
	top: 5px;
	left: 13px;
	width: 300px;
	display: block;
	background: #fdf6a8;
	border: 3px solid #fee67c;
	text-align: left;
	z-index: 50;
	font-size: 10px;
    color: #a7712b;
	font-weight: normal;
}

a.ToolTip:hover b   /* for os icons and stuff about this size */
{
	padding: 8px;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 300px;
	display: block;
	background: #fdf6a8;
	border: 3px solid #fee67c;
	text-align: left;
	z-index: 50;
	font-size: 10px;
    color: #a7712b;
	font-weight: normal;
}

.icons  /* for whats included icons on product pages */
{
    width:100%; 
    overflow:auto;
    margin-top:12px;
}

.icons img
{
    float:left;
}

.icons img:after /* for whats included icons on product pages */
{
 clear:left;
}

table.ProductComparison
{
	text-align: left;
	border-collapse: collapse;
	width: 940px;
	margin: auto;
    position:relative;
    z-index:10;
}
table.ProductComparison3
{
	width: 581px;
}
table.ProductComparison2
{
	width: 444px;
}
table.ProductComparison tbody th
{
	text-align: left;
    font-weight:normal;
}
table.ProductComparison thead tr
{
	background: none;
}

table.ProductComparison tbody th
{
	padding:0 0px 0 18px;
	height: 20px;
    
}

table.ProductComparison tbody td
{
	padding:0 23px 0 23px;
	height: 20px;
    
}
table.ProductComparison thead th
{
	height: 35px;
}
table.ProductComparison td
{
    width:100px;
	color: #666;
	font-size: 10px;
}
table.ProductComparison tbody th
{}

table.ProductComparison tbody th.odd
{
    background: #efefef;
}

table.ProductComparison tbody td
{
}

table.ProductComparison tbody td img
{
    float:left;
}

table.ProductComparison tr.PriceAndChooseRow td
{
	height: 48px;
}
table.ProductComparison tr.ProductChooseButtonRow td 
{
	height: 61px;
	vertical-align: bottom;
}
table.ProductComparison tr.ProductPriceRow td {	height: 40px; }

table.ProductComparison img
{
	display: inline;
}
table.ProductComparison thead th
{
	width: 167px;
	color: #252525;
	font-size: 1.2em;
	vertical-align: middle;
	text-align: left;
}


table.ProductComparison thead th.ProductTitle
{
	font-size: 1.8em;
	margin: 0px;
	width: 134px;
	border-width: 0px;
    font-weight:normal;
    padding: 0 20px;
    
}

table.ProductComparison tr.ProductPriceRow td {	font-size: 22px; font-weight:normal; }
table.ProductComparison tr.ProductPriceRow td span { font-size: 11px; font-weight:normal; }

table.ProductComparison tr.RecommendedRow .RecommendedProduct
{
	background: transparent url("../images/bg-best.png") no-repeat;
	height: 22px;
}
table.ProductComparison tr.TopDataRow td, table.ProductComparison tr.TopDataRow th
{
	border-top: none;
}

.ProductComparisonIntro
{
	margin-left: 20px;
	margin-right: 20px;
}
.ProductComparisonIntro h1 
{
	text-align: left;
}



table.Product
{
	text-align: left;
	border-collapse: collapse;
	width: 320px;
    float:left;
    margin:36px 0 0 30px
}

table.Product tbody th
{
	text-align: left;
    font-weight:normal;
}
table.Product thead tr
{
	background: none;
}

table.Product tbody th
{
	padding:0 0px 0 18px;
	height: 20px;
    
}

table.Product tbody td
{
	padding:0 10px 0 10px;
	height: 20px;
    
}
table.Product thead th
{
	height: 35px;
}
table.Product td
{
    width:100px;
	color: #666;
	font-size: 10px;
}
table.Product tbody th
{}

table.Product tbody .odd
{
    background: #efefef!important;
}

table.Product tbody td
{
    background: #fff;
}

table.Product tbody td img
{
    float:left;
}

table.Product tr.PriceAndChooseRow td
{
	height: 48px;
}
table.Product img
{
	display: inline;
}
table.Product thead th
{
	width: 167px;
	color: #252525;
	font-size: 1.2em;
	vertical-align: middle;
	text-align: left;
}


table.Product thead th.ProductTitle
{
	font-size: 1.5em;
	margin: 0px;
	width: 134px;
	border-width: 0px;
    font-weight:normal;
    padding: 0 10px;
    background:#1e1e1e; color:#fff;
    
}

table.Product tr.PriceAndChooseRow
{
	height: 72px;
}
table.Product tr.PriceAndChooseRow td
{
	font-size: 40px; font-weight:normal;
    line-height: 100%;
}

table.Product tr.PriceAndChooseRow td p
{
	margin: 14px 0 8px 0;
}

table.Product tr.PriceAndChooseRow td span
{
	font-size: 11px; font-weight:normal;
}


table.Product tr.TopDataRow td, table.ProductComparison tr.TopDataRow th
{
	border-top: none;
}

.feature_panel 
{
width:180px;
margin: 0 15px; 
float:left
}

.interactive-server
{
	background: transparent url("../images/server-images/interactive/back.gif") no-repeat;
	height: 450px;
    width: 424px;
    position:relative;
}

.interactive-server .hdd
{
	background: transparent url("../images/server-images/interactive/hdd.png") 0 0 no-repeat;
	height: 116px;
    width: 178px;
    position:absolute;
    top:10px;
    right:110px;
}

.interactive-server .hdd:hover
{
	background: transparent url("../images/server-images/interactive/hdd.png") 0 -116px no-repeat;
}

.interactive-server .cpu
{
	background: transparent url("../images/server-images/interactive/cpu.png") 0 0 no-repeat;
	height: 72px;
    width: 121px;
    position:absolute;
    top:80px;
    left:55px;
}

.interactive-server .cpu:hover
{
	background: transparent url("../images/server-images/interactive/cpu.png") 0 -72px no-repeat;
}

.interactive-server .mem
{
	background: transparent url("../images/server-images/interactive/mem.png") 0 0 no-repeat;
	height: 89px;
    width: 164px;
    position:absolute;
    top:115px;
    left:200px;
}

.interactive-server .mem:hover
{
	background: transparent url("../images/server-images/interactive/mem.png") 0 -89px no-repeat;
}





#products {
	margin:24px 0 0 14px;
}

/*
	Server Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#products .slides_container {
	width:407px;
    height:360px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.#products slides_container a {
	width:407px;
	height:360px;
	display:block;
}

.#products slides_container a p {
margin-top:500px;
}


/*
	Next/prev buttons
*/

#products .next,#products .prev {
	position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:none;
	z-index:101;
}

#products .prev {
	background:url(../images/arrow-prev.png);
}

#products .next {
	left:398px;
	background:url(../images/arrow-next.png);
}

/*
	Pagination
*/

#products .pagination {
	width:407px;
	padding:0px;
	float:left;
    margin-top: 20px;
}

#products .pagination li {
	float:left;
	margin:0;
    padding:0;
	list-style:none;
    background:none!important;
}

#products .pagination li a {
	display:block;
	width:134px;
	height:23px;
	margin:0 0 0 -1px;
    padding:7px 0 0 0;
	border:1px solid #c7c7c6;
	float:left;
	background: url(../images/server-images/slider-pag.png) 0 0 repeat-x ;
    text-align:center;
    color: #ca0678;
    text-decoration: none;
    
    
}

#products .pagination li.current a {
	background: url(../images/server-images/slider-pag.png) 0 -30px repeat-x ;
    color:#fff;
}



.most-popular 
{
    background:url(../images/most-popular.png) no-repeat 0 0;
    height:444px;
    width:220px;
    position: absolute;
    top:280px;
    right: 180px;
    z-index:9; 
}