@charset "utf-8";

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;
}
ol,ul {
	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;
}
a:active, a:focus { /* Remove dotted lines when a link is selected on firefox*/
	outline: 0;
}
strong {
font-weight: bold;
}
.bold {
    font-weight: bold;
}

/* Undo DNN default styles */
.Normal, .NormalDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.SkinObject {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
}
h3 {
	color: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #4C97D8;
}
a:hover {
	color: #FF3300;
}
#content ul, #content ol {	
	margin: 1em 0 1em 2em;
}
/* Actual CSS file */
body{
	background: #fafdf3 url(images/bg_gradient.png) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f4647;
	margin: 0 0 15px 0;
}
body form#Form{
	text-align: center;
}
p {
	line-height: 16px;
	padding-bottom: 1em;
}
#wrapper {
	background: transparent url(images/bg_wrapper.png) repeat-y;
	width: 785px;
	margin: 0px auto;
	position: relative;
	display: block;
	text-align: left;
}
#wrapper #sidebar { /* hide sidebar */
	display: none;
}
#wrapper.withsidebar #sidebar { /* show sidebar if using .withsidebar class */
	display: block;
}
#wrapper.withsidebar {
	width: 988px;
}
#container {
	background: url(images/wrapper_top.png) no-repeat;
	padding: 0 0 0 0;
	margin: 0;
	width: 786px;
	position: relative;
}
#bottom {
	background: url(images/bottom.png) no-repeat;
	height: 16px;
	width: 785px;
	margin: 0 auto;
	display: block;
	clear: both;
}
#bottom.withsidebar {
	width: 988px;
	background-position: left;
}
#content {
	border: 1px solid #dbdbdb;
	border-bottom: none;
	margin: 0 21px 0 21px;
	position: relative;
	padding: 15px 10px 0px 11px;
	background-color: #fff;
}
#container .plain {
	margin-top: 10px;
	padding: 10px 15px;
}
#footer {
	width: 710px;
	padding: 15px 0 15px 0;
	text-align: right;
	margin: 0 0 0 30px;
}
#footer a {
	color: #3f4647;
}
/* Z-Indexes */
#nav
{
	z-index: 3;
}
#content {
	z-index: 2;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
.contentbottom {
	background: transparent url(images/container_bottom.gif) no-repeat 21px 0px;
	height: 7px;
}
h1.sitename {
	display: none;
}
h2{
	line-height: 43px;
	font-size: 20px;
	color: #3f4748;
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif;
}
h2 span.Head, h2.heavy span.Head {
	color: #3f4748;
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	font-weight: inherit;
}
h2.heavy {
	background: url(images/bg_heading.jpg) no-repeat left top;
	padding-left: 15px;
	margin-top: 10px;
}
.col0 {
	margin-top: 10px;
}
h3 {
	font-weight: bold;
	margin-top: 0.2em;
	color: #3F4647;
}
ul {
}
ul.ticks {
}
ul.ticks li
{
	background: url(images/tick.gif) no-repeat left 2px;
	padding: 0.2em 0 0.2em 20px;
	list-style-type: none;
}
ul.ticks li.withbox {
	background-image: url(images/tick_withbox.gif);
}
#nav {
	width: 744px;
	margin: 0 0 0 21px;
	position: relative; /* to get 1px overlap with content pane */
	top: 2px;
}
#nav li {
	float: left;
	background: url(images/tab.gif) no-repeat left top;
	padding-left: 11px;
	list-style-type: none;
}
#nav li#houseMenuCurrentItem {
	background-position: bottom left;
}
#nav a {
	text-decoration: none;
	display: block;
	color: #727677;
	font-size: 13px;
	background: url(images/tab.gif) no-repeat right top;
	padding-right: 30px;
	line-height: 31px;
	text-transform: lowercase;
	white-space: nowrap;
}
#nav #houseMenuCurrentItem a{
	color: #4c97d8;
	background-position: bottom right;
}
#nav a:hover {
	color: #4c97d8;
}
#stickynav {
	position: absolute;
	top: 30px;
	right: 20px;
	text-transform: uppercase;
}
#stickynav a {
	text-decoration: none;
	color: #434b4c;
	vertical-align: middle;
}
#stickynav a img {
	vertical-align: middle;
}
#stickynav input {
	vertical-align: middle;
}

/* Sidebar */
#sidebar, #extrasidebar {
	width: 208px;
	background: #3f4647 url(images/sidebar_bottom.gif) no-repeat bottom left;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
}
#extrasidebar
{
	background: none;
	top: 700px;
}

