/*========================
Cascading Style Sheets
for belaroma.com.au

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
html {overflow-y:scroll;}
body {
	font:12px Tahoma, Verdana, Helvetica, sans-serif;
	margin:0;
	background:url(../images/bg_normal.png) repeat-x;
	color:#602012;
	line-height:16px;
}
h1 {
	margin:26px 0 0;
	font-size:24px;
	font-weight:700;
	color:#ff5200;
}
h2 {
	margin:10px 0;
	font-size:20px;
	font-weight:700;
	color:#3c1805;
}
h3 {
	margin:0 0px 15px;
	font:700 15px Verdana, Tahoma, Helvetica, sans-serif;
	color:#F89A1E;
}/*#determining-your-needs h3, #coffee-machines h3, #understanding-the-components h3{margin:0 0 10px;}*/

h4 {
	margin:10px 0 0;
	font-size:12px;
}
h5 {
	margin:0;
}
h6 {
	margin:0;
}
a:link, a:visited {text-decoration:none;outline:none;color:#fe4900;font-weight:700;}
a:hover {text-decoration:underline;}
a:active {}
a img {border:none;}

::-moz-selection{background:#3E1E0E;color:#fff;}
::selection {background:#3E1E0E;color:#fff;}

ul, ol {margin:0;padding:0;list-style-position:inside;}
ol {margin:0 5px;}
li {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:none;}
blockquote {margin:0;padding:0;font-weight:700;}
p {margin:10px 0 15px;}

form {margin:15px 0;padding:0;}
input, textarea, select {font:11px Tahoma, Verdana, Helvetica, sans-serif;}
label {display:block;}

address {margin:0;padding:0;font-style:normal;}

table {width:100%;border-collapse:collapse;}
th, td {text-align:left;vertical-align:top;}
th {font-weight:700;vertical-align:middle;}

/*====Misc Classes====*/
.clear { clear: both;}
.highlight {
	background:#E4BBA5;
	padding:10px 15px;
	-moz-border-radius:8px;
	-webkit-border:8px;
}
.highlight p {margin:0;}
.row {margin:5px 0;}
.show {padding-left:2px;}
.hide {margin:10px 0;}
.expand, .expanded {cursor:pointer;}
.rightImg {float:right;margin:8px 0 5px 10px;padding:1px;border:solid 1px #972E11;}
.leftImg {float:left;margin:8px 10px 5px 0;padding:1px;border:solid 1px #972E11;}
.noBorder {border:none;}

h3.expand {
	color:#8A4820;
	font-size:11px;
	margin:15px 0 0;
	padding:0 0 10px;
	border-bottom:solid 1px #D3C4BA;
	background:url(../images/sprite_expand.png) no-repeat right 7px;
}
h3.expand a {color:#8A4820;display:block;}
h3.expand a:hover {text-decoration:none;}
h3.expanded {
	color:#FF5200;
	font-size:13px;
	border-bottom:solid 1px #EBE4DF;
	background:url(../images/sprite_expand.png) no-repeat right -25px;
}
h3.expanded a {color:#FF5200;}
.hide p {margin-top:0;}

/*====Standard Content Layouts====*/
#text li {margin:5px 0;}
#text ul, #text ol {margin:5px 20px;}
#text ul ol {margin:2px 12px;}

/*====Base Layout====*/
#outter-wrap {margin:0 auto;width:951px;}
#header {position:relative;overflow:hidden;height:430px;}
#header .logo {
	display:block;
	text-indent:-9999px;
	background:url(../images/logo_belaroma.png) no-repeat;
	width:233px;
	height:125px;
	position:absolute;
	left:22px;
	top:6px;
}
#banner {position:absolute;top:106px;z-index:-1;}
body.home #banner { background: url(../images/loader.gif) no-repeat 475px 150px; height: 330px; width: 950px; }
body.home #banner.flash-replaced { display: block; background: url(none); }

#content{
	min-height:350px;
}
#content ul {margin:10px 0 20px;}
#footer {color:#968B84;text-align:center;padding-top:20px;z-index:-1;font-size:11px; clear:both}
#footer a:link, #footer a:visited {color:#968B84;padding:0 5px;font-weight:100;}
#footer a:hover {color:#fe4900;}
#copy {margin:14px 0;position:relative;}
#cstech {
	text-indent:-9999px;
	display:block;
	width:131px;
	height:13px;
	background:url(../images/logo_cstech.png) no-repeat;
	position:absolute;
	right:5px;
	bottom:-2px;
}
.centre #cstech {background-position:0 -13px;}
.geeks #cstech {background-position:0 -26px;}

/*====Top Navigation====*/
#topNav { position:absolute; top:75px; height:32px; right: 0; }
#topNav li {list-style:none;list-style-position:outside;float:left;z-index:1;position:relative;}
#topNav li a { display:block; text-indent:-9999px; height:18px; z-index:10; padding:0 7px; background: url(../images/topNav_home.png) no-repeat; }
#topNav li ul {
	display:none;
	padding:5px 10px;
	position:absolute;
	top:22px;
	left:1px;
	width:178px;
	background:url(../images/nav-bg.png) 0 0 repeat-x !important;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
}
#topNav li:hover ul {display:block;}
#topNav li ul li {float:none;}
#topNav li ul li a {
	width:160px !important;
	color:#602012;
	height:19px;
	line-height:19px;
	text-indent:0;
	background-image:none !important;
	display:block;
	border-bottom:solid 1px #D6BDB5;
	font-weight:100;
	z-index:10;
}
#topNav li ul li a:hover {text-decoration:none;font-weight:700;}
#topNav li ul li.noBorder a {border:none;}

#topNav .home a {background-position:8px 1px;width:38px;}
#topNav .about a { width:113px; background: url(../images/topNav_home.png) -49px 1px; }
#topNav .products a { width:64px; background: url(../images/topNav_home.png) -183px 1px; }
#topNav .academy a { width:107px; background: url(../images/topNav_home.png) -266px 1px; }
#topNav .contact a { width:72px; background: url(../images/topNav_home.png) no-repeat -394px 1px; }

#topNav .home a.active {background-position:8px 16px;}
#topNav .products a.active {background-position:-48px 16px;}
#topNav .about a.active {background-position:-131px 16px;}
#topNav .academy a.active {background-position:-270px 16px;}
#topNav .geeks a.active {background-position:-395px 16px;}
#topNav .centre a.active {background-position:-504px 16px;}
#topNav .contact a.active {background-position:-620px 16px;}

/* Represents the background of the highlighted menu-item. */
#topNav li.backLava {
	background:url(../images/nav-hover.png) no-repeat right -32px;
	width:15px;
	height:32px !important;
	z-index:-1;
	position:absolute;
	margin:-10px 0 0;
}
#topNav li.backLava .leftLava {
	background:url(../images/nav-hover.png) no-repeat top left;
	height:32px;
	margin-right:7px;
}
#topNav li.backLava .bottomLava {
	background:url(../images/nav-arrow.png) no-repeat center bottom;
	height:5px;
	margin-top:-7px;
	z-index:100;
}
#topNav li.backLava .cornerLava {display:none;}

