/*

Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.6.0

*/



/* Reset all the browser default styles */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* remember to define focus styles! */

:focus {

	outline: 0;

}



/* This html for homepage */



/*html{

 background: #fff url(img/bg.gif) repeat-x top center;

}*/



html{

 background: #fff url(img/bg2.gif) repeat-x top center;

}



body{

 font-size: 11px;

 font-family: Arial,Verdana,Helvetica,Sans-serif;

 color: #656463;

}

#wrapper{

 clear:both;

 margin:0 auto;

 width:960px;

} 



a.logo{

  background: transparent url(img/logo.gif) no-repeat scroll left top;

	display: block;

	float:left;

	height: 99px;

	width: 215px;

	text-indent: -9999px;

}



sup {

	/* font-size: 16px; */

}



#header{

  height: 99px;

	

}

#search-box{

 float:right;

 height:99px;

	width: 255px;

	background: transparent url(img/search-box.gif) no-repeat scroll right top;

}

#search_form {

 display: inline

}

#search_form #s, #search_form #ajaxSearch_input {

 -moz-border-radius-bottomleft:3px;

 -moz-border-radius-bottomright:3px;

 -moz-border-radius-topleft:3px;

 -moz-border-radius-topright:3px;

 border:medium none;

 font-size:11px;

 margin:58px 5px 0 18px;

 padding:5px;

 width:190px;

 background-color: #d3d2d3;

 float: left;

}

#searchsubmit, #ajaxSearch_submit{

 background:transparent url(img/search.gif) no-repeat scroll top left;

 border:medium none;

 height:22px;

 width:24px;

 float: left;

 margin-top: 58px;

}

#search-inner{

  height: 50px;

}



/* Menu */



#menu{

  width: 960px;

	height:44px;

}



#menu ul li{

  background:transparent url(img/nav-partition.gif) no-repeat top right;

  float:left;

  padding:0 6px;

	border:medium none;

}

#menu ul li a:hover{

 background:transparent url(img/search-select.gif) no-repeat bottom center;*/



}



#menu ul li ul li a {

	background: none;

}



#menu ul li ul li a:hover {

	background: none;

}



#menu ul a {

color:#FFF;

display:block;

font-size:12px;

font-style:normal;

line-height:44px;

padding:0 30px;

text-decoration:none;

text-transform: uppercase;

}



#menu ul a:hover {

color:#000;

}

#menu ul a:active {

color:#000;

}



#nav li ul {

left:-9999em;

position:absolute;

width:200px;

}



#nav li ul {

left:-999em;

position:absolute;

width:200px;

}



ul#nav li a:hover{

	background:transparent url(img/search-select.gif) no-repeat bottom center;

/* background:transparent url(img/nav-partition.gif) no-repeat top right; */

}



ul#nav li.active a{

 background:transparent url(img/search-select.gif) no-repeat bottom center; 

}



ul#nav li.active a {

	color: #000;

}



ul#nav li.active li a, ul#nav li.active li a:visited {

	color: #fff;

	background: none;

}



ul#nav li.active li a:hover, ul#nav li.active li a:active {

	color: #000;

}



#nav li:hover ul, #nav li.sfhover ul {

	left:auto;

}



#nav li ul li a {

  line-height: 31px;

}



#nav li ul li a:hover{



}



#nav li ul li, #nav li ul li.active {

border:1px solid #d77015;

background: #f57d16 url(img/) no-repeat scroll 0 0;

padding:0;

width:200px;

}



#nav li ul li:hover {

background:#f6891c url(img/nav-hover.gif) no-repeat scroll right bottom;

}



#nav li ul ul {

	margin: -2.5em 0 0 15.4em;

}



#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none; 

	line-height: 1;

}

#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {

	left: auto;

}

/* end menu */



#banner {

 width: 960px;

 height: 226px;

}



#banner2, #flash_banner{

 width: 960px;

 height: 196px;

}



#main-content {

 width: 960px;

}



#main-content-inner{

padding: 8px 35px 15px;

}



