/*--- Global Reset ---*/

* { 
padding: 0;
margin: 0;
border: 0;
list-style:none;
outline:0;
}
body, html {
color:#666; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background: url(images/bg-body.jpg) repeat-x #FFF; 
text-align: center; 
line-height: 18px;
font-size: 11px;
height: 100%;
}
#Container {
width:805px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
position:relative;
text-align: left; 
}
#Push {
height: 180px; /* .push must be the same height as .footer */
clear:both;
}
p {
margin-bottom:15px;
}
a.Button {
display:block;
height:25px;
line-height:25px;
background:blue;
text-align:center;
padding:0 15px;
text-decoration:none;
font-weight:bold;
cursor:pointer;
margin-right:10px;
color:#FFF;
float:left;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
a:hover.Button, .Button:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}

/*--- Header ---*/

#Header {
height: 170px;
background: url(images/bg-header.jpg) no-repeat;
}
#Logo {
float:left;
width:270px;
padding-top:10px;
}
#Logo h1 a {
color:#FFF;
font-size:30px;
font-family: Verdana, Arial, Tahoma, sans-serif;
display:block;
margin-bottom:5px;
text-decoration:none;
}
#Logo p {
color:#FFF;
font-style:italic;
font-size:18px;
padding-left:00px;
}

/*--- Navigation ---*/

#Navi {
height: 40px;
}
#Navi li {
float: left;
}
#Navi li a {
font-size:13px;
height: 40px;
line-height: 40px;
display: block;
float:left;
width:83px;
font-weight:bold;
color:#d7f0ff;
text-decoration: none;
text-align: center;
background: url(images/bg-navi.jpg) no-repeat;
}
#Navi li a:hover {
color:#000;
}
#Navi li a.Act {
background: url(images/bg-navi.jpg) bottom no-repeat;
color:#FFF;
}

/*--- USPbox ---*/

#USP {
height:140px;
width:210px;
margin-bottom:15px;
background:#FFF;
float:right;
padding:10px;
}
#USP ul {
margin:7px 0 15px 0;
}
#USP ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(images/ico-tick.png) top left no-repeat;
}

/*---Content ---*/

#Main {
padding-top:10px;
}
#Content {
float:left;
width: 425px;
text-align:justify;
margin-bottom:15px; 
}
a {
color:#1a6bad;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#59BBF8;
}
#Content h2 {
font-size: 18px;
color: #1a6bad; 
margin-bottom:15px;
}
#Content p {
margin-bottom:15px;
}

/*---SubContent ---*/

#SubContent {
float:left;
width: 538px;
text-align:justify;
margin-bottom:15px; 
background:#FFF;
padding:10px;
}
#SubContent h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubContent p {
margin-bottom:15px;
}

/*--- Right ---*/

#Right {
float:right;
width: 360px;
}

#Right .Box  {
background: url(images/bg-bluebox.jpg) left bottom repeat-x #488dc1;
height:130px;
margin-bottom:15px;
color:#FFF;
padding:10px;
border:1px solid #335d93;
}
#Right .Box  a {
color:#FFF;
text-decoration:underline;
}
#Right .Box  a:hover {
color:#59BBF8;
}
#Right b {
color:#FFF;
font-size:13px;
margin-bottom:10px;
display:block;
}
#Right img {
float:left;
}

/*--- SubRight ---*/

#SubRight {
float:right;
background:#FFF;
width: 212px;
padding:10px;
}
#SubRight h2 {
font-size: 13px;
color: #1a6bad; 
margin-bottom:15px;
}
#SubRight ul {
margin:7px 0 15px 0;
}
#SubRight ul li{
padding-left:25px;
line-height: 23px;
height: 23px;
background: url(images/ico-tick.png) top left no-repeat;
}

/*--- Footer ---*/

#Footer {
height: 180px;
text-align: center;
background:url(images/bg-footer.jpg) repeat-x #F2F2F2;
clear:both;
}

#Footer p {
margin:0;
}
#FooterWrap {
width:805px;
height: 115px; 
margin: 0 auto; 
padding-top:25px;
text-align:left;
}
#FooterWrap b {
font-size:13px;
}
.FooterBox {
width:380px;
float:left;
}
.Newsletter {
width:270px;
padding-left:110px;
float:right;
background: url(images/bg-newsletter.png) top left no-repeat; 
}

/*--- Scroller ---*/

#Scroller {
width:558px;
float:left;
margin-bottom:15px;
height:175px;
position:relative; 
margin-right:15px;
background: url(images/bg-scroller.jpg) bottom left; 
overflow:hidden;
}
#Controller span{
display:none;
visibility:hidden;
}
#jFlowSlide{
padding-left:30px;
}
#jFlowSlide ul li.Item {
float:left;
height:100px;
width:130px;
padding-top:10px;
margin-left:20px;
}
#jFlowSlide ul li.Desc {
float:left;
margin-top:20px;
color:#FFF;
margin-left:20px;
width:290px;
}
#jFlowSlide ul li.Desc h2 {
font-size:18px;
margin-bottom:15px;
}
#jFlowSlide ul li.Desc h2, #jFlowSlide ul li.Desc p {
margin-bottom:15px;
}
a.jFlowPrev, a.jFlowNext{
cursor:pointer;
position:absolute;
top:0;
display:block;
height:175px;
width:40px;
}
a.jFlowPrev{
left:0;
background: url(images/btn-scroller-prev.jpg) top left; 
}
a:hover.jFlowPrev{
background: url(images/btn-scroller-prev.jpg) bottom left; 
}
a.jFlowNext{
right:0;
background: url(images/btn-scroller-next.jpg) top left; 
}
a:hover.jFlowNext{
background: url(images/btn-scroller-next.jpg) bottom left; 
}