#sidebar h2 {
	background: #3f4647 url(images/sidebar_top.png) no-repeat;
	padding: 50px 0 10px 0;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
}
#sidebar .notmoving {
	padding: 20px 15px 20px 30px;
}
#sidebar .notmoving h3 {
	background: url(images/notmoving.gif) no-repeat;
	text-indent: -10000px;
	height: 100px;
}
#sidebar label {
	color: #d0eaff;
	display: block;
	padding: 10px 0 2px 0;
	text-transform: lowercase;
}
#sidebar input.textbox, #sidebar select {
	background-color: #5c6466;
	border: 0;
	padding: 2px 4px;
	color: #fff;
}
.col4 {
	margin-top: 10px;
	background: url(images/4col_bg.gif) repeat-y left top;
}
.col4 .col {
	width: 148px;
	margin: 0 20px 0 15px;
	padding: 0;
	float: left;
	position: relative;
}
.col .pullout{
	height: 105px;
}
#content .col ul.pullout{
	margin: 0;
	padding: 0 0 10px 0;
}
.col4 .last {
	margin-right: 0;
}
.clear
{
	clear: both;
}
.col4 .top, .col1 .top {
	display: block;
	height: 6px;
	margin: 0;
	padding: 0;
}
.col4 .bottom, .col1 .bottom{
	display: block;
	height: 6px;
	clear: left;
}
.col1 {
	margin-top: 10px;
}
.col1 .top {
	background: url(images/1col_top.gif) no-repeat;
}
.col4 .top {
	background: url(images/4col_top.gif) no-repeat;
}
.col1 .bottom {
	background: url(images/1col_bottom.gif) no-repeat;
}
.col4 .bottom {
	background: url(images/4col_bottom.gif) no-repeat left bottom;
}
.col1 .col {
	border: 1px solid #dbdbdb;
	border-width: 0 1px;
	padding: 0 15px 15px 15px;
}
.col4 .col h3 {
	text-indent: -100000px;
	background-repeat: no-repeat;
	background-position: top left;
	height: 140px;
}
.col4 .col h3.quotes{
	background-image: url(images/ineed_quotes.gif);
}
.col4 .col h3.utilities {
	background-image: url(images/ineed_connect.gif);
}
.col4 .col h3.address {
	background-image: url(images/ineed_address.gif);
}
.col4 .col h3.start {
	background-image: url(images/ineed_package.gif);
}
.col {
	display: block;
}
.col0 .col{
	padding: 0 15px 15px 15px;
}
/* Table styles for Other Services */
table.services {
	width:689px;
}
table.services th {
	color: #78c23d;
	font-size: 15px;
	padding: 0.5em 0;
	width: 160px;
}
table td {
	font-size: 11px;
}
table.services caption {
	display:none;
}
table.services tr td, table.services tr th {
	border-top: 1px dotted #dbdbdb;
	padding-right: 10px;
}
table.services td.more a.more{
	font-size: 14px;
	background: transparent url(images/blue_arrow.gif) no-repeat left 5px;
	padding-left: 8px;
	color: #3f4647;
	text-decoration: none;
}
table.services td.more {
	text-align: right;
	white-space: nowrap;
}

/* Moving Tools */
ul.movingtools {
}
ul.movingtools li {
	border-bottom: 1px solid #727677;
	list-style-type: none;
}
ul.movingtools li a{
	display: block;
	width: auto;
	border-bottom: 1px solid #262626;
	padding:10px 0 10px 60px;
	line-height: 30px;
	background: url(images/movingtools_icons.gif) no-repeat;
	font-size: 15px;
	text-decoration: none;
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Verdana, Sans-serif;
	text-transform: lowercase;
}
ul.movingtools li a:link, ul.movingtools li a:visited {
	color: #fff;
}
ul.movingtools li a:hover {
	color: #51a4ea;
}
ul.movingtools li a.calculator {
	background-position: left top;
}
ul.movingtools li a.checklist {
	background-position: left -56px;
}
ul.movingtools li a.ecard {
	background-position: left -112px;
}
div#dnn_ctr4402_ModuleContent span {
}
div#dnn_TopPane {

}

input
{
	margin: 2px;
}
.default
{
}

.default TD
{
	padding: 5px;
}

.defaultPadding
{
	padding: 10px;
}

.navText
{
	font-weight: bold;
}

