/*
 * Cascading Style Sheet(CSS), for Help Desk
 * Author: yooneeq
 * Copyright: 2010 yooneeq, All Rights Reserved
 *
 */
 
/*
======================================
General styles
======================================
*/
 
body {
	margin: 0px;
	padding: 0px;
	background: #FFF;
	color: #222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
 
table th {
	background-color: #fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 6px;
	padding-bottom: 6px;
	color: #727272;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
}
 
table th a {
	color: #3E5F84;
}
 
img {
	border: 0px none;
}
 
a {
	color: #FF6600;
	text-decoration: none
}
a:hover {
	color: #000;
	text-decoration: none;
}
 
p {
	margin: 0px;
	padding: 4px 1px 2px 1px;
}
 
ul {
	padding: 0px 0px 0px 28px;
}
 
ol {
	padding: 0px 0px 0px 36px;
}
 
li {
	padding: 0px 0px 2px 0px;
}
 
h1 {
	margin: 0px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 8px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
 
#hold_left {
	float: left;
	padding-top: 2px;
	width: 72%;
}
#wrap {
margin:0 auto;
background:#FFF;
width:960px;}
 
/*
======================================
Header styles
======================================
*/
 
#header {
	height: 65px;
}
 
#header a {
	display: block;
}
 
#right_links {
	position: relative;
	float: right;
	top: 40px;
}
 
#right_links a {
	display: inline;
	color: #666;
	font-size: 11px;
	text-decoration: none;
}
 
#menu {
	/*margin: -2px 0px;
	padding-top: 10px;
	padding-bottom: 26px;
	/*padding-left: 134px;*/
	padding-right: 0;
/*	background: transparent url(http://customercare247.com/helpdesk/images/default/header_lower.jpg) left top no-repeat;*/
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
   border:1px solid #ccc;
   height:26px;
}
 
#menu #menucenter {
	float: left;
	/*padding: 11px 0px 12px 0px;*/
	background: #FFF;
}
 
#menu #menuleft {
	display:none;
	float: left;
	background: url('http://www.customercare247.com/helpdesk/images/default/menu_left.jpg') no-repeat left top;; padding-left:10px; padding-right:0px; padding-top:11px; padding-bottom:26px
}
 
#menu #menuright {
	float: left;
	background: url('http://www.customercare247.com/helpdesk/images/default/menu_right.jpg') no-repeat right top;
	 display:none; padding-left:0px; padding-right:10px; padding-top:11px; padding-bottom:26px
}
 
#menu a {
	padding: 5px 18px 5px 13px;
	color: #444;
	display:block;
	float:left;
	text-decoration: none;
	border-right:1PX solid #CCC;
}
 
#menu a:hover {
	color: #000;
	background:#eee;
 }
 
#navbar {
	margin: 6px 0 10px 0;
	/*border: 2px solid #8EB95D;
	background-color: #FFF;*/
	color: #aaa;
	padding-top: 0;
}
 
#navbar a {
	color: #777;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}
#navbar a:hover { color:#000; }
 
#navbar_inline {
	margin: 2px;
	padding-left: 0;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	/*background-image: url(http://www.customercare247.com/helpdesk/images/default/infobar_bkg.jpg);
	background-repeat: repeat-x;
	background-color: #ADD074;*/
	background:#fff;
	border-bottom:1px dashed #dedede;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaa;
}
 
/*
======================================
Content styles
======================================
*/
 
#content {
	margin: 0px 0px 0px 0;
	padding: 0px;
	background: #fff;
}
 
.boutline {
	border: 2px solid #B1CCE4;
}
 
.content_block {
	margin: 5px 30px 40px 0;
	/*border: 2px solid #B1CCE4;*/
	padding: 8px 0px;
	background: #fff;
}
 
.content_block .date {
	margin: 0 0 10px 0px;
	color: #ababab;
	font-size: 11px;
	font-weight: normal;
}
 
#print_wrap .date {
	font-size: 12px;
}
 
.date a:link,
.date a:visited,
.date a:active,
.date a:hover {
	color: #555;
}
 
.content_block p {
	margin: 8px;
	padding: 1px;
	line-height: 16px;
}
 
#print_wrap p {
	margin: 7px 0;
	padding: 0px;
}
 
.sidebar {
	/*margin: 50px 0 0px 10px;*/
 	/*padding: 8px;
	background: #ccc;*/
	float: right;
	width: 28%;
	margin-top:2px;
	font-size: 11px;
}
 