/*====Side Navigation====*/
#sideNav { position:absolute; top:0; right:123px; background:url(../images/sideNav.png) no-repeat left bottom; height:31px; margin:0; padding:0 17px; z-index:100; 
}
#sideNav li {list-style:none;margin:8px 0;padding:0;float:left;}
#sideNav li a {
	margin:0 13px;
	display:block;
	text-indent:-9999px;
	height:20px;
	background:url(../images/sideNav_items.png) no-repeat 0 0;
}
#sideNav .geeks a { width:92px; background: url(../images/sideNav_items.png) 0 0; }
#sideNav .centre a { width:91px; background: url(../images/sideNav_items.png) -112px 0; }
#sideNav .partners a { width:55px; background: url(../images/sideNav_items.png) -225px 0; }
#sideNav .store a { width:83px; background: url(../images/sideNav_items.png) -302px 0; }


#sideNav .geeks a:hover { background: url(../images/sideNav_items.png) no-repeat 0px -31px; }
#sideNav .centre a:hover { background: url(../images/sideNav_items.png) no-repeat -112px -31px; }
#sideNav .partners a:hover { background: url(../images/sideNav_items.png) no-repeat -225px -31px; }

#sideNav .store a:hover { background: url(../images/sideNav_items.png) no-repeat -302px -31px; }
/*====Home Page====*/
.home h1 {margin:0;}
.home #content {background:url(../images/homeNav.jpg) no-repeat;/*height:307px;*/font-size:11px;}
#homeNav {overflow:hidden;color:#FFC080;height:174px;}
#homeNav div {float:left;width:150px;padding:20px 5px 5px 150px;}