#main-content-inner2{

padding: 25px 6px 20px 20px;

}



#content-left{

  display:inline;

  float:left;

  padding-top:23px;

  width:534px;

}

#content-left h2 span{

  font-size: 11px;

}

#content-left h2{

  background: transparent url(img/welcome.gif) no-repeat scroll top left;

	width: 348px;

	height: 30px;

	display: block;

	text-indent: -9999px;	

}



#main-content #content-left h3{

	color:#656463;

	font-size:14px;

	line-height:18px;

	text-transform:none;

	margin-bottom: 15px;

}



#content-right{

	width:297px;

	float:right;

	display:inline;

}



#column1{

  float:left;

	display: inline;

	width: 200px;

  margin-right: 24px;

}



#column2{

  float:left;

	display: inline;

	width: 390px;

  margin-right: 20px;

  margin-top:16px;

}



#column3{

  float:left;

	/* display: inline;*/

	width: 290px;

}





/* sidebar */



#sidebar{

  width: 192px;

	margin-bottom: 20px;

}



#sidebar ul li{

  background: transparent;

	padding: 0;

	border:medium none;



}



li#rollaspan a{

  background: transparent url(img/rollaspan-side.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 69px;

	text-indent: -9999px;

}

li#rollaspan a:hover{

  background: transparent url(img/rollaspan-side.gif) no-repeat scroll 0 -69px;

}

li#rollaspan a:active{

  background: transparent url(img/rollaspan-side.gif) no-repeat scroll 0 -138px;

	border: none;

}

li#quikguard a{

  background: transparent url(img/quikguard-side.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 69px;

	text-indent: -9999px;

}

li#quikguard a:hover{

  background: transparent url(img/quikguard-side.gif) no-repeat scroll 0 -69px;

	

}

li#quikguard a:active{

  background: transparent url(img/quikguard-side.gif) no-repeat scroll 0 -138px;

	border: none;

}


li#scamp a{

  background: transparent url(img/scamp-side.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 69px;

	text-indent: -9999px;

}

li#scamp a:hover{

  background: transparent url(img/scamp-side.gif) no-repeat scroll 0 -69px;

	

}

li#scamp a:active{

  background: transparent url(img/scamp-side.gif) no-repeat scroll 0 -138px;

	border: none;

}


li#multiscaff a{

  background: transparent url(img/multiscaff-side.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 69px;

	text-indent: -9999px;

}

li#multiscaff a:hover{

  background: transparent url(img/multiscaff-side.gif) no-repeat scroll 0 -69px;

}

li#multiscaff a:active{

  background: transparent url(img/multiscaff-side.gif) no-repeat scroll 0 -138px;

}



li#options a{

  background: transparent url(img/custom-sidebar.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 46px;

	text-indent: -9999px;

}

li#options a:hover{

  background: transparent url(img/custom-sidebar.gif) no-repeat scroll 0 -46px;

}

li#options a:active{

  background: transparent url(img/custom-sidebar.gif) no-repeat scroll 0 -92px;

}



li#cad a{

  background: transparent url(img/cad-sidebar.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 46px;

	text-indent: -9999px;

}

li#cad a:hover{

  background: transparent url(img/cad-sidebar.gif) no-repeat scroll 0 -46px;

}

li#cad a:active{

  background: transparent url(img/cad-sidebar.gif) no-repeat scroll 0 -92px;

}



li#finance a{

  background: transparent url(img/finance-sidebar.gif) no-repeat scroll top left;

	display: block;

	width: 192px;

	height: 46px;

	text-indent: -9999px;

}

li#finance a:hover{

  background: transparent url(img/finance-sidebar.gif) no-repeat scroll 0 -46px;

}

li#finance a:active{

  background: transparent url(img/finance-sidebar.gif) no-repeat scroll 0 -92px;

}





/* end sidebar */



a#pdf{

  display:block;

	height: 85px;

	width: 284px;

	background: transparent url(img/pdf.gif) no-repeat scroll top left;

	text-indent: -9999px;

	margin-bottom: 15px;

}

