/* Visiontech Digital */
/* Author : Asanka Dewage */

/* --- common settings --- */
* {
    margin:0;
    padding:0;
}
html, body {
    font-family:'Lucida Grande', Arial, Helevetica, sans-serif;
    font-size:11px;
    background:#2a5aa5 url(img/clear_BG_4.jpg) top center;
    color:#ccc;
}
a,
a:visited,
a:active {
    text-decoration:none;
    outline:none;
    color:#fff;
    font-weight:bold;
}
a:hover {
    color:#999;
}
img {
    border:0;
}
h1, h2, h3, h4, h5, p, form {
	margin:10px 0;
}

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}

ul, ol {
	margin: 0 0 0 15px;
	padding:0;
}
textarea {
	font-family:'Lucida Grande', Arial, Helevetica, sans-serif;
    font-size:11px;
}
/* --- common settings end --- */

/* --- base structure --- */
#head-bar {
	height:10px;
	background:#333;
	border-bottom:1px solid #5c5c5c;
}
#wrapper {
	width:960px;
	margin:0 auto;
	background:#222;
}
#main-content {
	padding:20px;
	overflow:hidden;
	zoom:1;
}

ul {
	list-style-image:url(img/ul-arrow.png);
}

.submit-btn {
	width:90px;
	height:29px;
	background:url(img/submit-btn-bg.png);
	color:#ccc;
	padding-bottom:5px;
	border:none;
	font-size:12px;
	cursor:pointer;
	font-weight:bold;
	margin-top:2px;
}
.submit-btn:hover {
	color:#fff;
}
/* --- base structure end --- */

/* --- header --- */
#header {
	height:318px;
	background:url(img/header-bg-new.jpg);
	position:relative;
}
#header h1 {
	margin:0;
}
#header .logo {
	float:left;
}
#header .logo a {
	display:block;
	width:245px;
	height:100px;
	text-indent:-9999px;
}

#main-nav {
	position:absolute;
	top:0;
	right:20px;
	list-style:none;
}
#main-nav li {
	float:left;
}
#main-nav li a,
#main-nav li a:link,
#main-nav li a:active,
#main-nav li a:visited {
	display:block;
	width:80px;
	height:33px;
	padding-top:10px;
	color:#ccc;
	font-weight:normal;
	overflow:hidden;
	text-align:center;
	background:url(img/nav-over.png) 0 -80px no-repeat;
}
#main-nav li a.selected,
#main-nav li a.selected:link,
#main-nav li a.selected:active,
#main-nav li a.selected:visited {
	background-position:right 0;
	color:#fff;
}
#main-nav li a:hover,
#main-nav li a.selected:hover {
	background-position:0 0;
	color:#fff;
}

.open-hours {
	color:#dcdcdc;
	margin-left:245px;
	padding-top:20px;
}
.open-hours li {
	margin-top:5px;
}

#header form {
	position:absolute;
	height:150px;
	left:25px;
	top:135px;
	width:280px;
	margin:0;
}
#header table {
	width:280px;
}
#header td {
	color:#fff;
	padding:6px;
}
#header td:first-child {
	padding-top:0;
}
#header td h3 {
	margin:0;
}
#header td p {
	margin:3px 0;
}
#header td.right {
	text-align:right;
}
#header td input[type="text"],
#header td input[type="password"],
#contact-form td input[type="text"],
#contact-form td textarea,
.layout td input[type="text"],
td input.text
{
	border:1px solid #ccc;
	background:#F5F5F5;
	border:1px solid #777777;
	color:#444444;
	padding:2px 3px;
	width:180px;
}
#contact-form td input[type="text"],
#contact-form td textarea,
td input.text
{
	background:#dbdbdb;
	width:330px;
}
td input.text {
	width:160px;
}
.layout td input[type="text"] {
	width:250px;
	background:#dbdbdb;
}
.layout td select.width-250px {
	width:260px;
}
.layout td .width-70px {
	width:70px;
}
.layout td .width-100px {
	width:100px;
}
#header td.instructions {
	padding-top:5px;
}
#header td.instructions p {
	float:left;
	width:170px;
	text-align:left;
	margin:0;
}
/* --- header end --- */

/* --- home page elements --- */
.slideshow {
	margin-bottom:20px;
	width:550px;
	height:294px;
	overflow:hidden;
}

