/*
----------------------------------------------------------------------
GLOBAL BASELINES
---------------------------------------------------------------------- 
*/

* {
margin: 0;
padding: 0;
}

html, body {
margin: 0;
padding: 0;
}

body {
	text-align: left;/*for editor, usually would be center*/
	background: #FFFFFF;/*compulsory for editor background colour*/
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 80%;
	line-height: 1.6em;
	height: 100%;
	}

h1, h2, h3, h4, h5, h6, p, li, a:link {
	margin: 0 0 1em 0;
}


li  {
font-size:1em;/*keeps the font size EQUAL to whatever is set in the body tag, ie. if it is set smaller than 1em here it will compound the sizing, eg. .9 of .9 would compund smaller still*/
line-height: 1.2em;
}


/* prevent shrinking nested text , remains 1:1 with WHATEVER the body em is set to, eg. if the body font-size is .9em, so will all of these be. See immediately preceeding rule's comment*/
ol ol, ul ol, ol ul, ul ul, ol p, ul p /*, ul li, li a*/  {
font-size:1em;}


ul, ol {
list-style-position: outside;
margin: 1em 2em 1.5em 30px;
}


ul li, ol li{
margin: 0;
}


a {
	color: #0077FF;
	text-decoration: underline;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FF8800;
}

a:active {
	color: #FF8800;
}


.invisible {
	display: none;
}

.Align-Right,
.alignRight{
	float: right;
}

img.Align-Right,
img.alignRight,
span.Align-Right img{
padding-left: 30px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Left {
	float: left;
}

img.Align-Left,
span.Align-Left img {
padding-right: 20px;
padding-bottom: 10px;
border: 1px solid white;
}

.Align-Center,
.alignCenter{
	text-align: center;
}

img.Align-Center,
img.alignCenter,
span.Align-Center,
span.alignCenter
{
	text-align: center;
}

a img { 
border: none;
text-decoration: none;}



p.imgFramedLeft,
span.imgFramedLeft {
float:left;
margin-right: 20px;
}

p.imgFramedLeft img,
span.imgFramedLeft img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

p.imgFramedRight,
span.imgFramedRight {
float:right;
margin-left: 20px;
}

p.imgFramedRight img,
span.imgFramedRight img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}



h1 {
color: #FF8800;
line-height: 1.2em;
}

* html h1 {
font-size: 200%;
}

h2 {
color: #7B9EC1;/*9CB3D3*/
line-height: 1.2em;
text-transform: uppercase;
font-weight:normal;
margin-top: 1.5em;
}

h1 + h2 {
margin-top:-.5em;
margin-top:0;
}


* html h2 {
font-size: 160%;
}

h3 {
color: #FF8800;
line-height: 1.2em;
}

h4 {
color: #41464E;
line-height: 1.2em;
} 




.floatRight, #floatRight {
	float: right;
}

.floatLeft, #floatLeft {
	float: left;
}

.imgFramed img {
padding: 10px;
border: 1px solid #996;
background: #F6F9EC;
}

fieldset {
	padding: 10px;
	margin: 10px 0;
	width: auto;
	border: 0px;
}

/*
hr {
height: 2px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
display:block; 
clear:both; 
margin-bottom: 30px;
}

*/


/*
----------------------------------------------------------------------
layout/positioning - major elements
---------------------------------------------------------------------- 
*/

#perimeter {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height:100%;
	background: transparent url(../images/bg_page.jpg) top left repeat-x;/*set to be overall background colour*/
	text-align: center;/*usually would put this on the body, but affected the editor*/
	padding: 0;
}


* html #perimeter {/*IE WIN hack to force background colour higher than the viewport*/
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom:0px;
	height: 110%;
}



#outerContainer {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	position: relative;
	background: transparent;
	width: 770px;
}


#innerContainer {
	background: transparent;
	border-bottom: none;
	margin: 0;
	height:100%;
	width: 770px;	
	position: relative;
}

* html #innerContainer {
	margin: 0;/*removed margin in IE as it was forcing outercontainer out further */
}



#upperNavigation {
	background: transparent;
	overflow: hidden;
	padding: 9px 0 0 0;
	margin: 0 0 5px 0;
	height: 30px;		
	width: 770px;
	position: absolute;
}

#masthead {
position: relative;
border: none;
background: transparent;
height: 96px;
overflow: visible;
}