.defaultBorder
{
	border: solid 1px silver;
}

td.style1
{
	padding: 10px;
    width: 100%;
    border: solid 1px #dbdbdb;
    padding: 10px;
    margin-left: 10px;
    vertical-align: top;
}

.dottedrows
{
    width: 100%;
    padding: 10px;
}

.dottedrows TD
{
    padding: 5px 0px 15px 0px;
    background-image: url('../../../0/images/dots.png' );
    background-repeat: repeat-x;
    background-position: left bottom;
}

.style1 TD
{
    background-image: url('../../../0/images/dots.png' );
    background-repeat: repeat-x;
    background-position: left bottom;
}
    
.style2
{
    width: 220px;
    color: #4ea2e8;
    font-weight: bold;
}

td.style2
{
	padding: 10px;
	vertical-align: top;
}

.removalistCaption
{
    float: right;
    background-image: url('../../../0/images/green_arrow.png' );
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 0px 0px 15px;
    margin: 5px;
    width: 250px;
}
.ToolTipWrapper
{
    border: solid 1px silver;
    background-color: White;
    position: absolute;
    top: -20px;
    background-repeat: repeat;
    background-image: url('../../../0/1x1.gif' );
}
.ToolTipWrapper TD
{
    padding: 2px;
    background-image: none;
}
.none TD
{
    padding: 2px;
    background-image: none;
    vertical-align: middle;
    padding-right: 15px;
}
.none input
{
    vertical-align: middle;
}

.pickerWrapper_Default TD
{
	padding: 0px;
}

.progress
{
    background-image: url('../../../0/images/progress_background.png' );
    background-repeat: repeat-x;
    text-align: right;
    padding-left: 4px;
}
.progress IMG
{
    margin-top: 2px;
}
.ToolTipTopCenter
{
    display: none;
}

.sunkenDiv
{
	padding: 15px;
	border: solid 1px silver;
	width: 600px;
	margin-left: 30px;
}

.sunkenDiv TD
{
    padding: 2px;
    background-image: none;
}

.quote td
{
	vertical-align: top;
	font-size: small;
}

.stepThreeTable TD
{
	padding: 10px;
}

.removalistTable TD
{
	padding: 10px;
}

.message
{
	border: solid 1px silver;
	background-color: #efefef;
	padding: 10px;
}

.radtooltip_Vista
{
	position: absolute;
	top: 300px;
	left: 500px;
	overflow: auto;
	height: 410px;
	width: 410px;
}

.removalistInfo
{
	padding: 20px;
	border: solid 1px silver;
	font-size: small;
}

.removalistInfo h2
{
	line-height: 43px;
	font-size: 20px;
	color: #3f4748;
	font-family: "Arial Rounded MT Bold", Verdana, Arial, Helvetica, sans-serif;
}

.removalistInfo p
{
	font-size: smaller;
}
.utilities td
{
	padding: 5px;
}

/* 2010-12-20  - start new removalist form - core */
div.step1-copy
, div.step1-copy-section-1
, div.step1-copy-section-2
, div.step1-copy-section-3
{
    width:504px;
    overflow-x: hidden;
}
* html div.step1-copy
, * html div.step1-copy-section-1
, * html div.step1-copy-section-2
, * html div.step1-copy-section-3
{
    width:504px;
}
div.step1-copy
{
    float:left;
    clear:left;
}

div.step1-copy .green
{
    color:#6ec23b;
}

div.step1-copy-section-2
{
    float:none;
    position: relative;
    height:246px;
    background:#dedede url('images/Removalist-Form/Step1/banner-bottom-Confused-Lady-Yes-We-Can.jpg') left top no-repeat;
}
div.step1-copy-section-2 div#section_2_wrapper
{
    margin-left:240px;
    padding-top:10px;
    width:260px;
}

