body { background:#010101; font-family:Tahoma,Arial,Helvetica; color:#010101; font-size: 9pt; margin: 0,0,0,0;}

/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Tahoma,Arial,Helvetica; color:#010101; font-weight:normal; font-size:1em}

ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:1.36em}
ul li a{text-decoration:none; color:#3185cf; background:url(images/marker_list.gif) no-repeat 0 5px; padding-left:14px}
ul li a:hover{ text-decoration:none; color:#666666; background:url(images/marker_list.gif) no-repeat 3px 5px}

ul.list {margin:0px; padding:0px; list-style:none; font-size: 8pt;}
ul.list li { line-height:1.36em; color:#010101; background:url(images/list_bg.gif) repeat-x bottom; padding:12px 0 15px 57px}
ul.list li img {margin:2px 0 0 -57px; float:left}
ul.list li a{text-decoration:none; background:none; font-weight:bold; color:#be3617; padding:0; display:block}
ul.list li a:hover{ text-decoration:none; color:#fba734}
ul.list li.none {background:none}
/*==========================================*/

a {text-decoration:none; font-weight:bold; color:#3185cf}
a:hover {text-decoration:none; font-weight:bold; color:#666666}

a.link {text-decoration:underline; color:#010101; font-weight:bold}
a.link:hover {text-decoration:none}

a.link_1 {text-decoration:underline; color:#3185cf; font-weight:bold}
a.link_1:hover {text-decoration:none}

a.link_2 {text-decoration:none; color:#010101; font-weight:bold; background:url(images/marker_downloads.gif) no-repeat 0 0; padding:0 0 4px 23px}
a.link_2:hover {text-decoration:none; color:#793440}

a.orange {text-decoration:none; color:#be3617; font-weight:bold}
a.orange:hover {text-decoration:none}

td.form { font-size: 8pt;}

.column { float:left;}
.clear { clear:both;}


div.h1 { font-size: 15pt; font-weight: bold; color: #000000; }
div.h2 { font-size: 13pt; font-weight: bold; color: #000000; }
div.h3 { font-size: 11pt; font-weight: bold; color: #000000; }
div.h4 { font-size: 9pt; font-weight: bold; color: #000000; }
h5 { font-size: 7pt; font-weight: bold; color: #666666; }

p {margin:0 0 15px 0}
.p1 {margin:0 0 6px 0}

strong {color:#be3617}

#main {background:url(images/top_bg.jpg) repeat-x top #fff}
#main_1 {background:url(images/head_bot_bg.gif) repeat-x left 386px}

/*header*/
#header { height:434px; background:url(images/header_bg.jpg) repeat-x top; font-family:Tahoma,Arial; font-size:0.875em; line-height:1.57em; color:#fdeec1}
#header .title {display:block; margin-bottom:2px}
#header .col_1 {width:375px}
#header .col_2 {width:495px}
#header .col_2 .indent {padding:27px 50px 0 1px}
#header .col_2 .menu {padding-bottom:76px; margin-left:-1px}
#header .col_2 .but { margin:21px -30px 0 190px}

/*content*/
#content {font-size:0.6875em; line-height:1.36em}
#content .title {margin-bottom:8px; display:block}
#content .title_1 {margin-bottom:4px; display:block}
#content .img_left {float:left; margin:0 20px 0 0}
#content .col_1 {background:url(images/col_bg.gif) repeat-y right}


div.copy { font-size: 8pt; font-family: Tahoma,Arial,Helvetica; color: #ffffff; }
div.copy a { text-decoration:none; color: #3185cf; }
div.copy a:hover { text-decoration:none; color:#666666; }

div.small { font-size: 8pt; font-family: Tahoma,Arial,Helvetica; color: #000000; }
div.small a { text-decoration:none; color: #3185cf; }
div.small a:hover { text-decoration:none; color:#666666; }

div.error { font-weight:bold; color: #ff0000; }

table.badges { font-size: 8pt; font-family: Tahoma,Arial,Helvetica; color: #000000;  }
table.prices { font-size: 8pt; font-family: Tahoma,Arial,Helvetica; color: #000000;  }

/*lightbox*/

 #lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}