#mastheadLead {
	padding: 0;/*added bottom after doing adv, IE wanted it but Mac doubles up*/
	text-align: center;
	background: transparent;
	color: #DDE9F6;
	height: auto;
	width: auto;
} 

#mastheadLead img{
margin:0;
}

#mastheadTail {
	display: none;
}

#identity {
position: absolute;
top:20px;
left:0;
z-index:100;
}

#identity img#logo {
position: relative;
}

#content {
	padding: 0 0 10px 0;
	width: auto;
	margin: 0px;
}

#mainContent{
	float:left;
	margin: 0;
	padding: 30px 0px 10px 0px;
	display: inline; 
	background: transparent url() 0 0 repeat-x;
	z-index: 90;
	width: 770px;/*interdependent with left and right padding*/
}


#mainContentLead {
/*display:none;*/
}

body.class-home #mainContentLead {
background: transparent url(../images/slogan.gif) center center no-repeat;
height: 35px;
margin: 0 0 20px;
}


#leftContent, #rightContent  {
	float:left;
	display: inline;
}


/*
----------------------------------------------------------------------
PAGEFOOT AND FOOTER
---------------------------------------------------------------------- 
*/


#pageFoot {
	margin: 0 auto;
	background: transparent;
	height:25px;
	width:auto;
	text-align:left;
	padding:10px 10px 2px 10px;
}

#pageFoot a {
}




#footer {
	color: #888;
	text-align:left;
	margin: 5px auto 0;
	width:auto;
	font-size:1em;
	padding:20px 0 0 0;
height: 65px;
position: relative;
border-top: 1px solid #CCCCCC;
background: transparent url(../images/footer.png) bottom left no-repeat;
}


#footer li {
	display: inline;
}

#footer p {
	display: inline;
	margin-right: 10px;
}

#footer a {
	display: inline;
	margin-right: 10px;
text-decoration: underline;
	padding:10px 5px;
	color: #0077FF;
}

#footer a:visited {
	color: #666666;
}


#footer a:hover{
text-decoration: underline;
	color: #FF8800;
}

#footer a:active{
text-decoration: underline;
	color: #FF8800;

}











/*
----------------------------------------------------------------------
layout/positioning - minor elements
---------------------------------------------------------------------- 
*/


#upperNavigation ul {
	margin:10px 0 0;
	padding:0;
}

#upperNavigation li {
	display: inline;
	height: 30px;
}

#upperNavigation a {
	display: inline;
	padding: 5px 4px 3px;
	border-bottom: none;
	text-decoration: none;
	color: #005489;
}


#upperNavigation a:visited {
	text-decoration: none;
}


#upperNavigation a:hover{
text-decoration: underline;
}

#upperNavigation a:active{
text-decoration: underline;
}






/*
----------------------------------------------------------------------
element treatments -specific
---------------------------------------------------------------------- 
*/

#contactDetails {
float: right;
width: 200px;
background: #FFF;
padding: 0 10px 10px;
margin-left: 20px;
margin-right:0;
border-left: 1px solid #CEE0F3;/*#D6D6FF*/
}


/*
----------------------------------------------------------------------
floatClearing 
---------------------------------------------------------------------- 
*/



.floatClear,#floatClear  {
	clear: both;
	line-height : 0em;
	font-size: 0em !important;
	background-color: transparent;
}


/*
----------------------------------------------------------------------
custom classes
---------------------------------------------------------------------- 
*/

.invisible {
	display:none;
}

div.floatClear, span.floatClear {
	clear: both;
	line-height : 0em;
	font-size: 0em;
	background-color: transparent;
}



/*
----------------------------------------------------------------------
typography 
---------------------------------------------------------------------- 
*/

#pageFoot {
	font-size:11px;
	color: black;
}

#upperNavigation {
	text-align: left;
	font-size: 10px;
}


#footer p, #footer ul {
	float: left;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}




/*
----------------------------------------------------------------------
BACK TO TOP
---------------------------------------------------------------------- 
*/


#backToTop {
	float: right;
	position: relative;
	bottom:-50px;
	z-index: 90;
	height: 40px;
	margin: 0;
	padding:0;
}

* html #backToTop {
	float: right;
	position: relative;
	bottom:-65px;
	z-index: 90;
	height: 30px;
	padding-top: 5px;
}

#backToTop a {
	background-color: #00558B;
	padding: 5px;
	text-decoration: none;
	color: white;
