/* Global Stylesheet Definitions */

/* Define universal element formatting styles */
* { margin: 0; padding: 0; }

html { height:100%; }

body {
text-align: left;
width: 100%;
height: 100%;
font-size: 62.5%;
font-family: Helvetica, arial, sans-serif;
color: #000;
background: #fff;
margin: 0;
border: 0;
padding: 0; }

img, a img { border-style: none; }
a:hover{background:transparent;} 

h1, .h1 { font-size: 2.4em; }
h2, .h2 { font-size: 2em; } /* 20pt */
h3, .h3 { font-size: 1.8em; } /* 18pt */
h4, .h4 { font-size: 1.6em; } /* 16pt */
h5, .h5 { font-size: 1.4em; } /* 14pt */
h6, .h6 { font-size: 1.1em; } /* 11pt */

.small { font-size: .9em; }

.clearer { clear:both; }

/* Wrapper for fixed width */
.wrapper {
	text-align: center;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	}

.contentwrapper {
	text-align: center;
	width: 100%;
	background: #d5d5d5;
	}

.header {
	text-align: center;
	background: #ffffff;
	color: #fff;
	width: 980px;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px;
	overflow: hidden;
	}
.headermenu { 
	font-family: verdana;
	font-size: 1.4em;
	font-weight: bold; 
	color: #5D5D5D; 
	vertical-align: bottom;
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #e0e0e0;
	}
.headermenu ul {
	margin: 0;
	text-align: center;
	}
.headermenu ul li{
	display: inline;
	padding:0px 10px 0px 10px;
	}
