*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fff;
	color: #000;
	font-family: Times New Roman, George, serif;
	font-size: 1em;
	border: 0;
}

img
{
border: none;
}

.centered
{
text-align: center;
}


#wrapper
{
	/*width: 850px;*/
	width: 53em;
	margin: 0 auto;
}

#header
{
	position: relative;
	background: #000066 url('../images/header.jpg') no-repeat bottom;
	height: 204px;
	width: 100%;
}

#header h1
{
	color: #869f5e;
	text-align: center;
	font-style: italic;
	padding-top: 12px;
}

#admin-link a
{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	background: #ccc;
	color: #000;
	padding: 3px;
	border: 1px dotted #fff;
	font-weight: bold;
	text-decoration: none;
}

#admin-link a:hover
{
top: 11px;
right: 9px;
}

#left-column
{
	color: #fff;
}

#phone
{
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	background: url('../images/nav-top.gif') no-repeat top right;
	padding-top: 10px;
}

#navigation
{
	float: left;
	width: 60%;
	position: relative;
	left: 30px;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul
{
	list-style-type: none;
}

#navigation li
{
	border-top: 2px solid #fff;
	font-weight: bold;
}

#navigation li:first-child
{
	border: none;
}

#navigation li a
{
	font-size: 90%;
	display: block;
	padding: 10px 8px;
	color: #fff;
	text-decoration: none;
}

#navigation li a:hover
{
	padding: 13px 5px 7px 11px;
	color: #869f5e;
}

#awards
{
	float: left;
	width: 100%;
	position: relative;
	top: 20px;
	margin-bottom: 30px;
	font-weight: bold;
}

#awards p
{
	padding: 8px 0;
	text-align: center;
}

#login-link
{
	float: left;
	width: 100%;
	position: relative;
	bottom: 5px;
	left: 20em;
	text-align: center;
}

#login-link a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#content
{
	padding: 10px 0 0 10px;
	font-family: Times New Roman, George, serif;
}

#content h3
{
	font-size: 1.3em;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

#content h3 .subheading
{
	font-size: 1em;
}

#content-footer
{
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

#footer
{
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	background: url('../images/footer.jpg') repeat-x top left;
	color: #fff;
	font-weight: bold;
	height: 25px;
}

#footer p
{
	position: relative;
	bottom: -2px;
}

/* column containers */

.colwrap2
{
position: relative;
	float:left;
	width: 100%;
	background: #ccc;
	overflow: hidden;
}


.colwrap1
{
	float:left;
	width: 100%;
	background: #000066 url('../images/nav-bg.jpg') repeat-y top right;
	position: relative;
	right: 40em;
}
.col1
{
	float:left;
	width: 13em;
	position: absolute;
	left: 40em;
top: 0;
}

.col2
{
	float:left;
	width: 38.5em;
	position:relative;
	left: 53em;
	min-height: 61em;
}

p.sysmsg
{
	padding: 15px;
font-size: 110%;
}

/* User Login Form */

#userloginform p
{
	padding: 5px;
}

#userloginform label
{
	float: left;
	width: 5em;

}

/* Admin Pages */

p.adminpages-button
{
	float: left;
	background: #fff;
position: relative;
}

.adminpages-button a
{
	display: block;
text-align: center;
	border: 1px solid #000066;
	padding: 5px;
	font-weight: bold;
	color: #000;
}

p.adminpages-button:hover
{
	background: #ccf;
}

/* Home */
#admin-links-list
{
	list-style-type: none;
}

#admin-links-list li
{
	padding: 10px;
}

#admin-links-list a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#admin-links-list a:hover
{
	text-decoration: underline;
}

/* Users */
#users table
{
	width: 100%;
	text-align: center;
	background: #fff;
	border: 2px solid #000066;
border-collapse: collapse;
}

#users thead
{
	background: #ccf;
font-size: 105%;
}

#users th
{
padding: 5px 0;
border-bottom: 2px solid #000066;
}

#users tbody
{
font-weight: bold;
}

#users tbody td
{
padding: 3px 0;
}

#users tbody tr:hover
{
background: #ccc;
}

#users td, #users th
{
	min-width: 3em;
}

#users tbody a
{
	color: #000;
	font-weight: bold;
}

#users tfoot a
{
	color: #000;
	font-weight: bold;
padding: 5px 0;
}

#users tfoot a:hover
{
background: #ccf;
}


#users p.adminpages-button
{
	position: absolute;
	right: 0;
	margin-top: 10px;
	width: 12em;
}

#users .enabled
{
color: #007700;
}

#users .disabled
{
color: #cc1000;
}

#users .username
{
width: 18%;
}

#users .type, #users .status, #users.actions
{
width: 15%;
}

#users .email
{
width: 37%;
}

.add-button
{
	border: 2px solid #000066;
}

.add-button a
{
	display: block;
}

#add-user p
{
	padding: 10px;
}

#add-user label
{
	float: left;
	width: 5em;
}

/* Models_Brands */
.models-brands-forms label
{
	float: left;
	clear: left;
	text-align: right;
	width: 8em;
	position: relative;
	right: 10px;
}

#models-for-brand p, .models-brands-forms p
{
	padding: 20px;
}

#models legend
{
	font-weight: bold;
}

.models-brands-forms .reminder
{
	padding-left: 10px;
	font-style: italic;
	font-size: .9em;
}

#models-for-brand
{
	font-size: 1.05em;
}

#models-for-brand fieldset
{
	padding: 10px;
}

ul.models-for-brand
{
	list-style-type: none;
	background: #000066;
	float: left;
	width: 68%;
	position: relative;
	left: 16%;
	padding: 1%;
}

li.models-for-brand
{
	background: #ccf;
	float: left;
	width: 96%;
	padding: 2%;
}

.brand-name
{
	font-size: 120%;
	font-weight: bold;
}

.brand-name, .add-link
{
	background: #fff;
	float: left;
	width: 100%;
	text-align: center;
}

.brand-name, .add-link a
{
	padding: 3px 0;
}

.brand-name, .model-name
{
	background: #fff;
	border: 1px solid #000066;
}

.models-for-brand a
{
	display: block;
	border: 1px solid #000066;
	background: #fff;
	color: #000;
	text-decoration: none;
}

.models-for-brand a:hover
{
	background: #000066;
	color: #fff;
}

.action-link a, .model-name
{
	float: left;
	padding: 3px 0;
}

.model-name
{
	width: 60%;
	padding-left: 1%;
}

.action-link a
{
	text-align: center;
	width: 17.7%;
	margin-left: 1%;
}

#models-for-brand form p
{
	text-align: center;
}

/* Home Page */

#home h3
{
text-align: center;
}

#home p.image
{
text-align: center;
}

#home .info h4
{
margin: 5px 0;
}

#home .info p
{
padding: 5px 40px;
}

#home .bottom-info
{
margin-top: 10px;
}

#home .bottom-info p
{
font-weight: bold;
text-align: center;
padding: 5px 0;
}

/* Inventory */

#inventory table
{
width: 100%;
border-collapse: collapse;
border: 2px solid #000066;
background: #fff;
}

#inventory thead
{
border-bottom: 2px solid #000066;
background: #ccf;
}

#inventory th
{
padding: 5px 0;
}

#inventory tbody td
{
text-align: center;
padding: 5px 0;
}

#inventory tfoot td
{
text-align: center;
}

#inventory tfoot a
{
padding: 5px 0;
border-top: 2px solid #000066;
}

#inventory tbody tr:hover, #inventory tfoot tr:hover
{
background: #ccc;
}

#inventory table a
{
display: block;
color: #000;
font-weight: bold;
}

#inventory table a:hover
{
color: #660033;
}

#inventory .id
{
width: 7%;
}

#inventory .size
{
width: 5%;
}

#inventory .condition
{
width: 15%;
}

#inventory td.price
{
width: 10%;
text-align: right;
}

#inventory .view
{
width: 7%;
}

#inventory .remove
{
width: 10%;
}

#inventory tfoot a:hover
{
background: #ccf;
color: #000066;
}

/* Admin Inventory View */


#view-item .item-info, #view-item .item-images, .delete .item-info, .delete .item-images
{
border: 2px solid #000066;
background: #fff;
padding: 10px;
margin: 10px 4px;
float: left;
width: 590px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#view-item p
{
margin: 10px 0;
}

#view-item .item-images p.thumb, .delete .item-images p.thumb
{
float: left;
padding: 10px;
margin: 10px;
text-align: center;
border: 1px solid #000066;
background: #ccf;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

#view-item .item-images p.add-photos
{
clear: left;
}

#view-item p.return, #view-item p.remove
{
text-align: center;
}

#view-item a
{
color: #000;
font-weight: bold;
text-decoration: none;
}

#view-item a:hover
{
color: #000066;
text-decoration: underline;
}

/* Inventory */

.item
{
background: #fff;
border: 2px solid #000066;
margin: 5px 0;
float: left;
width: 100%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.item div.thumb
{
float: left;
padding: 5px;
}

.item p
{
float: left;
padding: 5px 0 0 5px;
}

.item img
{
border: 1px solid #000066;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.item .title
{
float: left;
width: 79%;
position: relative;
font-size: 110%;
font-weight: bold;
background: #ccf;
border: 1px solid #000066;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.item .one
{
width: 25%;
}

.item .two
{
width: 28%;
}

.item .three
{
width: 25%;
}

.item a
{
color: #000;
font-weight: bold;
}

.item a:hover
{
color: #000066;
text-decoration: none;
}

.pagination
{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}

.pagination a
{
color: #000066;
}

/* */

.delete h4
{
text-align: center;
font-size: 110%;
}

.delete .item-info, .delete .item-images
{
border: 2px solid #000066;
background: #fff;
padding: 5px;
margin: 20px 0;
width: 600px;
}

.delete .item-images
{
padding: 5px;
float: left;
}

.delete .item-images p
{
float: left;
margin: 5px;
}

.delete .yes, .delete .no
{
float: left;
width: 40%;
text-align: center;
margin: 20px 4%;
}

.delete .yes a, .delete .no a
{
display: block;
background: #fff;
font-size: 110%;
color: #000066;
text-decoration: none;
border: 1px solid #000066;
}

.delete .yes a:hover, .delete .no a:hover
{
background: #000066;
color: #fff;
}

.delete .single-image
{
text-align: center;
padding: 20px;
background: #fff;
border: 2px solid #000066;
margin-top: 20px;
float: left;
width: 50%;
position: relative;
left: 20%;
}

.delete img.thumb
{
border: 1px solid #000066;
}

/* Admin forms */

#add-item .inputs, #edit-item .inputs
{
border: 2px solid #000066;
background: #ccf;
padding: 5px 0;
margin: 0 20px;
}

#add-item p, #edit-item p
{
padding: 5px 20px;
}

#add-item label, #edit-item label
{
font-size: 105%;
float: left;
width: 20%;
text-align: right;
margin-right: 5%;
}

#image, #image1, #image2, #image3
{
margin: 5px 0;
}

#add-item #image1, #add-item #image2, #add-item #image3
{
position: relative;
left: 25%;
}

#add-item #submit, #edit-item #submit
{
font-family: Times New Roman, George, serif;
font-weight: bold;
border: 1px solid #000066;
background: #fff;
cursor: pointer;
padding: 2px;
font-size: 105%;
width: 100%;
margin: 20px 0;
}

#add-item #submit:hover, #edit-item #submit:hover
{
background: #000066;
color: #fff;
}

#add-item .return a, #edit-item .return a
{
font-size: 105%;
text-align: center;
padding: 3px;
border: 1px solid #000066;
display: block;
color: #000;
text-decoration: none;
background: #fff;
font-weight: bold;
}

#add-item .return a:hover, #edit-item .return a:hover
{
background: #000066;
color: #fff;
}

/* about us */

h3 .sub
{
font-weight: normal;
}

.about-col1
{
float: left;
width: 50%;
font-size: 105%;
}

.about-col2
{
float: left;
width: 210px;
}

.about-col1 p, .about-col2 p
{
padding: 5px;
margin: 20px 5px;
}

/* contact us */

.contact p
{
padding: 5px;
margin: 5px;
}

.contact .directions
{
position: relative;
left: 5%;
}

.contact .map
{
margin-top: 40px;
text-align: center;
}

/* financing */
#financing .info h4
{
margin: 5px 0;
}

#financing .info p
{
padding: 5px 40px;
}

/* reconditioned */
#reconditioned .info h4
{
margin: 5px 0;
}

#reconditioned .info p
{
padding: 5px 40px;
}

/* Chemicals */

#chemicals h3
{
text-align: center;
}

#chemicals p.image
{
text-align: center;
}

#chemicals .info h4
{
margin: 5px 0;
}

#chemicals .info p
{
padding: 5px 40px;
}

/* Covers */

#covers h3
{
text-align: center;
}

#covers p.image
{
text-align: center;
}

#covers .info h4
{
margin: 5px 0;
}

#covers .info p
{
padding: 5px 40px;
}

/* Pool Tables & Saunas */

.pool-table p, .saunas p
{
float: left;
width: 40%;
padding: 5%;
text-align: center;
font-size: 130%;
font-weight: bold;
}

.saunas p
{
width: 90%;
}

.brand-list ul
{
list-style-type: none;
padding-left: 20px;
}

.brand-list ul li
{
padding: 5px;
}

.brand-list a
{
color: #000;
text-decoration: none;
}

.brand-list a:hover
{
text-decoration: underline;
}


.brand-list div
{
margin-bottom: 20px;
}

.sort
{
	text-align: center;
}