border: 2px solid #DDE9F6;

}

#backToTop a:hover {
color: white;
text-decoration: underline;
border: 2px solid #005489;
}





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



/*
table {
border: 1px solid #ccc;
border-right: none;
border-bottom: none;
background: #EEEEEE;
font-size: 1em;
margin-bottom: 10px;
vertical-align: top;
border-collapse: collapse;
text-align: left;
}

td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
vertical-align: top;
}

*/

p.noSpace img, img.noSpace, span.noSpace img {
margin: 0;
}

#mainContent p.noSpace img,
#mainContent img.noSpace,
#mainContent span.noSpace img {
margin: 0;
}


/* invisible*/

table.table-invisible {
border: none;
background: transparent;
}

table.table-invisible td {
border: none;
}

/* rows */

table.table-rows {
border: none;
background: transparent;
}

table.table-rows tr{
border-bottom: 2px solid #E0B400;
}

table.table-rows td {
border: none;
padding: 10px 0px 10px 0;
}


/* wireframe */


table.table-wireframe {
border: none;
background: transparent;
}

table.table-wireframe td {
border: 1px solid #ccc;
padding: 5px 10px 20px;
}

td h3 {
margin: 0 20px 10px 0;
}

table#clients.table-wireframe td {
	vertical-align: middle;
	text-align: center;
	border: 8px solid #f7f7f7;
	padding:10px;
}


/*
----------------------------------------------------------------------
contact form
---------------------------------------------------------------------- 
*/

fieldset  {
	}


legend  {
	color: #FFFFFF;
	/*font-family: "arial black";*/
	background-color: #DDE9F6;
	padding: 3px 8px;
	display: none;
	}

label   {
	font-weight: bold;
	color: #222;
	text-align: left;
	display: block;
	float: left;
	}

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputField   {
	border: solid 1px #DDE9F6;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}

form input.basicSubmitButton {	
margin: 0 0 5px 5px;
padding: 0 15px;
background: url(../images/submit_button_normal.gif) 0 0 repeat-x;
border:none;
border-top: 1px solid #DDE9F6;
border-right: 2px solid #DDE9F6;
border-bottom: 1px solid #DDE9F6;
border-left: 2px solid #DDE9F6;
height: 30px;
font-weight: bold;
}


fieldset#contactFormFieldset {
margin-top: 15px;
background: #BAC6FF;
border: 0px solid #bbb;
}

fieldset#contactFormFieldset label {
color: #000000;
text-shadow: 0px 1px 0px #ffffff;
}

/*in normal state*/
#valid-firstName,
#valid-lastName,
#valid-subject,
#valid-email,
#valid-message {
background: transparent;
padding: 5px;
margin-bottom: -10px;
}

#input-valid-firstName,
#input-valid-lastName,
#input-valid-subject,
#input-valid-email,
#input-valid-message
{
	width: 300px;
	border: 1px solid #CEE0F3;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	}

#input-valid-message {
	width: 490px;
	}
	
#input-valid-firstName p,
#input-valid-lastName p,
#input-valid-subject p,
#input-valid-email p,
#input-valid-message p
{
	
	color: #000000;
	}















#mainContent p, #mainContent ul, #mainContent li {
	font-size:1em !important;
	line-height: 1.6em;
	}
	

















p.Paragraph-Warning {
border: 1px solid #FF9900;
padding: 7px 10px 5px;
color: #000;
background: #FFF5E6;
margin: 10px 0 20px 0;
font-weight: bold;
}

p.Paragraph-Centred {
text-align: center;
}

p.PullQuoteLeft {
float: left;
clear: left;
border: 1px solid #CACACA;
width: 150px;
padding: 10px;
background: #FAFAFF;
margin: 0 20px 10px 0;
}

p.PullQuoteRight {
float: right;
clear: right;
border-top: 2px solid #DDE9F6;
width: 200px;
padding: 10px;
background: #F5F9FE;
margin: 0 0 20px 30px;
}


p.Paragraph-Boxed {
background: #FFFBED;
border: 2px solid #AACEF3;/*B4D3F3;CEE0F3*/
padding: 20px;
}

p.indented {
margin-left: 20px;
}



.pagenotpublished a.pageNames
{
text-decoration: line-through;
}


