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

body {padding: 0; margin: 0; height: 100%; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #000; background: url(../images/body-bg.png) #000 left bottom repeat-x;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none; text-decoration: none; font-size: 12px;}
a:hover {text-decoration: none;}
p {font-family: Arial, Georgia, Helvetica, sans-serif; color: #000; font-weight: normal; text-transform: none; margin: 0; font-size: 12px; line-height: 18px;}
ul {font-family: Arial, Georgia, Helvetica, sans-serif; color: #fff; font-weight: normal; text-transform: none; margin: 0; font-size: 12px; padding: 0;} 
h1 {font-family: "Trebuchet MS", Arial, Georgia, sans-serif; color: #31196a; font-weight: 400; margin: 0; padding: 0; font-size: 20px;}
h2 {font-family: "Trebuchet MS", Arial, Georgia, sans-serif; color: #60087a; font-weight: 700; text-transform: none; margin: 0; padding: 0; font-size: 15px;}
h3 {font-family: Arial, Georgia, sans-serif; color: #389d07; font-weight: 700; text-transform: none; margin: 0; padding: 0; font-size: 14px;}


span {font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px;}
br {font-size: 7px;}
hr {color: #fff;}

img {vertical-align: bottom;}
* html img {font-size: 0; } /* hack for ie 6*/

sup, sub {height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}

.clear {clear: both!important; font-size: 0!important; height: 0!important; padding: 0!important; margin: 0!important; border: none!important;} /* hack for gecko browsers */

.leftalign {text-align: left;}
.centerpos {position: relative; width: 100%; text-align: center;}
.pink {color: #e256ff!important;}
.noborder {border: none;}
.bold {font-weight: 700;}
.upper {text-transform: uppercase;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}
.purple {color: #60087A;}


/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 11px;}
label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #60087a; font-size: 13px; font-weight: 700;}

.main {position: relative; width: 100%; min-height: 966px; margin: auto; background: url(../images/top-bg.jpg) transparent center top no-repeat; text-align: center;}

/* header - navigation*/
.header-main {position: relative; width: 940px; height: 342px; padding: 0; margin: 0 auto 0 auto; background: transparent; text-align: left;}
#logo {position: absolute; top: 13px; left: 0px; border: none;}
.header-slogan {position: absolute; top: 28px; right: 108px; font-family: "Trebuchet MS", Arial, Georgia, sans-serif; color: #fff; font-weight: 400; font-size: 18px; line-height: 24px; margin: 0; padding: 0;}
.header-nav {position: absolute; width: 100%; top: 102px; left: 0; padding: 0; height: 30px; background: url(../images/nav.jpg) transparent 0 0 repeat-x; text-align: left;}
.header-nav a {font-family: "Trebuchet MS", Arial, Georgia, sans-serif; color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center;}
.nav1, .nav1:link, .nav1:visited, .nav1:active {position: relative; float: left; width: 87px; height: 24px; display: block; padding: 6px 2px 0 0; background: url(../images/nav1.jpg) transparent 0 0 no-repeat; margin: 0 1px 0 0; z-index: 10;}
.nav2, .nav2:link, .nav2:visited, .nav2:active {position: relative; float: left; height: 24px; display: block; padding: 6px 22px 0 20px; background: url(../images/nav2.jpg) transparent right top no-repeat; margin: 0 1px 0 0; z-index: 10;}
.nav3, .nav3:link, .nav3:visited, .nav3:active {position: absolute; right: 0; top: 0; width: 390px; height: 24px; display: block; padding: 6px 38px 0 0; background: url(../images/nav3.jpg) transparent right top no-repeat; margin: 0; z-index: 0; text-transform: capitalize; font-weight: 400; text-align: right;}
.nav1:hover, .nav2:hover {background-position: right -30px; text-shadow: 2px 2px 3px #0E0211;}
.nav3:hover {font-style: italic; text-shadow: 2px 2px 3px #0E0211;}

/* header slideshow - packages */
#slideshow {position: absolute; width: 940px; height: 210px; left: 0; bottom: 0px; padding: 0;}
.page {position: relative; width: 940px; height: 170px; padding: 20px 0 0 0;}
.hosting-package {position: relative; width: 300px; height: 190px; float: left; margin: 0 8px 0 5px;}
.hosting-package p {font-size: 11px; line-height: 13px; color: #fff;}
.hosting-package .title, .hosting-package h3.title{font-family: "Trebuchet MS", Arial, Georgia, sans-serif; color: #fff; font-size: 16px!important; font-weight: 700; padding: 0 0 12px;}
.order-button {position: relative; display: block; width: 130px; height: 22px; padding: 4px 0 0 0; background: url(../images/button-order.png) transparent 0 0 no-repeat; text-decoration: none; color: #fff!important; text-align: center; font-weight: 700; font-size: 13px; margin: 12px 0 0 0;}
.order-button:hover {background-position: 0 -26px; color: #fff!important;}
.order-button2 {position: relative; display: block; width: 60px; height: 22px; padding: 4px 0 0 0; background: url(../images/button-order2.png) transparent 0 0 no-repeat; text-decoration: none; color: #fff!important; text-align: center; font-weight: 700; font-size: 13px; margin: 12px 0 0 0;}
.order-button2:hover {background-position: 0 -26px; color: #fff!important;}
.package-img {position: absolute; top: 0; right: 0;}



.content {position: relative; width: 920px; min-height: 630px; padding: 10px; margin: 0 auto 0 auto; background: url(../images/content-top.jpg) #fff 0 0 no-repeat; text-align: left;}
.content-bottom {position: relative; width: 940px; height: 5px; padding: 0; margin: 0 auto 0 auto; background: url(../images/content-bottom.png) transparent 0 0 no-repeat; font-size: 0;}


.pane-left {position: relative; float: left; width: 180px; min-height: 514px; padding: 0; background: url(../images/pane-left-top.gif) #f0f0f0 0 0 no-repeat;}
.pane-left-bottom {position: absolute; width: 180px; height: 5px; padding: 0; bottom: 0; left: 0; background: url(../images/pane-left-bottom.gif) #fff 0 0 no-repeat; font-size: 0;}
.pane-left-title {position: relative; width: 170px; height: 20px; background: url(../images/pane-left-title-bg.png) 0 0 no-repeat; padding: 4px 0 0 10px; font-weight: 700; margin: 0 0 8px 0; color: #fff;}
.pane-left-links {position: relative; width: 180px; height: auto; padding: 0 0 10px 0;}
.pane-left-links a {display: block; width: 170px; padding: 2px 0 2px 10px; margin: 0; color: #000; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;}
.pane-left-links a:hover {color: #fff; background: #acaaaa;}

.pane-left h1 {color: #fff;}
.order1 {position: relative; width: 100%; height: 83px; padding: 2px 0 0 0; margin: 20px 0 10px 0; background: url(images/bike.png) transparent right top no-repeat;}
.pane-left p {font-size: 11px; line-height: 14px; margin-bottom: 10px;}
.order-paragr1 {float: left;}
.button-order {position: relative; display: block; width: 198px; height: 31px; padding: 12px 0 0 13px; margin: 0 0 10px -5px; background: url(images/button-order.png) 0 0 no-repeat; color: #fff; text-align: left; font-weight: 700; 
font-size: 13px;}
.button-order:hover {background-position: 0 -43px;}

.pane-center {position: relative; float: left; width: 510px; height: auto; padding: 10px; margin: 0 0 0 20px; background: url(../images/pane-center-top-bg.jpg) 0 0 no-repeat;}
.pane-center p {margin: 12px 0 0 0;}
.pane-center a {color: #60087A; font-weight: 700; -moz-transition-duration: 2s; -webkit-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s;}
.pane-center a:hover {color: #130217; font-weight: 700;}
.pane-center ul {color: #000; list-style-type: none; margin: 12px 0 0 0;}
.pane-center ul li {margin: 4px 0 0 0; padding: 0 0 0 10px; background: url(../images/listbullets.jpg) 0 4px no-repeat;}


.find-domain {position: relative; width: 100%; height: auto; padding: 0 0 30px 0;}
.find-domain label {position: relative; float: left; display: block; color: #60087a; font-size: 13px; font-weight: 700; margin: 3px 10px 0 0;}
input.input-find-domain {float: left; width: 190px; height: 22px; border: 1px solid #b6adb8; background: transparent; font-size: 13px; color: #60087A; margin: 0 2px 3px 0; padding: 1px 0 0 7px;}
input.input-find-domain2 {float: left; width: 91px; height: 22px; border: 1px solid #b6adb8; background: transparent; font-size: 13px; color: #60087A; margin: 0 2px 3px 0; padding: 1px 0 0 7px;}
input.input-find-domain:focus, input.input-find-domain2:focus {border: 1px solid #60087a; background: #fff;}
.text-area1 {height: 243px; width: 192px;border: 1px solid #b6adb8; background: transparent; font-size: 13px; color: #60087A;}
.text-area2 {height: 89px; width: 202px; padding: 1px 0 0 7px; border: 1px solid #b6adb8; background: transparent; font-size: 13px; color: #60087A;}
.text-area1:focus, .text-area2:focus {border: 1px solid #60087a; background: #fff;}



/* selects  */
.jquery-selectbox {position: relative; height: 21px; width: 50px!important; display: block; float:left; border: 1px solid #b6adb8; z-index:1000; padding: 2px 0 0 2px!important; margin: 0!important; background: url(../images/select-domain.png) right top no-repeat;}
.jquery-selectbox.selecthover {border: 1px solid #60087a; background-position: right -23px;}
.jquery-selectbox .jquery-selectbox-currentItem {padding: 2px 0px 0px 3px; white-space: nowrap; display: block; overflow: hidden;}
.jquery-selectbox .jquery-selectbox-list {display: none;	position: absolute; top: 24px; padding: 2px 0; left: 0px; background: #fff; width: 99%!important; height: 70px!important; overflow-x: hidden; overflow-y: auto; z-index: 1000; border: 1px solid #989898;}
.jquery-selectbox-item {padding: 3px 0 3px 0;}
.jquery-selectbox .jquery-selectbox-moreButton {/*position: absolute; top: 0px; right: 0px;*/ float: right; background: transparent; width: 20px; height: 18px; cursor: pointer;}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {}
.jquery-selectbox .jquery-selectbox-item.listelementhover {background: #65017B; color: #fff;}
.jquery-selectbox .jquery-selectbox-item {display: block; cursor: pointer; padding: 2px;}
/** ERROR classes **/
form .error .jquery-selectbox {color: #60087a; border-color: #d00; background-image: url("../img/bg-TextFieldError.gif");}

.rowElem select, .rowElem option {height: 25px!important; width: 66px!important; padding: 2px 0 0 2px!important;}
*:first-child+html .rowElem select {font-size: 17px;}
.rowElem select:hover {border: 1px solid #60087a; }



.rowElem2 select {width: 196px!important; z-index:1000; margin: 0; height: 20px; padding: 0;}
.rowElem2  .jqTransformSelectWrapper {width: 196px; position:relative; height: 23px; background: transparent; float:left; border: 1px solid #b6adb8; z-index:1000; padding: 0!important; margin: 0!important; background: url(../images/select-domain.png) right top no-repeat;}
.rowElem2  .jqTransformSelectWrapper:hover {border: 1px solid #60087a; background-position: right -23px;}
.rowElem2  .jqTransformSelectWrapper div span {float: none; position: absolute; white-space: nowrap; height: 20px; color: #60087A; padding: 3px 0 0 7px; cursor:pointer; font: normal 13px Arial, Helvetica, sans-serif;}
.rowElem2  .jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block; position: absolute; right: 4px; top: 8px; width: 13px; height: 9px; background: transparent;}
.rowElem2  .jqTransformSelectWrapper ul {position: absolute; width: 194px; top: 24px; left: 0px; list-style-type: none; background: #fff; border: 1px solid #b6adb8; border-top: none; display: none; margin: 0px; padding: 0!important; height: 70px!important; overflow: auto!important; z-index:1000; overflow-x: hidden!important;}
.rowElem2  .jqTransformSelectWrapper ul li {padding: 0!important; background: transparent!important;}
.rowElem2  .jqTransformSelectWrapper ul a {display: block; padding: 2px 0 2px 2px; text-decoration: none!important; color:#60087A!important; background-color: transparent; font: normal 12px Arial, Helvetica, sans-serif;}
.rowElem2  .jqTransformSelectWrapper ul a.selected {background: transparent; color: #60087A;}
.rowElem2  .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#b6adb8; color: #fff!important;}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

.domain-ok {position: relative; float: left; margin: 1px 0 0 8px;}

.opinions h1 {margin: 20px 0 0 0;}
.opinions p {background: url(../images/quotation.gif) 0 0 no-repeat; padding: 0 0 0 28px; margin: 16px 0 0 0!important;}
.opinions div {border-bottom: 1px solid #efe6f1; padding: 0 0 16px 0;}

.read-more {float: right; taxt-align: right;}

.pane-right {position: relative; float: right; width: 150px; padding: 10px; background: url(../images/pane-right-top-bg.jpg) 0 0 no-repeat; text-align: center;}
.pane-right .title {color: #60087a; margin: 0!important; font-weight: 700;}
.pane-right img {margin: 15px auto 15px auto; border: none;}


/* domain registration */
.domainreg-left {position: relative; float: left; width: 210px; height: auto; margin: 20px 0 0 0; padding: 30px 0 0 0;}
.domainreg-left h2 {position: absolute; margin: 0; top: 0px;}
.domainreg-left label {position: relative; display: block; color: #60087a; font-size: 13px; font-weight: 700; margin: 3px 0 0 0;}
.domainreg-left input.input-find-domain {position: relative; float: none; width: 202px; height: 22px; border: 1px solid #b6adb8; background: transparent; font-size: 13px; color: #60087A; margin: 0 2px 0 0; padding: 1px 0 0 7px;}
.domainreg-left input.input-find-domain:focus {border: 1px solid #60087a; background: #fff;}
.domainreg-right {position: relative; float: right; width: 240px; height: auto; margin: 20px 0 0 0; padding: 42px 0 0 0;}
.domainreg-right p {position: relative; display: block; color: #000; font-size: 13px; font-weight: 700; margin: 3px 0 0 0;}
.radiobutton {position: relative; float: left; vertical-align: top; margin: 3px 10px 0 0; padding: 0;}
*:first-child+html .radiobutton {position: relative; float: left; vertical-align: top; margin: 0 10px 0 0; padding: 0;}
* html .radiobutton {position: relative; float: left; vertical-align: top; margin: 0 10px 0 0; padding: 0;}
.domainreg-right label {position: relative; float: left; display: block; color: #60087a; font-size: 13px; font-weight: 700; margin: 3px 0 0 0;}

/* packages details */
.package-details-main {border: none;}
.package-details-main tr {padding: 2px;}
.package-details-title {padding: 2px;}

/* footer */
.footer-main {position: relative; width: 920px; height: auto; padding: 10px; margin: 0 auto 0 auto; background: transparent; text-align: left;}
.footer-main a, .footer-main p, .footer-main span {color: #c3b2c7; font-size: 11px; font-weight: 400; float: left; margin: 0 10px 0 0; padding: 0!important; line-height: 14px!important;}
.footer-nav {margin: 0 0 0 36px!important;}


.tooltip {color: #60087a; cursor: help; font-size: 12px;}
div#qTip {
width: 200px;
padding: 14px 6px 5px 6px;
border-bottom: 1px solid #60087a;
display: none;
background: url(../images/tooltip-bottom.png) transparent 0 0 no-repeat;
color: #60087a;
font: bold 10px Verdana, Arial, sans-serif;
position: absolute;
z-index: 1000;
text-align: justify;
}



			



/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none!important;}
.margin0 {margin:0!important;}
.auto {margin: auto!important;}
.nobg {background: transparent!important;}
.floatleft {float: left;}
.floatright{float: right;}
.small {font-size: 11px!important;}