.block {
	position:relative;
	background:#434343;
}
.block h3.title {
	margin:0;
	height:39px;
	background:url(img/block-title-bg.jpg) repeat-x;
	color:#fff;
	text-align:center;
	padding-top:16px;
	font-size:16px;
	overflow:hidden;
}
.block h3.title small {
	font-weight:normal;
	font-size:10px;
	display:block;
}
.block ul li {
	
}
.block .cnr {
	position:absolute;
	display:block;
	width:8px;
	height:8px;
	overflow:hidden;
}
.block .tl {
	top:0px;
	left:0px;
	background:url(img/cnr-top-left.png) no-repeat 0 0;
}
.block .tr {
	top:0px;
	right:0px;
	background:url(img/cnr-top-right.png) no-repeat 0 0;
}
.block .bl {
	bottom:0px;
	left:0px;
	background:url(img/cnr-bottom-left.png) no-repeat 0 0;
}
.block .br {
	bottom:0px;
	right:0px;
	background:url(img/cnr-bottom-right.png) no-repeat 0 0;
}
.block.intro {
	float:right;
	width:350px;
	height:294px;
	overflow:hidden;
}
.block.intro .wrap {
	padding:15px;
}
.block.intro .wrap :first-child,
.block.products .product h4 {
	margin-top:0;
}
.block.intro .wrap h4,
.block.services .service h4 {
	color:#fff;
	font-size:13px;
	margin:12px 0 8px;
	text-transform:uppercase;
}
.block.services .service h4 {
	margin:15px 0 8px;
}
.block.products .product h4 {
	color:#fff;
	font-size:14px;
}

.block.services,
.block.products {
	width:450px;
	float:right;
	height:280px;
	overflow:hidden;
}
.block.products {
	float:left;
}
.block.services .wrap {
	position:relative;
	top:0;
	left:0;
	height:226px;
}

.block.products .product {
	height:73px;
	padding:20px;
	background:url(img/special-grad-bottom.jpg) repeat-x;
	position:relative;
}
.block.products .product.first {
	background:url(img/special-grad-top.jpg) repeat-x;
}
.block.products .product h4 {
	margin-top:0;
	color:#fff;
}
.block.products .product .price {
	position:absolute;
	top:0;
	right:0;
	width:74px;
	height:45px;
	background:url(img/special-price-bg-new.png) no-repeat;
	margin:0;
	color:#fff;
	font-size:25px;
	padding:6px 10px;
	text-align:center;
}
.block.products .product li {
	margin-top:12px;
}
.block.products .product .more {
	position:absolute;
	bottom:18px;
	right:20px;
}

.block .wrap .service {
	position:absolute;
	background:url(img/services-grad.jpg) repeat-x;
	margin:0;
	overflow:hidden;
	height:113px;
	width:225px;
}
.block .wrap .service .main {
	float:left;
	margin-right:15px;
}
.block.services .service span {
	display:block;
	height:45px;
	overflow:hidden;
}
.block.services .service .more,
.block.products .product .more {
	font-size:13px;
	color:#fff;
}
.block.services .service .more:hover,
.block.products .product .more:hover {
	color:#ccc;
}
/* --- home page elements end --- */

/* --- main-content --- */
.block.content h3 {
	text-align:left;
	padding-left:15px;
	padding-right:15px;
}
.block.content .wrap {
	padding:15px;
}
.block.content.page-content .wrap h3 {
	padding:0;
}
.block.content.page-content .wrap > :first-child {
	margin-top:0 !important;
}
.block.content.page-content .wrap {
	overflow:hidden;
	zoom:1;
}
.block.content.page-content .wrap .content-images {
	float:right;
	margin-left:15px;
}
.block.content.page-content .wrap .content-images a {
	display:block;
	margin-top:15px;
	border:1px solid #999;
	padding:2px;
}
.block.content.page-content .wrap .content-images.gallery {
	float:none;
	overflow:hidden;
	margin-left:0;
	zoom:1;
}
.block.content.page-content .wrap .content-images.gallery a {
	float:left;
	margin:10px 8px 0 0;
}
.block.content.page-content .wrap .content-images.gallery a.fourth {
	margin-right:0 !important;
}
.block.content.page-content .wrap .content-images a:hover {
	background:#eee;
}
.block.content.page-content .wrap .content-images a:first-child {
	margin-top:0;
}
.block.content.page-content .wrap .content-images.gallery a:first-child {
	margin-top:10px !important;
}
.block.content.page-content .wrap .content-images a img {
	display:block;
}
.block.content.page-content .wrap.products h4,
.block.content.page-content .wrap.services h4,
.block.content.page-content .wrap.gallery h4 {
	font-size:16px;
	margin-top:20px;
}
.block.content.page-content .wrap.products h5 {
	font-size:14px;
}
.block.content.page-content .wrap.products h5 small {
	display:block;
	color:#eee;
}
.block.content.page-content .wrap.services .service-details {
	overflow:hidden;
	margin-bottom:15px;
	zoom:1;
}
.block.content.page-content .wrap.services .service-details:last-child {
	margin-bottom:0;
}

