/*
	Color Reference:

	- darkgray          #666666
	- lightgray			#c0c0c0
	- yellow				#F4C447
------------------------------------ */

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a { color: #F4c447; }
.selected { color: #fc5356; }

ul { list-style: none; }

/* page items */
#center
{
	width: 780px;
	margin: 0 auto;
	padding: 0px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	
}

body
{
	margin: 0px;
	background-color: #c0c0c0;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #c0c0c0;
	line-height: 14px;
}

/* homepage specific items */
#homelogo
{
	margin: 0;
	width: 195px;
	float: left;
	clear: none;
	height: 240px;
	line-height: 0em;
}

#homeproduct
{
	width: 585px;
	float: left;
	height: 240px;
	line-height: 0em;
}

#home 
{
	height: 240px;
	line-height: 0em;
}

#homenav
{
	display: table-cell;
	margin: 0;
	padding: 0px 0px 0px 10px;
	width: 184px;
	line-height: 18px;
	vertical-align: top;
}

.hometopic
{
	display: table-cell;
	padding: 0px 0px 0px 10px;
	width: 263px;
	background-image: url(../images/dot-vert.gif);
	background-repeat: repeat-y;
}

.hometopic2
{
	padding: 0px 14px 0px 14px;
	display: table-cell;
	width: 264px;
	background-image: url(../images/dot-vert.gif);
	background-repeat: repeat-y;
}

.hometopic p, .hometopic2 p {margin-top: 4px; }

* html #homenav { float: left; }
* html .hometopic { float: left; margin-bottom: 14px; }
* html .hometopic2 { float: left; }
.spacer { padding-bottom: 14px; height: 14px; }

#homecontentwrapper { 
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	}

/* inside page items */

#nav {width: 100%; background: #000000; height: 25px;}
#navlogo
{
	height: 25px;
	background: #000000;
	margin: 0px;
	float: left;
	clear: none;
}

#navtext
{
	height: 19px;
	background: #000000;
	margin: 0;
	padding-top: 6px;
}

* html #navtext {width: 582px; margin: 0;}
#navtext a { padding: 0px 0px 0px 10px; }

	
	
#sidenav
{
	padding: 14px 0px 10px 10px;
	width: 184px;
	line-height: 18px;
	display: table-cell;

}

* html #sidenav {float: left; clear: none; display: block;}

.indent10 { padding-left: 10px; }
	
#header { margin: 14px 14px 14px 10px;}
#header2 { margin: 14px 14px 0px 10px;}

#content
{
	margin-top: 14px;
	width: 590px;
	display: table-cell;
	
}

* html #content {width: 570px; margin-top: 0px; float: left; display: block;}

#content p { margin: 0px 30px 14px 14px;}

.contentborder
{
	margin: 0px 10px;
	background-image: url(../images/dot-horiz.gif);
	background-repeat: repeat-x;
	width: 550px;
}



#content table {margin-left: 10px;}
* html #content table{}
td.category { padding: 10px 32px 10px 0px; }
td.category a img{ border: 2px solid #666666; }
td.category a:hover  img{ border: 2px solid #F4C447; }

.category2 { padding: 10px 24px 10px 0px; }
td.category2 a img{ border: 2px solid #666666; }
td.category2 a:hover  img{ border: 2px solid #F4C447; }

#content table.nomargin {margin-left: 0px;}


div#productcolorways a img{border: 2px solid #666666;}
#productcolorways a:hover img{ border: 2px solid #F4C447; }
#productcolorways a img.selected{border: 2px solid #F4C447;}


#contentnav {margin: 0px 0px 10px 10px; width: 550px; }

#footer
{
	width: 760px;
	padding: 10px;
	background: #000000;
	color: #ffffff;
	text-align: center;
	font-size:10px;
}

#product
{
	width: 220px;
	height: 300px;
	float: left;
	clear: none;
	margin: 0px 10px 15px 10px;
}

#productright
{
	width: 315px;
	float: left;
	clear: right;
	padding-right: 20px;
}

#productnav
{
	width: 295px;
	border-bottom: 1px solid #F4C447;
	padding-bottom: 10px;
}

#productdesc
{
	width: 295px;
	border-bottom: 1px solid #F4C447;
	padding: 10px 0px;
}

#productrelated
{
	width: 295px;
	border-bottom: 1px solid #F4C447;
	padding: 10px 0px;
}

#productcolorways
{
	width: 295px;
	padding: 10px 0px;
}

#productcolorways a img 
{
	margin: 10px 5px 0px 0px;
	border: 0;
}