@charset "utf-8";
/* CSS Document */

html {height:100%;}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
background:url(../images/body-bg.jpg) repeat-x #FFFFFF top;
min-height:100%;
color:#990000;
overflow-y:scroll;
*overflow-y:auto;
overflow-x:hidden;
}
#container {
width:80%;
min-width:888px;
margin:auto;
min-height:100%;
position:absolute;
left:50%;
margin-left:-40%;
}
a {-moz-outline:none;}
h1 {
font-size: 20px;
font-weight:normal;
color:#990000;
}
h2 {
font-size: 14px;
font-weight:bold;
}

/* content */
#intro {
padding:15px;
margin:auto;
text-align:justify;
}
#intro td {
vertical-align:top;
}

/* templates */
#templateholder .cont {
background:url(../images/bigbox_bg.jpg) top left repeat-x;
vertical-align:top;
}
#templateholder .templates {
overflow:hidden;
height:128px;
width:100%;
position:absolute;
left:0%;
}
#templateholder .templates div {
margin:0px 20px;
overflow:hidden;
width:auto;
}

.tempscrollers {
position:relative;
z-index:50;
}

.holdertitle {
font-size:14px;
font-weight:bold;
color:#990000;
padding:10px 5px;
clear:both;
}

.holderinfo {
font-size:12px;
font-weight:bold;
float:right;
color:#000000;
}

#thumbs {
height:128px;
}

#thumbs td {
height:120px;
padding:0px 10px;
text-align:center;
vertical-align:bottom;
}

#thumbs td a {
display:block;
padding-bottom:7px;
background:url(../images/thumb_bg.png) bottom repeat-x;
}

.codetemps {
width:150px;
float:left;
margin:10px;
text-align:left;
font-size:12px;
height:210px;
}
.codetempsinf {
background:url(../images/bg_tempinfo.jpg) top left repeat-x;
color:#FFFFFF;
padding:2px;
height:20px;
*height:10px;
}
.codetempsinf a {
color:#FFFFFF;
text-decoration:none;
}
.codetempsinf a:hover {
color:#000000;
}
.codetempsprice {
color:#666666;
padding:1px 2px;
height:10px;
font-size:11px;
}


#trailimageid {
font-size: 0.75em;
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
/*width: 270px; */
height: 0px;
z-index: 100;
}

#newdiv {
top:0px;
left:0px;
background:url(../images/spacer.png);
width:100%;
z-index:100;
text-align:center;
}

#alltemplateholder {
clear:both;
width:100%;
}

.steps {
margin-top:10px;
}
.steps td {
width:25%;
text-align:center;
}
.steps .done {
background:url(../images/stepbg_done.png)
}
.steps .curr {
background:url(../images/stepbg_curr.png)
}
.steps .next {
background:url(../images/stepbg_next.png)
}

.overview {
width:90%;
}
.overview a {
color:#FF0000;
font-weight:bold;
cursor:pointer;
}
.overview a:hover {
color:#000000;
}
.overview td {
text-align:justify;
padding:10px;
}
.price {
background:#EEEEEE;
border-top:1px dotted #666666;
border-bottom:1px dotted #666666;
font-size:20px;
color:#FF0000;
font-weight:normal;
}
.price input {
background:none;
border:0px;
font-size:20px;
color:#FF0000;
font-weight:normal;
}
.tempdetails {
padding:0;
margin:0;
list-style:none;
}

/* header */
#header {
   height:113px;
   background:url(../images/head-bg-big.jpg) no-repeat center top;
   text-align:left;
}
#reference {
   float:right;
   text-align:right;
   font-size:11px;
   color:#FFFFFF;
   width:290px;
   padding:0px 0px 10px 10px;
}
#headmenu {
   clear:both;
   text-align:center;
   background:url(../images/menu-bg.jpg) repeat-x;
   display:block;
}
#headmenu div {
   width:100px;
   margin:auto;
}