.block.content.page-content .wrap.products .prod-block {
	float:left;
	margin:0 15px 15px 0;
	position:relative;
}
.block.content.page-content .wrap.products .prod-block .cms-content {
	position:absolute;
	height:120px;
	left:138px;
	top:80px;
	width:280px;
	color:#fff;
	overflow:hidden;
}
.block.content.page-content .wrap.products .prod-block .cms-price-content {
	position:absolute;
	bottom:5px;
	height:35px;
	left:128px;
	width:300px;
	color:#fff;
	font-size:25px;
	overflow:hidden;
}
.block.content.page-content .wrap.products .prod-block .cms-price-content small {
	font-size:12px;
}
.block.content.page-content .wrap.products .prod-block.right {
	margin-right:0;
}
.block.content.page-content .wrap.products .prod-block.last {
	margin-bottom:0;
}
.prod-block.express {
	width:437px;
	height:271px;
	background:url(../images/panels/panels_express.gif) no-repeat top left;
}
.prod-block.exterior {
	width:437px;
	height:271px;
	background:url(../images/panels/panels_exterior.gif) no-repeat top left;
}
.prod-block.extra {
	width:437px;
	height:271px;
	background:url(../images/panels/panels_extra.gif) no-repeat top left;
}
.prod-block.regular {
	width:437px;
	height:271px;
	background:url(../images/panels/panels_regular.gif) no-repeat top left;
}
.prod-block.works {
	width:437px;
	height:271px;
	background:url(../images/panels/panels_works.gif) no-repeat top left;
}

#contact-form {
	overflow:hidden;
	zoom:1;
	margin:15px 0 0 0;
}

#contact-form td {
	padding:4px 0 4px 4px;
}
#contact-form h3 small {
	font-weight:normal;
	font-size:11px;
}

.wrap.contact #mapped-contact .south-yarra,
.wrap.contact .general.cms-content
{
	width:437px;
	overflow:hidden;
	float:left;
	margin-right:15px;
}
.wrap.contact #mapped-contact .cms-content > h3 {
	margin-top:0;
}
.wrap.contact .general.cms-content {
	margin-top:15px;
}


.members .data-table,
.members .data-table td,
.members .data-table th {
	border-collapse:collapse;
	border:1px solid #666;
}
.members .data-table td {
	padding:5px;
}
.members .data-table th {
	background:#333;
	padding:8px;
}

.members .terms-conditions {
	float:right;
	width:440px;
	height:600px;
	overflow:auto;
	padding:15px;
	border:1px solid #666;
}

/* --- main-content end --- */

/* --- helper classes --- */
.form-confirm {
	border:1px solid green;
	color:green;
	background-color:lightGoldenRodYellow;
	padding:15px;
	margin-bottom:10px;
}
.login-errors {
	border:1px solid red;
	color:red;
	background-color:pink;
	padding:15px;
	margin-bottom:10px;
}
.login-errors p:first-child {
	margin-top:0;
}
.login-errors p:last-child {
	margin-bottom:0;
}
td .blue {
	border:1px solid #3066c6;
	padding:4px;
	background-color:#3066c6;
	margin-top:0;
}
.large-type {
	font-size:120%;
	display:block;
	margin:20px 0;
}
.large-type strong {
	font-size:180%;
}
.img-float-right {
	float:right;
	margin-left:15px;
	border:1px solid #999;
}

.green {
	color:#0f0 !important;
}
#header form td .options {
	border-top:1px solid #ccc;
	padding:6px 0;
}

.no-mt,
.no-margin-top {
	margin-top:0 !important;
}
.no-mb {
	margin-bottom:0 !important;
}
.no-pb {
	padding-bottom:0 !important;
}
/* --- helper classes end --- */

/* --- footer --- */
#footer {
	height:40px;
	overflow:hidden;
	background:transparent url(img/footer-bg.png) no-repeat;
	padding-bottom:20px;
	font-family:Arial, Helevetica, sans-serif;
	width:960px;
	margin:0 auto;
}
#footer ul {
	list-style:none;
	overflow:hidden;
	padding:14px 35px 0;
	margin:0;
}
#footer ul li {
	float:left;
	margin-right:8px;
	border-right:1px solid #444;
	color:#444;
}
#footer ul li.last {
	border-right:none;
}
#footer ul li.copyright {
	border-right:none;
	margin-right:100px;
}
#footer ul li.visiontech {
	float:right;
	border-right:none;
	margin-right:0;
}
#footer ul li a {
	display:block;
	padding-right:8px;
	color:#444;
	font-weight:normal;
}
#footer ul li a:hover {
	color:#ccc;
}
#footer ul li.visiontech a {
	padding-right:0;
}
#footer ul li.visiontech a:hover strong {
	color:#f80;
}
/* --- footer end --- */