/*  
Theme Name: SMBE
Theme URI: http://www.smbe.com.au/
Description: Custom Theme for SMBE
Version: 1.0
Author: Tim Holt for Daniel Borg
Author URI: http://www.psyborg.com.au/
*/

html
{
  /*overflow: -moz-scrollbars-horizontal !important;*/
}

body
{
	position: relative;
	background-color : #94090d;
	background-image:url('images/bg.gif');
	background-repeat:repeat-x;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	text-align:center;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #FFFFFF;
}
a img { border: none; }
.clear, .clearfix { clear: both; }

#pagecontainer{
margin: auto;
width : 960px;
height: 100%;
text-align:left;
}


#header{
	width : 960px;
	height : 121px;
	margin-left: auto ;
  	margin-right: auto ;
}
#Logo{
	float: left;
	height : 121px;
}
#Suppliers{
	float: right;
	height : 92px;
}

#Utilities{
	float: right;
	width : 202px;
	height : 29px;
}

#flashpanel{
	position: relative;
	width : 960px;
	height : 299px;
	margin-left: auto;
  	margin-right: auto;
	z-index: 0;
}
#mainnavs{
	width : 960px;
	height : 50px;
	margin-left: auto ;
  	margin-right: auto ;
}
#Heading{
	float: left;
	margin-left:25px;
	margin-bottom:25px;
	min-height : 41px;
}
#information{
	float: right;
	margin-right:30px;
	margin-left:30px;
	padding-bottom: 25px;
	width:900px;
}
.productImageOuter { float: right; width: 312px; padding: 5px 0 0 0; margin-bottom: 25px; background: url(images/productImageBottom.gif) left bottom no-repeat; }
.productImage { position: relative; display: table-cell; vertical-align: middle; padding: 8px 0 0 0; width: 312px; background: url(images/productImageTop.gif) left top no-repeat; }
.productImage a, .productImage a:hover { }
.productImage a img { border: none; }
.productImage img { margin: 20px 0; display: block; margin: 0 auto; }
#maincontent{
	width : 960px;
	min-height: 100px;
	background: transparent url('images/contentshade.gif') center top repeat-y;
	background-repeat : no-repeat;
	margin-left: auto ;
  	margin-right: auto ;
}
#headershade{
	background-image : url('images/headerShade.gif');
	background-repeat : no-repeat;
	background-position:top center; 
	width : 960px;
	height : 19px;
	margin-left: auto ;
  	margin-right: auto ;

}
#footerShade{
	background-image : url('images/footer.gif');
	background-repeat : no-repeat;
	background-position:center; 
	width : 960px;
	height : 21px;
	margin-left: auto ;
  	margin-right: auto ;
}
#footer{
	width : 960px;
	height : 21px;
	margin-left: auto ;
  	margin-right: auto ;
}
#footerLeft{
	float: left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #FFFFFF;
	margin-left:25px;
}
#footerRight{
	float: right ;
}

/*NAVIGATION--------------------------------------------------------------------------*/

#mainnavs li a, #Utilities li a {
	float: left;
	display: block;
}

#mainnavs ul, #Utilities ul {
	list-style: none;
	border: 0;
	padding: 0;
	margin : 0;
}

#mainnavs ul li, #Utilities ul li {
	float: left;
	display: block;
	padding-left :0px;
	padding-top : 0px;
}
#mainnavs ul li span, #Utilities ul li span {
	display: none;
}