#homeNav div .register{position:absolute;top:98px;left:220px;width:85px;padding:0px;margin:0px;}
#homeNav div.coffee-centre, #homeNav div.coffee-geeks, #homeNav div.partners {position:relative;}

#homeNav div a {color:#FFBF35;}
#homeNav p {margin:5px 0;}
#homeNav h2 {height:17px;text-indent:-9999px;margin:5px 0;}
#homeNav .coffee-centre, #homeNav .coffee-geeks {cursor:pointer;}
#homeNav .coffee-centre {padding-left:174px;}
#homeNav .coffee-centre h2 {background:url(../images/text_coffee-centre.png) no-repeat;}
#homeNav .coffee-geeks h2 {background:url(../images/text_coffee-geeks.png) no-repeat;padding-left:105px;}
#homeNav .partners h2 {background:url(../images/text_partners.png) no-repeat;padding-left:100px;}
#homeNav form {margin:5px 0;}
#homeNav input {
	border:solid 1px #AE3100;
	color:#AE3100;
	background:#5A1300;
	font:11px Tahoma, Verdana, Helvetica, sans-serif;
	padding:2px 7px;
	margin:3px 0;
}
#homeNav input.login {
	border:none;
	color:#FFBF35;
	background:none;
	font-weight:700;
	padding:0;
	margin:0;
}
#password-clear {display:none;}
.home #text {float:left;width:672px; height:430px}
.home .about-belaroma, .home .scottie {
	display:block;
	float:left;
	width:200px;
	height:88px;
	margin-left:42px;
	text-indent:-9999px;
}
.home .scottie {width:258px;height:215px;margin:-10px 0px 0px 20px;background:url(../../images/Scottie-WBC-London2010-small.jpg) 50% 100% no-repeat;}

.home .about-belaroma{
	width:258px;
	height:215px;
	margin:-10px 0px 0px 20px;
	background:url(../images/quality-assurance-link.png) left top no-repeat;
}

.home .scottie span{
	display:block;
	margin:20px 0 0 0;
	text-align:center;
	text-indent:0
}
.PremierRestaurant{
	display:block;
	margin:20px auto
}
*.home #content{
	/*min-height:540px;*/
	min-height:585px
}
.home .award{
	float:right;
	margin:0 42px 20px 0;
	width:176px;
}
.home .award img{
	display:block;
	margin:0 auto 10px
}
.home .award span{
	display:block;
	margin:0 auto;
	width:154px;
}

/*====Internal Pages====*/
.noExpand ul li a:link, .noExpand ul li a:visited {background:none !important;}
.internal #outter-wrap {width:964px;}
.internal #header {height:304px;}
.internal #innerWrap {background:url(../images/bg_internal-wrapper.png) no-repeat;margin-left:-23px;padding:15px 60px 0 40px;width:911px;min-height:825px; *position:relative}
.internal #content {height:auto;overflow:hidden;}

