/* @override http://www.tof.com.au/townsville-office-furniture/css/screen.css */



/* @override http://www.tof.com.au/townsville-office-furniture/css/screen.css */

/* @override http://www.tof.com.au/new/css/screen.css */

/* @override http://localhost:8888/Design%20Juice%20Projects/Townsville%20Office%20Furniture/public_html/css/screen.css */

html {
	overflow-y: scroll;
}

/* @group Header & Footer */
#footer div.footerBox {
	width: 210px;
	float: left;
	padding-right: 30px;
}

#footer div.footerBox h2 {
	font-family: Georgia, Times, Serif;
	color: #81f5ff;font-size: 18px;
	text-align: center;
	padding-top: 15px;
	margin-bottom: 6px;
	font-weight: normal;
}



#footer div.footerBox p {
	color: #e1e1e1;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

#footer div.footerBox.last{
	padding-right: none;
}

div#headerWrapper {
	width: 100%;
	display: block;
	height: 102px;
	background-image: url('../img/header-repeat.gif');
}

div#header {
	width: 1020px;
	display: block;
	margin: auto;
	height: 102px;
	position: relative;
}

div#footerWrapper {
	width: 100%;
	display: block;
	height: 265px;
	background-image: url('../img/footer-repeat.gif');
}

div#footer {
	width: 960px;
	display: block;
	margin: auto;
	height: 265px;
	background-image: url('../img/footer-highlights-bg.png');
	background-position: -30px 9px;
}

/* @end */

/* @group Contact Bar */

ul.contactBar {
	margin: 0px;
	display: block;
	width: 960px;
	padding: 0px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0px;
	padding-left: 20px;
}

ul.contactBar li {
	margin: 0px;
	display: block;
	padding: 0px;
	float: left;
	height: 102px;
	width: 240px;
	background-image: url('../img/contact-bar.png');
}

ul.contactBar li.email{
	background-position: -30px;
}

ul.contactBar li.phone{
	background-position: -270px;
}

ul.contactBar li.fax{
	background-position: -510px;
}

ul.contactBar li.address{
	background-position: -750px;
}
ul.contactBar li.last {
	width: 240px;
}

ul.contactBar li p,
ul.contactBar li a span {
	display: none;
}

ul.contactBar li a{
	width: 240px;
	display: block;
	height: 102px;
}



/* @end */

/* @group NavLogoBox
 */

div#navLogoBox ul {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 50%;
	position: absolute;
	right: 50px;
	top: 55px;
}

div#navLogoBox ul li{
	display: inline;

	margin: 0;
	padding: 0;
	
}

div#navLogoBox ul li a{
	display: block;
	float: left;
	padding: 15px 15px 15px 15px;
	font-family: Helvetica Neue LT, Helvetica, Arial, sans-serif;
	font-size: 18pt;
	text-transform: lowercase;
	text-decoration: none;
	color: #0098a5;
	line-height: 24px;
}

div#navLogoBox ul li.active a,
div#navLogoBox ul li a:hover{
	color: #ffffff;
	background-color: #0098a5;
}







div#navLogoBox {
	width: 960px;
	margin: auto;
	position: relative;
	background-image:url('../img/nav-bg.png');
	background-position: bottom center;
	display: block;
	height: 180px;
	background-repeat: no-repeat;	
	
}

div#contentArea {
	width: 960px;
	margin: auto;
	position: relative;

}




/* @end */

/* @group Homepage */

div.homepage-featured-products ul.featured-products {
	display: block;
	padding-left: 0px;
	margin-left: 0px;
	overflow: hidden;
	height: 280px;
}


#contentArea div.homepage-featured-products ul.featured-products li a.product-link-box {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-indent: -999999px;
	

}

div.homepage-featured-products ul.featured-products li{
	display: block;
	width: 192px;
	float: left;
	margin-right: 20px;
	position: relative;
}
div.homepage-featured-products ul.featured-products li h4{
	font-family: Georgia, Times, Serif;
	color: #0098a5;
	font-size: 16px;
	text-align: center;
	margin: 8px 0px;
}
div.homepage-featured-products ul.featured-products li p{
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
}