form#contactForm p.alert {
color: red;
padding: 2px 0 8px 20px;
background: url(http://www.itchybrain.com.au/barebones/images/alert.gif) 0 2px no-repeat;
overflow: visible;
line-height: 1.2em;
margin-top: 5px;
text-shadow: 0px 1px 0px #ffffff;
}




















#feature {
position: absolute;
top: 20px;
height: 50px;
right: 0px;
width: 400px;
background: transparent url(../images/.png) top right no-repeat;
border: 1px solid orange;
display:none;
}


* html #feature {
right: -40px;
}




/*
----------------------------------------------------------------------
navigaton
----------------------------------------------------------------------  
*/



	#primaryNav {
		position: relative;/*set positioning context*/
		height: 23px;
		background: transparent url(../images/navBgd.gif) 0 0 repeat-x;
		margin:0;
		/*width plus padding must equal the width plus padding of the li.topLevelNav ul*/
		/*width: 790px;width is also interdependent upon second level ul width, li.topLevelNav ul*/
		padding: 0 0 0 0;
		list-style:none;
		margin-left: 19px;
		font-size: .9em;

	}
	
	* html #primaryNav {
		margin: 0;
	}

	/* the second level nav */
	#primaryNav li ul, #primaryNav li ul {
		margin: 0;
		padding: 0;
		list-style:none;
	}

 	/* all anchors */
	#primaryNav a {
		text-decoration: none;
	}

	/* all list elements */
	#primaryNav li { /*float all list items to make them horizontal*/
		margin: 0;
		padding: 0;
		float: left;
		/*display: block; may not need this...the sliding doors tutorial doesn't use it*/
	}

	/*conceal second level lists */
	#primaryNav li ul {
		display: none;/*if displayed block, due to positioning would be z-stacked neatly on top of each other*/
	}
	
	/*the top level nav individual anchors neutral state */
	#primaryNav li a {
		color: #0077FF;
		font-weight: bold;
		float:left;/*necessary for IE, otherwise stacks vertically*/
		display: block;
		width: auto;/*width of top level anchors. Firefox is OK with this, IE is not, tends to stack things as if block level*/
		padding: 12px 10px 0!important;/* padding height must be removed from the list height, see line approx 140 */
	}
	
/*supposed to be a commented backslash hack here to hide the above float from iE5-Mac, but it invoked the same problem up in IE-Win */

	/*the top level individual anchors current state */
	#primaryNav li.current a {
		color: #FF8800;
	}
	

	/*the top level anchors text hover*/
	#primaryNav li.topLevelNav a:hover { 
		text-decoration: underline;
		color: #FF8800;
	}


	#primaryNav li.topLevelNav a,
	#primaryNav li.current a{
		display: block;
		position: relative;
		height: 23px;/*height of the first level anchors, subtracting any padding height on #primaryNav li a, approx line 80*/
		background: url(../images/nav_matrix4_left.gif) no-repeat; /*contains all states*/
		margin:0;
		border-bottom: 1px solid #CCC;
		margin-left: -19px;/*compensates for use of transparency, so that the right nav does not show thru on the left tip */
		
		}

	#primaryNav li.topLevelNav,
	#primaryNav li.current{
		background: url(../images/nav_matrix4_right.gif) 100% 70px no-repeat; /*contains all states*/
		margin-right: 19px;/*compensates for the previous margin shift */
		
	}
	
	li.current a {border-bottom: 1px solid #FFF!important;}


/*neutral state*/

#primaryNav li.topLevelNav a {
	background-position: 0 -71px;
}

#primaryNav li.topLevelNav {
	background-position: 100% -71px;
}




/*current state*/

#primaryNav li.current a {
 	background-position: top left;
 }
 
#primaryNav li.current {
 	background-position: top right;
 }
 

 
 

/*hover state*/

#primaryNav li.topLevelNav a:hover, #primaryNav li.topLevelNav:hover a, #primaryNav li.topLevelNav.over a {
	background-position: 0 -142px;
}


#primaryNav li.topLevelNav:hover, #primaryNav li.topLevelNav.over {
	background-position: 100% -142px;
}



/*reverse current tab hover state */

#primaryNav li.topLevelNav.current a:hover, #primaryNav li.topLevelNav.current:hover a, #primaryNav li.topLevelNav.current.over a {
	background-position: top left;
}

#primaryNav li.topLevelNav.current:hover, #primaryNav li.topLevelNav.current.over {
	background-position: top right;
}


