#FCKeditor1___Frame{height: 400px !important;}


/* --------------------------------------------------------------
	Header
-------------------------------------------------------------- */
body{background-color:#EEEEEE;background-image:url(/images/template/header/background_skin.png);background-repeat:repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px;overflow-x:hidden;margin:0px;}
#header_logo{background:transparent url(/images/template/header/xdsl_broadband_logo.png) no-repeat;width:200px;height:100px;z-index:1;float:left;}
#header_content{float:right;margin-top:70px;}
#header-menu{clear:both;}
#content-wrapper{background:transparent url(/images/template/header/background_img.jpg) no-repeat;background-position:50% 0%;z-index:0;margin-left:auto;margin-right:auto;width:980px;}


/* --------------------------------------------------------------
	Menu
-------------------------------------------------------------- */
#menuwrapper{font-family:Arial, Helvetica, sans-serif;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #333;border-bottom:1px solid #333;background-image:url(/images/template/menu/menubar_bg.png);background-repeat:repeat-x;z-index:99;}
#p7menubar a{display:block;text-decoration:none;border-right:1px solid #333;font-size:12px;color:#FFF;z-index:1;padding:3px 10px 5px;}
#p7menubar a.trigger{z-index:99;padding:3px 16px 5px 10px;}
#p7menubar li:hover a{color:#FFF;background-image:url(/images/template/menu/menubar_bg_hover.png);background-repeat:repeat-x;z-index:99;}
#p7menubar li:hover ul{display:block;z-index:99;}
#p7menubar, #p7menubar ul{list-style:none;margin:0;padding:0;z-index:99;}
#p7menubar li{float:left;width:auto;z-index:99;}
#p7menubar li ul{position:absolute;display:none;background-color:#333;border-top:1px solid #000;border-right:1px solid #333;border-bottom:1px solid #333;border-right:0;width:180px;z-index:99;opacity: 0.95;-moz-opacity: 0.95;filter:alpha(opacity=95);}
#p7menubar ul li a{width:150px;background-image:none!important;padding:2px 12px 3px 16px;cursor:pointer;}
#p7menubar ul li a:hover{z-index:1;background-image:url(/images/template/menu/menubar_bg.png) !important;background-repeat:repeat-x;}


/* --------------------------------------------------------------
	Footer
-------------------------------------------------------------- */
#content-footer{padding:10px;text-align: left;}
.ui-footer-links{font-weight:700;font-size:12px;font-family:Arial, Helvetica, sans-serif;}


/* --------------------------------------------------------------
	Main module
-------------------------------------------------------------- */
.ui-module-wrapper{width:668px;background-color:white;border:1px solid #999999;margin-bottom: 10px;}
.ui-module-titlebar {background-color:#000000;background-image:url(/images/template/modules/module_titlebar_active.png);background-repeat:repeat-x;font-size:1.2em;font-weight:bold;font-family:arial;color:#FFFFFF;text-align:left;vertical-align:middle;border-bottom:1px solid #999999;width:100%;padding:5px 0 5px 0;}
.ui-module-titlebar label{margin-left:10px;}
.ui-module-small{width:328px!important;}
.ui-module-wrapper-right{width:298px;background-color:white;border:1px solid #999999;margin-bottom: 10px;}
.image img{border:none;}
.hover_highlight:hover{background-color:#F0F0F0;}


a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#09C;}
a:visited{color:#09C;text-decoration:none;}
.clearit{clear:both;height:0;line-height:0;font-size:0;}


#ui-content-main{margin-top: 10px;}
#ui-content-main .col-left{float:left;width:670px;}
#ui-content-main .col-left-1{float:left;width:330px;}
#ui-content-main .col-left-2{float:left;width:330px;margin-left:10px;}
#ui-content-main .col-right{float:left;width:298px;margin-left: 10px;}
#ui-content-main .clear{clear: both;}


/* --------------------------------------------------------------
	General
-------------------------------------------------------------- */
.div-left{float:left;}
.div-right{float:right;}
.div-clear{clear:both;}
.ui-font-required{color:red;}
input.ui-error, select.ui-error{border: 1px solid red;}
.ui-published{color:#D2D2D2;text-decoration: line-through;}
.ui-info{border:1px solid #D4D4FF;padding:10px!important;margin:2px 0px 10px 0px;background: #E1E1FF;}

/* --------------------------------------------------------------
	Product list
-------------------------------------------------------------- */
#ui-product-row, .ui-product-info, .ui-product-img, .ui-product-tech{}
#ui-product-row{background-color:white;border:0px 1px solid black;padding:10px;}
.ui-product-info{width:180px;text-align:center;}
.ui-product-name a{color:red !important;font-weight:bolder !important;font-size:16px !important;}
.ui-product-price{color:#83c229;font-weight:bolder;font-size:46px;padding:5px;text-shadow: 2px 2px 2px black;}
.ui-product-img{width:160px;border:none;margin-left: 10px;vertical-align: middle;text-align: center;line-height:120px;}
.ui-product-img{vertical-align: middle;}
.ui-product-tech{width:280px;margin-left:10px;}
.ui-product-tech p{margin-top:4px;margin-bottom:4px;font-weight:bolder;}
.ui-product-tech ul{margin-top:5px;padding-left:20px;margin-bottom:2px;}
#ui-product-row {border-bottom:1px solid gray;}


/* --------------------------------------------------------------
	Main article
-------------------------------------------------------------- */
#ui-article-wrapper{padding:5px;}
.ui-article-img{border:none;}
.ui-article-desc{width:317px;padding-left:10px;}
.ui-article-main{width:654px;}
.ui-article-product-name{font-size: 24px;font-weight: bolder;text-align: left;}
.ui-article-product-price{font-size: 24px;font-weight: bolder;text-align: left;}
.ui-article-desc ul{padding-left: 20px;}


/* --------------------------------------------------------------
	Shopping Cart
-------------------------------------------------------------- */
.ui-cart-button{font-family:Arial, Helvetica, sans-serif;background-image:url(/images/template/menu/menubar_bg.png);background-repeat:repeat-x;width: 140px;text-align: center;}
.ui-cart-button a{display:block;text-decoration:none;border-right:1px solid #333;font-size:12px;color:#FFF;z-index:1;padding:3px 10px 5px;}
.ui-cart-button a:hover{background-image:url(/images/template/menu/menubar_bg_hover.png);}
.ui-buy{margin-top:5px;width:100px!important;}
#ui-shopping-table{width:550px;margin:5px;border-spacing:0px;}
#ui-shopping-table tbody td{padding: 3px 2px 3px 2px;}
#ui-shopping-table tbody td a img{color:white !important;}
#ui-shopping-table thead th{text-align: left;border-bottom: 1px solid gray;padding-bottom: 2px;margin-bottom: 5px;}
#ui-shopping-table tfoot th{border-top:1px solid gray;text-align:left;}
#cart_small{padding:4px;}
#cart_small h3{margin:0px;}
#form-indi{display:none;}
#form-comp{display:none;}
#form-billing{display:none;}
#form-creditcard{display:none;}
#form-debitorder{display:none;}
#form-btn{display: none;}
.ui-hide-me{display: none;}
#ui-cart-summary ul{list-style-image:none;list-style-position:outside;list-style-type:none;padding:10px 20px;margin:0px}
#ui-cart-summary ul li{padding: 5px 0px;}
#ui-cart-summary ul li{background:transparent url(/images/template/cart/shoppingcart-sharp.png) no-repeat scroll left center;}
#ui-cart-summary ul li span{left:30px;position:relative;}
#ui-cart-summary h3{margin:10px 0px 0px 20px;font-size:16px;}
#ui-cart-summary #cart-buttons{padding:0px 0px 10px 20px;}


/* --------------------------------------------------------------
	User signup form
-------------------------------------------------------------- */
#ui-user-wrapper{padding:10px;margin:10px;border:1px solid #969696;}
#ui-user-wrapper h4{margin:5px 0px;border-bottom:1px solid #E1E1E1;border-bottom-style:dotted;}
#ui-user-wrapper .ui-signup-group{margin:10px 0px 4px 0px;}
#ui-user-wrapper .ui-signup-group div label{float:left;width:250px;}
#ui-user-wrapper .ui-signup-group div{padding:2px 0px;}
#ui-user-wrapper .col-left{float:left;width:250px;}
#ui-user-wrapper input[type="text"], #ui-user-wrapper select{width:150px;}
#ui-user-wrapper .ui-signup-group span div label{width:100px;}
#ui-user-wrapper .ui-signup-group div p label{float:none;}
#div-warning-wrapper, #div-warning-bank-wrapper{border:1px solid red;display:none;background:#FFF2F2;margin:10px;padding:10px;text-align:center;}
#div-warning-wrapper h3, #div-warning-bank-wrapper h3{color: red;}


/* --------------------------------------------------------------
	Titbit
-------------------------------------------------------------- */
.slide-me ul li div{padding: 0px 5px 0px 5px;float:left;}
.ui-silder{margin-left: 35px;padding: 5px;}
.slide-me{}
.slide-me ul, .slide-me li{margin:0;padding:0;list-style:none;}
.slide-me li{width:596px;height:200px;overflow:hidden;}
p#controls, p#controls2{margin:0;position:relative;}
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{display:block;margin:0;overflow:hidden;text-indent:-8000px;width:25px;position:absolute;left:-30px;top:-200px;height: 200px;}
#nextBtn, #nextBtn2{left:596px;}
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{display:block;height:100%;background-image: url(/images/titbits/titbits_selector_l.jpg);}
#nextBtn a, #nextBtn2 a{background-image:url(/images/titbits/titbits_selector_r.jpg);}


/* --------------------------------------------------------------
	Network Notices
-------------------------------------------------------------- */
#ui-network{margin-left:10px;}
#ui-network ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#ui-network ul li{padding:5px 0px;}
#ui-network ul li.ok{background:transparent url(/images/template/modules/network_notice/nn_bullet_ok.gif) no-repeat scroll left center;}
#ui-network ul li.warn{background:transparent url(/images/template/modules/network_notice/nn_bullet_warn.gif) no-repeat scroll left center;}
#ui-network ul li.crit{background:transparent url(/images/template/modules/network_notice/nn_bullet_crit.gif) no-repeat scroll left center;}
#ui-network ul li span{left:40px;position:relative;}
#ui-network ul li span label.head{font-weight:bold;}

/* --------------------------------------------------------------
	About Us
-------------------------------------------------------------- */
.ui-about_us{padding:10px;}
.ui-about_us h3{margin-top:5px;}


/* --------------------------------------------------------------
	Contact Us
-------------------------------------------------------------- */
#ui-contact_us, #ui-contact_us-form{padding:10px;}
#ui-contact_us ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:2px 0px 10px 0px;padding:1px 0px 1px 5px;}
#ui-contact_us h4{margin:0px;}
#ui-contact_us div.lbl{width:70px;float:left;}
#ui-contact_us .street{width:150px;}
#ui-contact_us img{margin-bottom:6px;}
#ui-contact_us-form .row{margin:2px 0px;}
#ui-contact_us-form label{width:130px;float:left;}
#ui-contact_us-form label span{color:red;}
#ui-contact_us-form textarea{width:300px;height:100px;}


/* --------------------------------------------------------------
	Contact Us
-------------------------------------------------------------- */
#ui-feature .feature-text{padding:5px;}
#ui-feature h1{margin:10px;}


/* --------------------------------------------------------------
	Matix Table
-------------------------------------------------------------- */
#matrix{margin:10px 10px 10px 10px;padding:10px;border:1px solid silver;font-size-adjust:none;font-style:normal;font-variant:normal;color:#555555;}
#matrix .wrapper{}
#matrix .header{background:#B4B4B4;text-align:center;cursor:default;font-size:14px;padding:4px;font-weight:bold;}
#matrix .group{line-height:200%;background: #EEEEEE;font-weight:bold;cursor: default;margin-top:2px;text-indent:10px;}
#matrix .group-data{}
#matrix .entry{background:#FAFAFA;padding:4px;border-bottom:1px dotted #EEEEEE;cursor: default;}
#matrix .entry:hover{background:#FFFFD4;}
#matrix .col-text{width:200px;float:left;text-indent:10px;}
#matrix .col-value{width:100px;float:left;text-align:center;}
#matrix .clear{margin:0px;padding:0px;clear:both;}


/* --------------------------------------------------------------
	Myaccess login
-------------------------------------------------------------- */
#mylogin {padding:10px; float:left; width: 400px;}
#mylogin label{float:left;width:100px;padding-top:3px;}
#mylogin input{margin:2px;}
#mylogin p{margin-top:5px;padding:5px 0px;cursor: default;}
#myloginimage {float:right;margin-top:25px; margin-right:10px;}
#error-box{border: 2px solid #DA3030; margin:10px;padding:7px; width:330px;background: #FFD4D4;}


/* --------------------------------------------------------------
	Signup
-------------------------------------------------------------- */
#signup-wrapper{padding:5px;}
#signup-wrapper .scol-left, #signup-wrapper .scol-right{float:left;width:320px;}
#signup-wrapper .step{border:1px solid #DCDCDC;margin:5px 30px;padding:15px;width:220px;background: transparent url(/images/template/modules/myaccess/signup/back.png) no-repeat scroll left center;}
#signup-wrapper .step img{height:42px;padding-right:20px;vertical-align:middle;width:42px;}
#signup-wrapper .active {border:1px solid #DCDCDC;background: transparent url(/images/template/modules/myaccess/signup/a_back.png) no-repeat scroll left center !important;}
#signup-wrapper .step .text{font-size:15px;font-weight:bold;color:black;cursor:default;}
#new-signup select {width:150px;}
#new-signup input[type="radio"], input[type="checkbox"] {cursor:default;height:13px;padding:0px!important;width:13px;}
#new-signup h3 + div label {margin-left:10px;}
#new-signup h3 {border-bottom:1px solid gray;margin-bottom:5px;padding:2px;}
#new-signup div {padding:2px;}
#new-signup div label {float:left;width:120px;}
#new-signup .required {color:red;margin-right:4px;}
#new-signup label{margin-top: 3px;}
#new-signup .ie_suck_span{width:130px;float:left;height:15px;padding-top:4px;}


/* --------------------------------------------------------------
	Manage
-------------------------------------------------------------- */
#manage-wrapper .scol-left, #manage-wrapper .scol-right{float:left;width:320px;}
#manage-wrapper .step{border:1px solid #DCDCDC;margin:5px 30px;padding:15px;width:220px;background: transparent url(/images/template/modules/myaccess/signup/back.png) no-repeat scroll left center;}
#manage-wrapper .step:hover{background: transparent url(/images/template/modules/myaccess/signup/a_back.png) no-repeat scroll left center !important;}
#manage-wrapper .step img{height:42px;padding-right:20px;vertical-align:middle;width:42px;}
#manage-wrapper .active {border:1px solid #DCDCDC;background: transparent url(/images/template/modules/myaccess/signup/a_back.png) no-repeat scroll left center !important;}
#manage-wrapper .step .text{font-size:15px;font-weight:bold;color:black;cursor:default;}
#manage-wrapper h3 + div label {margin-left:10px;}
#manage-wrapper h3 {border-bottom:1px solid gray;margin-bottom:5px;padding:2px;}
#manage-wrapper div {padding:2px;}
#manage-wrapper div label {float:left;width:120px;}
#manage-wrapper label{margin-top: 3px;}
#manage-wrapper .barGraph_blue{float:left;background:blue none repeat scroll 0 0;color:white;height:15px;text-align:center;}
#manage-wrapper .barGraph_red{color:white;height:15px;text-align:center;background:red none repeat scroll 0 0;}

#manage-wrapper #manage-content table{font-family:Arial, Helvetica, sans-serif;font-size:12px;width:100%}
#manage-wrapper #manage-content table thead{background: #5A5A5A; color: white; font-weight: bold; text-align:left;}
#manage-wrapper #manage-content table tr td{padding:2px;}

/* --------------------------------------------------------------
	FAQ
-------------------------------------------------------------- */
#faq-index{padding:5px;}
#faq-index h3{margin-bottom:5px;padding:2px;}

#faq {padding:5px;}
#faq h3 {border-bottom:1px solid gray;margin-bottom:5px;padding:2px;}
#faq h3 + div > div  {margin-left:10px;padding:10px 0px;}
#faq h3 + div > div div:first-child{font-weight: bolder;color:black!important;padding-top:0px!important;}
#faq h3 + div > div div{color:#5A5A5A;padding-top:4px;}
#faq h3 + div > div span{margin-top:5px;}
#faq h3 + div > div span a{font-size: 9px;color:#8E8E8E}
#faq h3 + div > div span a:hover{color:#FF0000}

.payment_msg{border:1px solid #E1E1E1;padding:20px 10px!important;text-align:center;margin-top:10px; font-weight: bold;}


#purchase_hist .done{background: #ECFFDD}
#purchase_hist .error{background: #FFF4F4}


/* --------------------------------------------------------------
	MYACCESS header
-------------------------------------------------------------- */
#myaccess-main{background: transparent url(/images/template/modules/myaccess/banner_01.jpg) no-repeat scroll 0 0;height:160px;cursor:pointer;}
#myaccess-main > div{
    float:right;
    width:200px;
    height:130px;
    background:black;
    color:white;
    margin:10px 10px 0px 0px;
    filter:alpha(opacity=33);
    opacity: 0.33;
    -moz-opacity:0.33;
    padding:5px;
    font-weight: bold;
}





/* begin: slideshow */
#promo{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;margin-left:40px;background-color:#e5e5e5;}
#promo ul{margin:0px;padding:0px;}
#promo {position:relative;padding:0;margin:0;}
#promo a img {border:none;}
#promo #but {display:block;position:absolute;z-index:100;left:0px;bottom:10px;margin:0 0 0 10px;}
#promo #but li {float:left;display:inline;width:30px;height:30px;margin:0;padding-left:11px;line-height:30px;background-image:url('/images/template/buttonBg.png');background-repeat:no-repeat;}
#promo #but li a {float:left;text-decoration:none;width:30px;height:30px;color:#fff;outline:0;}
#promo ul.but li a:hover {text-decoration:none;color:#0a0a0a;}
#promo ul.but li.active a:hover,
#promo ul.but li.active a {color:#666666;}

#promo #buttons{margin-top:176px;padding:6px 0px;position:absolute;z-index:2;width:668px;margin-left:15px;}
#promo #buttons li{list-style: none;float:left;margin-left:1px;border:1px solid gray;padding:1px 5px;background: white;}
#promo #buttons li.active{background: #CD0101;color:white;}
#promo #buttons li:hover{background: black!important; color:white;cursor: pointer;}

#slides li {list-style-type:none;}
#slides {height:210px;margin:0;}
#slides li{visibility:hidden;position:absolute;}

/* end: slideshow */



/* --------------------------------------------------------------
	Network Notice
-------------------------------------------------------------- */

.notice{border-bottom:1px solid rgb(230, 230, 230);padding:5px;}
#notice-signup{margin-top:20px;}

#notice-signup label{width:120px;float:left;}
#notice-signup div{padding:3px;}


#q{border:1px solid #0280C7; padding:40px 60px;margin:10px 50px;background: #F6F8FF;}
#q div > span{font-weight: bold;}
.ui-progressbar-value { background: url(/images/pbar-ani.gif) repeat-x white!important;}
.ui-progressbar{height:18px!important;}
#q .form label{float:left;width:100px;}