#contentArea div.newsletter p {
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding: 0px;
	margin-bottom: 8px;
}



/* @group Subscription Form */

/* @group Auto Generated Form */


#contentArea div.newsletter div.subform {
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding: 0px;
	margin-bottom: 10px;
}

#contentArea div.newsletter div.subform p {
	padding: 5px 15px;
}

#contentArea div.newsletter div.subform table tbody tr td p {
	padding: 5px 0px;
}




#contentArea div.newsletter div.subform{
	width: 300px;
	overflow: hidden;
}

#contentArea div.newsletter div.subform table tbody tr td form {
	overflow: visible;
}

#contentArea div.newsletter div.subform table{
	border: none;
	padding: 0px;
	margin: 0;
}

#contentArea div.newsletter div.subform table tbody tr td {
	border: none;
	width: 270px;
	display: block;
	padding: 0px 15px ;
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	background-color: transparent;
	
	
}

#contentArea div.newsletter div.subform table tbody tr td b{
	font-weight: normal;
}


#contentArea div.newsletter div.subform table tbody tr td form label{
	display: block;
	float: none;
	color: #e92d92;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0px 0px 0 0 ;
	

}
#contentArea div.newsletter div.subform table tbody tr td form input.text {
	margin: 0;
	height: 30px;
	width: 264px;
	background: #f2f2f2;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;	
	color: #909090;
	display: block;
}

#contentArea div.newsletter div.subform table tbody tr td form input.neue {
	background: none;
	border: none;
	text-align: left;
	text-decoration: underline;
	color: #0098a5;
	font-size: 16px;
	
	background-repeat: no-repeat;
	padding: 0px;
	line-height: 20px;
	height: 20px;
	
	}
/* @end */

#subForm{
	padding-left: 15px;
	margin-top: 10px;
	padding-bottom: 20px;
}

#subForm div label {
	display: block;
	float: none;
	margin: 0;
	
	
	
	color: #e92d92;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 1px 0px;

}

#subForm div input {
	margin: 0;
	height: 30px;
	width: 265px;
	background: #f2f2f2;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;	
	color: #909090;
}



#subForm div input#subscribe.buttonIR {
	background: none;
	border: none;
	text-align: left;
	text-decoration: underline;
	color: #0098a5;
	
	
	background-image:url('../img/sign-up.gif');
	background-repeat: no-repeat;
	text-indent: -999999px;
	padding: 0px;

	
}



/* @end */

/* @group Contact Form Page */




form#contact-form  label {
	color: #e92c93;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	display: block;
	width: 50%;
	margin: 0px;
	margin-bottom: 20px;
	
}

form#contact-form textarea#comments {
	display: block;
	margin: 0;
	height: 120px;
	width: 600px;
	background: #f2f2f2;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;	
	color: #909090;
	display: block;
	border: 1px solid #cecece;
	margin-top: 5px;
}

form#contact-form {
	padding-bottom: 60px;
	position: relative;
}



#container label input{
	display: block;
	margin: 0;
	height: 30px;
	width: 290px;
	background: #f2f2f2;
	font-size: 20px;
	font-family: arial, helvetica, sans-serif;	
	color: #909090;
	display: block;
	border: 1px solid #cecece;
	margin-top: 5px;

	
}
#contentArea div.generic.newsletter.contact-from p {
	text-indent: 15px;
}

#contentArea div.generic.newsletter.contact-from p strong{
	font-weight: normal;
	color: #e92c93;
}


form#contact-form input#submit {
	background: none;
	border: none;
	text-align: left;
	text-decoration: underline;
	color: #0098a5;
	font-size: 20px;
	font-weight: normal;
	padding: 0px;
	display: block;
	position: absolute;
	line-height: 26px;
	height: 26px;
	bottom: 40px;
	right: 11px;
}

/* @end */