/* custom contact us button --------------*/

#primaryNav li#ContactUs {
	background: url(../images/contact_button.jpg) 0 0 no-repeat; /*contains all states*/
	width: 115px;
	position: relative;
	border-bottom: none !important;
	height: 50px;/*give ample space */
	top:-6px;/*move the background image up*/
}

#primaryNav li#ContactUs a {
	background: none;
	text-transform: uppercase;
	color: #FFF;
	width: 115px;/*same width as the graphic*/
	text-align: center;
	padding-left: 19px!important;/* reverse of the matrix nav anchor left margin */
	padding-right:0;
	padding-top:14px!important;/*move text only down again */
	border-bottom: none !important;
}

#primaryNav li#ContactUs.current{

}

#primaryNav li#ContactUs.current a{

}








/*
----------------------------------------------------------------------
login
---------------------------------------------------------------------- 
*/

body#login {
background: #F0F0C0;
padding-top: 100px;
}

fieldset.login {
padding: 30px 10px 10px 10px;
margin: 0 auto;
width: 30em;
background: #FFFFFF;
text-align: center;
border: 3px solid #A7B191;
-moz-border-radius: 1em;
}


fieldset.login form{
text-align: center;
margin: 15px 10px 20px;
background: #E0E0AA;
padding: 10px;
-moz-border-radius: 1em;
}

body#login form input.basicSubmitButton{
padding: 4px 6px;
background: #A7B191;
color: #FFFFFF;
border: 2px solid #444;
border-top-color: #F0F0C0;
border-left-color: #F0F0C0;
}

body#login form input.basicSubmitButton:active{
border-top-color: #444;
border-left-color: #444;
border-bottom-color: #F0F0C0;
border-right-color: #F0F0C0;
}

fieldset.login label {
display:block;
text-align: center;
width: 100%;
margin:0;
}

* html body#login p.alert {
font-size: .75em;
}

body#login p.alert {
color: #000000;
padding: 5px 0 6px 20px;
background: #FFE5E5 url(http://www.itchybrain.com.au/barebones/images/alert_bright.gif) 10px center no-repeat;
overflow: visible;
line-height: 1em;
margin: 5px 0;
font-size: .88em;
border-top: 1px solid red;
border-bottom: 1px solid red;
}

body#login a {
color: #000000;
}

body#login a:hover {
background-color: #FF0000;
padding: 2px 0;
color: #FFFFFF;
}

* html body#login h3 {
font-size: 1.1em;
}

body#login input.formInputField   {
	border: solid 1px #A7B191;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0;
	padding: 2px;
	width: auto;
	}























/*
----------------------------------------------------------------------
search
---------------------------------------------------------------------- 
*/

#searchContainer {
position: absolute;
top:30px;
left:600px;
z-index: 100;
}

#searchContainer fieldset {
border: none;
margin:0;
padding:0;
}

#searchContainer label {
text-indent: -9999em;
}



hr.search_excerpt_separator {
height: 1px;
color: #dddddd;
background-color: #dddddd;
border: 0;
border: 0px solid #dddddd;
margin: 15px 0;
}

p#searchResults {
background: #F3F5F7;
border-top: 4px solid #93AACB;
padding: 2px 7px;
}

p.searchTitle {
margin: 0;
padding:0;
}

p.searchTitle a {
font-size: 1.25em;
font-weight: normal;
margin: 0;
padding:0;
}

p.searchExcerpt {
margin: 0;
padding:0;
}

input.imageButton {
position: relative;
top: 4px;
left: 4px;
}

/*
----------------------------------------------------------------------
Local navigation
---------------------------------------------------------------------- 
*/



#localNav {
	float:right;
	font-size:.8em;
	line-height:normal;
	display: block;
	width: 100%;
	margin: 0 0 40px 30px;
	background: #F7F3E6 url(../images/localNavBgd.gif) 0 0 repeat-x;
	padding:10px;
	width: 140px;
	border: 2px solid #CEE0F3;
	}

#localNav ul {
	display: inline;
	}

#localNav li {
	list-style-type:none;
	float:left;
	white-space: normal;
	padding:0 0 0 9px;
	height: auto;
	line-height: 1.2em;
	margin-bottom: 1em;
	}

#localNav a {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:normal;
	color:#FF8800;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#localNav a {float:none;}
/* End IE5-Mac hack */