.internal #sidebar {
	background:url(../images/bg_internal_sidebar_top.png) no-repeat;
	padding:6px 0 0;
	width:263px;
	float:left;
	margin:25px 30px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.internal #sidebar ul {
	list-style:none;
	font-size:12px;
	padding:0 5px 124px;
	background:#D7C6B6 url(../images/bg_internal_sidebar_bottom.png) no-repeat bottom;
	margin:0;
}
.internal #sidebar li {
	border-bottom:dotted 1px #B6A99C;
	padding:9px 0 9px 12px;
	list-style-position:outside;
}
.internal #sidebar li:last-child {border:none;}
.internal #sidebar li a:link, .internal #sidebar li a:visited {
	color:#936C5F;
	display:block;
	background:url(../images/sprite_expand.png) no-repeat right -59px;
}
.internal #sidebar li a:hover , .internal #sidebar li ul li a:hover, .internal #sidebar li a.active, .internal #sidebar ul ul li a.active {color:#FF5200;text-decoration:none;}
.internal #sidebar li.active a {color:#CF5F3F;background-position:right -91px}
.internal #sidebar ul ul {padding:4px 1px;background:none;}
.internal #sidebar li li {
	border:none;
	background:url(../images/bullet_yellow.png) no-repeat 0 55%;
	padding:1px 9px;
}
.internal #sidebar li li a:link, .internal #sidebar li li a:visited {
	color:#9F786B;
	font-size:11px;
	font-weight:100;
	background:none;
}
.topLink {
	text-align:right;
	font-size:11px;
	border-bottom:dotted 1px #992013;
	display:block;
	margin:10px 0;
	padding:2px 0;
}