a#pdf:hover{

  background: transparent url(img/pdf.gif) no-repeat scroll 0 -85px;

}

a#pdf.rollaspan {
	background: transparent url(img/pdf-rollaspan.gif) no-repeat scroll top left;	
}

a#pdf.rollaspan:hover{

  background: transparent url(img/pdf-rollaspan.gif) no-repeat scroll 0 -85px;

}


a#pdf.Customised-Services {
	background: transparent url(img/pdf-custom.gif) no-repeat scroll top left;	
}

a#pdf.Customised-Services:hover{

  background: transparent url(img/pdf-custom.gif) no-repeat scroll 0 -85px;

}

#video{

  width:208px;

	height: 168px;

	background: transparent url(img/video-bg.gif) no-repeat scroll top left;

	margin-bottom:10px;

	padding:19px 38px;

}



#rollaspan-video-demo{

	 background:transparent url(img/video_title_bg.gif) no-repeat scroll left top;

	display:block;

	font-size:13px;

	font-weight:bold;

	height:45px;

	margin-bottom:15px;

	padding-top:15px;

	text-align:center;

	text-transform:uppercase;

	width:284px;

	margin-left: 5px;

}





#rollaspan-video-demo span {

	color: #fc7e03;

	display: block;

}



#rollaspan-video-demo:hover{

	/* background: transparent url(img/video.gif) no-repeat scroll bottom left; */

}

/*

#rollaspan-gallery{

  width: 284px;

}



a#rollaspan-gallery-button{

  width: 284px;

	height: 39px;

	text-indent: -9999px;

	margin-bottom: 15px;

	display:block;

	background: transparent url(img/rollaspan-gallery.gif) no-repeat scroll top left;

}

a#rollaspan-gallery-button:hover{

  background: transparent url(img/rollaspan-gallery.gif) no-repeat scroll bottom left;

}

*/

#gallery{

  width: 284px;

}



#gallery-button{

	background:transparent url(img/gallery_title_bg.gif) no-repeat scroll left top;

	display:block;

	font-size:13px;

	font-weight:bold;

	height:27px;

	margin-bottom:15px;

	padding-top:13px;

	text-align:center;

	text-transform:uppercase;

	width:284px;

	margin-left: 5px;

}



#gallery-button span{

  color: #fc7e03;

}



#gallery h4.gallery-h3{

  text-align: center;

  clear: both;



}



a#inquire{

  width: 195px;

	height: 84px;

	text-indent: -9999px;

	display: block;

	background: transparent url(img/inquire.gif) no-repeat scroll top left;

}

a#inquire:hover{

  background: transparent url(img/inquire.gif) no-repeat scroll bottom left;

}

a#submit-a-plan{

  width: 195px;

	height: 84px;

	text-indent: -9999px;

	display: block;

	background: transparent url(img/submit-plan.gif) no-repeat scroll top left;

}

a#submit-a-plan:hover{

  background: transparent url(img/submit-plan.gif) no-repeat scroll bottom left;

}



.img-float-left{

  float: left;

}



.clear{

 clear: both;

}



#profile{

  width: 323px;

  height: 205px;

	background: transparent url(img/profile.gif) no-repeat scroll top left;

	margin: 0;

}

#profile-inner{

  padding: 36px 0 0 156px;

}



#profile-text{

  width:125px;

	float:left;

}

#profile-text a h3{

  text-decoration: none;

  text-transform: uppercase;

}

#profile-text a h3:hover{

  color:#fc7e03;

}

a.link-button-small{

 background:transparent url(img/link-button.gif) no-repeat scroll left top;

 display:block;

 float:left;

 height:62px;

 margin:73px 0 0 8px;

 text-indent:-9999px;

 width:19px;

}

a.link-button-small:hover{

 background: transparent url(img/link-button.gif) no-repeat top right;

}



#products-3{

 width:960px;

 height:121px;

 margin-bottom: 20px;

}