div.step1-copy-section-2 div#section_2_wrapper h2
{
    color:#4d9d1d;
    width:100%;
    padding-bottom:0px;
    margin-bottom:0px;
    font-size:22px; /* define custom size for h2 (do not use the site-wide 20px h2 size) */
}
div.step1-copy-section-2 div#section_2_wrapper ul.step1-form-bullets
{
    clear:both;
    width:100%;
    margin:0;
    padding:0;
}
div.step1-copy-section-2 div#section_2_wrapper ul.step1-form-bullets li
{
    width:100%;
    font-size:15px;
    line-height:17px;
    list-style-type: none;
    margin:0px;
    padding: 2px 2px 7px 20px;
    background:url('images/Removalist-Form/Step1/bullet-point-green.gif') left top no-repeat;
}
div.step1-copy-section-3
{
    padding-top:20px;
}
div.step1-copy-section-3 h2
{
    width:100%;
    padding-bottom:0px;
    margin-bottom:0px;
    font-size:21px; /* define custom size for h2 (do not use the site-wide 20px h2 size) */
}
table.step1
{
    border: none;
    background:#3f4647 url('images/Removalist-Form/Step1/step1-form-bg.jpg') top center repeat-y;
    width:216px;
    float:left;
}
table.step1 td
{
    background: url('images/Removalist-Form/Step1/step1-form-bg-separator.jpg') bottom center no-repeat;
    overflow:hidden;
    padding:5px 10px 8px 10px;
    width:196px; /* width of 196px plus 10px left and right padding */
}
table.step1 td.toprow
{
    height:45px;
    background: url('images/Removalist-Form/Step1/step1-form-top.jpg') top center no-repeat;
    text-align:center;
    font-size: 18px;
    vertical-align:top;
    font-weight:bold;
    color:#ffffff;
}
table.step1 td.bottomrow
{
    height:52px;
    border:none;
    background: #ffffff url('images/Removalist-Form/Step1/step1-form-bottom.jpg') top center no-repeat;
}
table.step1 p
, table.step2 p
, table.step3 p
, table.step1 span
, table.step2 span
, table.step3 span
{
    font-size:11px;
    line-height:13px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:2px;
}
table.step1 div.pickupdate-wrapper
{
    clear:both;
    width:100%;
    margin-top:4px;
}
/* override the generic td styles */
table.step1 div.pickupdate-wrapper td
{
    background-image: none;
    background: Transparent;
    padding:0px;
    width:auto;
}

table.step1 span.pickup-date-label
{
    height:18px;
    line-height:18px;
    padding-top:0px;
    font-size:11px;
    vertical-align:top;
    display:inline-block;
}
table.step1 p
, table.step1 span
, table.step1 label
{
    color:#ffffff;
}
table.step1 p
{
    font-weight:bold;
}
table.step1 input[type="checkbox"]
, table.step2 input[type="checkbox"]
{
}
table.step1 input.text
, table.step1 div.SuburbPostcodeInputWrapper input
, table.step1 input.NumberOfBedrooms
, table.step1 textarea.text
{
    border:solid 1px #999999;
    font-size:12px;
    line-height:14px;
    width:190px;
    padding:2px;
}
table.step1 div.MovingOverseasWrapper
, table.step1 div.NumberOfBedroomsWrapper
{
    margin-top:2px;
}
table.step1 div.MovingOverseasWrapper input
, table.step1 div.NumberOfBedroomsWrapper input
{
    margin-right:10px;
}

table.step1 div.MovingOverseasWrapper label
{
    display:inline-block;
    vertical-align:middle;
    padding-bottom:5px;
}

table.step1 div.NumberOfBedroomsWrapper label
{
    display:inline-block;
    vertical-align:middle;
    padding-bottom:6px;
}

table.step1 input.NumberOfBedrooms
{
    width:29px;
    text-align:center;
}
table.step1 input.btnStep1Next
{
    padding: 0px;
    display:inline-block;
    height:25px;
    width:190px;
    color:#fff;
    background-color:#666;
}
table.step1 input:focus
, table.step1 textarea:focus
{
    background-color:#c9ea98; /* onfocus background color for inputs */
}

/* img.step2_header_image sits above table.step2 in the HTML */
img.step2_header_image
{
    display:block;
}


table.step2
{
    margin-top:0px;
    width:100%;
}

table.step2 th.header
, table.step2 td.footer
{
    background-color:#3f4647;
    color:#fff;
}
table.step2 th.header
{    
    padding: 8px 12px 8px 12px;
    font-weight:bold;
}

table.step2 td.footer
{
    padding:10px;
    /* height:10px; */
}

table.step2 td.footer input.btnStep2Next
{
    padding: 0px;
    display:inline-block;
    height:25px;
    width:222px;
    color:#fff;
    background-color:#666;
}
table.step2 td.footer a
, table.step2 td.footer a:hover
, table.step2 td.footer a:visited
{
    color:#fff;
}