/*====Quality Assurance====*/
.step {
	width:165px;
	height:121px;
	padding:40px 17px 0 123px;
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
	font-size:11px;
	position:relative;
}
.adjust {margin-left:13px;}
.step p {margin:0;}
.step h2 {font-size:16px;margin:0 0 5px;}
.step h3 {color:#ffb14b;font-size:22px;}
.step a:hover {text-decoration:none;}
.leftcol {padding-left:117px;padding-right:24px;width:160px;}
#one {background-image:url(../images/quality/step1.png);}
#two {background-image:url(../images/quality/step2.png);}
#three {background-image:url(../images/quality/step3.png);}
#four {background-image:url(../images/quality/step4.png);}
#five {background-image:url(../images/quality/step5.png); }
#six {background-image:url(../images/quality/step6.png);}
#seven {background-image:url(../images/quality/step7.png);}
#eight {background-image:url(../images/quality/step8.png);}
#nine {background-image:url(../images/quality/step9.png);}
#ten {background-image:url(../images/quality/step10a.jpg);width:898px;height:159px;text-indent:-9999px;cursor:default;}

.popup {
	width:457px;
	height:244px;
	padding:10px 22px 0 20px;
	color:#fff;
	cursor:default;
	background:url(../images/quality/bg_popup.png) no-repeat;
	position:absolute;
	display:none;
}
.popup .image {float:left;height:180px;padding-right:10px;}
.popup .image img {border:solid 1px #BE7E6B;}
.popup p {margin:10px 0;}
#one .popup {bottom:-244px;left:217px;}
#two .popup {bottom:-244px;left:-84px;}
#three .popup {bottom:-244px;left:-389px;}
#four .popup {bottom:-244px;left:-389px;}
#five .popup {bottom:-244px;left:-84px;}
#six .popup {bottom:-244px;left:217px;}
#seven .popup {top:-220px;left:217px;}
#eight .popup {top:-220px;left:-84px;}
#nine .popup {top:-220px;left:-389px;}

.arrow {
	background:url(../images/quality/arrow.png) no-repeat;
	width:13px;
	height:8px;
	position:relative;
	top:-18px;
}
#one .arrow, #six .arrow, #seven .arrow {left:0px;}
#two .arrow, #five .arrow, #eight .arrow {left:215px;}
#three .arrow, #four .arrow, #nine .arrow {left:428px;}

#seven .arrow, #eight .arrow, #nine .arrow {
	background-position:0 -8px;
	top:231px;
}

/*====Contact Page====*/
.location {
	float:left;
	width:300px;
	margin:10px 0;
}
.internal .contact h2 {font-size:18px;clear:both;padding:30px 0 0;}
.internal .location h3 {font-size:13px;}

/*====Support====*/
.faultFinding {
	border-left:solid 1px #86643D;
	border-top:solid 1px #86643D;
	border-collapse: collapse; 
	margin:20px 0;
	color:#5A5A5A;
	clear:both;
}
.faultFinding td, .faultFinding th {
	padding:4px;
	border-right:solid 1px #86643D;
	border-bottom:solid 1px #86643D;
	vertical-align:top;
}
.faultFinding th {vertical-align:middle;background:#86643D;color:#fff;}
.faultFinding td {background:#EFE7DF;vertical-align:middle;}
.faultFinding .alt td {background:#E4D6C8;vertical-align:middle;}
.faultFinding .problem {}
.faultFinding .questions {}
.faultFinding td.answers {text-align:center;vertical-align:middle;}
.faultFinding .causes {}
.faultFinding .solution {}



/*====Products====*/
.product {margin:10px 0 -30px 0;overflow:hidden;}
.product p {margin:0 0 15px;}
.product .image {float:left;text-align:center;margin:20px 10px 30px 0;}
.product .image img {display:block;}
.product .text {padding:0 0 20px;}


/*====Social Media - 4.5.11====*/
.addthis_toolbox{
	float:left;
	margin:20px 20px 20px 10px;
	clear:left;
	*clear:none;
	*position:absolute!important;
	*left:40px;
	*z-index:100;
	*bottom:30px
}

.addthis_toolbox a{
	padding:0 2px 4px 2px!important;
}

/* Like Button */
.fb_edge_widget_with_comment{
	float:left;
	clear:left;
	margin:10px 0 0 12px;
	*clear:none;
	*position:absolute!important;
	*left:40px;
	*z-index:100;
	*bottom:30px
}

/* SM Home */
.home #outter-wrap{
	*position:relative
}
.home .fb_edge_widget_with_comment{
	margin:-86px 0 0 0;
	*bottom: 123px;
	*left:0;
}
.home .addthis_toolbox{
	margin:-135px 0 0 -2px;
	*margin:-135px 0 0 -2px;
	*bottom:auto;
	*clear:none;
	*left:0;
}

/* SM Center */
.centre .fb_edge_widget_with_comment{
	margin:-104px 0 0 0;
	*left:815px;
	*top:1345px;
	*background:none;
	*text-align:right
}

.centre .addthis_toolbox{
	margin:10px 20px 30px 0;
	*left:699px;
	*top:1185px;
}

/* SM Quality Assurance */
.quality .addthis_toolbox{
	*bottom:-15px
}
.quality .fb_edge_widget_with_comment{{
	*bottom:-10px
}
/* SM Geeks */
.geekSocialMedia{
	background:#000;
	*overflow:hidden;
	position:relative;
	*width:250px;
	*height:150px;
	margin-left:-30px;
}
.geekSocialMedia .addthis_toolbox{
	top:0
}
.geeks #content #sidebar #sidebar-bottom{
	position:relative!important;
}
/*.geeks .fb_edge_widget_with_comment{
	*position:absolute;
	*bottom:-50px;
	*margin:0 0 0 53px;
	*left:87px
}
.geeks #text{
	float:right!important;
	margin:0 98px 0 0;
	min-height:615px!important
}
.gSocialMedia{
	position:relative;
	float:left;
	clear:left;
	margin:-29px 0 0 5px;
	*margin:-9px 0 0 5px;
	overflow:auto
}
.geeks .gSocialMedia .fb_edge_widget_with_comment{
	position:relative;
	bottom:0;
	margin:auto auto auto 137px;
	*left:0;
}*/

/* Comments */
.fbComments{
	padding:50px 0 25px;
	width:500px;
}

/* Visit Link fbVisit*/
.fbVisit{
	background:url(../images/icon-visit.png) left top no-repeat!important;
    display:block!important;
    float:left!important;
    margin:0 0 0 15px!important;
    padding:0 0 0 20px!important;
}

#footer #copy span{
	display:block;
	margin:0 auto;
	text-align:center;
	width:300px
}
#footer #copy{
	max-width:935px;
	margin:0 auto
}