.box-3{

  height:116px;

	width:308px;

	background: transparent url(img/box-3.gif) no-repeat scroll top left;

	float:left;

	margin-right: 12px;

}



.box3-text h3, #profile-text h3 {

	font-size:12px;

	line-height: 14px;

	font-weight:bold;

	margin:0;

	text-transform:uppercase;

}



img.box3-image{

display:inline;

float:left;

height:90px;

margin:13px;

width:90px;

}



.box3-text{

display:inline;

float:left;

height:78px;

margin:18px 0;

width:150px;

}

.box3-text a{

  text-decoration: none;

}

.box3-text a h3:hover{

 color:#fc7e03;

}

a.link-button{

 background:transparent url(img/link-button2.gif) no-repeat scroll left top;

 display:block;

 float:left;

 height:92px;

 margin:10px 0 0 9px;

 text-indent:-9999px;

 width:19px;

}

a.link-button:hover{

 background: transparent url(img/link-button2.gif) no-repeat top right;

}



#footer{

  height: 226px;

	margin: 0 auto;

	background: #231f20 url(img/footer.gif) repeat-x scroll center top;

}



#footer-inner{

  width: 960px;

	height:226px;

	margin: 0 auto;

}

ul.quicklinks{

 background:transparent url(img/quicklinks-partition.gif) no-repeat scroll right top;

 float:left;

 height:133px;

 padding:21px 0 20px;

 width:125px;

}

ul.quicklinks li{

background-image:none;

border:medium none;

font-size:11px;

line-height:0;

margin-bottom:0;

padding:3px 0;

}



ul.quicklinks li a{

 color:#c1c0c0;

 padding:0 0 10px 20px;

 text-decoration: none;

 display:block;

 line-height: 15px;

}



ul.quicklinks li.active a{

 color:#fff;

 padding:0 0 10px 20px;

 text-decoration: none;

 font-weight: bold;

}



ul.quicklinks li a:hover{

  color: #fff;

}



ul.quicklinks li.page{

margin-bottom: 10px;



}



ul.quicklinks li.page a:link, ul.quicklinks li.page a:visited{

  font-size:12px;

	/*margin:20px 0 30px 0;*/

	display:block;

	color:#fff;

	text-decoration: none;

}



ul.quicklinks li.page a:hover, ul.quicklinks li.page a:active{

  color:#c1c0c0;

  text-decoration: none;

}



#contact-box{

  float:left;

	margin-left: 35px;

	padding-top: 25px;

}



hr{

	border:medium none;

	height:1px;

	margin:10px 0;

	background:#DADADA;

}



/* Headings */



/* remember to add line-height for all headings */



h1 {



}



h2 {

  color:#FC7E03;

  font-size:27px;

  line-height:30px;

  margin:0 0 20px;

  text-transform:uppercase;

}



h2 span{

  color:#656463;

}



h3 {

	color:#FC7E03;

	font-size:14px;

	line-height:18px;

	margin-top:20px;

	padding-bottom:7px;

}

 

h3 span{

  color:#605d5e;

}





h4 {

 font-size:15px;

 padding-bottom:10px;

 line-height: 16px;

}



#main-content h4 {

	font-size: 13px;

	color: #FC7E03;

	text-transform: uppercase;

}



h5 {

 color: #9fcf67;

 font-size: 14px;

 line-height: 16px;

 padding-bottom:10px;

}



h6 {

  font-size:9px;

  padding-bottom:11px;

}



/* Paragraphs */



p {

font-size:11px;

line-height:14px;

padding-bottom:13px;

}



/* Lists */



ul {

  margin-bottom:20px;

}



ul li {

  background:transparent url(img/bullet.gif) no-repeat scroll 0 16px;

  border-bottom:1px solid #DADADA;

  font-size:13px;

  padding:9px 0 9px 13px;

}



ol {



}



ol li {



}



/* Blockquote */



blockquote {



}



/* Links */



a:link, a:visited {

	text-decoration: none;

}



a:hover, a:active {

	text-decoration: none;

}



