/* Start of CMSMS style sheet 'default' */
/* Common HTML tags */

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans serif;
	font-size: small;
	color: #333;
}
p, td, li, select, input, textarea, blockquote {
	font-family: Arial, Helvetica, Sans serif;
	font-size: small;
	color: #333;
}
a {
	color: #369;
}
a:hover {
	color: #39c;
}
h1 {
	color: #333;
	font-size: medium;
	line-height: 100%;
	margin-bottom: 14px;
}
h2 {
	color: #3399cc;
	font-size: 110%;
	line-height: 100%;
	margin-bottom: 14px;
}
h3 {
	color: #555;
	font-size: 105%;
	line-height: 100%;
	margin-bottom: 14px;
}
h4 {
	color: #555;
	font-size: small;
	line-height: 100%;
	margin-bottom: 14px;
}



/* Layout */

#wrapper {
	width: 768px;
	margin: 0 auto;
}
#header {
background: url(http://www.photomax.com.au/templateimages/logo.jpg); no-repeat; 
text-align: right;
padding: 1px 7px 4px 0;
height: 70px;
}
#nav {
	width: 121px;
	float: left;
}
#content {
	width: 497px;
	float: left;
	padding: 3px 10px 10px 10px;
	background: url(/templateimages/contentbg.gif) repeat-x;
	margin-top: 3px;
}
#imagebar {
	width: 130px;
	float: left;
}

/* Navigation */

#nav ul {
	margin: 3px 6px 20px 7px;
	padding: 0;
	list-style-type: none;
}
#nav ul li {
	margin-bottom: 3px;
}
#nav ul li a {
	color: #fff;
	text-transform: lowercase;
	font-size: 11px;
	padding: 6px 0px 0px 17px;
	text-decoration: none;
	display: block;
	background: url(/templateimages/button_bg.jpg) no-repeat;
	width: 91px;
	height: 19px;
	font-weight: bold;
}
#nav ul li a:hover, #nav ul li a.current {
	color: #fff;
text-transform: lowercase;
	font-size: 11px;
	padding: 6px 0px 0px 17px;
	text-decoration: none;
	display: block;
	background: url(/templateimages/buttonon_bg.jpg) no-repeat;
	width: 91px;
	height: 19px;
	font-weight: bold;
}
#nav ul li li a {
color: #c09;
display: block;
padding: 4px 0 0 10px;
text-transform: lowercase;
font-size: 11px;
background: none;
font-weight: normal;
line-height: 100%;
height: auto;
}
#nav ul li li a:hover {
color: #ff00cc;
display: block;
text-transform: lowercase;
padding: 4px 0 0 10px;
font-size: 11px;
background: none;
font-weight: normal;
height: auto;
}
#nav ul li li a.current {
color: #c09;
display: block;
font-weight: bold;
text-transform: lowercase;
padding: 4px 0 0 10px;
font-size: 11px;
height: auto;
background: none;
}
#imagecontainer {
	display: block;
	width: 517px;
	height: 248px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 3px;
}
#image1 {
	padding: 208px 10px 0 0;
	text-align: right;
	background: url(/templateimages/main_image_1.jpg) no-repeat;
	height: 247px;
}
#step1, #step2, #step3 {
	float: left; 
	width: 115px;
	border-right: 2px dotted #ccc;
	height: 100px;
	padding: 0 5px 0 5px;
}
#step4 {
	float: left; 
	width: 125px;
	height: 100px;
	padding: 0 5px 0 5px;
}
#foursteps {
	margin-top: 10px;
	font-size: 10px;
	color: #999;
}
#foursteps p {
	font-size: 10px;
	color: #999;
}
.sideimage {
	margin-left: 3px;
	margin-top: 3px;
}
#footer {
	margin-top: 15px;
}
#footer, #footer a, #footer a:hover {
	font-size: 10px;
	color: #999;
}	
.pricelabel {
	background-color: #CBEAFF;
}
.price {
	background-color: #CBEAFF;
}
.pricelabel2 {
	background-color: #E5F4FF;
}
/* End of 'default' */