#mainnavs li.nav_home a {
	background-image : url('images/nav_home.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 80px;
	height : 50px;
}
#mainnavs li.nav_home a:hover {
	background-image : url('images/nav_home.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

#mainnavs li.nav_aboutus a {
	background-image : url('images/nav_about.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 79px;
	height : 50px;
}
#mainnavs li.nav_aboutus a:hover {
	background-image : url('images/nav_about.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_products a {
	background-image : url('images/nav_products.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 85px;
	height : 50px;
}
#mainnavs li.nav_products a:hover {
	background-image : url('images/nav_products.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_service a {
	background-image : url('images/nav_service.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 78px;
	height : 50px;
}
#mainnavs li.nav_service a:hover {
	background-image : url('images/nav_service.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_locations a {
	background-image : url('images/nav_locations.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 95px;
	height : 50px;
}
#mainnavs li.nav_locations a:hover {
	background-image : url('images/nav_locations.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_employment a {
	background-image : url('images/nav_employment.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 111px;
	height : 50px;
}
#mainnavs li.nav_employment a:hover {
	background-image : url('images/nav_employment.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_finance a {
	background-image : url('images/nav_finance.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 87px;
	height : 50px;
}
#mainnavs li.nav_finance a:hover {
	background-image : url('images/nav_finance.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_testimonials a {
	background-image : url('images/nav_testimonials.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 119px;
	height : 50px;
}
#mainnavs li.nav_testimonials a:hover {
	background-image : url('images/nav_testimonials.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_survey a {
	background-image : url('images/nav_survey.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 139px;
	height : 50px;
}
#mainnavs li.nav_survey a:hover {
	background-image : url('images/nav_survey.gif');
	background-repeat : no-repeat;
	background-position : top left;
}
#mainnavs li.nav_offers a {
	background-image : url('images/nav_offers.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 87px;
	height : 50px;
}
#mainnavs li.nav_offers a:hover {
	background-image : url('images/nav_offers.gif');
	background-repeat : no-repeat;
	background-position : top left;
}

/*Dropdown Submenus--------------------------------------------------------------------------*/
#mainnavs ul li { position: relative; z-index: 10; }
#mainnavs ul li:hover ul { display: block; }
#mainnavs ul ul { display: none; position: absolute; left: 0; top: 50px; }
#mainnavs ul ul li { float: none; width: 225px; font-size: 8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#mainnavs ul ul li:hover { }
#mainnavs ul ul li span { display: list-item; }
#mainnavs ul ul li.page_item a { display: block; padding: 5px 10px; width: 205px; height: auto; line-height: 18px; background: #840000; text-decoration: none; color: #fff; }
#mainnavs ul ul li.page_item a:hover { background: #0a0a0a; }

/*UTILITY NAVS--------------------------------------------------------------------------*/

a.nav_contact {
	background-image : url('images/nav_contact.gif');
	background-repeat : no-repeat;
	background-position : top right;
	width : 100px;
	height : 29px;
	float:right;
}
a.nav_contact:hover {
	background-image : url('images/nav_contact.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 100px;
	height : 29px;
	float:right;
}

a.nav_blog {
	background-image : url('images/nav_blog.gif');
	background-repeat : no-repeat;
	background-position : top right;
	width : 102px;
	height : 29px;
	float:right;
}
a.nav_blog:hover {
	background-image : url('images/nav_blog.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 102px;
	height : 29px;
	float:right;
}

a.overview {
	background-image : url('images/overview.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 256px;
	height : 41px;
	float:right;
}
a.overview:hover {
	background-image : url('images/overview.gif');
	background-repeat : no-repeat;
	background-position : top right;
	width : 256px;
	height : 41px;
	float:right;
}
a.corporate {
	background-image : url('images/corporate.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 256px;
	height : 41px;
	float:right;
}
a.corporate:hover {
	background-image : url('images/corporate.gif');
	background-repeat : no-repeat;
	background-position : top right;
	width : 256px;
	height : 41px;
	float:right;
}
a.log {
	background-image : url('images/Service_Log.jpg');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 225px;
	height : 192px;
}
a.submit {
	background-image : url('images/Service_Meter.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 225px;
	height : 192px;
}
a.place {
	background-image : url('images/Service_Consumable.jpg');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 225px;
	height : 192px;
}
a.ask {
	background-image : url('images/Service_Question.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 225px;
	height : 192px;
}

/*CONTENT STYLING--------------------------------------------------------------------------*/

h1{
color:#FFFFFF;
font-size: 25px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
}

h2{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
}

hr{
	background-image : url('images/div.gif');
	height:25px;
	background-repeat:repeat-x;
	border:none;
}

OL{
list-style: none;
}

P, OL, UL
{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
line-height:20px;
margin-right:20px;
}

.divider{
	background-image:url('images/div.gif');
	background-repeat:repeat-x;
	height:25px;
}

A
{
color : #FFFFFF;
}

A:hover
{
color : #FFFFFF;
text-decoration:none;
}

.formText{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
}

.footer
{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #FFFFFF;
}

.productchoice
{
			background-image:url('images/prod-bg.gif');
			background-repeat: no-repeat;
			height:70px;
			vertical-align:middle;
}


.subscribeField
{
  width: 150px;
  height:20px;
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
  padding: 3px 5px 2px 5px;
  font-size: 11px;
  color: #FFFFFF;
  background-color:#000000;
}
/*CONTENT LAYOUT--------------------------------------------------------------------------*/

#leftcol{
	float: left;
	width:50%;
	height: auto;
}
#rightcol{
	float: right;
	width:50%;
	height: auto;
}

#leftcoltwothird{
	float: left;
	width: 570px;
	height: auto;
}
#rightcolonethird{
	float: right;
	width:25%;
	height: auto;
}

#leftcol3{
	float: left;
	width:65%;
	height: auto;
}
#rightcol3{
	float: right;
	width:35%;
	height: auto;
}

#portrait{
	float: left;
	margin-right:15px;
	margin-bottom:15px;
	width:199px;
	height:298px;
}
#profile{
	float: right;
	width:685px;
	height:298px;
}

table{
padding:1px;
border:none;
width: auto;
}

td{
padding:5px;
}

.TR1{
background-color:#7c0205;
}
.TR2{
background-color:#ac0d12;
}

/*NAVIGATION PANELS--------------------------------------------------------------------------*/
ul.buttons {
	list-style: none;
	border: 0;
	padding: 0;
	margin : 20px 0;
}

ul.buttons li {
	float: left;
	display: block;
	padding-left :0px;
	padding-top : 0px;
}

ul.buttons li span {
	display: none;
}

ul.buttons li a {
	float: left;
	display: block;
}

a.Products {
	background-image : url('images/Products.gif');
	background-repeat : no-repeat;
	background-position : top left;
	width : 295px;
	height : 168px;
}
a.Products:hover {
	background-image : url('images/Products.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 295px;
	height : 168px;
}

a.ManagedServices {
	background-image : url('images/MPS.gif');
	background-repeat : no-repeat;
	background-position : top left;
	width : 300px;
	height : 168px;
}
a.ManagedServices:hover {
	background-image : url('images/MPS.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 300px;
	height : 168px;
}

a.Environment {
	background-image : url('images/Environment.gif');
	background-repeat : no-repeat;
	background-position : top left;
	width : 300px;
	height : 168px;
	margin-left:5px;
}
a.Environment:hover {
	background-image : url('images/Environment.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 300px;
	height : 168px;
	margin-left:5px;
}

a.Consultation {
	background-image : url('images/Consultation.gif');
	background-repeat : no-repeat;
	background-position : top left;
	width : 299px;
	height : 168px;
	margin-left:5px;
}
a.Consultation:hover {
	background-image : url('images/Consultation.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
	width : 299px;
	height : 168px;
	margin-left:5px;
}

/*PRODUCT SECTION--------------------------------------------------------------------------*/


#productBG{
			background-image:url('images/bg_product.gif');
			background-repeat:repeat-x;
}

#productBanner{
	width : 960px;
	height : 118px;
	margin-left: auto ;
  	margin-right: auto ;
}

#productCategory {
	float:left;
	display:block;
	width:290px;
	height:60px;
	margin:5px;
	vertical-align:middle;
	padding-bottom:10px;
	background-image : url('images/productCategory.gif');
}
#productCategory image{
padding-left:5px;
padding-right:10px;
vertical-align:middle;
}
#productMain{
float:left;
width:570px;

}

#productImage{
float:right;
width:312px;
}

#productImagetop{
background-image : url('images/product_top.gif');
height:20px;
}

#productImagebot{
background-image : url('images/product_bot.gif');
height:20px;
}