.headbut {
   vertical-align:top;
   padding:44px 0px 0px 0px;
}
.headbut a {
   color:#FFFFFF;
   font-weight:bold;
   text-decoration:none;
}
.headbut a:hover {
   color: #CC0000;
}
#contact {
   width:600px;
   margin:auto;
   margin-top:20px;
}
#contact ul {
   width:300px;
   margin:0px;
   padding:0px;
   list-style:none;
   text-align:left;
}
#contact ul li div {
   padding:10px 0px 5px 0px;
   color:#990000;
   font-weight:bold;
}
.li1 {
   background:url(../images/textfield_bg.png) bottom no-repeat;
   width:258px;
   padding:3px;
   display:block;
}
.li2 {
   width:261px;
   padding:3px;
   padding-right:0px;
   display:block;
}
.field {
   border:0px;
   width:257px;
   background:none;
}
.field2 {
   border:0px;
   width:122px;
   background:none;
   margin:2px 3px;
}
textarea {
   border:0px;
   height:127px;
   width:260px;
   margin:3px;
   *margin:1px 0px 2px 3px;
   *height:125px;
   *width:257px;
}
.textarea2 {
   border:0px;
   height:79px;
   width:260px;
   margin:3px;
   *margin:1px 0px 2px 3px;
   *height:77px;
   *width:257px;
}
.select1 {
   border:0px;
   width:257px;
   background:none;
}
.address {
float:right;
width:296px;
margin-top:50px;
color:#000000;
font-weight:bold;
font-size:14px;
}
#descholder {
   margin:5px;
   text-align:justify;
}
#descholder div {
   padding:4px;
   font-size:16px;
   color:#990000;
}
#descholder div a {
   color:#990000;
   text-decoration:none;
}
#descholder div a:hover {
   color:#000000;
   text-decoration:none;
}
.shadow {
   background:url(../images/shadow-bg.png) repeat-x top;
   height:34px;
}
#texts {
   width:49%;
   float:left;
}
#texts div {
   padding:10px;
   text-align:justify;
}
#texts h2 {
   color:#990000;
}
#navigation {
   margin:auto;
   clear:both;
}
.scrollbut {
   width:29px;
   height:102px;
   background:url(../images/navbut_bg.png) center bottom no-repeat;
   vertical-align:top;
   text-align:center;
}
#error {
   clear:both;
   width:600px;
   margin:auto;
   margin-top:20px;
   font-weight:bold;
   color:#CC0000;
}

#error ul {
   margin:0px;
   padding:0px;
   list-style:none;
   width
}

#error ul li {
   padding:2px 0px;
   width:300px;
}

#success {
   padding:50px;
   color:#006600;
   font-weight:bold;
   font-size:14px;
}

.boxesholder {
   clear:both;
   *margin-bottom:10px;
   width:auto;
}

.boxesholder p {
   text-align:justify;
}

#indextable td {
   text-align:justify;
   width:33%;
   vertical-align:top;
}

.contimage {
   padding:0px 10px;
   float:left;
}

.titlink {
   color:#FFFFFF;
   text-decoration:none;
}

.porttitle {
   padding:5px;
   text-align:center;
   color:#990000;
   font-size:14px;
   font-weight:bold;
}

.servs {
/*   background:url(../images/servicebox_bg.png) bottom no-repeat; */
   float:left;
   margin: 10px;
   text-align:left;
}

.servtitdiv {

   height:25px;

   font-size:14px;

   color:#FFFFFF;

}

.servtitdiv a {

   color:#FFFFFF;

   text-decoration:none;

}

.servtitdiv a:hover {

   color:#CC0000;

   text-decoration:none;

}

.servdesc {

   padding-bottom:10px;

   min-height:160px;

   margin:0px 9px 14px 34px;

}

.servdesc ul {

   padding:0px;

   margin:0px 0px 0px 16px;

   text-align:left;

   font-family:Georgia, Times New Roman, Times, serif;

   font-size:12px;

}

.servdesc ul li {

   padding-bottom:5px;

}

.servdesc ul li a {

   color:#000000;

   text-decoration:none;

}

.servdesc ul li a:hover {

   color:#FF0000;

   text-decoration:none;

}

.servdesc ol {

   margin:0px;

   padding:0px 2px 2px 34px;

   font-size:11px;

}

.servdesc ol li a {

   color:#000000;

   text-decoration:none;

}

.servdesc ol li a:hover {

   color:#990000;

}

/* products */
.prodsholder {
	display:none;
}
.prodsholder .tit {
background:url(../images/prod-tit-bg.png) left no-repeat;
width:190px;
height:24px;
line-height:26px;
padding:2px 5px 0px 5px;
color:#FFF;
font-size:14px;
}
.prodsholder .toplnks {
color:#000;
font-weight:bold;
float:right;
padding-top:4px;
}
.prodsholder .toplnks a {
color:#C00;
font-weight:normal;
}
.prodsholder .toplnks a:hover {
color:#000;
}

.prods {
float:left;
margin: 10px;
text-align:justify;
font-size:11px;
}