.sidebar p { margin: 0px; padding: 4px 5px 2px 5px; }
 
.sidebar h2 {
 	border-bottom: 3px solid #ccc;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 1px 0;
	padding:0 0 3px 0;
}
 
.sidebar h2 a {
	color: #333 !important;
	text-decoration: none;
}
 
#copyright {
	padding: 5px 0px;
	color: #777;
	font-size: 10px;
	text-align: right;
}
 
#copyright a {
	color: #777;
	text-decoration: underline;
	line-height: 170%;
}
 
/*
======================================
Option stack styles
======================================
*/
 
.groupbox {
	background-color: #fff;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 1px;
}
 
.groupbox a {
	color: #444;
}
 
.subbox,
.subboxstaff {
	background-color: #fff;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 6px;
	padding-bottom: 6px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
}
 
.subbox a {
	color: #FF6600;
}
.subbox a:hover { color:#000; }
 
.subbox .links,
.subboxstaff .links {
	 font-size: 11px;
	 vertical-align: middle;
	 background:none;
	 padding:0;
	 margin:0;
	min-height:inherit;
	padding-top:0px;
	width:auto;
}
 
.subboxstaff {
	background-color: #fff;
	color: #bc853e;
	border-top:1px solid #fbde6a;
	border-bottom:1px solid #fbde6a;
	background:#fafcdb;
}
 
.option1 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
 
.option1-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border-bottom:1px solid #ddd;
}
 
.option2 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #444;
}
 
.option2-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #fff;
	border-bottom:1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color: #777;
}
 
.row1 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
 	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
 
.row1-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
 
.row1-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #fff;
	border-bottom:1px solid #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.row1-mini a { color:#666;  }
