body { margin: 0; padding: 0; background: #FFF; font-family: "Arial",Geneva,sans-serif; color: #479FB7; font-size: 12px; }

div,ul,li,p { margin: 0; padding: 0; position: relative; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img { border: none; }

.borad5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.borad8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.borad10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

p { margin-bottom: 10px; }
p.highlite { font-size: 14px; font-weight: bold; padding-left: 8px; }
ul { margin-bottom: 15px; }
li { list-style: none; background: url(../images/list-bullett.png) no-repeat center left; padding-left: 14px; margin-left: 20px; }

h1,h2,h3,h4,h5 { font-family: "Arial",Genova,sans-serif; margin: 0; padding: 0; line-height: normal; font-weight: normal; }

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

#container { margin: 0; padding: 0; }
#header { background: #45819F url(../images/header-bg.png) no-repeat; height: 122px; margin-bottom: 10px; }
#header-logo { width: 210px; height: 55px; position: absolute; left: 100px; top: 30px; }
#header-logo a { width: 210px; height: 55px; display: block; }
#menu { width: 850px; height: 187px; }
#footer { background: #4586A6 url(../images/footer-bg.png) no-repeat 0 0; height: 60px; margin-top: 15px; line-height: 60px; text-indent: 40px; color: #FFF; font-size: 10px; }

/* NAVIGÁCIÓ */
#navi { width: 504px; height: 30px; position: absolute; top: 67px; left: 420px; }

#navi ul, #navi li { margin: 0; padding: 0; }
#navi ul { list-style: none; }
#navi li { width: 168px; height: 60px; float: left; list-style: none; background: none; }
#navi li a { width: 168px; height: 60px; display: block; background-image: url(../images/navi-bg.png); background-repeat: no-repeat; text-indent: -9000px; }
#navi li a.ajanlataink { background-position: 0 0; }
#navi li a.munkaink { background-position: -168px 0; }
#navi li a.kapcsolat { background-position: -336px 0; }
#navi li a.ajanlataink:hover { background-position: 0 -60px; }
#navi li a.munkaink:hover { background-position: -168px -60px; }
#navi li a.kapcsolat:hover { background-position: -336px -60px; }

/* TARTALMI DOBOZ - ÁLLANDÓ ELEMEI */
.content-head { background: url(../images/content-head-bg.png) repeat-x 0 0; height: 51px; margin-top: 25px; }
.content-ajanlataink { background: url(../images/ajanlataink.png) no-repeat 0 0; width: 287px; height: 51px; text-indent: -9000px; }
.content-munkaink { background: url(../images/munkaink.png) no-repeat 0 0; width: 287px; height: 51px; text-indent: -9000px; }
.content-kapcsolat { background: url(../images/kapcsolat.png) no-repeat 0 0; width: 287px; height: 51px; text-indent: -9000px; }
.content-csomagrendeles { background: url(../images/csomagrendeles.png) no-repeat 0 0; width: 362px; height: 51px; text-indent: -9000px; }
.content-body { width: 900px; margin: 30px 0 30px 80px; }
.content-totop { margin: 0 10px; text-align: right; width: 980px; padding-top: 10px; border-top: 1px dotted #DFDFDF; font-size: 10px; }
.content-totop a { color: #4392B3; font-weight: normal; text-decoration: none; margin-right: 20px; }
.content-totop a:hover { text-decoration: underline; }

/* TARTALMI DOBOZ - AJANLATAINK DOBOZOK */
#packs { background: url(../images/packs-bg.png) no-repeat 0 0; margin-bottom: -15px; }
#packs .pack1 { width: 270px; float: left; margin: 0 29px 0 0; padding: 75px 5px 0 5px; }
#packs .pack2 { width: 270px; float: left; margin: 0 29px 0 0; padding: 75px 5px 0 5px; }
#packs .pack3 { width: 270px; float: left; margin: 0; padding: 75px 5px 0 5px; }
#packs-footer { width: 100%; height: 33px; background: url(../images/pack-button-bg.png) repeat-x 0 0; margin: 0 0 15px 0; }
#packs-footer div.packs-wrap { width: 80px; height: 33px; background: #FFF; float: left; }
a.pack1-button { display: block; float: left; width: 295px; height: 33px; background: url(../images/pack1-button.png) no-repeat 0 0; text-indent: -9000px; }
a.pack2-button { display: block; float: left; width: 309px; height: 33px; background: url(../images/pack2-button.png) no-repeat 0 0; text-indent: -9000px; }
a.pack3-button { display: block; float: left; width: 296px; height: 33px; background: url(../images/pack3-button.png) no-repeat 0 0; text-indent: -9000px; }
a.pack1-button:hover { background: url(../images/pack1-button.png) no-repeat 0 -33px; }
a.pack2-button:hover { background: url(../images/pack2-button.png) no-repeat 0 -33px; }
a.pack3-button:hover { background: url(../images/pack3-button.png) no-repeat 0 -33px; }
#packs .pack1 h2 { font-size: 18px; margin-bottom: 15px; color: #F2BD40; font-weight: bold; }
#packs .pack2 h2 { font-size: 18px; margin-bottom: 15px; color: #78B238; font-weight: bold; }
#packs .pack3 h2 { font-size: 18px; margin-bottom: 15px; color: #E61E7C; font-weight: bold; }
#packs h3 { font-size: 26px; letter-spacing: -1pt; margin-bottom: 10px; padding-left: 10px; color: #BBB; font-weight: normal; font-style: italic; }
#packs .pack2 span.extratrigger { font-weight: bold; cursor: help; color: #78B238; text-decoration: underline; }
#packs .pack3 span.extratrigger { font-weight: bold; cursor: help; color: #E61E7C; text-decoration: underline; }
div.extras { background: url(../images/extras-bg.png) no-repeat 0 0; width: 241px; height: 188px; display: none; position: absolute; color: #FFF; padding: 19px 0 0 19px; z-index: 1000; }
div.extras p { font-weight: bold; }
div.extras li { list-style: none; background: url(../images/list-bullett-extras.png) no-repeat center left; padding-left: 14px; margin-left: 20px; color: #D2E9EE; }

/* TARTALMI DOBOZ - MUNKAINK KEPDOBOZOK */
div.munkaink-img { width: 164px; height: 164px; border: 4px solid #DFDFDF; margin: 3px 3px; float: left; background-color: #066; }
div.munkaink-label { background: url(../images/munkaink-thumb-bg.png) no-repeat 0 0; width: 164px; height: 24px; text-indent: 6px; line-height: 24px; position: absolute; bottom: 0; left: 0; color: #4398B0; font-size: 10px; font-weight: bold; }
div.munkaink-url { background: url(../images/icon-link.png) no-repeat 0 0; width: 15px; height: 15px; position: absolute; right: 5px; bottom: 3px; }
div.munkaink-url a { display: block; width: 15px; height: 15px; }
div.munkaink-url a:hover { background: url(../images/icon-link.png) no-repeat 0 -15px; display: block; width: 15px; height: 15px; }

/* TARTALMI DOBOZ - KAPCSOLAT DOBOZAI */
#contact-left { width: 520px; float: left; margin-right: 40px; }
#contact-right { width: 300px; float: left; }
#contact-left p { margin-bottom: 15px; }
#contact-logo { background: url(../images/logo-webrefel-contact.png) no-repeat 0 0; width: 207px; height: 49px; margin-bottom: 20px; }
#contact-map { background: url(../images/contact-map.png) no-repeat 0 0; width: 280px; height: 100px; display: block; margin: 0 auto; margin-bottom: 15px; }

/* FORM */
input,textarea,select,button { font-family: "Arial",Genova,sans-serif; font-size: 12px; color: #FFF; border: none; }

form.contact { width: 550px; }
form.contact div.row { margin-bottom: 4px; }
form.contact div.row-submit { margin: 10px 0 0 125px; }
form.contact div.row-hidden { display: none; }
form.contact label { text-align: right; width: 120px; margin-right: 10px; height: 24px; display: block; float: left; }
form.contact label span { line-height: 24px; font-size: 12px; font-weight: bold; }
form.contact input.text { background: #4586A6; border: 1px solid #2F769C; padding: 4px 5px; width: 300px; float: left; }
form.contact input.text:focus { background: #54AEC8; }
form.contact label.error { width: 220px; font-size: 10px; font-weight: bold; color: #C00; margin: 5px 0 5px 40px; text-align: left; height: auto; padding: 0 0 0 100px; }
form.contact textarea { background: #4586A6; border: 1px solid #2F769C; padding: 4px 5px; width: 300px; float: left; }
form.contact textarea:focus { background: #54AEC8; }

form.normal fieldset { border: none; border-top: 1px dotted #DFDFDF; padding: 15px 0; }
form.normal legend { font-size: 16px; color: #AAA; font-weight: bold; font-style: italic; }
form.normal div.row { margin-bottom: 4px; }
form.normal div.row-info { width: 340px; margin: 10px 0 10px 200px; padding: 12px 12px 2px 12px; background: #E4E4E4; border: 1px solid #D4D4D4; }
form.normal div.row-info-text { color: #777; }
form.normal div.row-submit { margin: 10px 0 0 125px; }
form.normal div.row-submit-wide { margin: 10px 0 0 195px; }
form.normal div.row-checks { width: 280px; margin: 10px 0 0 130px; }
form.normal div.row-hidden { display: none; }
form.normal div.checkbox { float: left; width: 66px; margin-bottom: 5px; }
form.normal div.checkbox input { float: left; }
form.normal div.checkbox label { float: left; width: auto; height: auto; margin: 0; padding: 0; text-align: left; line-height: 20px; }
form.normal label { text-align: right; width: 120px; margin-right: 10px; height: 24px; display: block; float: left; }
form.normal label span { line-height: 24px; font-size: 12px; font-weight: bold; }
form.normal label.wide { width: 190px; }
form.normal input.text { background: #4586A6; border: 1px solid #2F769C; padding: 5px 5px; width: 300px; float: left; margin-right: 4px; }
form.normal input.text:focus { background: #54AEC8; }
form.normal input.text-medium { background: #4586A6; border: 1px solid #2F769C; padding: 5px 5px; width: 240px; float: left; margin-right: 4px; }
form.normal input.text-medium:focus { background: #54AEC8; }
form.normal label.error { width: 220px; font-size: 10px; font-weight: bold; color: #C00; margin: 5px 0 5px 40px; text-align: left; height: auto; padding: 0 0 0 100px; }
form.normal textarea { background: #4586A6; border: 1px solid #2F769C; padding: 4px 5px; width: 300px; float: left; }
form.normal textarea:focus { background: #54AEC8; }
form.normal select { background: #4586A6; border: 1px solid #2F769C; padding: 4px 5px; float: left; }
form.normal div.preinfo { width: 150px; color: #888; font-weight: bold; float: left; padding: 5px 8px; margin-left: 5px; background: #E4E4E4; border: 1px solid #D4D4D4; }

input.button-submit { cursor: pointer; background: url(../images/button-elkuldes.png) no-repeat 0 0; width: 122px; height: 40px; text-indent: -9000px; }
input.button-submit:hover { background: url(../images/button-elkuldes.png) no-repeat 0 -40px; }

a.button-tovabb { background: url(../images/button-tovabb.png) no-repeat 0 0; width: 122px; height: 40px; display: block; text-indent: -9000px; }
a.button-tovabb:hover { background: url(../images/button-tovabb.png) no-repeat 0 -40px; }
a.button-ellenorzes { background: url(../images/button-ellenorzes.png) no-repeat 0 0; width: 122px; height: 40px; display: block; text-indent: -9000px; }
a.button-ellenorzes:hover { background: url(../images/button-ellenorzes.png) no-repeat 0 -40px; }
input.button-megrendelem { cursor: pointer; background: url(../images/button-megrendelem.png) no-repeat 0 0; width: 122px; height: 40px; display: block; text-indent: -9000px; }
input.button-megrendelem:hover { background: url(../images/button-megrendelem.png) no-repeat 0 -40px; }

span.reqstar { color: #C00; font-weight: bold; padding-right: 5px; }
div.tooltip { background-color: #000; outline: 1px solid #669; border: 2px solid #fff;  padding:10px 15px; width:200px; display: none; color: #fff; text-align: left; font-size: 11px; outline-radius: 4px; -moz-outline-radius: 4px; -webkit-outline-radius: 4px; }

/* DOMAIN MEGRENDELÉS */
#pack-20-header { width: 898px; height: 62px; margin: 0 auto 15px auto; text-indent: -9000px; background: url(../images/pack-20-header.png) no-repeat 0 0; }
#pack-200-header { width: 898px; height: 62px; margin: 0 auto 15px auto; text-indent: -9000px; background: url(../images/pack-200-header.png) no-repeat 0 0; }
#pack-500-header { width: 898px; height: 62px; margin: 0 auto 15px auto; text-indent: -9000px; background: url(../images/pack-500-header.png) no-repeat 0 0; }
#domain-name-bubble { background: url(../images/domain-name-bubble.png) no-repeat 0 0; width: 372px; height: 141px; position: absolute; top: -14px; right: 100px; }
#domain-name-bubble2 { background: url(../images/domain-name-bubble2.png) no-repeat 0 0; width: 352px; height: 119px; position: absolute; top: -14px; right: 45px; }

/* DOMAIN ELLENŐRZŐ TÁBLA */
table { font-family: "Arial",Genova,sans-serif; } 
table.domaintable { width: 70%; margin: 15px auto 15px auto; }
table.domaintable th.header { background: #696969; color: #FFF; font-size: 14px; font-weight: normal; padding: 8px 12px; text-align: left; }
table.domaintable th { padding: 6px 10px; color: #666; }
table.domaintable th.field { padding: 18px 10px; color: #666; text-align: left; }
table.domaintable td { background: url(../images/dotted.png) repeat-x bottom left; padding: 6px 10px; }
table.domaintable span.free { color: #0C0; }
table.domaintable span.notfree { color: #C00; }
div.loader { text-align: center; padding: 60px 0; }
span.loader { color: #777; font-weight: bold; padding-left: 5px; }
#domain-error { background: #D03333; border: 1px solid #9F2629; color: #FFF; font-size: 11px; color: #FFF; font-weight: bold; padding: 8px 12px; margin: 15px auto; width: 70%; }
#data-error { background: #D03333; border: 1px solid #9F2629; color: #FFF; font-size: 11px; color: #FFF; font-weight: bold; padding: 8px 12px; margin: 15px auto; width: 70%; }
td.infodata { color: #555; }
div.full-price { font-size: 22px; font-weight: bold; margin: 5px 0; color: #888; clear: both; letter-spacing: -0.5pt; }
span.free { color: #0C0; padding: 0 0 0 8px; }
span.price { font-weight: bold; margin: 5px 0; color: #888; clear: both; letter-spacing: -0.2pt; padding: 0 0 0 8px; }

/** ÜZENET **/
#success { margin: 15px 0 15px 80px; width: 840px; background: #64A534; border: 3px solid #3AA235; padding: 20px 30px; }
#success h3 { line-height: 24px; color: #FFF; font-size: 24px; padding: 0; margin: 0; font-weight: bold; }
#success p { line-height: 14px; color: #D3F0D0; font-size: 12px; padding: 0; margin: 6px 0 0 0; }

/* TABOK */
ul.tabs { width: 600px; height: 31px; list-style: none; margin: 0; padding: 0; }
ul.tabs li { float: left; margin: 0 5px 0 0; padding: 0; }
ul.tabs li a { width: 190px; height: 31px; display: block; background-image: url(../images/tabs.png); background-repeat: no-repeat; text-indent: -9000px; }
ul.tabs li.t1 a { background-position: 0 0; }
ul.tabs li.t2 a { background-position: -190px 0; }
ul.tabs li.t3 a { background-position: -380px 0; }
ul.tabs li.t1 a.current { background-position: 0 -31px; }
ul.tabs li.t2 a.current { background-position: -190px -31px; }
ul.tabs li.t3 a.current { background-position: -380px -31px; }
div.panes { background: url(../images/tab-pane-bg.png) repeat-x 0 0; min-height: 280px; padding: 40px 20px; }
div.panes div.pane { display: none; }