/* ---- ClientLogin ---- */

#ClientLogin{
position:absolute;
right:0;
float:right;
}
#ClientForm {
height:150px;
width:215px;
background:#FFF;
display:none;
}
#ClientForm a {
float:left;
display:block;
margin-left:10px;
margin-top:13px;
}
#ClientForm fieldset {
padding:10px;
}
#ClientForm fieldset p {
margin:2px 0 5px 0;
}
.SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
float:left;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
.SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}
.submitbutton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
.submitbutton:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}
a#ContactLink {
height:30px;
width:215px;
background:url(images/bg-clientlogin.png) repeat-y;
display:block;
outline:0;
line-height:30px;
text-decoration:none;
text-align:center;
cursor:pointer;
}
a:hover#ContactLink {
color:#59BBF8;
}
input.Text {
height:19px;
width:160px;
border:1px solid #ccc;
padding-left:5px;
padding-top:2px;
font-size:11px;
color:#666;
}

/*--- Service ---*/

.Service {
height:150px;
margin-bottom:20px;
}
.Service img {
float:left;
padding-right:15px;
}
.Service h3 {
font-size:11px;
padding-top:10px;
font-weight:bold;
color:#666;
}

/* ---- Contactform ---- */

#contact-area {
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
height:22px;
line-height:22px;
width: 250px;
margin: 0px 0px 10px 0px;
border: 1px solid #b5c9e5;
font-size:11px;
font-family:Verdana;
color:#666; 
padding-left:5px;
}
#contact-area textarea {
height: 100px;
width:400px;

padding-top:5px;
float:left;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #4587BB;
}
#contact-area label {
float: left;
text-align: right;
margin-right: 15px;
width: 80px;
padding-top: 5px;
}
#contact-area .SubmitButton {
display:block;
height:25px;
text-align:center;
padding:0 10px;
font-size:11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
text-decoration:none;
font-weight:bold;
cursor:pointer;
color:#FFF;
width:80px;
float:right;
margin-top:10px;
border:1px solid #5cbdf7;
background: url(images/bg-button.jpg) top left; 
}
#contact-area .SubmitButton:hover {
border:1px solid #356298;
color:#FFF;
background: url(images/bg-button.jpg) bottom left; 
}
#Producttable {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#Producttable tr {
height:25px;
line-height:25px;
}
#Producttable td {
border:0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:0 10px 0 10px;
}
/* ---- whmcsinfo ---- */
table.clientlinks {

	background:#e0e0e0;

}



td.clientlinks {

	background:#f9f9f9;

	width:25%;

	text-align:center;

	padding: 6px;

}



.navboxlinks {

    background-color: #ffffff;

    padding: 5px;

}



.navboxlinks td {

    border-bottom: 1px solid #cccccc;

}



.navbox {

    background-color: #f7f7f7;

    border: 1px solid #cccccc;

    padding: 5px;

}



.navinput {

    border: 1px solid #cccccc;

    width: 95px;

}
table.frame {

	width: 98%;

	border: 1px solid #3A6897;

	padding: 0px;

}



.fieldarea {

	background-color: #EFF2F9;

	text-align: right;

}



.clientareatable {

	width: 100%;

	background-color: #cccccc;

}



tr.clientareatableheading {

	background-color: #efefef;

	font-weight: bold;

	text-align: center;

}



tr.clientareatableactive {

	background-color: #ffffff;

	text-align: center;

}



tr.clientareatablepending {

	background-color: #FFFFE2;

	text-align: center;

}



tr.clientareatablesuspended {

	background-color: #E9FFD2;

	text-align: center;

}



tr.clientareatableterminated {

	background-color: #FFE1E1;

	text-align: center;

}



tr.supportticketsheading {

	background-color: #efefef;

}



tr.supportticketscontent {

	background-color: #ffffff;

}



.contentbox {

	width: 100%;

	text-align: center;

	background-color: #f7f7f7;

	border: 1px solid #cccccc;

	padding: 5px;

}



.errorbox {

	border: 1px solid #cc0000;

	font-weight: bold;

	background-color: #FBEEEB;

	text-align: center;

	width: 90%;

	padding: 10px;

	color: #cc0000;

	margin-left: auto; 

	margin-right: auto;

}



.domaincheckeravailable {

	color: #669900;

}



.domaincheckerunavailable {

	color: #cc0000;

}



tr.orderheadingrow {

	background-color: #5AB9F1;

	color: #ffffff;

}



tr.orderrow1 {

	background-color: #E8F0F9;

	color: #000000;

}



tr.orderrow2 {

	background-color: #D6E4F6;

	color: #000000;

}
input[type=text] {  
    border: 1px solid #cccccc;
}
input[type=password] {  
    border: 1px solid #cccccc;
}