#column2 a, #column2 a:visited {

	color: #FC7E03;

}



#column2 img {

	padding: 0 15px;

}



/* Tables */



table {



}



tr {



}



th {



}



td {



}



/* Text formatting */



b, strong {

  font-weight:bold;

}



i,em {

  font-style:italic;

}



/* Wordpress image styles */



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



/* end of image styles */



/* inquiry form */



table.inquiry {

	border: 1px solid #fff;

}



table.inquiry h3 {

	font-weight:normal;

	line-height:21px;

	margin:0;

	width: 220px;

}



table.inquiry input, table.inquiry textarea, table.inquiry select {

	width: 200px;

}



table.inquiry .submit {

background:url("img/submit.gif") no-repeat scroll left top transparent;
border:medium none;
height:31px;
margin:20px 5px;
text-indent:9999px;
width:96px;

}

table.inquiry .submit:hover {
	cursor: pointer;
}



#grabadeal{

  width: 307px;

	background: transparent url(img/mid.gif) repeat-y scroll center top;

}

#grabadeal-top{

  width: 307px;

	background: transparent url(img/top2.gif) no-repeat scroll center top;

}

#grabadeal-bottom{

  width: 307px;

	background: transparent url(img/bottom.gif) no-repeat scroll center bottom;

}

#grabadeal-inner{

  padding: 123px 16px 10px;

}



#grabadeal-inner p{

  color:#fff;

}

#grabadeal-inner p a{

  color:#fff;

  text-decoration: underline;	

}

#byline, #byline a {

  text-align:right;

	color:#656463;

  clear: both; 

	text-align: right;

}
#column2 a.rightimg{
border-left:20px solid white;
float:right;
width:121px;
}
#column2 a.rightimg img{
padding:0;
}

.call-to-action{
border:1px solid #DADADA;
margin-bottom:25px;
margin-top:20px;
padding-bottom:13px;
padding-left:12px;
padding-top:12px;
}
.call-to-action h3{
float:left;
font-weight:700;
margin-top:4px;
padding-left:8px;
}
.voucher-no{
-moz-border-radius:5px 5px 5px 5px;
background-color:#F78F1E;
clear:both;
width:206px;
}
.voucher-no p{
color:white;
font-size:13px;
padding:10px;
}
.voucher-no p span{
font-size:17px;
font-style:italic;
font-weight:700;
}
a.email-now{
display:block;
float:left;
height:28px;
margin-bottom:12px;
width:150px;
}
#column2 a.email-now img{
padding:0;
}

.left-deal, .right-deal {
	float: left;
	width: 439px;
}
.left-deal {
	margin-right:25px;
}

.right-deal {
	border-left:1px solid #DEDEDE;
	padding-left:25px;
}

.grab-a-more-info {
	background:url("img/grab-a-more-info.gif") no-repeat scroll left top transparent;
	height:29px;
	margin-bottom:8px;
	width:256px;
	display: block;
}


#your-stuff{

  width: 307px;
  display: block;

	background: transparent url(img/your-stuff-inner.gif) repeat-y scroll center top;
	margin-top: 12px;

}

#your-stuff-top{

  width: 307px;

	background: transparent url(img/your-stuff-top.gif) no-repeat scroll center top;

}

#your-stuff-bottom{

  width: 307px;

	background: transparent url(img/your-stuff-bottom.gif) no-repeat scroll center bottom;

}

#your-stuff-inner{

  padding: 17px 16px 10px;

}



#your-stuff-inner p{

  color:#fff;

}

#your-stuff-inner p a{

  color:#fff;

  text-decoration: underline;	

}

#your-stuff-inner a.newsletter {
	background:url("img/your-stuff-newsletter.gif") no-repeat scroll left top transparent;
	height:29px;
	margin-bottom:8px;
	width:266px;
	display: block;
}

#your-stuff-inner a.account {
	background:url("img/your-stuff-account.gif") no-repeat scroll left top transparent;
	height:29px;
	margin-bottom:8px;
	width:266px;
	display: block;
}