@charset "iso-8859-1";
/* Layout ******************/
body {
  padding:0; margin:0 auto; width:946px; 
}
#main {
  float:left; width:388px; margin-left:272px; padding: 0 7px;

}
#templates {float:right; width:667px; padding: 0 0 0 7px;}
#categories {float:left; width:272px;}
.trow1 {float:left; width:330px; padding: 0 7px 7px 0}
.trow2 {float:right; width:330px; padding: 0 0 7px 0}
.title{height: 61px; width:667px; padding-bottom: 3px}

* html #main {
  margin-left:136px;
}

#about {
  float:left; width:272px; margin-left:-674px;
}

#news {
  float:right; width:272px;
}

#content {
  overflow:hidden; width:100%; padding: 5px 0 8px 0;
}

#head1 {
	height: 140px;
}

#head2 {
	height: 41px; padding: 12px 0 0 29px; margin: 0px;
}
#head3 {
	height: 26px; padding: 12px 0 0 63px;
}

#section {
	height: 168px; padding-left: 30px;
}

#prt {overflow:hidden; width:100%; margin: 0 0 10px 0;}
#prttop {width: 886px; padding: 20px 30px 0 30px}
#prtleft {width: 428px; float: left; padding: 5px 15px 5px 30px}
#prtright {width: 428px; float: right; padding: 5px 30px 5px 15px}
#prtbot {width: 886px; padding: 5px 30px 20px 30px; text-align: center}
#ifr{padding: 10px 0; margin: 0; width:946px; text-align: center}

.preview { overflow:hidden; width:388px; padding: 3px 0}
.prpadding {padding: 8px 0 0 0;}
.primage {float:left; width: 151px; padding: 0 11px}
.prinfo {float:right; width: 200px; padding: 0 15px 0 0px}
.prname {height: 30px}