#localNav a:visited {
	color:#FF8800;
	text-decoration:none;
	}
	
#localNav a:hover {
	color:#FF8800;
	text-decoration:underline;
	}
	
#localNav a:active {
	color:#FF8800;
	text-decoration:underline;
	}

#localNav .current a {
	color:#00558B;
	}
  
#menuList .current a:hover {
	text-decoration:none;
	}














p.PullQuoteRight.caseStudies {
background: #DDE9F6;
padding-bottom: 2em;
line-height: 1.2em !important;
}

p.PullQuoteRight.caseStudies a {
display:block;
margin-top: 0;
padding-left: 15px;
background: transparent url(../images/clippedSquareArrow.png) 0 2px no-repeat;
}

p.PullQuoteRight.caseStudies a:link {
color: #005489;
text-decoration:none;
}


p.PullQuoteRight.caseStudies a:visited {
color: #005489;
text-decoration:none;
}


p.PullQuoteRight.caseStudies a:hover {
color: #005489;
text-decoration:underline;
}


p.PullQuoteRight.caseStudies a:active {
color: #005489;
text-decoration:underline;
}

span.OneEmBelow {
display:block;
margin-bottom: -.2em;
}





p#testimonials {
position: absolute;
top:20px;
left: 360px;
width: 400px;
z-index:100;
}

p#testimonials a{
background: url(../images/people_faces2.jpg) top left no-repeat;
padding-left: 280px;
display: block;
font-size: .8em;
line-height: 1.4;
height: 52px;
}

p#testimonials img{
position:relative;
top: 4px;
left: 4px;
}


/*home page 
==================================================*/

/* Image replacements ------------------ */

h2.imageReplacement {
	width: 250px;
	height: 60px;
	position: relative;
	margin:0;
	}
	
#left h2.imageReplacement {
	background: url(../images/why_change_your_view.jpg) no-repeat;
	text-indent: -9999em;
	}
	
#center h2.imageReplacement {
	background: url(../images/what_do_I_have_to_do.jpg) no-repeat;
	text-indent: -9999em;
	}
	
#right h2.imageReplacement {
	background: url(../images/whats_in_it_for_me.jpg) no-repeat;
	text-indent: -9999em;
	}


/*all columns -----------*/

#left, #center, #right {
	width: 250px;
	float: left;
	display:inline;/*bug fix only*/
	margin-right: 9px;
	}

#left h2, #center h2, #right h2 {
margin-bottom: 10px;
}
	
#left ul, #center ul, #right ul {
list-style: none;
margin:0 8px;
padding:0;
}
	
/*left column -----------*/
	
#left li {
margin: 10px 0;
padding: 0 0 0 40px;
background: url(../images/tick.gif) 0 2px no-repeat;
}

#left li span.imageReplacement {
display: block;
height: .5em;
/*width: 100%;
height: 70px;
background: url(../images/49_dollars.jpg) bottom right no-repeat;*/
text-indent: -9999em;
}

/*center column -----------*/

#center {
text-align: center;
}


#center ul{
background: #FFFFCC;
padding: 8px;
border: 1px solid #CCC;
}

#center p {
margin: 10px;
background: #F6F7FF;
padding: 10px;
border: 1px solid #CCC;
}
	
li#script a{
padding: 0;
color: #000!important;
}

p.or span {
display:block;
overflow:visible;
height: 0px;
text-align:left;
}

p.or span img {
position:relative;
left:-40px;
}

p.or span em {
display:block;
height: 0px;
text-indent: -999em;
}

p.or {
padding: 10px 20px!important;

}

/*right column -----------*/

#right {
	margin-right: 0;
	}
	
#right li {
padding: 0 0 10px 30px;
}

li#save {
background: url(../images/save.gif) 0 3px no-repeat;
}

li#guarantee {
background: url(../images/guarantee.gif) 0 3px no-repeat;
}

li#warranty {
background: url(../images/warranty.gif) 0 3px no-repeat;
}

li#ausOwned {
background: url(../images/ausOwned.gif) 0 3px no-repeat;
}

li#feelGood {
background: url(../images/feelGood.jpg) 0 3px no-repeat;
}



/* gate13 stuff -----------*/

#search_bar {padding: 0 0 20px 0;}

#shop_pannel img {margin-right: 10px;}

input.productbrowser_button {margin-bottom: 10px;}