/* CLEAR
------------------------------ */
html,body {width:100%;height:100%;}
html,body,ul,ol,dl,li,dt,dd,p,blockquote,fieldset,legend,img,form,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
blockquote,fieldset,legend,img,form {border:0;}
th,address {font-style:normal;font-weight:normal;}
.clear {clear:both;}

/* general layout */
html {background:#0079a6 url(../images/layout/bg-html.png) repeat-x 0 0;}
body {font:normal 11px/1.5 Verdana,Tahoma,Arial,Helvetica,serif;color:#000;text-align:center;}
a {color:#02679f;text-decoration:underline;}
a:hover {text-decoration:none;}
p {margin:0 0 11px;}
input,
textarea {font:normal 11px/1 Verdana,Tahoma,Arial,Helvetica,sans-serif;background:#fff;border:1px solid #cecece;padding:4px 4px 2px;}
textarea {font-family:Arial,Helvetica,serif;}
button {cursor:pointer;border:0;font-size:11px;}
table {width:100%;clear:both;margin:0 0 1em;}
table th {font-weight:bold;}
.hidden {display:none !important;}

h1.logo {float:left;clear:left;width:189px;height:42px;margin:0 0 0 25px;}
h1.logo a {display:block;width:100%;height:100%;text-indent:-1000em;background:url(../images/identity/telemach.png) no-repeat 0 0;}

h3 {font-size:20px;line-height:1.2;margin:0 0 10px;font-weight:normal;}
h3 a {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

h4 {font-size:14px;font-weight:bold;line-height:1.2;margin:0 0 15px;}

/* main */
#site {width:964px;padding:0 8px;margin:0 auto;text-align:left;overflow:auto;background:url(../images/layout/bg-site.png) repeat-y 0 0;}
#top {margin:0 0 20px;width:100%;}
#header {padding:0 0 20px;width:100%;}
#body {width:934px;padding:0 15px 30px;float:left;}
#sidebar-left {float:left;width:180px;margin:0 20px 0 0;}
#content {float:left;width:734px;overflow:hidden;}

/* header */
#usertype {float:left;clear:both;font-size:11px;}
#usertype li {display:block;float:left;padding:0 2px 0 0;background:url(../images/layout/top-options-line.png) no-repeat 100% 0;}
#usertype li a {display:block;float:left;padding:6px 15px 4px;color:#8b8b8b;text-decoration:none;}
#usertype li a:hover {text-decoration:underline;}
#usertype li.active a {color:#000;background:url(../images/layout/gradient-greywhite.png) repeat-x 0 0;}
#usertype li.active a:hover {text-decoration:none;}

#search {float:right;width:230px;text-align:right;margin:20px 15px 0 0;}
#search label {margin:0 5px 0 0;padding:4px 0 0;}
#search input {border:1px solid #eaeaea;width:150px;}
#search input:focus {border-color:#bebebe;}

#top-nav {float:left;margin:30px 0 0 80px;line-height:1;}
#top-nav li,#top-nav li a {display:block;float:left;}
#top-nav li {border-left:1px solid #5e5e5e;padding:0 0 0 10px;margin:0 0 0 10px;}
#top-nav li a {color:#5e5e5e;text-decoration:none;}
#top-nav li.first {border:0;margin:0;padding:0;}

#tollfree {float:right;width:130px;margin:0 9px 0 0;line-height:1.45;}
#tollfree big {font-weight:bold;display:block;font-size:21px;letter-spacing:0.5px;}

/* main navigation */
#main-nav {background:#f2f2f2;border:1px solid #d6d6d6;margin:0 15px 35px;width:932px;}
#main-nav ul li {width:166px;padding:12px 10px;float:left;display:block;}
#main-nav ul li a {display:block;float:left;height:39px;padding:2px 0 0 60px;font-size:15px;line-height:1.2;text-decoration:none;color:#000;background:url(../images/icons/navblock-regular.png) no-repeat 12px 50%;}
#main-nav ul li a:hover {text-decoration:underline;}
#main-nav ul li.active a:hover {text-decoration:none;}
#main-nav ul li.active {margin:-20px 0;background:url(../images/layout/main-nav-active.png) no-repeat 0 0;}
#main-nav ul li.active a {padding-top:22px;padding-bottom:20px;}
#main-nav ul li.tv a,
#main-nav ul li.single a,
#main-nav ul li.internet a {line-height:39px !important;}
#main-nav ul li.packages a {background:url(../images/icons/paketi_off.png) no-repeat 15px 50%;}
#main-nav ul li.internet a {background:url(../images/icons/internet_off.png) no-repeat 15px 50%;}
#main-nav ul li.tv a {background:url(../images/icons/TV_off.png) no-repeat 15px 50%;}
#main-nav ul li.phone a {background:url(../images/icons/tel_off.png) no-repeat 15px 50%;}
#main-nav ul li.support a {background:url(../images/icons/info_off.png) no-repeat 15px 50%;}

#main-nav ul li.active.packages a {background:url(../images/icons/paketi_on.png) no-repeat 15px 50%;}
#main-nav ul li.active.internet a {background:url(../images/icons/internet_on.png) no-repeat 15px 50%;}
#main-nav ul li.active.tv a {background:url(../images/icons/TV_on.png) no-repeat 15px 50%;}
#main-nav ul li.active.phone a {background:url(../images/icons/tel_on.png) no-repeat 15px 50%;}
#main-nav ul li.active.support a {background:url(../images/icons/info_on.png) no-repeat 15px 50%;}

/* business users */
.business #main-nav ul li {width:133px;}
.business #main-nav ul li.pp,
.business #main-nav ul li.og {width:140px;}
.business #main-nav ul li a {padding-left:50px;background-position:0 50%;font-size:14px;line-height:18px;}
.business #main-nav ul li.active {background-image:url(../images/layout/main-nav-active-business.png);}
.business #main-nav ul li.active a {background-position:3px 50%;}
.business #main-nav ul li.short-active {margin:-20px -10px;width:112px;background-image:url(../images/layout/main-nav-active-business-short.png);}
.business #main-nav ul li.short-active a {padding-top:22px;padding-bottom:20px;padding-left:50px;background-position:5px 50%;}

/* secondary navigation */
#sec-nav {margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid #d7d6d6;}
#sec-nav ul {width:180px;}
#sec-nav ul li.last {margin-bottom:0;}
#sec-nav ul li {display:block;float:left;width:100%;margin:0 0 8px;}
#sec-nav ul li a {display:block;float:left;color:#000;padding:0 0 0 15px;text-decoration:none;background:url(../images/icons/arrow-blue-right.png) no-repeat 0 5px;}
#sec-nav ul li a:hover {text-decoration:underline;}
#sec-nav ul li ul {padding-left:16px;width:164px;margin:5px 0 0;}
#sec-nav ul li ul li {margin-bottom:6px;}
#sec-nav ul li ul li ul {width:148px;}
#sec-nav ul li ul li ul li a {background:none;}
#sec-nav ul li.active a {color:#0266a4;font-weight:bold;}
#sec-nav ul li.active ul li a {color:#000;font-weight:normal;background:url(../images/icons/arrow-black-right.png) no-repeat 0 5px;}
#src-nav ul li.active ul li ul li a {background:none;}
#sec-nav ul li.active ul li.active a {background-image:url(../images/icons/arrow-black-down.png);}
#sec-nav ul li.active ul li.active ul li a {background:none;}
#sec-nav ul li.active ul li.active ul li.active a {color:#0266a4;font-weight:bold;}

#sidebar-left .links {padding:0 0 5px;margin:0 0 15px;border-bottom:1px solid #d7d6d6;font-size:11px;}
#sidebar-left .links ul {clear:both;width:100%;}
#sidebar-left .links ul li {float:left;width:100%;margin:0 0 10px;}
#sidebar-left .links ul li a {display:block;color:#5d5d5d;line-height:1.1;padding:0 0 0 15px;text-decoration:none;}
#sidebar-left .links ul li a:hover {text-decoration:underline;}

/* footer */
#footer {width:980px;margin:0 auto;padding:15px 0 40px;color:#fff;background:url(../images/layout/bg-footer.png) no-repeat 50% 0;}
#footer ul,
#footer ul li {display:inline;}
#footer ul li {border-left:1px solid #fff;padding:0 0 0 10px;margin:0 0 0 10px;}
#footer ul li a {color:#d8e7ed;text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;color:#fff;}
#footer ul li.first {border:0;padding:0;margin:0;}

/* keyvisual */
h2.kv {padding:3px 10px 1px;font-weight:normal;font-size:18px;border:1px solid #d6d6d6;border-bottom:0;background:url(../images/layout/bg-kvtitle.png) repeat-y 100% 0;}
h2.kv a {text-decoration:none;}

#keyvisual {border:1px solid #d6d6d6;width:732px;height:200px;margin:0 0 15px;position:relative;}
#keyvisual .sw {position:absolute;left:15px;bottom:15px;z-index:2000;}
#keyvisual .sw li {display:block;float:left;text-indent:-9999px;width:15px;height:15px;margin:0 10px 0 0;cursor:pointer;line-height:1;background:transparent url(../images/icons/kv-sw.png) no-repeat 0 0;}
#keyvisual .sw li:hover,
#keyvisual .sw li.active {background:transparent url(../images/icons/kv-sw-active.png) no-repeat 0 0;}
#keyvisual .kv li {display:none;width:702px;height:170px;padding:15px;background-repeat:no-repeat;background-position:100% 100%;background-color:#fff;}
#keyvisual .kv li.active {display:block;}
#keyvisual .kv li h3 {font-size:20px;color:#02679F;margin:0 0 10px;font:normal 36px/1 Verdana,Arial,Helvetica,sans-serif;}
#keyvisual .kv li h3 a {text-decoration:none;}
#keyvisual .kv li .cms {width:350px;font:normal 15px/1.4 Verdana,Arial,Helvetica,sans-serif;}
#keyvisual .kv li .cms ol li,
#keyvisual .kv li .cms ul li {height:auto;width:auto;}

#keyvisual.wide {width:932px;height:230px;}
#keyvisual.wide .kv li {width:902px;height:200px;}
#keyvisual.wide .kv li h3,
#keyvisual.wide .kv li .cms {width:550px;}


/* FRONT
------------------------------------------------------------ */
#front #content {width:100%;}
#front #keyvisual {width:698px;height:230px;margin-bottom:15px;float:left;}
#front #keyvisual .kv li {width:668px;height:200px;}
#front .tabset {width:233px;height:220px;float:left;clear:none;padding:10px 0 0;margin:0 0 15px;border:1px solid #d6d6d6;border-left:0;background:url(../images/layout/gradient-greywhite2.png) repeat-x 0 0;}
#front .tabset h3 {margin:0 0 10px 10px;font-size:18px;}
#front .tabset .tabs {padding-left:10px;width:223px;}
#front .tabset .tab-content {width:203px;overflow:hidden;padding-bottom:0;margin:0;float:none;background:none;}
#front .tabset .tab-content .loginform ol {padding-top:0;}

/* front pushboxes */
#frontpushbox {width:100%;clear:both;}
#frontpushbox ul {width:100%;border-top:1px solid #d6d6d6;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
#frontpushbox ul li {width:203px;padding:15px;float:left;display:block;background:url(../images/layout/linefade.png) no-repeat 0 0;}
#frontpushbox ul li.quickaccess {width:205px;}
#frontpushbox ul li.quickaccess h3 {font-size:14px;font-weight:bold;margin-top:4px;}
#frontpushbox ul li h3 {font-size:20px;}
#frontpushbox ul li h3 a {color:#000;}
#frontpushbox ul li .image {display:block;}
#frontpushbox ul li .image img {display:block;}
#frontpushbox ul li ul {border:0;background:none;}
#frontpushbox ul li ul li {width:auto;padding:0 0 0 18px;margin:0 0 8px;float:none;background:url(../images/icons/arrow-blue-right.png) no-repeat 0 5px;}

/* latest news */
#latest {width:100%;clear:both;}
#latest ul {width:100%;display:block;border-top:1px solid #d6d6d6;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
#latest ul li {width:437px;padding:15px;float:left;display:block;background:url(../images/layout/linefade.png) no-repeat 0 0;}
#latest ul li ul {border:0;background:none;}
#latest ul li ul li {width:auto;padding:0;margin:0 0 10px;float:none;background:none;}
#latest ul li ul li h5 {font-size:11px;font-weight:normal;display:inline;}
#latest ul li ul li .meta em {margin-left:5px;padding-left:5px;}

#latest.wide ul li {width:auto;float:none;}

/* latest news - index */
#latest_tabs .ui-tabs-nav { height:28px; position:relative; z-index:2}
#latest_tabs .ui-tabs-nav li { border:1px solid #d7d7d7; border-width: 1px 1px 0px 1px; background:#eeeeee; margin-left:10px; }
#latest_tabs .ui-tabs-nav li a { color:#5F5F5F }
#latest_tabs .ui-tabs-nav li.ui-tabs-selected { background:#fff }
#latest_tabs .ui-tabs-view { background:url("../images/layout/linefade.png") repeat-x scroll 0 0 transparent;padding:1px 1px 0px 1px; }
#latest_tabs .ui-tabs-panel { background:#fff }
#latest_tabs div h5 { font-size:11px; font-weight:normal; float:left; padding-right:10px; }
#latest_tabs div ul li { padding-bottom:10px;}


/* TABS
------------------------------------------------------------ */
.tabset {width:100%;clear:both;}
.tabset .tabs {border-bottom:1px solid #d6d6d6;float:left;width:100%;}
.tabset .tabs li {display:block;float:left;margin:0 10px 0 0;cursor:pointer;border:1px solid #d6d6d6;border-bottom:0;background:#ededed;color:#5f5f5f;}
.tabset .tabs li a {text-decoration:none;color:#5f5f5f;outline:none;display:block;padding:5px 10px 3px;}
.tabset .tabs li.ui-tabs-selected {background:#fff;color:#000;margin-bottom:-1px;border-bottom:1px solid #fff;}
.tabset .tab-content {width:704px;padding:15px;float:left;background:url(../images/layout/linefade-wide.png) no-repeat 0 0;}
.tabset .ui-tabs-hide {display:none !important;}

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* variations */
.faq-center .tabset {width:280px;padding:25px 0 0;float:right;clear:none;}
.faq-center .tabset .tab-content {width:250px;padding-bottom:0;}

#lightbox .tabset .tab-content {width:100%;padding:0;}
#lightbox .tabset .tab-content .cms {padding:15px;overflow:auto;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
#lightbox .cms h2 {font-size:18px;font-weight:normal;color:#000;margin:0 0 16px;}
#lightbox .cms h3 {color:#046a9a;font-weight:bold;font-size:14px;margin:0 0 11px;}
#lightbox .tabset-order {background:url(../images/layout/linefade.png) no-repeat 100% 26px;}
#lightbox .tabset-order .tab-content {float:left;width:570px;padding:15px;}
#lightbox .tabset-order .tab-content .cms {padding:0;background:none;}


/* BOXES - COLUMNED LISTS
------------------------------------------------------------ */
.boxlist {border-top:1px solid #d6d6d6;margin:0 0 30px;width:100%;background:url(../images/layout/linefade.png) no-repeat 0 0;}
.boxlist ul {width:100%;float:left;clear:both;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
.boxlist ul li {float:left;display:block;padding:15px 10px 0;background:url(../images/layout/linefade.png) no-repeat 0 0;}
.boxlist ul li h3 {font-weight:normal;font-size:20px;margin:0 0 12px;}
.boxlist ul li h3 a {text-decoration:none;}
.boxlist ul li h3 a:hover {text-decoration:underline;}
.boxlist ul li .cms {margin:0 0 25px;min-height:72px;height:auto !important;height:72px;}
.boxlist ul li .pricetag {display:block;float:left;width:100px;margin:-3px 0 0;}
.boxlist ul li .button {float:right;}
.boxlist ul li .box {width:49%;float:left;}
.boxlist ul li .box-wide {width:auto;}
.boxlist ul li .box ul {background:none;}
.boxlist ul li .box ul li {padding:0;width:100%;background:none;margin:0 0 8px;}
.boxlist ul li .box ul li a {padding:0 0 0 15px;display:block;color:#000;text-decoration:none;background:url(../images/icons/arrow-blue-right.png) no-repeat 0 4px;}
.boxlist .extra {padding:7px 10px 3px;width:713px;float:left;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;}
.boxlist .extra h4 {font-size:14px;font-weight:normal;float:left;margin:0;}
.boxlist .extra a {float:right;display:block;color:#000;font-weight:bold;}

/* column fitting */
.boxlist ul li.col1 {width:224px;}
.boxlist ul li.col2 {width:470px;}
.boxlist ul li.col2 .pricetag {float:right;margin:-3px 0 0 15px;}
.boxlist ul li.col3 {width:714px;}
.boxlist ul li.col3 .cms {width:540px;}
.boxlist ul li.col3 .cms {float:left;margin:0 20px 0 0;}
.boxlist ul li.col3 .pricetag {margin:-33px 0 10px 12px;width:136px;text-align:right;}
.boxlist ul li .estimate {display:block;float:right;margin:10px 0;}

/* variations */
.faqlist ul li h3 {font-weight:bold;font-size:15px;margin:0 0 16px;}
.faqlist ul li h3 a {color:#000;}
.faqlist ul li ul {width:auto;float:none;clear:none;background:none;}
.faqlist ul li ul li {float:none;padding:0;background:none;margin:0 0 15px;}
.faqlist ul li ul li h4 {font-weight:normal;font-size:11px;}

/* internethelp */
.internethelp ul li h3 {color:#00689d;font-weight:bold;font-size:14px;}
.internethelp ul li h4 {color:#000;font-weight:bold;font-size:12px;}
.internethelp .searchform label {display:block;margin:0 0 5px;}
.internethelp .searchform input {width:94%;}

/* calcuations */
.boxlist ul li.calc {padding:0 0 0 1px;width:241px;}
.calc form {padding:10px 15px;background:url(../images/layout/gradient-greywhite2.png) repeat-x 0 0;}
.calc form ol li {width:100%;background:none;padding:0;margin:0 0 10px;}
.calc form ol li select {width:100%;}
.calc form ol li.country input {width:97%;}
.calc form ol li.slider {padding:15px 0;}
.calc form ol li.slider input {width:40px;float:right;}
.calc form ol li.slider #slider {margin:9px 0 0;float:left;width:150px;}
.calc form ol li.pricelist a {display:block;float:left;margin:4px 0 0;}
.calc form ol li.pricelist big {font-weight:bold;float:right;font-size:18px;}

/* tv */
.tvlist ul li {width:322px;padding:15px;float:left;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
.tvlist ul li.right {background:none;}
.tvlist ul li h3 {width:230px;float:left;}
.tvlist ul li .pricetag {float:right;text-align:right;margin:2px 0 0;}
.tvlist ul li .cms {width:100%;clear:both;}
.tvlist ul li .button {float:right;}

/* modification for tabs */
.tab-content .tvlist {margin-top:-15px;}
.tab-content .tvlist ul li {width:337px;padding-left:0;}
.tab-content .tvlist ul li.right {padding-left:15px;padding-right:0;}

/* XL package */
hr {clear:both;width:100%;margin:15px 0;height:0;display:block;border:1px solid #ebebeb;}

.xl .more-switch {display:block;padding:0 0 0 20px;width:100px;height:30px;clear:both;cursor:pointer;color:#006c9b;background:url(../images/icons/plus.png) no-repeat 0 0;}
.xl .more-switch.open {background-image:url(../images/icons/minus.png);}
.xl .more-hidden {float:left;width:100%;padding:0 0 15px;}
.xl .questions {padding:0;}
.xl .questions .more-hidden {float:none;}

.xl .product-list {border:1px solid #d6d6d6;width:702px;}
.xl .product-list ol li {width:672px;margin:0 15px 15px;}
.xl .product-list ol li .desc {width:300px;}


/* FAQ
------------------------------------------------------------ */
.faq-center {margin:0 0 20px;width:100%;clear:both;background:url(../images/layout/linefade.png) no-repeat 0 0;}

.faq-chapters {float:left;width:400px;padding:40px 25px 20px;}
.faq-chapters li {float:left;width:33%;}
.faq-chapters li a {display:block;text-decoration:none;padding:30px 10px 20px;text-align:center;}
.faq-chapters li a img {display:block;margin:0 auto 10px;}
.faq-chapters li a:hover {text-decoration:underline;font-weight:bold;}

.loginform ol,
.loginform ol li {width:100%;float:left;margin:0;padding:0;background:none;}
.loginform ol {padding:10px 0 0;}
.loginform ol li {margin:0 0 10px;}
.loginform ol li label {display:block;color:#000;}
.loginform ol li input {width:95%;}
.loginform ol li .button-wrap {float:right;}
.loginform ol li .signin-problems {display:block;float:left;width:90px;font-size:11px;line-height:1.3;}

.phonebook {padding:30px 15px 15px;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
.phonebook h3 {font-weight:bold;font-size:16px;}

#phonesearch input {float:left;width:250px;border:2px solid #d6d6d6;padding:3px 3px 2px;margin:5px 10px 0 0;}
#phonesearch .simple-search {font-size:11px;}
#phonesearch .additional {padding:20px 0;}
#phonesearch .additional ol li {width:100%;float:left;margin:0 0 10px;}
#phonesearch .additional ol li label {display:block;float:none;}
#phonesearch .additional ol li input {border-width:1px;}

.faq {padding:30px 15px 15px;background:url(../images/layout/linefade.png) no-repeat 100% 0;}

.questions {padding:20px 0 30px;width:100%;}
.questions li {border-bottom:1px solid #d6d6d6;display:block;width:100%;padding:10px 0 0;}
.questions li .top {width:100%;margin:0 0 10px;}
.questions li .top h4 {padding:1px 0 1px 25px;float:left;margin:0 15px 0 0;cursor:pointer;font-size:14px;font-weight:bold;color:#02679f;background:url(../images/icons/plus.png) no-repeat 0 0;}
.questions li .top h4 a {text-decoration:none;}
.questions li .top h4 a:hover {text-decoration:underline;}
.questions li .top .views {font-style:normal;display:block;float:left;margin:2px 15px 0 0;}
.questions li .top .rating-wrap {margin:5px 0 0;float:left;clear:both;}
.questions li .cms {padding:0 0 0 25px;margin:0;display:none;}
.questions li.last {border:0;}
.questions li.active .top h4 {background-image:url(../images/icons/minus.png);}
.questions li.active .cms {display:block;}

.tabset .content .questions {padding-top:0;}
.tabset .content .tab-content {width:100%;background:none;padding:10px 0 0;}

.accordion {width:100%;clear:both;overflow:auto;}
.accordion li {border-bottom:1px solid #d6d6d6;display:block;width:100%;padding:10px 0;}
.accordion li li {border:0;width:auto;padding:0;}
.accordion li h4 {padding:1px 0 1px 25px;margin:0 15px 0 0;cursor:pointer;font-size:14px;font-weight:bold;color:#02679f;background:url(../images/icons/plus.png) no-repeat 0 0;}
.accordion.pack-acc li h4 {padding:1px 0 1px 25px;margin:0 15px 0 0;cursor:default;font-size:14px;font-weight:bold;color:#02679f;background:none;}
.accordion li .content {padding:5px 0 0 25px;}
.accordion li.active h4 {background-image:url(../images/icons/minus.png);}
.accordion.pack-acc li.active h4 {background:none;}

.news {padding:10px 15px 15px;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
.news ul {width:100%;clear:both;margin:0 0 20px;}
.news ul li {width:100%;padding:20px 0;border-bottom:1px solid #d6d6d6;float:left;}
.news ul li h3 {font-size:14px;font-weight:bold;float:left;width:76%;margin-bottom:15px;}
.news ul li .meta {float:right;display:block;}
.news ul li .cms {width:100%;clear:both;margin:0;}
.news .archive {font-size:14px;font-weight:bold;text-decoration:none;}
.news .archive {text-decoration:underline;}

/* product list */
.product-list {float:left;padding:25px 0 15px;width:100%;margin:0 0 12px;}
.product-list ol {float:left;display:block;width:100%;}
.product-list ol li {float:left;display:block;width:100%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #d6d6d6;background:none;}
.product-list ol li.last {border:0;margin-bottom:0;padding-bottom:0;}
.product-list ol li h3 {font-size:14px;font-weight:bold;margin:0 0 30px;}
.product-list ol li .image {width:240px;min-height:1px;float:left;margin:0 15px 0 0;}
.product-list ol li .image img {display:block;margin:0 auto;}
.product-list ol li .desc {width:320px;float:left;z-index:200;position:relative;margin:0 0 -24px;}
.product-list ol li .desc .cms {width:100%;float:left;margin:0 0 10px;}
.product-list ol li .desc .more {display:block;float:left;padding:1px 0 0 22px;text-decoration:none;cursor:pointer;background:url(../images/icons/plus.png) no-repeat 0 0;}
.product-list ol li .desc-active .more {background-image:url(../images/icons/minus.png);}
.product-list ol li .excerpt {height:63px;overflow:hidden;}
.product-list ol li .pricetag {width:100px;float:right;text-align:right;margin:0 0 15px;}
.product-list ol li dl {width:320px;float:right;position:relative;z-index:200;}
.product-list ol li dl dd {display:block;float:left;width:200px;padding:7px 0 0;text-align:right;}
.product-list ol li dl dd input {border:0;margin:0 0 -2px;padding:0;}
.product-list ol li dl .qty {float:right;width:95px;text-align:left;padding:0;position:relative;}
.product-list ol li dl .qty label {display:block;float:left;padding:7px 4px 0 0;width:45px;}
.product-list ol li dl .qty input {float:left;width:22px;height:20px;padding:4px 2px 1px;margin:0 3px 0 0;font-size:16px;border:1px solid #d6d6d6;}
.product-list ol li dl .qty ul {width:14px;display:block;float:left;position:absolute;right:0;top:0;}
.product-list ol li dl .qty ul li {width:11px;height:11px;display:block;margin:0 0 5px;padding:0;text-indent:-9999px;overflow:hidden;cursor:pointer;border:0;background:url(../images/icons/qty-plusminus.png) no-repeat 0 0;}
.product-list ol li dl .qty ul li.add {background-position:0 -22px;}
.product-list ol li dl .qty ul li.del {background-position:0 -33px;}
.product-list ol li dl .qty ul li.add:hover {background-position:0 0;}
.product-list ol li dl .qty ul li.del:hover {background-position:0 -11px;}

/* order summary (lightbox) */
.accordion .ordersummary dl .qty {float:right;width:95px;text-align:left;padding:0;position:relative;}
.accordion .ordersummary dl .qty label {display:block;float:left;padding:7px 4px 0 0;width:45px;}
.accordion .ordersummary dl .qty input {float:left;width:22px;height:20px;padding:4px 2px 1px;margin:0 3px 0 0;font-size:16px;border:1px solid #d6d6d6;}
.accordion .ordersummary dl .qty ul {width:14px;display:block;float:left;position:absolute;right:0;top:0;}
.accordion .ordersummary dl .qty ul li {width:11px;height:11px;display:block;margin:0 0 5px;padding:0;text-indent:-9999px;overflow:hidden;cursor:pointer;border:0;background:url(../images/icons/qty-plusminus.png) no-repeat 0 0;}
.accordion .ordersummary dl .qty ul li.add {background-position:0 -22px;}
.accordion .ordersummary dl .qty ul li.del {background-position:0 -33px;}
.accordion .ordersummary dl .qty ul li.add:hover {background-position:0 0;}
.accordion .ordersummary dl .qty ul li.del:hover {background-position:0 -11px;}

#lightbox .accordion {border-top:5px solid #d6d6d6;padding:10px 0;}
.accordion .ordersummary li {width:575px;float:left;padding:5px 0;}
.accordion .ordersummary li h5 {float:left;margin:3px 20px 0 0;font-size:11px;}
.accordion .ordersummary li .extra {float:left;width:440px;}
.accordion .ordersummary li .extra dl {margin:0 0 10px;width:100%;}
.accordion .ordersummary li .extra dl dt,
.accordion .ordersummary li .extra dl dd {display:block;float:left;}
.accordion .ordersummary li .extra dl dt {width:195px;padding:7px 0 0;}
.accordion .ordersummary li .extra dl dd {width:100px;}
.accordion .ordersummary li .extra dl dt input {border:0;padding:0;margin:0;}
.accordion .ordersummary li .pricetag {float:right;text-align:right;line-height:1.25;}
.accordion .ordersummary li .extra dl .service-tag {float:right;display:none;}
.accordion .ordersummary li .extra dl .shown {display:block;}

.ordersummary-final {border-top:5px solid #d6d6d6;padding:10px 0 0;}
.ordersummary-final .cms {float:left;width:50%;}
.ordersummary-final .sum {float:right;width:40%;text-align:right;line-height:1.4;}
.ordersummary-final .sum big {display:block;font-size:20px;font-weight:bold;}
.ordersummary-final .sum .button {float:right;margin:0 0 5px;}
.ordersummary-final .sum .estimate {display:block;white-space:nowrap;float:right;}

/* program list */
.programfilter {width:100%;clear:both;margin:0 0 20px;padding:10px 0;}
.programfilter fieldset {float:left;margin-right:20px;}
.programfilter label,
.programfilter select {display:block;float:left;font-size:14px;margin:5px 0 0;}
.programfilter label {margin-right:10px;}
.programfilter select {width:250px;}
.programfilter .cms {float:left;font-size:11px;width:300px;line-height:1.2;}
.questions li .programfilter .cms {padding:0;}

.programlist {width:100%;clear:both;margin:0 0 20px;}
.programlist th,
.programlist td {padding:6px 10px 4px;vertical-align:top;}
.programlist thead th {background:#ededed;border-bottom:20px solid #fff;font-weight:bold;font-size:14px;}
.programlist td.no {width:20px;}
.programlist td.logo {width:40px;padding:0;text-align:center;}
.programlist td.name {width:120px;}
.programlist td .cms {margin:0;}

/* contacts */
.contactlist {background:url(../images/layout/linefade.png) no-repeat 0 0;}
.contactlist .wrap {padding:15px;background:url(../images/layout/linefade.png) no-repeat 100% 0;}
.contactlist table {border:1px solid #d7d7d7;border-bottom:0;margin:0 0 30px;line-height:1;}
.contactlist table td,
.contactlist table th {padding:10px 15px;border-bottom:1px solid #ededed;}
.contactlist table .big {width:60%;font-size:14px;font-weight:bold;}
.contactlist table .data {font-size:12px;}
.contactlist table th,
.contactlist table thead th,
.contactlist table thead td {background-color:#ededed;}


/* VARIOUS SNIPPETS
------------------------------------------------------------ */
/* buttons */
.button {display:block;float:left;padding:0 0 0 13px;white-space:nowrap;color:#fff;font-weight:bold;text-decoration:none;line-height:1;background:url(../images/buttons/blue-arrow.png) no-repeat 0 0;}
.button span {display:block;float:left;padding:10px 32px 9px 0;height:12px;background:url(../images/buttons/blue-arrow.png) no-repeat 100% 0;}
#order_back.button {display:block;float:left;padding:0 0 0 32px;white-space:nowrap;color:#fff;font-weight:bold;text-decoration:none;line-height:1;background:url(../images/buttons/blue-arrow_back.png) no-repeat 0 0;}
#order_back.button span {display:block;float:left;padding:10px 9px 9px 0;height:12px;background:url(../images/buttons/blue-arrow_back.png) no-repeat 100% 0;}
.button:hover {text-decoration:underline;cursor:pointer;}
.button:hover span {text-decoration:underline;}

.button-wrap {display:block;float:left;padding:0 0 0 10px;color:#fff;font-weight:bold;text-decoration:none;line-height:1;background:url(../images/buttons/blue-arrow.png) no-repeat 0 0;}
.button-wrap input {display:block;float:left !important;padding:6px 30px 7px 2px !important;margin:0 !important;height:32px !important;width:auto !important;cursor:pointer;border:0 !important;color:#fff !important;background:url(../images/buttons/blue-arrow.png) no-repeat 100% 0 !important;}

.title {border:1px solid #d6d6d6;padding:5px 10px;overflow:auto;background:url(../images/layout/bg-kvtitle.png) repeat-y 100% 0;}
.title h2 {float:left;font-size:18px;font-weight:normal;}
.title h2 a {text-decoration:none;}

#searchfaq {width:350px;text-align:right;float:right;padding:2px 0 0;}
#searchfaq input {width:150px;border:1px solid #dadada;}
#searchfaq input:focus {border-color:#bfbfbf;}

.shoutbox {float:left;width:685px;padding:5px 10px 8px;margin:0 0 20px;color:#fff;background:#009be2 url(../images/layout/gradient-vertical-blue.png) repeat-y 100% 0;}
.shoutbox a {color:#fff;}
.shoutbox h6 {font-size:11px;display:inline;}
.shoutbox .cms,
.shoutbox .cms p {margin:0;}
.shoutbox-pack .cms {padding-left:55px;background:url(../images/icons/paketi_on.png) no-repeat 0 4px;}
#lightbox .shoutbox {width:auto;}

.meta {color:#525252;font-size:11px;}
.meta em {font-style:normal;padding:0 0 0 10px;margin:0 0 0 8px;border-left:1px solid #525252;}

.pricetag {line-height:1.2;}
.pricetag big {display:block;font-weight:bold;font-size:18px;}
.pricetag big span {font-weight:normal;display:inline;font-size:11px;}

.filter {width:100%;margin:0 0 5px;}
.filter h6 {font-size:11px;display:inline;margin:0 10px 0 0;font-weight:normal;}
.filter ol,.filter ol li {display:inline;}
.filter ol li {margin:0 10px 0 0;}
.filter ol li input {padding:0;margin:0;border:0;background:none;}
.filter ol li a {text-decoration:none;border-right:1px solid #7f7f7f;padding:0 10px 0 0;}
.filter ol li.active {font-weight:bold;}
.filter ol li.active a {text-decoration:underline;}

/* rating stars */
.rating-wrap:hover .vote {display:block;}
.rating-wrap:hover .rating {display:none;}

.rating-wrap .vote {display:none;}
.rating-wrap .vote em {display:block;float:left;font-size:11px;line-height:1;}
.rating-wrap .vote ul {width:70px;float:left;margin:0 10px 0 0;}
.rating-wrap .vote ul li {display:block;float:left;border:0;padding:0;margin:0 2px 0 0;width:12px;height:12px;}
.rating-wrap .vote ul li a {width:12px;height:12px;display:block;float:left;text-indent:-9999px;overflow:hidden;background:url(../images/icons/star-inactive.png) no-repeat 0 0;}

.rating {display:block;width:66px;height:12px;text-indent:-9999px;overflow:hidden;background-image:url(../images/icons/stars.png);background-repeat:no-repeat;}
.rate5 {background-position:0 0;}
.rate4 {background-position:0 -12px;}
.rate3 {background-position:0 -24px;}
.rate2 {background-position:0 -36px;}
.rate1,
.rate0 {background-position:0 -48px;}

/* jQuery UI slider */
#slider {height:6px;background:#d6d6d6;font-size:11px;position:relative;text-align:left;cursor:pointer;}
#slider a {width:17px;height:17px;cursor:pointer;z-index:2;position:absolute;outline:none;margin:-5px 0 0 -8px;background:#005b82 url(../images/icons/slider-handle.png) no-repeat 0 0;}

/* content layouts */
.content-tv {overflow:auto;}
.content-tv .photo {float:left;display:block;margin:0 20px 0 0;width:360px;overflow:hidden;}
.content-tv .right {float:left;width:320px;}
.content-tv .right .pricetag {text-align:right;width:100%;clear:both;margin:0 0 10px;}
.content-tv .right select {float:right;}

/* form - check service availability */
#checkavailability ol {width:100%;margin:0 0 15px;}
#checkavailability ol li {width:100%;display:block;float:left;margin:0 0 5px;}
#checkavailability ol li label {width:150px;display:block;float:left;margin:4px 10px 0 0;}
#checkavailability ol li input {width:200px;float:left;margin:0 10px 0 0;}
#checkavailability ol li input:focus {background-color:#f4f4e7;border-left-color:#000;border-top-color:#000;}
#checkavailability ol li.zip input {width:40px;}
#checkavailability ol li label.error {background:url(../images/icons/warning.png) no-repeat 2px 0;padding:0 0 0 25px;}
#checkavailability ol li.buttons {width:auto;padding-left:158px;}
#checkavailability .cms-required {padding-left:160px;}


/* content from CMS */
.cms {margin:0 0 11px;}
.cms ul,
.cms ol {margin:0 0 1em !important;padding:0 !important;border:0 !important;width:auto !important;height:auto !important;background:none !important;}
.cms ul {list-style:disc;}
.cms ol {list-style:decimal;}
.cms ul li {list-style:disc;display:list-item !important;margin:0 0 0 27px !important;padding:0 !important;float:none !important;display:list-item !important;border:0 !important;width:auto !important;height:auto !important;background:none !important;}
.cms ol li {list-style:decimal;display:list-item !important;margin:0 0 0 21px !important;padding:0 !important;float:none !important;display:list-item !important;border:0 !important;width:auto !important;height:auto !important;background:none !important;}
.cms img {float:left;clear:left;display:block;margin:0 20px 10px 0;}

.cms table {border:1px solid #d7d7d7;border-bottom:0;margin:0 0 20px;line-height:1;}
.cms table td,
.cms table th {padding:10px 15px;border-bottom:1px solid #ededed;}
.cms table .big {width:60%;font-size:14px;font-weight:bold;}
.cms table .data {font-size:12px;}
.cms table th,
.cms table thead th,
.cms table thead td {background-color:#ededed;}

.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6 {display:block !important;float:none !important;line-height:1.2;width:auto !important;margin:0 0 15px !important;padding:0 !important;}
.cms h2 {font-size:20px;}
.cms h3 {font-size:17px;}
.cms h4 {font-size:14px;}
.cms h5,.cms h6 {font-size:11px;}

.error {color:#ff0000;}

#content.form-wrapper {width:700px;}


/*	jqModal base Styling courtesy of Brice Burgess <bhb@iceburg.net>
	The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js)
*/
.jqmOverlay {background-color:#000;}
.modal-window {display:none;position:absolute;top:17%;left:50%;width:600px;padding:15px;margin-left:-300px;background-color:#fff;color:#000;}

#lightbox {text-align:left;}
#lightbox .jqmClose {display:block;float:right;width:17px;height:17px;text-indent:-10000px;overflow:hidden;cursor:pointer;background:url(../images/icons/close.png) no-repeat 0 0;}


/* HACKS
------------------------------------------------------------ */
#top,
.tabset,
#header,
#main-nav,
#sec-nav ul,
#latest ul,
#frontpushbox ul,
#checkavailability ol,
#sidebar-left .links ul,
.news ul,
.calc form ol,
.questions li .top,
.ordersummary-final,
.accordion .ordersummary li .extra dl,
.ordersummary,
.programfilter,
.faq-center,
.filter,
.boxlist {display:inline-block;}

#top:after,
.tabset:after,
#header:after,
#main-nav:after,
#sec-nav ul:after,
#latest ul:after,
#frontpushbox ul:after,
#checkavailability ol:after,
#sidebar-left .links ul:after,
.news ul:after,
.calc form ol:after,
.questions li .top:after,
.ordersummary-final:after,
.accordion .ordersummary li .extra dl:after,
.ordersummary:after,
.programfilter:after,
.faq-center:after,
.filter:after,
.boxlist:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

#keyvisual .kv li.swf {padding: 0px;}