.headermenu ul li a { color:#5D5D5D; text-decoration:none; outline: none; }
.headermenu ul li a:visited,.headermenu ul li a:active { color:#5D5D5D; }

.left_col a {text-decoration: none; outline: none; }
.left_col a:hover { text-decoration: underline; outline: none; }
.left_col {
	text-align: left;
	float: left;
	/* background: #d5d5d5 url(images/test.jpg) no-repeat 0 bottom right; */
	background-image: url(images/test.jpg);  
	background-color: #d5d5d5;
	background-position: bottom right;
	background-repeat: no-repeat; */
	color: #000;
	width: 200px;
	border: 0;
	padding: 5px;
	overflow: hidden;
	}

.main_col {
	text-align: center;
	background: #fff;
	color: #000;
	width: 760px;
	height: 610px
	border: 0;
	padding: 0;
	overflow: hidden;
	}

.footer {
	background: #fff;
	width: 980px;
	overflow: hidden;
	border-top: 1px solid #000;
	padding: 8px 0 8px 0;
	color: #000;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	font-size: 10px;
	}
	
.content { 
	width: 980px;
	text-align: left;
	font-size: 12pt;
	background-color:white; 
	color: black; 
	padding:0 10px 10px 10px;
	}
.content p{
	padding:5px;
	}
.contentheader { 
	background-color:#959595; 
	color:white; 
	font-size:2em;
	white-space:pre;
	}
.contentheader a { 
	color: white;
	text-decoration: none;
	}
.contentheader a:hover { text-decoration: underline; }


.navmain {
	color:gray;
	font-family:verdana;
	font-size:16pt;
	line-height: 30px;
	padding-left: 1px;
}
.navmain a, .navmenu a:visited, .navmenu a:active { color:gray; text-decoration: none; outline: none; }
.navmain a:hover { text-decoration: underline; }
.navmenu {
	display: block;
	font-size: 12px;
	font-weight:bold;
	color: black;
	height: 24px;
	width: 198px;
	line-height: 27px;
	padding-left: 8px;
	text-decoration: none;
}
.navmenu a, .navmenu a:visited, .navmenu a:active { color:#000; text-decoration: none; outline: none; }
.navmenu a:hover { color: #ff9955; text-decoration: underline; }
.navmenuitem {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #574B32;
	height: 24px;
	width: 178px;
	line-height: 27px;
	padding-left: 20px;
	text-decoration: none;
}
.navmenuitem a, .navmenuitem a:visited { color:#FF9955; text-decoration: none; outline: none; }
.navmenuitem a:hover { text-decoration: underline; }

.show { display:inline; }
.hide {	display:none; }

.main_body {
	text-align: center;
	vertical-align: top;
	background: #fff;
	padding: 0px 5px 0px 5px;
	}
	
.main_img {
	padding: 20px 0 0 0;
	}
	
.thumbnail {
	display:inline;
	width:100%;
	background:#e0e0e0;
	}
.thumbnail a:hover {
	border:2px solid #5E5E5E;
	}
	
.detailwrappertxt {
	font-size:10pt;
	text-align: left;
	vertical-align: top;
	width: 232px;
	height: 100%;
	background: #d5d5d5;
	padding: 5px;
}
.detailwrapperimg {
	text-align: center;
	vertical-align: top;
	width: 500px;
	height: 100%;
	background: #e0e0e0;
}
.detailleft {
	clear:left;
	float:left;
	padding:2px;
}
.detailright {
	clear:right;
	float:right;
	padding:2px;
}

/* Page Bookmark Navigation Style Def: Used for bookmarks inside a document. */
.pgnav ul{
	margin: 0;
	text-align: left;
	}
.pgnav ul li{
	display: inline;
	}
.pgnav ul li a { 
	color: #000;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	padding: 10px;
	}
.pgnav ul li a:hover { text-decoration: underline; }


/* FAQ Page specific Styles */
.q { color: blue; }

/* Header style for Collection Index */
.collectionheader {
	color:white;
	background:#959595;
	font-family:verdana;
	font-size:16pt;
	font-weight: bold;
	margin:0 2px 5px 2px;
}

/* Content Description style */
.desc {
	font-size: 12pt;
}

/* Image map style */
.imgmap {
	border: 10px solid #5E5E5E;
}
.imgthumb {
	border: 1px solid #5E5E5E;
}

/* Style for additional details text box */
.detailbox{
	text-decoration: none;
	position: relative;
	z-index: 0;
}
.detailbox:hover{
	background-color: transparent;
	z-index: 50;
}
.detailbox span{ /*CSS for enlarged textbox*/
	position: absolute;
	background-color: lightyellow;
	padding: 10px;
	left: -1000px;
	border: 10px solid #5e5e5e;
	visibility: hidden;
	color: black;
	width: 400px;
	text-decoration: none;
}
.detailbox span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.detailbox:hover span{ /*CSS for enlarged textbox on hover*/
	visibility: visible;
	top: 18px;
	left: -220px; /*position where detail box should offset horizontally */
}

.topline{
	border-top: 1px solid #d5d5d5;
	padding: 0px 2px 5px 2px;;
}


/* Sales style definition */
.sales {
	color: #cc0000;
	}
.specialoffer {
	color: #cc0000;
	font-weight:bold;
}
.specialofferwrap {
	text-align:center;
	background-color:#e0e0e0;
	width:600px;
	font-size:12pt;
}
.salesheader {
	color:#cc0000;
	background:#e0e0e0;
	font-family:verdana;
	font-size:16pt;
	font-weight: bold;
	margin:0 2px 5px 2px;
}

.gallery li {
        list-style: none;
	width: 170px;
        height: 180px;
        float: left;
        margin: 0 4px 6px 2px;
        text-align: center;
	vertical-align: top;
        background: #e0e0e0;
	padding: 5px;
        display: inline;
}
.gallery li img {
	border: 10px solid #5E5E5E;
	width: 150px;
	height: 112px;
}
.gallery li a{ 
	color: #000;
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
	}
.gallery li a:hover h6{ text-decoration: underline; }

.mainiframe {
	width: 760px;
        height: 610px;
}

.linethrough {
	text-decoration:line-through;
}

.lineborder {
	border: 1px solid #959595; 
	width:198px;
	margin-bottom:5px;
}