#productExtra{
float:right;
width:312px;
margin-bottom:25px;
}

#howtobuy{
background-image : url('images/product_bot.gif');
height:20px;
}

/*PRODUCT TABLES--------------------------------------------------------------------------*/

#directory
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#directory thead th.rounded-company
{
	background: #e21a22 url('images/corner_1.gif') left -1px no-repeat;
}
#directory thead th.rounded-q4
{
	background: #e21a22 url('images/corner_2.gif') right -1px no-repeat;
}
#directory th
{
	padding: 8px;
	font-weight: normal;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	background: #e21a22;
}
#directory td
{
	padding: 8px;
	background: #e21a22;
	border-top: 1px solid #94090d;
	color: #fff;
}

#directory tfoot td.rounded-foot-left
{
	background: #e21a22 url('images/corner_3.gif') left bottom no-repeat;
}
#directory tfoot td.rounded-foot-right
{
	background: #e21a22 url('images/corner_4.gif') right bottom no-repeat;
}
#directory tbody tr:hover td
{
	background: #e21a22;
}

#finance
{
	width: 570px;
	height:105px;
	text-align: left;
	background: url('images/finance.gif') no-repeat;
	padding:15px;
}

#productText
{
	width: 570px;
	text-align: left;
	padding:15px;
}

