@charset "iso-8859-1";

body {
	margin: 0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color:#232323;
	background-color:#ffffff;
	background-position: left top;
    background-image: ;
	background-repeat: repeat-x;
}

a:link { color: #428CE7; text-decoration: none; }
a:active { color: #428CE7; text-decoration: none; }
a:visited { color: #428CE7; text-decoration: none; }
a:hover { color: #428CE7; text-decoration: underline; }

h1{
	font-weight: normal;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #232323;
	line-height:normal;

}

h2 {
	margin-top: 15px;
	margin-bottom:5px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #555555;
	line-height:normal;
}

.primary_blue { color: #428CE7; }
.secondary_blue { color: #004A80; }
.primary_red { color: #AC0000; }
.primary_grey { color: #808080; }

ul li {
 list-style-image: url(b_arrow_1.gif);
}

.logo {
	cursor: pointer;
	position: absolute;
	float: left;
	width: 230px;
	height: 25px;
	top: 30px;
	left: 40px;
	/* IE 5+/Win only filter */
}

.login {
	cursor: pointer;
	font-size: 11px;
	font-family: verdana;
	line-height: 200%;
	color: #808080;
	text-align: center;
	width: 280px;
	height: 30px;
	position: absolute;
	float: right;
	top: 15px;
	right: 40px;
	/* IE 5+/Win only filter */
}
/* Other browsers. IE ignores [attributes] */
.login[class] {
	background-image: url(/_images/login_bg.png);
}
a.login .over, a.login:visited .over {
	color: #FFFFFF;
	text-decoration: none;
}
a.login:hover .over, a.login:active .over {
	color: #FFFFFF;
	text-decoration: underline;
}

#page_content {
	position: relative;
	width: 760px;
	padding-top: 15px;
}

#logobox {
	display: block;
	position: absolute;
	width: 230px;
	height: 25px;
	left: 40px;
	top: 30px;
}

#loginbox {
	overflow: hidden;
	display: block;
	position: absolute;
	width: 109px;
	height: 27px;
	top: 15px;
	right: 40px;
}

a:hover#loginbttn {
	position: absolute;
	right: 0px;
}
#loginbttn img {
	border: none;
}


.quote {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	font-style: italic;
	line-height: 150%;
}

/** copyright footer **/

#copyright {
	font-size: 9px;
	line-height: 200%;
	position: relative;
	padding-left: 10px;
	padding-top: 40px;
	padding-botton: 20px;
}

#copyright a, a:visited {
	color: #428CE7;
	text-decoration: none;
}
#copyright a:hover, a:active {
	color: #428CE7;
	text-decoration: underline;
}

/** end copyright footer **/


#title {
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 100%;
	font-size: 23px;
	letter-spacing: -1px;
	color: #232323;
}

/** FAQs **/

.faq {
	line-height: 150%;
	color: #808080;
}
.faq .q {
	color: #004A80;
	font-weight: bold;
}


/** product page content **/
#content {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 150%;
	color: #444;
}

#content a {
	color: #428CE7;
	text-decoration: none;
}
#content a:visited {
	color: #428CE7;
	text-decoration: none;
}
#content a:hover {
	color: #428CE7;
	text-decoration: underline;
}
#content .box {
	width: 760px;
	padding: 0;
	border-left: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	text-align: left;
}
#content .col {
	width: 320px;
}

#content .col-wide {
	width: 550px;
}

#content .block1 {
	padding-left: 20px;
	padding-right: 20px;
}

#content .block1-lo {
	padding-left: 20px;
}

#content .block1-ro {
	padding-right: 20px;
}

#content .break {
	padding: 10px;
}

#content hr {
	border: 0;
	width: 90%;
	color: #c2c2c2;
	background-color: #c2c2c2;
	height: 1px;
}
#content hr .e3 {
	border: 0;
	width: 95%;
	color: #e3e3e3;
	background-color: #e3e3e3;
	height: 5px;
}
#content hr .ea {
	border: 0;
	width: 90%;
	color: #eaeaea;
	background-color: #eaeaea;
	height: 1px;
}
#content .bp {
	font-size: 11px;
	line-height: 140%;
	color: #808080;
}

.tour_copy {
	font-size: 12px; 
	color: #666666;
	line-height: 140%;
	text-align: left;
	text-indent: 0px;
	white-space: normal;
	display: block;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.tour_header {
	font-size: 13px;
	color: #004A80;
	text-align: left;
	white-space: normal;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
}

#details {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 140%;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color:#808080;
}
#details .th, #details .th a, #details .th a:visited {
	font-size:12px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
