/* ForeFront Image Stylesheet */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background:#333333 url(images/bg.gif) repeat;
	margin:15px 20px 30px 20px;
	font-family: verdana,arial, helvetica, sans-serif;
}

#container {
	clear:both;
	width:900px;
	height:auto !important;
	height:480px;
	min-height:480px;
	border:4px solid #696969; 
	margin:0 auto 0 auto;
	background:#333333;
}

#header {
	width:900px;
	margin:0 auto 0 auto;
}

#header h1 {
	margin:0;
	padding:20px 0 0 0;
	font-size:24pt;
	color:#fff;
	font-weight:normal;
	width:500px;
	float:left;
}

#nav {
	float:right;
	display:inline;
	padding-top:30px;
}

#nav a {
	margin:0 10px 0 10px;
	padding:0 2px 0 2px;
	border-top:2px solid #FE6600;
	color:#fff;
	text-decoration:none;
	font-size:10pt;
	text-transform:lowercase;
}

#nav a:hover {
	border-top:2px solid #CCCCCC;
}

#left {
	width:450px;
	height:auto !important;
	height:480px;
	min-height:480px;
	background:#D4D4D4;
	float:left;
	padding:15px;
}
#image {
	text-align: center;
}

#right {
	float:right;
	width:420px;
}
#order {
	float: left;
	margin: 5px 0px 0px 20px;
	color: #CCCCCC;
}
#order p {
	color: #CCCCCC;
}
#order a {
	color: #FE6600;
	text-decoration:none;
}
#order a:hover{
	text-decoration:underline;
}

#search {
	margin: 20px;
	float: right;
}
.search-input {
	width: 150px;
	padding: 2px;
	margin: 0px;
	border: 1px solid #696969;
}
.search-submit {
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 2px;
	border: 1px solid #696969;
	background: #CCCCCC;
}
#full {
	width: 100%;
	height:auto !important;
	height:480px;
	min-height:480px;
	padding-bottom:15px;
}
#full .thumb {
	display:inline;
	width:130px;
	height:95px;
	padding:10px 10px 10px 10px;
	float:left;
	text-align: center;
}

#full .thumb img {
	border:0;
}

#full .back {
	text-align: center; 
	clear: both;
}
#full a:hover {
	color:#FE6600;
}
#thumbnails {
	clear: both;
}
#thumbnails-cat {
	width: 70%;
	float: left;
	padding-left: 5px;
}
#cat-list {
	width: 29%;
	float: left;
}
#cat-list2 {
	width: 20%;
	float: left;
}
#product-image {
	width: 700px;
	float: left;
	padding-left: 15px;
	text-align: center;
}
#right .thumb {
	display:inline;
	width:110px;
	height:85px;
	padding:10px 10px 10px 10px;
	float:left;
	text-align: center;
}

#right .thumb img {
	border:0;
}

#right .back {
	text-align: center; 
	clear: both;
}
#right a:hover {
	color:#FE6600;
}
#footer {
	clear:both;
	height:1.8em;
	background:#696969 url(images/bg-h2.jpg) repeat-x;
	color:#fff;
	font-size:62.5%;
	font-family: verdana,arial, helvetica, sans-serif;
	text-align:right;
	padding:5px 10px 1px 10px;
	border-top: 4px solid #696969;
}
#footer span {
	float:left;
	color:#CCCCCC;
}
#footer a {
	color:#CCCCCC;
	text-decoration:none;
	margin-left: 20px;
}

#footer a:hover {
	color:#FE6600;
}
/* Typography */
h1 {
	font-size:.8em;
	font-weight: normal;
	color:#FE6600;
	margin: 10px 0px 0px 0px;
	text-transform: uppercase;
}
#left p {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
}
#left h1 {
	background:#696969 url(images/bg-h1.jpg) repeat-x;
	color: #FFFFFF;
	padding: 2px 0px 2px 5px;
	margin-bottom: 20px;
}
#right h2 {
	clear: both;
	background:#696969 url(images/bg-h1.jpg) repeat-x;
	font-size:1.2em;
	font-weight:normal;
	height:50px;
	line-height:50px;
	color:#FFFFFF;
	padding-left: 5px;
}

#right h2 .info {
	float:right;
	font-size:.5em;
	color:#FFFFFF;
	text-transform:uppercase;
	padding: 2px 10px 0px 0px;
}
#full h2 {
	clear: both;
	background:#696969 url(images/bg-h2.jpg) repeat-x;
	font-size:1.2em;
	font-weight:normal;
	height:50px;
	line-height:50px;
	color:#FFFFFF;
	padding-left: 10px;
}

#full h2 .info {
	float:right;
	font-size:.5em;
	color:#FFFFFF;
	text-transform:uppercase;
	padding: 2px 15px 0px 0px;
}
h3 {
	clear: both;
	font-size: .8em;
	color: #CCCCCC;
	margin: 25px 0 20px 0px;
	text-align: center;
}
p, label {
	font-family: verdana,arial, helvetica, sans-serif;
	font-size: 79%;
	margin: 10px 0px 0px 0px;
}
#product-image p {
	color: #CCCCCC;
}

strong {
	color: #333333;
}
th, td {
	font-size: 86%;
	text-align: left;
}
th {
	border-bottom: 1px dashed #666666;
	padding-bottom: 2px;
}
a {
	color:#FE6600;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

ul {
	margin-left: 20px;
	font-size: 86%;
}
li {
	margin-left: 10px;
}

/* Classes */
.thumbcat {
	display:inline;
	width:110px;
	height:75px;
	padding:10px 10px 0px 10px;
	float:left;
	text-align: center;
}

.thumbcat img {
	border:0;
}
.thumbcat a {
	color:#CCCCCC;
	text-decoration:none;
}
.thumbcat p {
	text-transform:uppercase;
	font-size: 69%;
}
.cat-list {
	display: block;
	width: 90%;
	text-align: right;
}
.cat-list a {
	color:#CCCCCC;
	text-decoration:none;
}
.cat-list p {
	text-transform:uppercase;
	height: 10px;
	line-height: 10px;
	font-size: 69%;
}
.thumb a {
	color:#CCCCCC;
	text-decoration:none;
}
.thumb p {
	text-transform:uppercase;
	font-size: 69%;
}

.back a {
	color:#CCCCCC;
	text-decoration:none;
}
.back p {
	text-transform:uppercase;
	font-size: 69%;
}
.small {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 69%;
}
.buy-link {
	text-align: center;
}
.home {
	margin: 0px 0px 5px 0px;
	float: left;
}