/*BLOG--------------------------------------------------------------------------*/

#blogText
{
float:left;
width:570px;
background-color:#7c080b;
padding:10px;
margin-bottom:25px;
}

#blogCategories{
float:right;
width:280px;
background-color:#7c080b;
padding:10px;
margin-bottom:25px;
}

#line{
border-bottom:dotted;
color:#510000;
}

.search{
width:200px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px;
margin-bottom:20px;
}

.fields{
width:150px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 9px;
}

.commment{
width:300px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}

ul#productList{
margin: 5px 0;
padding: 0;
list-style: none;
}

ul#productList li{
float: left;
margin-right: 10px;
margin-bottom: 10px;
width: 290px;
height: 70px;
line-height: 70px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
background: #7E080B url(images/productRight.gif) right top no-repeat;
}

ul#productList li a{
display: inline-block;
padding-left: 65px;
height: 70px;
background: url(images/productLeft.gif) left top no-repeat;
}
ul#productList li.page-item-43 a { background: url(images/productLeft_managedPrintServices.gif) left top no-repeat; }
ul#productList li.page-item-45 a { background: url(images/productLeft_canonColourMultifunction.gif) left top no-repeat; }
ul#productList li.page-item-47 a { background: url(images/productLeft_kyoceraColourMultifunction.gif) left top no-repeat; }
ul#productList li.page-item-49 a { background: url(images/productLeft_lanierColourMultifunction.gif) left top no-repeat; }
ul#productList li.page-item-52 a { background: url(images/productLeft_canonBWMultifunction.gif) left top no-repeat; }
ul#productList li.page-item-54 a { background: url(images/productLeft_kyoceraBWMultifunction.gif) left top no-repeat; }
ul#productList li.page-item-93 a { background: url(images/productLeft_lanierBWMultifunction.gif) left top no-repeat; }
ul#productList li.page-item-64 a { background: url(images/productLeft_canonPrinters.gif) left top no-repeat; }
ul#productList li.page-item-66 a { background: url(images/productLeft_kyoceraColourPrinters.gif) left top no-repeat; }
ul#productList li.page-item-68 a { background: url(images/productLeft_kyoceraBWPrinters.gif) left top no-repeat; }
ul#productList li.page-item-91 a { background: url(images/productLeft_lanierProductionPrinters.gif) left top no-repeat; }
ul#productList li.page-item-70 a { background: url(images/productLeft_canonLargeFormatPrinters.gif) left top no-repeat; }
ul#productList li.page-item-89 a { background: url(images/productLeft_lanierLargeFormatPrinters.gif) left top no-repeat; }
ul#productList li.page-item-72 a { background: url(images/productLeft_canonScanners.gif) left top no-repeat; }
ul#productList li.page-item-74 a { background: url(images/productLeft_canonFaxes.gif) left top no-repeat; }
ul#productList li.page-item-85 a { background: url(images/productLeft_lanierFaxes.gif) left top no-repeat; }
ul#productList li.page-item-76 a { background: url(images/productLeft_canonMicrographics.gif) left top no-repeat; }
ul#productList li.page-item-78 a { background: url(images/productLeft_canonSoftware.gif) left top no-repeat; }
ul#productList li.page-item-81 a { background: url(images/productLeft_lanierSoftware.gif) left top no-repeat; }