.prods a {
color:#000000;
font-size:12px;
font-weight:bold;
}

.prodboxtit {
background:url(../images/prodbox_titbg.jpg) top repeat-x;
height:40px;
border-left:1px solid #999999;
border-right:1px solid #999999;
text-align:center;
}

.prodboxtit a {
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

.prods a:hover {
color:#990000;
}

.packsholder {
   clear:both;
   *margin-bottom:10px;
   display:block;
   margin:auto;
}

.packs {

   background:url(../images/packagebox_bg.png) bottom no-repeat;

   float:left;

   margin: 10px 5px;

   text-align:left;

}

.packtitdiv {

   height:40px;

   font-size:12px;

   color:#FFFFFF;

   background:url(../images/pckg_tit_bg.png) left no-repeat;

}

.packdesc {

   padding-bottom:10px;

   min-height:170px;

   margin:4px 5px 14px 11px;

   font-size:11px;

   position:relative;

}

.packdesc ul {

   padding:0px;

   margin:3px 17px 0px 26px;

   text-align:left;

   font-family:Georgia, Times New Roman, Times, serif;

   font-size:12px;

}

.packord {

   float:right;

   margin:50px 0px 0px 2px;

}

.packprice {

   position:absolute;

   float:right;

   bottom:10px;

   right:5px;

   font-weight:normal;

   font-size:20px;

   color:#FF0000;

   width:190px;

   border-top:1px dotted #333333;

   text-align:right;

}



.legalholder {

   clear:both;

   margin:20px 0px;

   text-align:left;

   text-align:justify;

}

.legalmenurow {

   border-bottom:1px solid #999999;

   height:26px;

   clear:both;

}

.legalmenu {

   background:url(../images/legalbut_l.jpg) left bottom no-repeat;

   height:26px;

   float:left;

   font-family:Georgia, "Times New Roman", Times, serif;

   font-size:12px;

}

.legalmenu a{

   padding:6px 0px 0px 6px;

   display:block;

   color:#990000;

   text-decoration:none;

   text-align:center;

}

#services a {
color:#000000;
text-decoration:none;
}
#services a:hover {
color:#CC0000;
}

#packselect {
   clear:both;
   padding-bottom:10px;
   height:160px;
   width:236px;
   margin:0px 9px 14px 34px;
   border-top:1px dotted #CCCCCC;
   border-bottom:1px dotted #CCCCCC;
}
#packselect ul {
   margin:2px 0px;
   padding:0px;
   list-style:none;
}
#packselect ul li {
   width:50%;
   *width:106px;
   *display:block;
   float:left;
   height:102px;
   text-align:center;
   background:url(../images/thumb-shadow.png) no-repeat center bottom;
}
.text1 {
   color:#000000;
   font-size:11px;
   text-decoration:none;
}
.text1 a {
   color:#000000;
   font-size:12px;
   text-decoration:underline;
}
.text1 a:hover {
   color:#990000;
   text-decoration:underline;
}
.input1 {
   border:0px;
   background:none;
   color:#000000;
   font-weight:bold;
   font-size:11px;
}
.input2 {
   border:0px;
   background:none;
   font-weight:bold;
   font-size:16px;
   color:#CC0000;
}
#prodbox {
}
#catfilter {
margin:0px;
padding:0px;
list-style:none;
}
.filterholder {
background:#FFFFFF;
border-top:1px dotted #666666;
border-bottom:1px dotted #666666;
padding:10px 0px;
margin-top:4px;
}
#catfilter li {
float:left;
margin:0px 5px;
}

/* footer */
#footer {
border-top:1px solid #999999;
color:#666666;
height:30px;
padding:2px;
clear:both;
position:absolute;
top:100%;
margin-top:-38px;
width:100%;
clear:both;
}
#footer a {
color:#666666;
text-decoration:none;
}
#footer a:hover {
color:#CC0000;
text-decoration:underline;
}

/* loginbox */
#loginbox {
position:absolute;
top:100px;
left:100px;
background:url(../images/loginbox_bg.png) no-repeat;
width:470px;
height:213px;
z-index:100;
padding:15px 20px;
}
#loginbox .title {
color:#990000;
font-size:20px;
margin-bottom:20px;
}
#loginbox ul {
width:400px;
margin:0px;
padding:0px;
list-style:none;
text-align:left;
}
#loginbox ul li {
float:left;
margin-top:20px;
}
#loginbox ul .left {
width:120px;
padding:2px 10px 0px 0px;
text-align:right;
font-weight:bold;
}