table.step2 td.bulleted
{
    width:50%;
    background:url('images/Removalist-Form/Step1/bullet-point-green.gif') left 20px no-repeat;
    vertical-align:top;
    padding: 20px 20px 10px 20px;
}
table.step2 td.bulleted table.none
{
    width:100%;
}
/* ie hack */
* html table.step2 td.bulleted table.none
{
    width:101%;
}
/* ie hack */
* html table.step2 td.bulleted table.none input
{
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}

table.step2 td.bulleted p
{
    padding-top:4px;
    padding-bottom:10px;
}

table.step2 td.bulleted a.helper_hint
{
    vertical-align:middle;
    display:inline-block;
    padding:0px 0px 0px 5px;
    width:17px;
    height:17px;
}


table.step2 input.text
, table.step2 textarea.text
{
    border:solid 1px #999999;
    font-size:12px;
    line-height:14px;
    width:300px;
    padding:2px;
}

table.step2 input.narrow
{
    width:25px;
    text-align:center;
}

table.step2 textarea.text
{
    overflow:auto;
    height:80px;
}

table.step2 input:focus
, table.step2 textarea:focus
{
    background-color:#c9ea98; /* onfocus background color for inputs */
}



table.step2 span.required
{
    color:#6ec23b;
}

table.step2 span.helper_hint
{
    color:Red;
}

div.step3-copy .green
{
    color:#6ec23b;
}

div.step3-copy img.step3_header_image
{
    margin-bottom:20px;
}

div.step3-copy p
{
    font-size:12px;
}

table.step3
{
    height:215px;
}


table.step3 div.promo {
    height:215px;
    width:444px;
}

table.step3 td
{
    vertical-align:top;
}

table.step3 td.testimonial_spacer
{
    height:215px;
    width:20px;
}

table.step3 td.testimonial
{
    height:215px;
}

table.step3 td.testimonial div.quotebox
{
    height:175px; /* 215px - 20px(top-margin) - 20px(bottom-margin) */
    padding:20px;
    border: solid 1px #dbdbdb;
    float:none;
    clear:both;
}
 
table.step3 td.testimonial div.quotebox img.quote-left-green
{
    display:block;
    margin-bottom:15px;
}

table.step3 td.testimonial div.quotebox img.quote-right-green
{
    display:block;
    margin-top:15px;
    float:right;
}
table.step3 td.testimonial div.quotebox p.signoff
{
    float:right;
    clear:both;
    margin-top:30px;
    padding-bottom:0px;
    margin-bottom:0px;
}

table.step3 div.promo
{
    background: #333 url('images/Removalist-Form/Step3/promo-generic-bg.jpg') top left no-repeat;
}

table.step3 div.promo_insurance
{
    background: #333 url('images/Removalist-Form/Step3/promo-insurance-bg.jpg') top left no-repeat;
}

table.step3 div.promo_utility_connections {
    background: #333 url('images/Removalist-Form/Step3/promo-utility-connections-bg.jpg') top left no-repeat;
}

table.step3 div.promo div.copy {
    margin-left:66px;
    width:366px;
    height: 100%;
    overflow:hidden;
    color:#fff;
    font-size:12px;
    line-height:18px;
}

table.step3 div.promo div.copy h2 {
    width:100%;
    margin:6px auto 6px auto;
    font-size:20px;
    line-height:23px;
    text-align:center;
    color:#fff;
}

table.step3 div.promo div.copy p {
    color:#fff;
    margin:10px 22px 10px 22px;
    font-size:12px;
    line-height:18px;
}

table.step3 div.promo div.copy .promo_success_label
{
    margin:5px 22px 5px 22px;
    font-size:12px;
    line-height:18px;
    display:inline-block;
    color:Green;
    background-color:White;
}

table.step3 div.promo div.copy input.btnStep3Promo
{
    display:block;
    color:#fff;
    width:345px;
    height:25px;
    margin-left:10px;
}


input.HintText
{
    color: #cccccc;
}
div.SuburbPostcodeSuggestionList
{
    width:187px; /* same width as table.step1>div.SuburbPostcodeInputWrapper>input */
    /* height auto is very important */
    height:auto;
    position:absolute;
    z-index:100;
    margin:-5px 0px 0px 2px;
    border: solid 1px #999999;
    display:none; /* start with display:none and let javascript display based on other logic */
    overflow:visible;
    background-color: #e0e0e0;
}

div.SuburbPostcodeSuggestionList div
{
    cursor:default;
    background-color: #e0e0e0;
}

div.SuburbPostcodeSuggestionList div.ActiveSuggestion
{
    background-color:#c9ea98; /* same as the onfocus background color for inputs */
}