table.product_category_list { margin: 5px 0 25px 0; width: 570px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #E21A22 url(images/table_product_category_head.gif) left top no-repeat; color: #fff; border-collapse: collapse; }
table.product_category_list thead { height: 29px; }
table.product_category_list th { padding: 8px; font-size: 8pt; background: none; border-bottom: 1px solid #94090D;}
table.product_category_list td { padding: 15px 8px; font-size: 8pt; border-bottom: 1px solid #94090D;}
table.product_category_list .tick { text-align: center; }
table.product_category_list tfoot { height: 29px; background: url(images/table_product_category_foot.gif) left bottom no-repeat; }

.finance_options { margin: 5px 0 25px 0; padding-bottom: 15px; width: 570px; background: #E21A22 url(images/table_product_category_foot.gif) left bottom no-repeat; color: #fff; }
.finance_options_inner { padding: 15px 15px 0 15px; width: 540px; background: #E21A22 url(images/table_product_category_head.gif) left top no-repeat; color: #fff; }

a.pdf { display: inline-block; padding-left: 22px; background: url(images/icon_pdfsml.gif) left center no-repeat; }

ul#sidebar { margin: 0; padding: 0; list-style: none; }
ul#sidebar li { padding: 0 0 10px 0; border-bottom:dotted;color:#510000; }
ul#sidebar ul { margin: 0; padding: 0; list-style: none; }
ul#sidebar ul li { padding: 2px 0; border-bottom: none; }

label { display: inline-block; padding-right: 10px; width: 260px; }
#customer-service-form label, #log-a-service-call-form label, #submit-a-meter-reading-form label, #place-a-consumables-order-form label, #ask-a-question-form label { display: block; width: auto; }

/*Consultation Form--------------------------------------------------------------------------*/
/*
#consultationForm body

{
	background-image:none;
}
*/
#consultationForm
{
	width: 305px;
	padding: 5px 10px;
}
#consultationForm h3
{
	padding: 0;
	text-align: center;
	line-height: 1.5em;
	color: #8E090C;
}
#consultationForm P
{
	padding: 0;
	width: 305px;
	text-align:left;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #93090d;
}
#consultationForm label { float: left; clear: left; display: inline-block; width: 85px; color: #958391; }
#consultationForm input { width: 203px; border: 1px solid #adadad; }
#consultationForm select { width: 205px; border: 1px solid #adadad; }
#consultationForm option { }
#consultationForm input#submit {
	float: right;
	margin: 10px 0;
	width: 79px;
	height: 31px;
}

#machineNumbers { float: right; margin: 10px; width: 380px; }
#machineNumbers p { text-align: center; }

/* Two Col Layout with Consultation Button */

#Heading h1 { width: 570px; }

#contentCol
{
width:900px;
padding: 0;
margin-bottom:25px;
}

#buttonCol{
float:right;
position: relative;
top: -50px;
width:310px;
margin-bottom: 25px;
}

#buttonCol ul.buttons {
	margin : 0;
}

#buttonCol ul.buttons li {
}



/* POPUPS */
/* General */
#lightwindow_overlay { display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; background-color: black; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); z-index: 5000; }
#lightwindow { display: none; visibility: hidden; position: absolute; z-index: 9990; line-height: 0px; }
#lightwindow_container { display: none; visibility: hidden; position: absolute; padding: 0; margin: 0; }
* html #lightwindow_container { overflow: hidden; }
#lightwindow_contents { overflow: hidden; z-index: 0; position: relative; width: 345px !important; border: none !important; background-color: none !important; z-index: 1000; }
#lightwindow_contents .popup { border: 10px solid #950908; }

#lightwindow_loading { display: none; }
#lightwindow_title_bar { display: none; }
#lightwindow .pageContent { background-color: #fff; }
#wrapper #lightwindow form p { height: auto; line-height: 1.3em; }

	/* Popup Buttons (and button-like links) */
	#lightwindow p a.close { display: block; padding-right: 23px; font-size: 1.2em; text-decoration: none; text-transform: lowercase; text-align: right; background: url(images/close.png) right center no-repeat; color: #333; }