.row1-mini a:hover { color:#000; }
 
.row2 {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}
 
.row2-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
 
.row2-mini {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	margin-bottom: 1px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom:1px solid #ddd;
	color: #666;
}
.row2-mini a { color:#666;  }
.row2-mini a:hover { color:#000; }
 
.option1-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
 
.option2-med {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFF;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}
 
.formtail {
 
	background-color: #fff;
	border-top: 1px solid #fff;
	padding: 3px;
}
 
.blbig {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4D7299;
	font-size: 15px;
}
 
.blbig a {
	text-decoration: none;
	color: #0084bb;
}
.blbig a:hover { color:#000; }
 
/*
======================================
Form styles
======================================
*/
 
form {
	padding: 0;
	margin: 0;
}
 
label,
.fake_link {
	cursor: pointer;
}
 
INPUT, TEXTAREA, SELECT {
	border: 1px solid #ccc;
	padding: 5px;
	background: #FFF url('http://www.customercare247.com/helpdesk/images/default/input_bkg.gif') no-repeat;
	-moz-border-radius:5px;  -webkit-border-radius:5px
}
 
INPUT, TEXTAREA, SELECT, OPTION {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2C2C2C;
	background-color: #FFF;
	
}
 
OPTION { margin:5px 0;   }
 
INPUT.button {
	margin: 1px;
	padding: 5px 10px;
	background:#333; color:#fff; 
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	border:none;
	margin-left:10px;
	-moz-border-radius:5px;  -webkit-border-radius:5px;
}
 
input:hover.button { background:#FF6600; color:#FFFFFF;  }
 
 
INPUT.submit_ticket_btn {
	margin: 1px;
	padding: 10px 40px;
	background:#333; color:#fff; 
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	border:none;
	margin-left:10px;
	-moz-border-radius:5px;  -webkit-border-radius:5px;
}
 
input:hover.submit_ticket_btn { background:#FF6600; color:#FFFFFF;  }
 
.fake_button {
	background: #FFF url('http://www.customercare247.com/helpdesk/images/default/input_bkg.gif') no-repeat;
	margin: 5px;
	border: 1px solid #9e9e9e;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #444;
	-moz-border-radius:5px;  -webkit-border-radius:5px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
:hover.fake_button { background:#333; color:#fff;  }
 
.fb_pad {
	padding: 4px;
}
 
/*
======================================
Alert message styles
======================================
*/
 
.alert {
	background-color: #F6F0CA;
	border: 1px dashed #8D7330;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #815E38;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
 
.critical {
	background-color: #EED4D2;
	border: 1px dashed #A94637;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #AC241A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
 
/*
======================================
Drawer styles
======================================
*/
 
.infopop {
	margin-bottom: 1px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 8px;
	background: #EEF5FD url('http://www.customercare247.com/helpdesk/images/default/infopop_bkg.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border-bottom: 3px solid #9ECAE9
}
 
.infopop img {
	margin-bottom: -1px;
	margin-right: 4px;
}
 
.infopop a {
	color: #5783B9;
	text-decoration: none;
}
 
.infopop a:hover {
	color: #99B4D9;
	text-decoration: none;
}
 
.linkpop {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #5783B9;
}
 
#info1 div, #info2 div, #info3 div, #info4 div, #info5 div,
#info6 div, #info7 div, #info8 div, #info9 div, #info10 div,
#info11 div, #info12 div, #info13 div, #info14 div, #info15 div,
#info16 div, #info17 div, #info18 div, #info19 div, #info20 div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	padding: 8px 8px 4px 4px;
	line-height: 18px;
}
 
.plink {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #CCC;
	background: #EEE;
}
 
.plink a {
	color: #7B7B7B;
}
 
.plinkc {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #CCC;
	background: #EEE;
}
 
.disabled {
	color: #999;
}
 
.small {
	font-size: 12px;
	font-weight: normal;
}
 
/* ---------- */
 
.article { margin:0; padding:0; list-style:none; }
.article li { background:url('http://customercare247.com/helpdesk/images/default/images/article_text.png') no-repeat left 3px; line-height:18px; border-bottom:1px solid #d8d8d8; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:10px  }
.article li a { color:#666;  }
.article li a:hover { color:#000; }
 
.row1 p { margin:0 0 8px 0; padding:0; line-height:20px; }
 
.top_search_section { background:#f0f0f0; margin-top:-2px;  padding:20px;  }
.search_box { background:#fff; padding:10px; border:1px solid #d2d2d2; -moz-border-radius:5px;  -webkit-border-radius:5px; height:100%; overflow:hidden; }
 
.search_box .main_search_field { background:#fff; border:1px solid #d2e1e9; padding:8px; margin:10px 0 0 10px; -moz-border-radius:5px;  -webkit-border-radius:5px;  font:14px Arial, Helvetica, sans-serif; color:#333; width:485px; float:left; margin-bottom:10px; }
.search_box .b_search {  background:#FF6600; cursor:pointer; color:#fff; float:left;  color:#FFFFFF;font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:10px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:20px; padding-right:20px; padding-top:8px; padding-bottom:8px  }
 
.submit_ticket { background:#e3e3e3;  padding:10px; height:96px; margin-top:-2px;  }
.submit_ticket a { display:block; background:url('http://customercare247.com/helpdesk/images/default/help.png') no-repeat left top; color:#000; font-style:normal; font-variant:normal; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; margin-right:0; margin-top:15px; margin-bottom:0; padding-left:60px; padding-right:0; padding-top:0px; padding-bottom:0 }
.submit_ticket a span { font-size:14px; font-weight:normal; margin-top:5px; display:block; color:#666;   }
.submit_ticket a:hover { color:#FF6600;  }
 
.announcements_row { background:#fef9d2; border-top:1px solid #fff; border-bottom:1px solid #e3ddaa; color:#666; font:12px Arial,Helvetica,sans-serif; padding:6px 6px 6px 10px; line-height:18px; }
.announcements_row a { font-size:16px; color:#dc6606;   }
.announcements_row a:hover { color:#000; }
 
.sidebar_spacer { padding:20px; padding-top:0; background:#eee; }
 
 
 
.category_list { margin:0 0 50px 0 ; padding:0; list-style:none; }
.category_list li { margin:0; background:url('http://customercare247.com/helpdesk/images/default/category.png') no-repeat 10px 13px; line-height:22px; border-bottom:1px solid #f1f1f1; font-style:normal; font-variant:normal; font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-left:32px; padding-right:10px; padding-top:10px; padding-bottom:10px    }
.category_list li span { font-size:14px; color:#666; }
.category_list li a { color:#FF6600;  }
.category_list li a:hover { color:#333; }
 
 
 
.wpbg { background:#fff url('http://customercare247.com/helpdesk/images/default/sidebarbg.png') repeat-y right top;  }
 
 
.sidebar_links { margin:0 ; padding:0; list-style:none; }
.sidebar_links li { margin:5px 0; background:url('http://customercare247.com/helpdesk/images/default/ticket-stub.png') no-repeat left 5px; line-height:22px; border-bottom:1px solid #d8d8d8; font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; list-style-type:none; padding-left:22px; padding-right:10px; padding-top:4px; padding-bottom:10px  }
.sidebar_links li span { font-size:14px; color:#666; }
.sidebar_links li a { color:#666;  }
.sidebar_links li a:hover { color:#000; }
 
 
.myaccount_links { margin:0 ; padding:0; list-style:none; }
.myaccount_links li { margin:5px 0; background:url('http://customercare247.com/helpdesk/images/default/bullet.png') no-repeat left 10px; line-height:22px; border-bottom:1px solid #d8d8d8; font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; list-style-type:none; padding-left:12px; padding-right:10px; padding-top:6px; padding-bottom:6px  }
.myaccount_links li span { font-size:14px; color:#666; }
.myaccount_links li a { color:#666;  }
.myaccount_links li a:hover { color:#000; }
 
.sidebar p { font-size:14px; color:#666; line-height:20px;  }
.sidebar p a { color:#000;  }
.sidebar p a:hover { color:#FF6600; }
 
 
.side_search_box { background:#e7e7e7; border:2px solid #fff; padding:10px; position:relative; margin-top:30px;  }
.b_search_side { background:url('http://customercare247.com/helpdesk/images/default/find.png') no-repeat left top; border:medium none; position:absolute; right:20px; top:14px;  width:22px; height:22px  }
.side_search_field { width:153px; padding:8px 40px 8px  8px;  }
 
 
.login_box  { background:#e7e7e7; border:2px solid #fff; padding:10px; position:relative; margin-top:30px;  }
.login_box h2 { margin:0 0 5px 0; border-bottom:none; }
.login_field { width:183px; margin-bottom:5px; padding:5px;  }
.b_login { background:#FF6600; cursor:pointer; color:#fff; color:#FFFFFF;font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:0px; margin-right:0; margin-top:10px; margin-bottom:0; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px  }
 
.login_box a { text-decoration:underline; color:#666; line-height:18px;  }
.login_box a:hover { color:#000; }
 
.footer { border-top:3px double #f1f1f1; text-align:center; }
.footer p { margin:0; padding:10px; text-align:center; font:11px Arial, Helvetica, sans-serif; color:#666; }
 
.search_result_row p { margin:0; padding:20px 0; padding-right:15px; border-bottom:1px solid #ebebeb; font:13px Arial, Helvetica, sans-serif; color:#666; }
.search_result_row p a { font-size:16px; }
.search_result_row p span { display:block; font-size:13px;  }
 
.news_post { margin-top:30px; border-bottom:2px solid #f1f1f1; padding-bottom:30px; }
.news_post h3 { margin:0; padding:0; font:bold 18px Arial, Helvetica, sans-serif;  }
.news_post h3 a { color:#FF6600; text-decoration:none }
.news_post h3 a:hover { color:#000; }
 
.news_top p { margin:3px 0 20px 0; padding:0; line-height:18px; font:12px Arial, Helvetica, sans-serif; color:#666;  }
.news_top p a { color:#666; border-bottom:1px dotted #ccc; }
.news_content { margin:0px 0 10px 0; padding:0; line-height:22px; font:14px Arial, Helvetica, sans-serif; color:#333;  }
 
.news_content p {  margin:0px 0 10px 0; padding:0; line-height:22px; font:14px Arial, Helvetica, sans-serif; color:#666;  }
 
.artice_top { border-bottom:1px solid #ccc; height:100%; overflow:hidden; margin-bottom:20px; padding-bottom:10px; color:#666;  }
.fl { float:left; } 
.fr { float:right; } 
 
.artice_top a { color:#666; border-bottom:1px dotted #ccc;  }
.artice_top a:hover { color:#000; }
 
 
 
/* templatic header & footer css ----------------  */
 
#top_strip { background:#000; height:24px; border-bottom:1px solid #2f2f2f; }
#top_strip-in { width:940px; margin:0 auto; position:relative; }
 
#header-in { width:940px; margin:0 auto; padding:15px 10px; }
#header .logo a { width:950px; height:100px; background:url('http://yoo4.co.uk/yoofone/yoofone-banner.png') no-repeat; display:block; float:left; text-indent:-9009px }
#header .logo a:hover {   background:url('http://yoo4.co.uk/yoofone/yoofone-banner.png') no-repeat; }
 
#header_right_nav { width:580px; margin:0px -24px 0 0; float:right; text-align:right; }
#header_right_nav li { display:inline; float:left; margin:0 0 0 35px; padding:0; font-size:18px; background:none; }
#header_right_nav li a { color:#9d9c9c; text-decoration:none; }
#header_right_nav li a:hover { color:#fff; text-decoration:none; }
 
#header_right_nav li.current_page_item a { color:#fff; }
 
#header 	{  width: 100%; z-index:1; height:80px; }
.headerbg	{ background:#EFEFEF; }
 
 
#top_strip p.tag_line { padding:9px 0 0 0; margin:0; float:left; font-size:12px; color:#B5B5B5; }
#top_strip .sf-menu { margin-right:-35px; }
 
/* top strip menu */
.sf-menu{float:right;z-index:0!important;line-height:13px}
.sf-menu li a{font-weight:400;text-decoration:none;font-size:12px;padding:10px 14px 10px 12px}
.sf-menu li li a, #header .sf-menu li li li a, #header .sf-menu li li li li a, #header .sf-menu li li li li li a{padding:8px 12px}
.sf-menu, .sf-menu *{list-style:none;margin:0;padding:0}
.sf-menu ul{position:absolute;top:-999em;width:180px;z-index:9999}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left;position:relative;margin-right:10px}
.sf-menu a{display:block;position:relative}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0;top:2em}
.sf-menu li li a, .sf-menu li li li a, .sf-menu li li li li a, .sf-menu li li li li li a{font-size:13px;padding:8px 12px}
.sf-menu a.sf-with-ul{padding-right:1.8em;min-width:1px}
#top_strip .sf-menu li a{border:none;color:#8b8a8a}
#top_strip .sf-menu li a:hover{color:#b0b0b0}
#top_strip .sf-menu li ul li a{border-left:1px solid #696969;border-right:1px solid #696969;border-bottom:1px solid #696969}
#top_strip .sf-menu li.current_page_item a, .sf-menu li.current_page_parent a{color:#fff}
 
 
 
#footer { background:#000000 url('images/footerbg.jpg') repeat-x top; clear:both }
#footer-in { width:940px; margin:0 auto; clear:both; padding-bottom:20px; height:100%; overflow:hidden;  }
 
#footer-in h3 { margin:0 0 10px 15px; padding:0; font:bold 13px Helvetica, Arial, Helvetica, sans-serif; color:#a7a7a7; }
 
 
#footer-in p.phone { color:#FF6600; text-align:left; background:url('http://customercare247.com/helpdesk/images/default/i_phone.png') no-repeat left top;; font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Helvetica, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:25px; padding-right:0; padding-top:5px; padding-bottom:5px }
 
.haveaquestion  { width:255px; float:left; padding-top:20px;  }
#footer-in .haveaquestion h3 { margin:0 0 5px 0; padding:0; font:bold 14px Helvetica, Arial, Helvetica, sans-serif; color:#a1a1a1; text-transform:uppercase;  }
#footer-in p.time { margin:0 0 5px 0; padding:5px 0; font:12px Helvetica, Arial, Helvetica, sans-serif; color:#8a8a89; text-align:center; border-top:1px solid #313131; border-bottom:1px solid #313131; }
 
#footer-in p.copyright { margin:0 0 5px 0; padding:5px 0; font:12px Helvetica, Arial, Helvetica, sans-serif; color:#666; line-height:22px;  }
#footer-in p.copyright a { color:#666; text-decoration:none; }
#footer-in p.copyright a:hover { color:#fff; text-decoration:none; }
 
 
.links  { float:left; width:145px; margin-left:25px; min-height:130px; padding-top:20px; background:url('http://customercare247.com/helpdesk/images/default/links_vr_sepretor.png') no-repeat left top;  }
 
#footer-in ul { list-style:none; margin:0; padding:0;  }
#footer-in li { margin:0 0 5px 15px; padding:0; font:12px Helvetica, Arial, Helvetica, sans-serif; color:#6c6c6c; }
#footer-in li a { color:#6c6c6c; text-decoration:none; }
#footer-in li a:hover { color:#fff; text-decoration:underline; }
 
 
#navbar h1 {
-x-system-font:none;
color:#FF6600;
font-family:Helvetica,Arial,Helvetica,sans-serif;
font-size:36px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding-left:0; padding-right:0; padding-top:15px; padding-bottom:0
}
 
.note { display:block; padding:4px; color:#666; font-size:12px; }
.label { display:block; padding:4px;  font-weight:bold; color:#444; font-size:14px; }