/*  @author	Maxwell Berkel aka Miami
 *  @copyright (c) 2006 Solo Media Works, Inc.  All rights reserved.
 *	@description Default website layout styles
 *
 *  general styles
 ***************************************************************************************/

* {
	padding: 0;
	margin: 0;
}

a {
	color: #015B81;
	text-decoration: none;
}

a:hover {
	color: #006089;
}

a:link, a:visited { 
	color: #006089;
}

a img, a:hover img, a:link img, a:visited img { 
	border: 0;
}

body {
	color: #020202;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	background: #fff;
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 8px 0;
}

h2 {
	font-size: 200%;
	color: #0288C2;
	margin: 0 0 8px 0;
}

h3 {
	font-size: 125%;
	color: #034D6D;
	margin: 0 0 6px 0;
}

h4, h5 {
	font-size: 110%;
	color: #052E40;
	margin-bottom: 0 0 6px 0;
}

img {
	border: 0;
}

img.bordered {
	border: 1px solid #efefef;
	padding: 2px;
}

img.left {
	float: left;
	margin: 0 15px 10px 0;
}

img.right {
	float: right;
	margin: 0 0 10px 15px;
}

p {
	margin: 0 0 12px 0;
	text-align: justify;
}

ul {
	list-style: none;
	padding: 0;
}

ol li {
	margin: 0 0 6px 23px;
}

ul li {
	margin: 0 0 6px 10px;
}

ul.list li {
	display: block;
}

html>body ul.list li {
	margin: 0 0 6px 0;
}

ul.inline li {
	display: inline;
}

ul.bulleted li {
	display: list-item;
	list-style: circle url(../img/bullet1.gif);
	margin: 0 0 6px 18px;
}

ul.bulleted2 li {
	display: list-item;
	list-style: circle url(../img/bullet2.gif);
	margin: 0 0 6px 18px;
}

ul.indented li {
	margin-left: 18px;
}

p.center, ul.center li {
	text-align: center;
}

strong.highlight {
	text-weight: normal;
	color: #D4261D;
}

.column {
	display: inline;
}

.error {
	color: #f00;
}

.left {
	float: left;
}

.required {
	color: #f00;
}

.right {
	float: right;
}

.row {
	min-height: 1px;
	height: auto !important;
	height: 1px;
	clear: both;
}

html>body .row {
	overflow: auto;
	padding-bottom: 2px;
}

p.small, span.small, div.small {
	font-size: 80%;
}


/*  wrapper styles
 ***************************************************************************************/
 
#wrapper {
	width: 800px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	text-align: center;
	margin: 0 auto;
}

 
/*  header Styles
 ***************************************************************************************/
 
#header {
	height: 56px;
	text-align: left;
	clear: both;
}
 
h1 {
	width: 180px;
	height: 44px;
	float: left;
	text-indent: -99999px;
	background: transparent url(../img/savquicklogo_sm.gif) no-repeat bottom left;
	margin: 6px 0 0 25px;
}

h1 a {
	display: block;
	width: 180px;
	height: 44px;
	border: 0;
}

h1 a:hover {
	border: 0;
}

#header-right {
	display: inline;
	width: 500px;
	float: right;
	text-align: right;
	margin: 38px 25px 0 0;
}


/*  banner styles 
 ***************************************************************************************/
 
#banner {
	height: 122px;
	background: #01364D;
}


/*  navigation styles 
 ***************************************************************************************/
 
#navigation {
	height: 28px;
	font-size: 12px;
	text-align: center;
	background: #024A69 url(../img/navigation_bg.jpg) repeat-x top center;
	padding: 2px 2px 0;
	clear: both;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	width: 195px;
	height: 19px;
	float: left;
	padding: 6px 0 0;
	margin: 0 1px 0;
}

#navigation ul li a, #navigation ul li a:hover {
	color: #fff;
	font-weight: bold;
}

#navigation ul li a.hover {
	background: url(../img/navigation_bg_over.jpg) repeat-x top left;
}

ul#sidebar-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#sidebar-navigation li {
	min-height: 21px;
	height: auto !important;
	height: 21px;
	background: #024A69;
	padding: 15px 0 25px 25px;
	margin: 0 0 1px;
	clear: both;
}

ul#sidebar-navigation li a, ul#sidebar-navigation li a:hover {
	color: #fff;
	font-weight: bold;
}

ul#sidebar-navigation li ul.submenu {
	list-style: url(../img/bullet2.gif);
	float: none;
	margin: 12px 0 0 15px;
	padding: 0;
}

ul#sidebar-navigation li ul.submenu  li {
	height: 18px;
	margin: 0;
	padding: 0;
}

ul#sidebar-navigation li ul.submenu  li a {
	color: #0095D5;
}

ul#sidebar-navigation li ul.submenu  li a:hover {
	color: #0BAAEE;
}

div.top-spacer {
	height: 50px;
	background: #024A69;
	margin: 0 0 1px;
	clear: both;
}


/*  content styles
 ***************************************************************************************/
 
#content {
	min-height: 350px;
	height: auto !important;
	height: 350px;
	text-align: left;
	padding: 0;
	clear: both;
}

#content-main {
	width: 550px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	float: right;
	margin: 0;
	padding: 30px 25px 15px;
}

html>body #content-main {
	overflow: auto;
}

#content div.product-type-section {
	width: 200px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	float: left;
	text-align: center;
}

#content-sidebar {
	width: 197px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	float: left;
	text-align: left;
}

#content-sidebar .spacer {
	height: 40px;
	clear: both;
}

#error-view {
	line-height: 145%; 
	border: 1px solid #efefef; 
	background: #FAFFCA; 
	padding: 15px 15px 15px 15px; 
	margin-bottom: 15px;
	clear: both;
}

#status-view {
	line-height: 145%; 
	border: 1px solid #efefef; 
	background: #FAFFCA; 
	padding: 15px 15px 15px 15px; 
	margin-bottom: 15px;
	clear: both;
}

#products-list {
	min-height: 1px;
	height: auto !important;
	height: 1px;
	list-style: none;
	clear: both;
}

#products-list li {
	width: 202px;
	float: left;
	margin: 0 10px 8px 0;
}

#products-list li img {
	border: 0;
}

#shopping-cart {
	margin: 14px 0 30px;
	clear: both;
}

img.product-photo {
	background: #fff;
	border: 1px dotted #dedede;
	padding: 4px;
}
.quote {
	padding-left: 21px;
}
span.edit-link {
	font-size: 11px;
	font-weight: bold;
	margin-left: 15px;
}
button {
	margin: 5px 0 0;
	padding: 3px 15px;
}
	

/*  footer styles
 ***************************************************************************************/
 
#footer {
	height: 35px;
	font-size: 70%;
	line-height: 155%;
	padding: 10px 20px 15px;
	clear: both;
}

#footer #footer-left {
	width: 172px;
	float: left;
	text-align: left;
}

#footer #footer-right {
	width: 500px;
	float: right;
	text-align: right;
	padding-top: 2px;
}

p#powered-by-smw a {
	display: block;
	height: 36px;
	text-indent: -99999px;
}

p#powered-by-smw {
	width: 90px;
	background: transparent url(../img/powered_by_smw.jpg) no-repeat top left;
}