#details .th a:hover, #details .th a:active {
	font-weight: bold;
	color: #428CE7;
	text-decoration: underline;	
}

#contactform {
	padding: 10px;
	line-height: 140%;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color:#808080;
}


#addonnew {  margin-top:  25px;}
#addonnew td{
}

#addonnew .lmarg { margin-left:15px;}

#addonnew  .addondesc { line-height:150%;height:180px; font-size:11px; }

#addonnew  .addontop { line-height:120%;height:112px; margin-bottom:10px; }
#addonnew  .addonbutton { padding-bottom:15px; text-align:right; }


.snap {
	position: relative;
	top: -10px;
	left: 17px;
	cursor: pointer;
	float: left;
	width: 187px;
	height: 185px;
	margin-right: 10px;
}
.detailsnap {
	position: relative;
	right: 15px;
	cursor: pointer;
	float: right;
	width: 187px;
	height: 185px;
}

.wmtlg { font-size:22px;}

.wmtlabel { font-weight:bold; color:#666666;}
.wmtwidebody { padding-left: 66px; padding-right:30px; margin:0px;}
.wmtwhy { } 

.whymtsites {

	height: 148px;

}

#whymttable A:link{ color: #000000;}

#whymttable A:visited { color: #000000}
#whymttable A:active { color: #999999}
#whymttable A:hover { color: #666666;
text-decoration:underline;}

a.indenter { margin-left:48px;}

a.indenter2 { margin-left:42px;}

#whymttable a.redwhymt { color:#901101; font-weight:bold;}
#whymttable a.redwhymt:link { color:#901101; font-weight:bold;}
#whymttable a.redwhymt:visited { color:#901101; font-weight:bold;}

div.whymtdetailcontent { padding-left:30px; padding-right:30px; padding-top:47px;}

