body,td,th, tr, p, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
/*
Layout styles
*/


#logo {
	position:absolute;
	left:0px;
	top:7px;
	width:173px;
	height:92px; /*!important */
	z-index:1;
	background-image: url(cssimages/logo.gif);
	background-repeat: no-repeat;
}
#search {
	position:absolute;
	left:0px;
	top:100px;
	width:173px;
	height:100px;
	z-index:2;
	background-color: #999;
}
#header {
	position:absolute;
	left:175px;
	top:100px;
	width:286px;
	height:100px;
	z-index:3;

	background-repeat: no-repeat;
}
#slogan {
	position:absolute;
	left:463px;
	top:100px;
	width:182px;
	height:100px;
	z-index:4;
	background-color: #999;
	background-image: url(cssimages/slogan.gif);
	background-repeat: no-repeat;
}
#menu {
	position:absolute;
	left:647px;
	top:100px;
	width:131px;
	height:100px;
	z-index:5;
	vertical-align: middle;
	
}
#maincontent {

	margin-left:20px;
}
#left {
	position:absolute;
	left:0px;
	top:225px;
	width:175px;
	height: 115%;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	z-index:7;
	background-color: #EEEEEE;
	
}


/* END OF LAYOUT STYLES */
hr
 {
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
}

a:link, a:visited
{
color: #666;
text-decoration  : underline;
}
a:hover 
{
text-decoration: underline;
color: #666;
}
a.category:link, a.category:visited
 {
  color            : #999;
  font-weight      : bold;
}
a.category:hover 
{
  color            : #666;
}
.mainlevel 
{
text-transform: lowercase;	
  }
a.mainlevel:link, a.mainlevel:visited, a.sublevel:link, a.sublevel:visited
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	display: block;
	vertical-align: middle;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	height: 15px; /* !important */
	width: 100%;
	text-decoration: none;
text-indent: 15px;

}
a.mainlevel:hover, a.sublevel:hover
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	display: block;
	vertical-align: middle;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	height: 15px; /* !important */
	width: 100%;
	text-decoration: none;
text-indent: 15px;

}
a.mainlevel-bottom:link, a.mainlevel-bottom:visited, a.mainlevel-bottom:hover
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}

#active_menu, a#active_menu:link, a#active_menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	display: block;
	vertical-align: middle;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	height: 15px; /* !important */
	width: 100%;
	text-decoration: none;
text-indent: 15px;
	}

