@charset "utf-8";
/* CSS Document */

#container {
	width: 980px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#box {
	width: 980px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-image: url(http://www.samobile.com.au/images/background.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	float: left;
	position: relative;
}
#box2 {
	width: 980px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-repeat: repeat-y;
	background-image: url(http://www.samobile.com.au/images/background.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	float: left;
	position: relative;
}

#mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

#header {
	width: 100%;
	margin-bottom: 10px;
	position:relative;
	float:left;
}

#logo {
	width: 200px;
	height: 200px;
	position: relative;
	float: left;
}

#title {
	width: 750px;
	height: 200px;
	position: relative;
	float: left;
	margin-left: 10px;
}
#menu1 {
	width: 750px;
	height: 40px;
	position: relative;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(http://www.samobile.com.au/images/menu-background.jpg);
}

#title2 {
	width: 750px;
	height: 140px;
	position: relative;
	float: left;
}
#body1 {
	width: 100%;
	position:relative;
	float:left;
	height:100%;
}

#navigation {
	width: 200px;
	height: 100%;
	position: relative;
	float: left;
	margin-right: 10px;
}

#quotation {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	margin-top: 10px;
	padding: 2px;
	border: 1px solid #CCC;
}

#logobar {
	width: 196px;
	height: auto;
	position: relative;
	float: left;
	margin-top: 10px;
	padding: 2px;
	text-align: center;
}

#bodycontent {
	width: 750px;
	height: 100%;
	position: relative;
	float: left;
}

#infoboxcol1 {
	width: 357px;
	height: 250px;
	position: relative;
	float: left;
	padding: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	border: 1px solid #666;
}

#infoboxcol2 {
	width: 357px;
	height: 250px;
	position: relative;
	float: left;
	margin-left: 11px;
	margin-right: 0px;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #666;
}

#footer {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
}

#sitemap {
	width: 960px;
	height: auto;
	position: relative;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#sitemapbox {
	width: auto;
	height: auto;
	position: relative;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
}

#googlesearch {
	width: 100%;
	height: 100%;
	position: relative;
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	overflow: visible;
	padding-bottom: 5px;
	text-align: center;
}

#footer1 {
	width: 740px;
	position: relative;
	float: left;
	text-align: center;
	padding-left: 220px;
	margin-top: 0px;
	height: 100%;
	padding-bottom: 5px;
}

#footer2 {
	width: 860px;
	height: 100%;
	position: relative;
	float: left;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	overflow: visible;
	padding-bottom: 5px;
}

#productheader {
	width: 740px;
	height: auto;
	position: relative;
	float: left;
	padding: 5px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

#footnoteproducts {
	width:750px;
	float:left;
}

#pwcol1 {
	width: 490px;
	height: 100%;
	position: relative;
	float: left;
	padding:5px;
	margin-top:10px;
	font-size:14px
}

#pwcol2 {
	width: 218px;
	height: 100%;
	position: relative;
	float: left;
	padding:13px;
	text-align:center;
	margin-top:10px;
	
}
#pwpictures {
	width: 200px;
	height: 180px;
	position: relative;
	float: left;
	padding:8px;
	border: 1px solid #CCC;
	margin-bottom:13px;
}

#pwpics {
	width: 120px;
	height: 126px;
	position: relative;
	float: left;
	padding:4px;
	border: 1px solid #CCC;
	margin-bottom:10px;
	margin-right:12px;
}

#colproduct {
	width: 570px;
	height: 100%;
	position: relative;
	float: left;
	padding:0px;
	margin-top:0px;
	font-size:14px
}

#colrelated {
	width: 150px;
	height: 100%;
	position: relative;
	float: right;
	padding:13px;
	color: #009;
	text-align:center;
	margin-top:180px;
	font-size:12px;
	border: 1px solid #CCC;
	
}

#productitemheader {
	width: 560px;
	height: auto;
	position: relative;
	float: left;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

#productinfo {
	width:100%;
	float:left;
	font-size:14px;
}

#picsfootnote {
	color:#333;
	font-size:10px;
	text-align:center;
}