.whymtdetailcontent A:link{ color: #000000;}

.whymtdetailcontent A:visited { color: #000000}
.whymtdetailcontent A:active { color: #999999}
.whymtdetailcontent A:hover { color: #666666;
text-decoration:underline;}

.whymtdetailcontent a.redwhymt { color:#901101; font-weight:bold; font-size:14px;}
.whymtdetailcontent a.redwhymt:link { color:#901101; font-weight:bold;  font-size:14px;}
.whymtdetailcontent a.redwhymt:visited { color:#901101; font-weight:bold;}

ul.whitebullets { width:31.5%; float:left;  padding:0; margin:0 0 15px 0;}
ul.whitebullets li{   color:#6ab7eb; list-style-position:inside; list-style-type:square; list-style-image:none; }
ul.whitebullets li span{ color:#ffffff;}
ul.uno { margin-left:15px; width:30%}

ul.dos { width:32%;}
ul.tres { margin-left:15px;}

.m-innergrey div.conbox { float:left; height:143px; margin-bottom:10px;}

.iw-left { float:left; width:60%; border-right:1px solid #d5d5d5;}
.iw-right {float:right; width:37%; font-size:11px;  line-height:normal;}
.iw-right p {font-size:11px; line-height:normal; margin:0 0px 20px 0px; padding-left:20px; padding-right:20px; color:#616161; }
.iw-right p.firstp{ color:#000000; font-size:12px; padding-top:12px;}

.iw-right img { display:block; margin-top:12px; margin-bottom:5px; }

.iw-left p { font-size:11px; padding-left:58px; padding-right:15px; line-height:normal; margin:0 0 23px 0}
.iw-left p b{ display:block; font-size:12px; font-weight:bold;}

/*END*/
.clearbevel {clear:left; font-size:1px; line-height:1px; padding:0; margin:0 0 8px 5px; height:1px; width:670px; background-color:#a9a9a9; border-bottom:1px solid #d5d5d5;}
.clearerleft { clear:left; font-size:1px; line-height:1px; padding:0; margin:0; }
.clearerall { clear:both; font-size:1px; line-height:1px; padding:0; margin:0; }

.gridcta p { font-size:10px; padding:10px 0px 12px 0px; margin:0 26px 0 18px; }
.gridctatop { margin:0; height:50px; display:block; cursor:pointer;}

div.conbox ul { margin:0; padding:0 0 0 19px; line-height:1em; list-style-type: disc; list-style: disc; }
div.conbox li {  font-size:11px; color:#000000; list-style-type:disc; list-style:disc; list-style-image:none; margin-left:20px; display:block; margin-bottom:0px; padding:0px; margin-top:4px; line-height:1em; }
div.conbox li.containertitle { float:left; position:absolute; text-indent:-10000px;}
div.conbox li.conprice { width:90%; line-height:1em; list-style-type:none; list-style-image:none; margin:0; padding-top:5px; padding-left:0px; font-size:18px; color:#2783d9; list-style:none; margin-left:0; margin-bottom:0; padding-bottom:0;}
p.conorder { margin:0px 0 0 20px; color:#999999; font-size:11px;  list-style-type:none; list-style-image:none; padding:0; list-style:none;}



div.conbox li.ramspec { margin-top:40px;} 
div.conbox li.red span{ color:#990000;}
div.conbox li.ramspec span{ font-size:10px; color:#646464}  
div.conbox li.buynow { width:45%; float:right; list-style-type:none; padding-top:18px;}

.poolcontainerad p { padding:5px 15px 15px 15px; font-size:.95em; margin:0; line-height:13px; color:#000000; }

.poollefter { float:left; width:530px; font-size:12px;  color:#333333; padding-top:25px;}

.poollefter p { margin-top:0px; margin-bottom:22px; color:#595959;}

.poollefter blockquote { margin-left:10px; line-height:normal; color:#595959; font-size:.98em;}

.poollefter p.firstp {  color:#333333;}
.poollefter p.lastp {  color:#595959; padding-top:12px; line-height:normal;}

.poolrighter div.conban { padding:8px 0 6px 0; background-image:none; }

.poolrighter div ul{ margin-left:8px; padding-left:3px; margin-top:0px; margin-bottom:0;}
.poolrighter div ul li { padding:0; margin:0; font-size:10px; list-style:square; list-style-image:none;}

.poollefter h2 { 
  font-family: Arial;


  font-size: 18px; color:#333333; font-weight:bold; border-bottom:1px solid #cccccc; margin-bottom:0px; padding-bottom:5px;}
.poollefter h3 { 
  font-family: Arial;


  font-size: 14px; margin-bottom:0; color:#004a80; font-weight:normal;}
  
  
 .poollefter h3.poolad  {
  font-family: Arial;


  font-size: 13px; margin:0px 15px 0px 15px; color:#777777;}

.newmysqlcongs p b { display:block; font-size:12px;}

#content .newmysqlcongs p b a { color:#555555;}
#content .newmysqlcongs p b a:visited { color:#555555;}

.faqsearch input { color:#595959; font-size:12px; padding:3px; width:530px;}

div.clearinvisl { clear:left; line-height:1px; font-size:1px; height:0px;}

/*Lightbox styles*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #808080;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/_images/blank.gif) no-repeat;
	display: block;
	}


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #808080;
	margin: 0 auto;
	line-height: 1.4em;
	color:#000;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {

	height: 1%;

	}	

	
	
	.newgridfaqs { padding:25px}
	
	.newgridfaqs h3{  font-family: Arial; font-weight:bold;


  font-size: 13px; margin-bottom:8px; color:#004a80; line-height:normal; margin-top:0px; }
  
  .newgridfaqs p { font-size:11px; line-height:150%; color:#595959; margin-top:0px; margin-bottom:20px;}
   .newgridfaqs blockquote { padding:20px 20px 0px 20px; margin:0;}
   
     .newgridfaqs blockquote img{ margin-top:5px; margin-bottom:8px;}
  
   .newgridfaqs p strong { color:#000000;}
   
   .newgridfaqs p.overview { font-size:12px; margin-bottom:25px;}
	
	.newgridfaqs div.gpulcol {float:left; width:280px;}
	
	.newgridfaqs div.gpulcol p { margin-bottom:25px;}

	.newgridfaqs div.gpurcol h3 { font-size:14px;}
	
	.newgridfaqs div.gpurcol p { line-height:normal; margin-bottom:12px;}
	

	
	.csspage_content {
	margin:0 auto;

	width: 760px;
	padding-top: 15px;
	text-align:left;
}

.lore_left_panel, .lore_breadcrumb { padding-top: 20px; }

/** pop ups **/

.right {
	font-size: 1.0em;
	padding-right: 100px;
	text-align: right;
}

#pic {
	background-color: #FFFFFF;
	left: 8px;
	position: relative;
	top: 10px;
	width: 184px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 0px;
	left: 1047px;
	position: absolute;
	top: 185px;
	width: 0px;
	visibility: visible;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 0px solid #000000;
	display: block;
	height: 124px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 184px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 342px;
	left: -488px;
	position: absolute;
	top: -102px;
	width: 470px;
}