div.homepage-featured-products ul.featured-products li.last{
	margin-right: 0px;
}

#contentArea div.generic.newsletter.contact-from h3.neue {
	margin-bottom: 10px;
}


#contentArea div.generic.newsletter.contact-from a img.map-image {
	display: block;
	margin: auto;
	border: 1px solid #cecece;
	margin-bottom: 15px;

}

div.homepage-featured-products,
div.about-content {
	width: 618px;
	padding-left: 20px;
	overflow: hidden;
	padding-bottom: 30px;
}

div.homepage.newsletter {
	width: 300px;
	float: right;
	border: 1px solid #cecece;
	margin-top: 44px;
	background-color: #ffffff;

}

div.generic.newsletter {
	width: 300px;
	float: right;
	border: 1px solid #cecece;
	margin-top: 45px;
	background-color: #ffffff;
}



#contentArea div.newsletter h3 {
	color: #0098a5;
	font-size: 28px;
	padding: 15px 15px 0px 15px;
}


div.homepage-featured-products ul.featured-products li img{
		margin: auto;
		position: relative;
		display: block;
}


#contentArea div.homepage-featured-products ul.featured-products li div.featured-product-image-box {
	border: 1px solid #cecece;
width: 192px;
position: static;
}




#contentArea div.homepage-featured-products h3,
div.about-content h3 {
	border-bottom: 1px solid #cecece;
	color: #0098a5;
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 10px;
}


#contentArea div.homepage-welcome-content{
	padding-top: 30px;
	padding-bottom: 120px;
	background-image:url('../img/homepage-welcome-bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: -30px;
	
}

#contentArea div.homepage-welcome-content p {
	display: block;
	width: 750px;
	margin: auto;
	color: #909090;
	font-size: 24px;
	line-height: 30px;
	text-indent: 0;
	margin-bottom: 30px;
	
}

#contentArea div.homepage-welcome-content h2 {
	color: #0098a5;
	font-size: 65px;
	text-align: center;
	font-weight: bold;
	line-height: 70px;
	}




/* @end */

/* @group Generic */


#contentArea div.generic-steps {
	height: 150px;
	
	background-repeat: no-repeat;
background-position: center bottom;	
	background-image:url('../img/homepage-welcome-bg.png');
	padding-bottom: 80px;
	margin-bottom: -35px;
}

#contentArea div.generic-steps ol{
	background-image:url('../img/steps-bg.png');
	background-position: 130px 0px;
	background-repeat: no-repeat;
	height: 150px;
	margin-top: -25px;
	margin-left: 0px;
}

#contentArea div.generic-steps ol li{
	display: none;
}

#contentArea div.about-content p,
#contentArea div.full-width-content p {
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	text-indent: 0px;
	margin-bottom: 13px;
}

#contentArea div.about-content blockquote,
#contentArea div.full-width-content blockquote {
	padding: 30px 30px 20px 90px;
	color: #909090;
	font-family:  Georgia, Times, Serif;
	font-size: 18px;
	line-height: 24px;
	text-indent: 0px;
	
	background-image:url('../img/blockquote-bg.png');
	background-repeat: no-repeat;
	background-position: 60px 22px;
	
}



/* @end */

/* @group Full width page */

#contentArea div.full-width-content h4,
#contentArea div.about-content h4 {
	color: #0098a5;
	font-size: 20px;
	line-height: 26px;
	
	font-weight: normal;

}

#contentArea div.full-width-content h3{
	
	color: #0098a5;
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 10px;
}


#contentArea div.full-width-content {
	width: 920px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	padding-bottom: 30px;
}



/* @end */

/* @group Categories List */

div.product-categories ul {
	display: block;
	margin: 0;
	padding: 0;
	
	overflow: hidden;
	
}

 div.product-categories ul li{
	display: block;
	
	float: left;
	width: 208px;
	margin-right: 20px;
	border: 1px solid #cecece;
	min-height: 306px;
	margin-bottom: 20px;
}
div.product-categories ul li a{
	color:#0098a5;
	font-size: 17px;
	text-align: center;
	padding: 0px 0px;
	font-family: Georgia, Times, Serif;
	display: block;
	text-decoration: none;
	background-image:url('../img/category-title-bg.gif');
	line-height: 49px;
	cursor: default;	
}


