@charset "utf-8";
/*@import url("../templates/system/css/system.css");
@import url("../templates/system/css/general.css");*/

.sublevel_usermenu, .mainlevel_usermenu { padding:3px; display:block; font-size:13px; }
.sublevel_usermenu { margin:2px 0; margin-right:4px; display:none; }
.mainlevel_usermenu { padding-left:6px; }

#menuReseller { list-style:none; padding:0; margin:0; }
#menuReseller li a { display:block; padding:2px 4px 2px 0; }
#menuReseller li { padding:3px; padding-left:6px; font-size:13px; font-weight:bold; }

.componentheading { font-size:16px; padding:5px; }
body { margin:0; padding:0; width:100%; background:#fff; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
html { padding:0; margin:0;}
.opalLinksDescription, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
}
.modifydate { font-size:11px;color:#AAA;font-style:italic; }

.imageEffects1 img {
	border:1px solid #ccc;
	margin:0 !important;
}
.imageEffects1 img:hover {
	border-color:green;
}

.sliderImgs { background:#f8f8f8 url(../images/opal-headers/1-web-design-swindon.jpg) center repeat-x; }
.sliderImgs, .sliderImgs div { position:absolute; width:100%; height:472px; z-index:-1; left:0; }
.sldr-1 { background:#f8f8f8 url(../images/opal-headers/1-web-design-swindon.jpg) center repeat-x; }
.sldr-2 { background:#f8f8f8 url(../images/opal-headers/2-web-design-swindon.jpg) center repeat-x; opacity:0; }
.sldr-3 { background:#f8f8f8 url(../images/opal-headers/3-web-design-swindon.jpg) center repeat-x; opacity:0; }
.sldr-4 { background:#f8f8f8 url(../images/opal-headers/4-web-design-swindon.jpg) center repeat-x; opacity:0; }

/* Extra Customisation */
.blogItem:hover {
	background: #F7F7F7 url(../images/browseDocument.png) no-repeat;
	background-position:top right;
	cursor:pointer;
}
a.readon, a.readon_widescreen {
	width:104px;
	height:38px;
	color:#FFF !important;
	line-height:34px;
	text-align:center;
	font-size:12px;
	background: url(../images/opal-button.png) no-repeat;
	display:block;
}
a.readon:hover, a.readon_widescreen:hover { background-position:0 -38px; }
.body img.portf { margin:5px auto; padding:0;}
.port { padding:5px 10px;}
.port_resizeL, .port_resizeR { width:282px; margin:0; padding:10px 0px; margin-right:20px;}
.port_resizeL { float:left; }
.port_resizeR { float:right; }
.body img.floatedR { float:right; padding:0; margin:10px 5px;}
.fullWidth { width:940px; padding: 10px; }
.body_resize h3 {
	color:#343434;
	font:20px Arial,Helvetica,sans-serif;
	margin:0;
	padding:5px;
}
.uibutton, .uibutton span { color:#fff !important; }

.tbl_compare td {
    border-bottom: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.tbl_compare th.feat {
    border-top: 0 none;
}
.tbl_compare th {
    border-bottom: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
    font-weight: normal;
    padding-left: 10px;
    width: 245px;
	text-align:left;
	vertical-align:middle;
}
.tbl_compare td.rowheading {
    background: none repeat scroll 0 0 #A0A0A0;
    border: 0 none;
    text-align: left;
    vertical-align: middle;
}
.tbl_compare td.rowheading p a { color:#FFC; text-decoration:underline; }
.tbl_compare td p, .tbl_compare th p { padding:2px 5px; font-size:11px; }
.tbl_compare td.rowheading p { color: #fff; }
.tbl_compare .abs-header th { text-align:center; padding:10px 0; border:inherit; font-size:14px; font-weight:bold; text-shadow:0 -1px 0 #069; }

.thButton {
	display:block;
	width:100%;
	height:30px;
	margin:0 auto 20px;
}
/* main */
.main {width:100%; padding:0; margin:0 auto; /*background: #ebebeb;*/ }

/********** header **********/
.header { background:url(../images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:960px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:460px;}
/* menu */	
div.menu { float:right; padding:25px 0 0 0; margin:0; /*width:420px;*/}
div.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
div.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
div.menu ul li a { float:left; margin:0; padding:13px 0; color:#a1a1a1; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
div.menu ul li a span { padding:13px; background:none;}
div.menu ul li a:hover { color:#fff;  background: url(../images/r_menu.gif) no-repeat right;}
div.menu ul li a:hover span { color:#fff;  background:url(../images/l_menu.gif) no-repeat left;}
div.menu ul li a.active, div.menu ul li.active a{  color:#fff; background:url(../images/r_menu.gif) no-repeat right;}
div.menu ul li a.active span, div.menu ul li.active a span { color:#fff;  background:url(../images/l_menu.gif) no-repeat left;}
/* sub menu */
div.menu ul li ul {
	display:none;
}
/* */
 /* sub_text */
.sub_text { background: url(../images/sub_text_bg.jpg) top center repeat-x; padding:0; margin:0; height:140px;}
.sub_text_resize { width:960px; margin:0 auto; padding:0;}
.sub_text_resize img { float:right; padding:50px 0 0 0; margin:0;}
.sub_text_resize h2, .sub_text_resize h1 { font: normal 40px Arial, Helvetica, sans-serif; color:#1a1919; padding:50px 0 0 15px; margin:0; text-shadow:1px 1px 0 #FFFFFF;}
/* search_blog */
.search_blog { background:#f6f6f6; margin:0; padding:0;}
.search_blog_resize { width:960px; margin:0 auto; padding:0;}
.search_blog h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:10px 0 15px 15px; margin:0;}
.search_blog h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#afafaf;}
/* search */
.search { padding:10px 20px 0 0; margin:0; width:250px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url(../images/search_bg.gif) left top no-repeat; width:200px; padding:0 5px; height:33px;}
.search form .keywords { width:149px; line-height:17px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding:0;}

/* header box */
/*.header_box { background:#f8f8f8 url(../images/slide_bg_line.gif) top repeat-x;}*/
.header_box_resize { /*background:url(../images/slide_bg.jpg) center top no-repeat;*/ height:472px; width:960px; margin:0 auto;}
.slider_cu3er { width:576px; float:left; padding:74px 0 0 24px;}
#cu3er-container { width:537px; outline:0; height:361px;}
.header_text { width:345px; float:right; padding:120px 0 0 15px;}
.header_text h2 { padding:10px 0; margin:0; font:normal 32px/1.2em Arial, Helvetica, sans-serif; color:#1a1919; text-shadow:1px 1px 0 #FFFFFF; }
.header_text p { padding:10px 0; margin:0; font:normal 12px/1.6em Arial, Helvetica, sans-serif; color:#272727;}

.workers, .workers td, .workers tr {
	vertical-align:top;
	margin:0; font:normal 12px/1.6em Arial, Helvetica, sans-serif; color:#272727;
}

/*FBG*/
.FBG { margin:0 auto; width:960px; padding:10px 0 0 0;}
.FBG_resize { border-top:1px solid #e9e9e9; background:#f2f2f2; margin:0; padding:0;}
/****Recent **/
.Recent  { width:300px; float:left; padding:10px; margin:10px 0;}
.Recent p{ font:normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent img { float: left; margin:10px 15px; padding:0;}
/********** block index **********/
.body { margin:0; padding:0; background: #fff; border-top:1px solid #eaeaea;}
.body_resize { width:960px; margin:0 auto; padding:0;}
.body_resize h2, .body_resize h1 { font:normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0; text-shadow:1px 1px 0 #FFFFFF;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; padding:10px 5px; margin:0; line-height:1.8em;}
.body_resize p span { color:#45b8c3; font: normal 11px Arial, Helvetica, sans-serif;}
.body_resize a { color:#45b8c3; text-decoration:none; font-weight:bold;}
.body_resize a:hover { color:#390;}
.body_resize img { margin:10px auto; padding:0;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
.right  { width:300px; float:right; margin:0; padding:10px 10px;} 
.left  { width:620px; float:left; margin:0; padding:10px 10px;}
.page_widescreen .right { width:0px; float:right; margin:0; padding:0; }
.page_widescreen .left { width:940px; float:left; margin:0; padding:10px 10px; }
.page_smallright .right { width:200px; float:left; margin:0; padding:10px; }
.page_smallright .left { width:720px; float:right; margin:0; padding:10px 10px; }
.blog { float:left; margin:0; }
.blog p.grey { color:#5f5f5f;}
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#f7f7f7; border:1px solid #ececec;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#747474; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:420px; border:1px solid #ececec; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:420px; border:1px solid #ececec; margin:10px 0; padding:2px; background:#fff; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 400px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer_resize, #post-footer { width:960px; margin:0 auto; padding:10px 0;}
.footer {padding:0;  margin:0; background:#f7f7f7; border-top:1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#747474;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:65%; margin:0; padding:10px 0 0 20px; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 20px 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

/*************JOOMLA*/
img.infoBtn { padding:0; margin:0; border:none; }
.buttonheading a img { border:none; margin:0; }
/***** NBILL */
.NBILL_INVOICE_REFUNDED { color:#603; }
.NBILL_INVOICE_PART_REFUNDED { color:#C0F; }
.NBILL_FE_INVOICE_PAID { color:#090; }
.NBILL_INVOICE_PART_PAID { color:#F90; }
.NBILL_INVOICE_UNPAID { color:#f00; }
#nbill-invoice-list-table, .nbill-invoice-list-table { border:1px #a6a6a6 solid; }
.sectiontableheader { background-color: #808080; font-weight: bold; font-size:12px; color:#fff; }
.sectiontableentry1 { background-color: #E5DFEC;}
.sectiontableentry2 { background-color: #F2EFF6; }
.sectiontableentry1:hover, .sectiontableentry2:hover, .sectiontableentry:hover, .sectiontableentry0:hover { background-color:#FFC; }

/*ProjectFork*/
.pf_welcome img { padding:1px !important; margin:0 !important; }
#pf-footer, #theme_link { display:none; }