/*	List Styles
--------------------------------------------------*/

.listproductname{
/*	height: and display:block can be combined to let the .listlinkimage be displayed aligned to the bottom.	*/
	padding-top: .8em;
	height: 6em;
	display: block;
}
.listproductname a{
	color: #000000;
}
.listproductprice{
}
.listlinkimage{
	padding-top: .8em;
}

.pagination{
	padding: 50px;
}
.pagination a{
	color: #527693;
}
.previouspagelink{
	float: left;
}
.nextpagelink{
	float: right;
}
.listpagelinks{
	clear: both;
	padding-top: 10px;
}

/*	Layout
--------------------------------------------------*/

body{
/*	word-wrap:break-word is for IE. Without it, really long category names break the float fixed width layout.	*/
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 0.8em;
	word-wrap: break-word;
}

#container{
/* margin: auto is for centering the fixed width layout */
	width: 700px;
	margin: auto;
	background-color: #FFFFFF;
}

#head{
	font-size: 20px;
}

#subhead{
}
#subhead li{
	display: inline;
}

#searchwrap{
}

#breadcrumbs{
	background-color: #FFFFFF;
}

#content{
	background-color: #FFFFFF;
	float: right;
	width: 535px;
}

#nav{
	background-color: #EEEEEE;
	float: left;
	width: 165px;
	padding-bottom: 30px;
}

#creditwrap{
	clear: both;
	background-color: #FFFFFF;
}

.column, .columnfirst{
	width: 30%;
	padding-left: 3%;
	float: left;
	padding-top: 5%;
}
.columnfirst{
	clear: both;
}

.pagination{
	clear: both;
}

/*	Details Styles
--------------------------------------------------*/

.mainitemwrap, .relateditems, .extitems{
	padding-top: 10px;
	padding-left: 20px;
}

.productname, .productname h2{
	font-size: 14px;
	text-align: center;
	color: #003399;
}

.productimage{
	width: 264px;
	height: 320px;
	float: left;
}
.productimage img{
	padding-top: 10px;
}

.productad{
	float:right;
	width: 251px;
	padding-top: 20px;
}
.productinfo{
	float: right;
	width: 201px;
	padding-left: 50px;
	padding-top: 20px;
}
.productinfonoad{
	float: right;
	width: 201px;
	padding-left: 50px;
	padding-top: 100px;
}
.productprice{
	color: #C90000;
	font-weight: bold;
	margin-bottom: 200px;
}
.productlink{
}
.productdesc{
	clear: both;
	border-top: 1px solid #CCCCCC;
}

.relateditems, .extitems{
	border-top: 1px solid #CCCCCC;
}
.relateditems a, .extitems a{
	color: #6F8FC0;		/*or #555555*/
}
.extitems{
	padding-bottom: 50px;
}
.relatedheader, .extheader{
	padding-bottom: 20px;
}
.relateditemwrap{
	padding-bottom: 20px;
}

/*	Styling
--------------------------------------------------*/

ul{
/*	In FireFox, ul has margin on top and padding to the left. In IE, it only has margins.
	The default margin-left/padding-left is 40px	*/
	margin: 0;
	padding: 0 0 0 40px;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
}
img{
	border: none;
}
a{
	text-decoration: none;
}

#head, #breadcrumbs, h1, h2, h3, h4, h5, h6, .navheader{
	font-family: Trebuchet MS;
}
#head{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 1em;
	background: #FFFFFF url('/images/stylesheet1/header_bg.gif') top left no-repeat;
}
#head a{
	color: #FFFFFF;
}

#subhead{
/*	font-size: .85em;*/
}
/*	#subhead ul and #subhead li not used, as tables are used instead.	*/
#subhead ul{
/*	unordered lists have padding-left in FireFox, but not in IE.	*/
	padding: 0;
}
#subhead li{
	padding-left: .4em;
}
#subhead table{
  	background: #AB1E21 url('/images/stylesheet1/tab_bg.gif') bottom repeat-x;
  	width: 100%;
	border-top: 2px solid #781215;
  	border-bottom: 2px solid #781215;
}
#subhead td{
	text-align: center;
	border-right: 2px solid #781215;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#subhead td a{
	color: #FFFFFF;
  	font-weight: bold;
  	font-size: 10px;
}
#subhead td a:hover{
  	text-decoration: underline;
}

#searchwrap{
	background: #FFFFFF url('/images/stylesheet1/search_bg.gif') bottom repeat-x;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align: right;
	font-size: 10px;
}
#searchwrap form{
	padding: 3px 3px 3px 0;
}
#searchwrap form, #searchwrap form select, #searchwrap form input{
	margin: 0;
	vertical-align: middle;
}
#searchwrap form select, #searchwrap form input{
	font-size: 12px;
}
.searchbox{
}
.searchbutton{
}

#breadcrumbs h1{
	font-size: 12px;
	padding: 3px 0 3px 6px;
	color: #6F8FC0;		/*or #555555*/
}
#breadcrumbs h1 a{
	color: #6F8FC0;		/*or #555555*/
}
#breadcrumbs h1 a:hover{
	text-decoration: underline;
}

.center{
	text-align: center;
	font-size: 10px;
}
.center a{
	color: #6F8FC0;
}

#nav, #nav a{
	color: #555555;
}
#nav a:hover{
	text-decoration: underline;
}
#nav ul{
	padding-left: 10px;
	padding-top: 5px;
	list-style: none;
}
#nav li{
	padding-top: 6px;
}
.navad{
	padding-left: 4px;
}
.navheader{
	color: #FFFFFF;
	background-color: #96171A;
	font-weight: bold;
	font-size: 12px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.navselected{
	font-weight: bold;
}
.linkdepth1{
}
.linkdepth2{
	padding-left: 10px;
}
.linkdepth3{
	padding-left: 20px;
}
.linkdepth4{
	padding-left: 30px;
}

.expandtoggle{
	color: #CCCCCC;
}
.expandedbox{
/*	The width: limits the size in FireFox and increases it in IE. In IE, without it, the width would be the same as the column width.	*/
	position: absolute;
	background-color: #F2F5F7;
	width: 25em;
	padding: 10px;
}

#creditwrap{
	text-align: center;
	font-size: 10px;
	padding-top: 30px;
	padding-bottom: 20px;
	border-top: 1px solid #96171A;
}
#creditwrap a{
	color: #6F8FC0;
}