div.product-categories ul li ul{
	
	border: none;
	border-top: 1px solid #cecece;	
	
	overflow: visible;



}

div.product-categories ul li ul li{
	
	display: block;
	float: none;
	border: none;
	height: 32px;
	min-height: 0px;
	margin-bottom: 0px;
	overflow: visible;
}



div.product-categories ul li ul li a{
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 32px;
	text-align: left;
	float: none;
	padding: 0px 20px;
	text-decoration: none;
	background-image: none;
	cursor: pointer;
	height: 32px;
	display: block;
}



div.product-categories ul li ul li a:hover{
	background-color: #0098a5;
	color: #ffffff;
}

/* @end */




div.breadcrumbs {
	background-image:url('../img/category-title-bg.gif');
	line-height: 49px;
	border: 1px solid #cecece;
	padding: 0px 20px;
	height: 49px;
	margin-bottom: 20px;
	
}

span.B_crumbBox {
	position: relative;
	top: -1px;
}

span.y-a-h {
		color: #0098a5;
	font-size: 18px;
	padding-right: 10px;
	border-right: 1px solid #cecece;
	margin-right: 10px;

}

a.B_homeCrumb {
	}

#contentArea div.full-width-content div.breadcrumbs  a{
	color: #909090;
	padding: 0px 5px;
	

}

#contentArea div.full-width-content div.breadcrumbs  a:hover{
	color: #0098a5;
	padding: 0px 5px;
	

}

#contentArea div.full-width-content div.breadcrumbs span.B_crumbBox span.B_lastCrumb span.B_currentCrumb {
	color: #0098a5;
}



/* @group Product List */


#contentArea div.full-width-content ul.product-list{
	margin: 20px 0px;
	overflow: hidden;
	
}

#contentArea div.full-width-content ul.product-list li {
	display: block;
	float: left;
	margin-right: 07px;
	margin-left: 08px;
	position: relative;
	height: 188px;

}
#contentArea div.full-width-content ul.product-list li h4{

color:#0098a5;
	font-size: 17px;
	text-align: center;
	padding: 0px 0px;
	font-family: Georgia, Times, Serif;
	margin: 10px 0px;
	width: 215px;
	font-weight: normal;

}

#contentArea div.full-width-content ul.product-list li a.linkbox {
	display: block;
	position: absolute;
	text-indent: -99999999px;
	top: 0px;
	left: 0px;
	height: 175px;
	width: 215px;
	
}

#contentArea div.full-width-content ul.product-list li img{
		margin: auto;
		position: relative;
		display: block;
}


#contentArea div.full-width-content ul.product-list li div.product-list-image-box {
	border: 1px solid #cecece;
padding: 8px;
width: 192px;
position: static;
height: 98px;
}


/* @end */


/* @group Product Page */


img.product-photo {
	display: block;
	margin: auto;
}

div.product-image-box {
	float: left;
	border: 1px solid #cecece;
	position: static;
	width: 619px;
}

#contentArea  div.product-area p {
		padding-left: 640px;
		padding-right: 20px;
}

#contentArea  div.product-area ul
{
	padding-left: 640px;
	padding-right: 0px;
	margin-top: 0px;
}

#contentArea  div.product-area ul li ul{
	padding-left: 0px;
}

#contentArea  div.product-area ul li {
	color: #909090;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	list-style: disc;
}

#contentArea  div.product-area ul li ul li{
	list-style: circle;
}


#contentArea  div.product-area h4 {
		padding-left: 640px;
		color: #eb2d93;
		padding-right: 20px;
		font-size: 24px;
		margin-top: 0px;
}

div.product-area {
	overflow: hidden;
}


/* @end */