table.moduletable 
{
	width            : 100%;
	margin-bottom    : 5px;
	font-weight: normal;
}
table.moduletable th
 {
	font-weight: bold;
	background-image:url(../cssimages/horline.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	display: block;
	vertical-align: middle;
	font: 12px Trebuchet MS, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	height: 20px; /* !important */
	width: 98%;
	text-indent: 10px;
}

.newsflash 
{
  font : 10px Trebuchet MS, Arial, Helvetica, sans-serif;
  color : #00467A;
  text-transform : uppercase;
}
.frameheader 
{
  font             : 18px Trebuchet MS, Arial, Helvetica, sans-serif;
  color            : #ADC1D2;
}
.poll
 {
  font     : 10px Trebuchet MS, Arial, Helvetica, sans-serif;
  color            : #666666;
  line-height      : 15px
}

.inputbox
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-indent: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: inset;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.contentpane 
{
	padding-left     : 0px;
	padding-right    : 0px;
}
 .button 
{
	
}
.contentpaneopen 
{
	color:			#999999;
	width:100%;
	margin: 0px;
	padding: 0px;
	border: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.buttonheading
{
vertical-align:top;
}
.componentheading
{
	font: 18px Trebuchet MS, Helvetica, sans-serif;
	color: #666666;
	text-indent: 3px;
}
.contentheading
{
	font: 18px Trebuchet MS, Helvetica, sans-serif;
	color: #999;
	text-transform: lowercase;	
	padding-bottom: 30px;
}

.contentdescription 
{
	font     : 11px Trebuchet MS, Arial, Helvetica, sans-serif;
	color            : #333333;
	text-align       : left;
	white-space: nowrap;
}
.category 
{
  color            : #999999;
  font     : 11px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight      : bold;
}

.sectiontableheader 
{
  font-weight: bold;
  background: #f0f0f0;
}
.sectiontablefooter 
{
}

.sectiontableentry1 

{
	background-color : #ffffff;
}

.sectiontableentry2
 {
	background-color : #f9f9f9;
}

.small 
{
  font      : 9px Trebuchet MS, Arial, Helvetica, sans-serif;
  color            : #7492AB;
  text-decoration  : none;
  font-weight      : normal;
  
}

.smalldark 
{
  font      : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #000000;
  font-weight      : normal;
}			

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;

}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  
    color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
ul 
	{
	}

/* taken out to remove arrow before rating bar li {
	list-style-image: url(images/arrow.png);
	}
	
*/

.readon {
	background-image: url(cssimages/readon.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
}
.latestnews {
	line-height: 16px;
	padding-bottom: 4px;
	color:#333333;
}

.searchresultbox {
	width:980px;
	}

.searchresultitem {
	width:166px;
	height:245px;
	background-color:#EEE;
	border: 1px solid #999;
	margin: 9px;
	float:left;
	padding:5px 0 0 0;
	}

.searchresultitemtitle {
	color:#666;
	font-size:1.2em;
	float:left;
	margin-left:2px;
	}
	
.templatesubtitle {
	color:#666;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
  float:left;
	}
	
.templatesubtitlebar {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	float:left;
	border-right:solid #ccc 1px;
	height:30px;
	width:33%;
  border:none;
	}
.templatesubtitlebar a {
	color:#eee;
}	
.subscriptionbox {
	width:500px;
	padding:10px;
	border: dashed #F00 1px;
	background-color: #f8f8f8;
	text-align:left;
	float:left;
	margin-left:10px;
	}

.templatedetailsbox {
	background-color: #F8F8F8;
	border: solid #999 1px;
	text-align:left;
	padding: 10px;
	margin-bottom:10px;
	margin-left:10px;
	font-size:1.2em;
	font-family: helvetica, arial, courier new, times new roman, georgia, geneva;
	display:block;
	clear:both;
	width:947px;
}

.templateimagepadding {
	border: solid #666;
	border-width: 10px 0 10px;
}
.templateboxbottom {
	width: 220px;
	height:160px;
	background-color: #F8F8F8;
	border: solid #999 1px;
	text-align: left;
	padding:10px;
	margin: 10px 0 10px 10px;
	}
	
.templatepricetext {
	color: #747474;
	font: 34px arial;
	text-align: center;
	margin-top:5px;}
	
.searchresultitemtext {
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;

	}
	
.thumbborder {
	border: solid 1px #CCC;
	/*margin-left:4px;
	margin-top:5px;*/
	width:140px;
	height:112px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
	}

	
.templatethumbborder {
	float:left;
	text-decoration: underline;
	
	
	}
	
.templateimgholder {
	width:250px;
	border: solid 1px #666;
	float:left;
	margin:10px;
	font-size:20px;
	background:#DEDEDE;
	line-height:28px;
	text-align:center;

}

.templateimgholder img {
	border:0;
}

.templateboxtop {
	margin:10px;
	background-color: #eeeeee;
	border: solid 1px #999;
	width: 336px;
	height: 280px;
	float:left;
	margin-right:10px;
	}
	
.basicsearchtitle {
	font-size:14px;
	color: #999;
	font-weight: bolder;
	float:left;
	}
	
h1 {
	font-size: 12px;
	color: #7492AB;
	}
	
h2 {
	font-size: 18px;
	color: #999;
	font-weight:bolder;
	}
	
h3 {
	text-decoration: underline;
	}

h4 {
	font-size:16px;
	color: #999;
	font-weight:bolder;
	text-decoration:underline;
	margin-bottom:-5px;
	}
	
h5 {
	font-size: 12px;
	color: #7492AB;
	margin-bottom:0px;
	}
	
h6 {
	font-size:10px;
	font-weight:bolder;
	margin-bottom:-10px;
	
	}
	
.pricetext {
	font-weight:bold;
	color:#666;
}

.searchbox {
	width:122px;
	margin: 10px auto 0 auto;
	border: solid 1px #ccc;
	text-align:center;
}

.searchboxtitle {
	margin: 0 auto 0 auto;
	width:120px;
	background:#fff;
	border:solid #ccc;
	border-width: 0 0 1px 0;
	text-align:center;
}


.googleboxalign {
	width:203px;
	height:245px;
}

.menuitem { 
	border: solid 1px #ccc;
	border-width: 0 1px 0 0;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#bbb;
	font-size:12px;
	width:19.9%;
}

.menuitem:hover {
  	background:#999;
}

.menuitem a {
  	color:#ddd;
	font-weight:bold;
}

.menuitem a:hover {
  	text-decoration:none;
}
.topmenu {
  	z-index:99;
	width:100%;
}

.borderTableBox2 a {
  	text-decoration:none;
}

.templatedescription {
  float:left;
  line-height:14px;
  margin-right:10px;
}

.templatesubscription {
  width:947px !important;
  text-align:center;
}

.templatesourceouter {
  float:left;margin-right:15px;width:200px;
}

.templatesourceinner {
  float:left;height:80px;margin-right:3px;
}

.templatesourceinside {
  color:#666; font-size:12px;line-height:20px;
}

.testedwithouter {
  text-align:center;height:160px;margin-right:3px;float:left;
}

.templatetestedwith {
  color:#666;
  font-size:12px;
  line-height:20px;
  width:100px;
  float:left;

}

.templatesitefeaturesouter {
  float:left;
  margin-right:15px;
  width:215px;
  margin-bottom:10px;
}

.templatesitefeaturesinner {
  float:left;
  margin-right:3px;
  height:80px;
}

.templatesitefeaturesinside {
  color:#666; font-size:12px;line-height:20px;
}

.verifiedinouter {
  float:left;margin-right:15px;width:180px;margin-bottom:10px;
}

.verifiedininner {
  float:left;margin-right:3px;height:80px;
}

.verifiedininside {
  color:#666; font-size:12px;line-height:20px;
}

.clearleft {
  clear:left;
}

.nomargin {
  margin:0;
}

#searchwrapper {
 width:675px;margin-left:auto;margin-right:auto;
}

.firstcolorexpanded {
  height:80px;
}

.firstcolorexpandedsub {
  height:60px;margin-left:30px;
}

.secondcolorexpanded {
  height:60px;
  margin-left:15px;
}


.thirdcolorexpanded {
  height:60px;margin-right:30px;
}

.pricingbox {
  height:160px;
}

.pricesbox {
  width:220px;height:60px;
}

.minpricebox {
 width:90px;
}

.forminputbox {
  width:90px;
}

.maxpricebox {
  width:220px;height:60px; 
}

.pricetypebox {
 margin-right:40px;
}

.pricetypeinnerbox {
  width:220px;height:60px;
}

.layouttypebox {
  width:260px;height:140px;margin-left:30px;
}

.fixedstretchedbox { 
  width:260px;height:140px;float:right;margin-right:30px;
}

.compatibilitycollapse {
  height:290px;
}

.compatibilitycollapseinner {
  width:280px;float:left;margin-left:20px;
}

.csstablesbox {
  width:260px;height:70px;
}

.csstablesinner {
  margin-left:15px;width:100px;float:left;
}

.compatibilitybox {
  height:220px;
}

.userratinginnards { 
  margin-left:10px;
}

.csstablesinside {
  font-size:14px;color:#777;font-weight:bold;text-transform:uppercase;font-family:Verdana, Arial, Helvetica, sans-serif;
}

.browsercompatibilityouter {
  width:260px;height:180px;
}

.w3cvalidouter {
  float:right;margin-right:40px;width:280px;
}

.w3cvalidinner {
  width:280px;height:70px;
}

.joomlaversionouter {
  width:280px;height:180px;
}

.choosecompanyouter {
  width:280px;height:170px;margin-left:30px; 
}

.choosecompanyouter2 {
  width:280px;height:170px;margin-left:30px;float:left;
}

.sourcefileouter {
  width:280px;height:170px;margin-right:30px;float:right;
}

.sourcefilesinner {
  clear:both;margin-left:10px;margin-right:10px;
}

.selectboxinput {
  width:260px;margin-left:10px;margin-top:10px;border: solid 1px #666;
}

.userratingminimumouter {
  width:280px;height:170px;margin-right:30px;float:right; 
}

.userratinganybox {
  clear:both;margin-left:10px;margin-right:10px;
}

.otherdetailsboxouter {
  height:180px;
}

.otherdetailsouter {
 width:280px;height:120px;margin-left:30px;float:left;
}

.extrainfoouter {
  margin-top:30px;margin-left:auto;margin-right:auto;width:255px;
}

.extrainfoinput {
  font-size:18px;
  width:240px;
}

.intendedpurposeouter {
  width:280px;height:120px;margin-left:30px;float:left;
}

.intendedpurposeinner {
  margin:10px 0 0 10px;
}

.submitbutton {
  margin-bottom:40px;
}

.form1outer {
  position:absolute;
}

.color1align {
  width:91px;
}

.color1innerbox {
  float:left;width:20px;height:20px;background-color:#FFFFFF;color:#F00;font-size:28px;font:Geneva, Arial, Helvetica, sans-serif;line-height:18px;font-weight:bolder;text-align:center;
}

.jscolorboxwhite {
  float:left;width:20px;height:20px;background-color:#ffffff;
}

.jscolorboxgrey {
  float:left;width:20px;height:20px;background-color:#cccccc;
}

.jscolorboxblack {
  float:left;width:20px;height:20px;background-color:#000000;
}

.jscolorboxred {
  float:left;width:20px;height:20px;background-color:#ff0000;
}

.jscolorboxpink {
  float:left;width:20px;height:20px;background-color:#ffbbdd;
}

.jscolorboxyellow {
  float:left;width:20px;height:20px;background-color:#ffff77;
}

.jscolorboxorange {
  float:left;width:20px;height:20px;background-color:#ffaa00;
}

.jscolorboxbrown {
  float:left;width:20px;height:20px;background-color:#9e7e00;
}

.jscolorboxgreen {
  float:left;width:20px;height:20px;background-color:#00ff00;
}
  
.jscolorboxpurple {
  float:left;width:20px;height:20px;background-color:#a900c7;
}

.jscolorboxblue {
  float:left;width:20px;height:20px;background-color:#0000ff;
}

.absolute {
  position:absolute;
}

.popupboxinner {
 width:90px;
}

.secondpopupbox {
  float:left;width:20px;height:20px;background-color:#FFFFFF;color:#F00;font-size:28px;font:Geneva, Arial, Helvetica, sans-serif;line-height:18px;font-weight:bolder;text-align:center;
}

.thirdpopupbox {
  float:left;width:20px;height:20px;background-color:#FFFFFF;color:#F00;font-size:28px;font:Geneva, Arial, Helvetica, sans-serif;line-height:18px;font-weight:bolder;text-align:center;
}

.otherdetailsouterbox {
  height:150px;
}

.extrainfoinput {
  margin:17px;
}