.prid {border-top: 1px solid #6E7F7F; padding-top: 3px}
.prtype {padding-top: 2px}
.prunicprice {padding-top: 2px}
.prprice {border-bottom: 1px solid #6E7F7F; padding: 3px 0}

.prbuttons {padding: 9px 0 4px 0}


.preview2 { overflow:hidden; width:330px; padding: 3px 0}

.pr2image {float:left; width: 151px; min-height: 145px; padding: 0 7px}
* html .pr2image {float:left; width: 151px; height: 145px; padding: 0 7px}

.pr2info {float:right; width: 160px; padding: 0 5px 0 0px}
.pr2name {padding: 3px 10px; width:310px;}
.pr2buttons {padding: 9px 0 4px 0}

.pr2id {border-top: 1px solid #6E7F7F; padding-top: 3px;}
.pr2type {padding: 2px 0 10px 0}
.pr2unicprice {padding-top: 2px}
.pr2price {border-bottom: 1px solid #6E7F7F; padding: 3px 0}

#footer {padding: 8px 0 0 0;}
#footer2 {padding: 8px 0 18px 0; overflow:hidden; width:100%;}

#head2but {float:left;}
#searchinput {float:right; padding: 6px 5px 0 0;}
#searchbut {float:right; padding: 5px 10px 0 0;}
#searchlink {float:right; padding: 7px 35px 0 0;}

.fcolumn{float:left; padding: 10px 26px 10px 26px; width: 220px}
.fcolumn2{float:left; padding: 10px 26px 10px 26px; width: 350px}
.fcolumnwide{padding: 10px 26px 10px 26px; width: 894px}

.more {padding: 3px 12px 3px 12px}
.more2 {padding: 3px 12px 3px 12px}
#metaleft{float:left; padding: 15px 30px;}
#metaright{float:right; padding: 15px 30px;}

.formit{padding: 3px 12px 3px 34px}
.formbut{padding: 3px 12px 15px 182px}

/* Fonts *******************/
body {
  font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif;
  color:  #D1D1D1;
  line-height: 21px;
}
a {text-decoration: none}
a:hover {text-decoration: underline}
#about p{ 
 padding: 10px 25px; margin: 0px;
}
#categories p{ 
 padding: 10px 25px; margin: 0px;
}

#news p{
  padding: 0 25px 15px 25px; margin: 0px;
}
.newsdate {
	padding: 15px 25px 3px 25px; margin: 0px; color: #FFEFCC;
}
.title h3{font: 15pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #222D2D; padding: 16px 0 0 86px; margin: 0px}

#searchlink a{color: #2F3E3E;}
#footer2 h3{font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #5ED4FF; margin: 0px; padding: 0 0 5px 0;}
#footer2 a{font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #a3a3a3; text-decoration: none;}
#footer2 a:hover{text-decoration: underline;}
#footer2 {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #a3a3a3;}


#meta{font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #6D7575;}
#meta a{font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #6D7575; text-decoration: none;}
#meta a:hover{font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #6D7575; text-decoration: underline;}
#metaright {text-align: right}

#head3 a,span{font-family: "Trebuchet MS", verdana, helvetica, sans-serif; font-size: 10pt; color: #FFF; font-weight: 600}

.more a {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #FFEFCC; margin: 0px; padding: 5px;}
.more2 a {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #FFEFCC; margin: 0px; padding: 5px; font-weight: 600}

.prname {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #5ED4FF; font-weight: 600; line-height: 14px}
.prprice {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #FFEFCC; line-height: 11pt}
.prunicprice {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #E0F4FF; line-height: 11pt}
.prid {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #E0F4FF; line-height: 11pt}
.prtype {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #E0F4FF; line-height: 11pt}

.pr2name {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #5ED4FF; font-weight: 600; line-height: 14px}
.pr2price {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #FFEFCC; line-height: 12pt}
.pr2id {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #E0F4FF; line-height: 12pt}
.pr2type {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #E0F4FF; line-height: 12pt}
.pr2unicprice {font: 9pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #E0F4FF; line-height: 12pt}

.column a { color: #5ED4FF; font-weight: 600}

.ttext {padding: 0 25px}
.ttext h3 {font: 11pt "Trebuchet MS", verdana, helvetica, sans-serif; color:  #ffffff; line-height: 21px; margin: 10px 0 0 0; padding: 0px; font-weight: 600}
.ttext p {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color:  #D1D1D1; line-height: 21px;}
.ttext b {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color:  #FFFFFF; line-height: 21px; font-weight: 600}
.ttext a {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color:  #5ED4FF; line-height: 21px; text-decoration: none; font-weight: 600}
.ttext a:hover {font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color:  #5ED4FF; line-height: 21px; text-decoration: underline;  font-weight: 600}



#prt h2{font-family: "Trebuchet MS", verdana, helvetica, sans-serif; font-size: 12pt; color: #5ED4FF; font-weight: 600; margin: 0px; padding: 0 0 5px 0}
#prt p{font-family: "Trebuchet MS", verdana, helvetica, sans-serif; font-size: 10pt; margin: 0px; padding: 0px}
#prt strong{font-family: "Trebuchet MS", verdana, helvetica, sans-serif; font-size: 11pt; color: #FFEFCC; margin: 0px; padding: 0px}
/* Colors ******************/
html {background: #222D2D;}

#head1 {
	background: url(../images/bg.jpg) no-repeat right #FEFFFF;
}
#head2 {
	background: url(../images/head2bg.gif) repeat-x top #FEFFFF;
}
#head3 {
	background: url(../images/menu_bg.gif) repeat-x;
}
#section {background: #2F3E3E;}
#footer2 {background: #1A2323;}


.column{background: #384A4A;}
.preview { background: #435858;}
.preview2 { background: #435858;}
.pr2name { background: #435858;}
.more { background: #384A4A;}
.more2 { background: #384A4A;}
.primage img{border: 3px solid #5F7676}
.pr2image img{border: 2px solid #5F7676}
.blue { color: #5ED4FF}
.white { color: #FFFFFF}



#prt {background-color: #2F3E3E}
#ifr {background-color: #1A2323}
/* Misc ********************/
form{margin: 0px; padding: 0px}
#searchinput input{width: 140px}
.title{ background: url(../images/titlebg.gif) no-repeat top}
.searchform{ width: 200px; border: 1px solid #222D2D; font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #222D2D; padding: 1px}
.searchform2{ width: 204px; border: 1px solid #222D2D; font: 10pt "Trebuchet MS", verdana, helvetica, sans-serif; color: #222D2D; padding: 1px}
img{border: 0px}

/* Loader ****************/

#interface1 {
	z-index:1;
}
#loader_container {text-align:center; position:absolute; top:40%; width: 450px; padding: 10px 0}


.title_h2 {
 width:300px;
 padding:12px 0 0 18px;
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #435858;
	border: 2px solid #222D2D;
	width: 450px;
}
* html .border_preview {
	z-index:100;
	position:absolute; 
	background: #435858;
	border: 2px solid #222D2D;
	width: 450px;
	height: 300px;
}
.border_preview h2 {font-family: "Trebuchet MS", verdana, helvetica, sans-serif; font-size: 12pt; color: #5ED4FF; font-weight: 600; margin: 0px; padding: 10px 10px 0 10px}