/* 2010-12-20  - end new removalist form - core */

/* 2010-12-20  - start new removalist form - jquery sliders */

div#wrapperUnitOrHouse
{
    width:284px;
    height:31px;
    padding:9px 0px 0px 26px;
    overflow:hidden;
    background: url('images/Removalist-Form/Step2/wrapperUnitOrHouse-bg.gif') left 0px no-repeat;
    cursor:default;
}

/* IE hack */
* html div#wrapperUnitOrHouse
{
    width:309px; /* add 25px to the width for IE */
    height:41px; /* add 10px to the height for IE */
}

div.wrapperUnitOrHouse_ActiveChoiceNone
{
    background-position: left 0px !important;
}
div.wrapperUnitOrHouse_ActiveChoiceUnit
{
    background-position: left -40px !important;
}
div.wrapperUnitOrHouse_ActiveChoiceHouse
{
    background-position: left -80px !important;
}

div#wrapperUnitOrHouse div#slider_unit_or_house
{
    padding-top:20px;
    width:260px;
}

div#wrapperTotalRooms
{
    position:relative;
    float:left;
    clear:right;
    width:270px;
    height:16px;
    padding: 5px 0px 0px 10px;
    overflow:hidden;
    background: url('images/Removalist-Form/Step2/wrapperTotalRooms-bg.gif') left top no-repeat;
    cursor:default;
}

/* IE hack */
* html div#wrapperTotalRooms
{
    width:280px; /* add 10px to the width for IE */
    height:26px; /* add 10px to the height for IE */
}


/*
div.wrapperTotalRooms_0_increment  { background-position: left   0px; }
div.wrapperTotalRooms_1_increment  { background-position: left  30px; }
div.wrapperTotalRooms_2_increment  { background-position: left  60px; }
div.wrapperTotalRooms_3_increment  { background-position: left  90px; }
div.wrapperTotalRooms_4_increment  { background-position: left 120px; }
div.wrapperTotalRooms_5_increment  { background-position: left 150px; }
div.wrapperTotalRooms_6_increment  { background-position: left 180px; }
div.wrapperTotalRooms_7_increment  { background-position: left 210px; }
div.wrapperTotalRooms_8_increment  { background-position: left 240px; }
div.wrapperTotalRooms_9_increment  { background-position: left 270px; }
div.wrapperTotalRooms_10_increment { background-position: left 300px; }
*/

div#wrapperTotalRooms div#slider_totalrooms
{
    width:260px;
}

/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */



/*
 * jQuery UI CSS Framework 1.8.7 - customised by CreateStudios (2010/12/20)
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=%20Verdana,%20Arial,%20Helvetica,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget-content
{
    /*border: 1px solid #dbdbdb; */
    /* background: #dbdbdb; */
    background: Transparent; /* do not use the default background or border, but use a Transparent one to allow the wrapper's background to show through */
    color: #333333;
}
.ui-widget-content a { color: #333333; }
/*
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
*/

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    /*border: 1px solid #cccccc; */
    /*background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; */
    /*background: #cefdce; */
    background: Transparent url('images/Removalist-Form/Step2/slider-handle.gif') 50% 50% no-repeat;
    color: #000;
    font-weight: bold; 
}

/* customised - push the slider handle down by 15px for div#slider_unit_or_house */
div#slider_unit_or_house .ui-state-default { margin-top: 15px; }


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
    color: #1c94c4; text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    /*border: 1px solid #fbcb09; */
    /*background: #cefdce; */
    background: Transparent url('images/Removalist-Form/Step2/slider-handle-hover-active.gif') 50% 50% no-repeat;
    color: #000;
}
.ui-state-hover a, .ui-state-hover a:hover 
{
    color: #000; text-decoration: none;
    /*color: #c77405; */
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 
{
    border: 1px solid #fbd850; 
/*    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
    font-weight: bold; color: #eb8f00; 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited 
{
     color: #eb8f00; text-decoration: none; 
}
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
/*
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
*/

/* Corner radius */
.ui-corner-all 
{
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;

    /*
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    */
} /* end .ui-corner-all */


/*
 * jQuery UI Slider 1.8.7 - customised by CreateStudios (2010/12/20)
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; }

.ui-slider-horizontal { height: 14px; }
.ui-slider-horizontal .ui-slider-handle { top: 0px; margin-left: -7px; }

/*
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
*/

/* 2010-12-20  - end new removalist form - jquery sliders */