/*-----------------------------------------------------------------------*/
/*                     Product Rotator                                        */
/*-----------------------------------------------------------------------*/

.productrotatorholder{
border:0px solid #ff0000;
width:180px;
height:140px;
padding:0px 0px 0px 0px;
position:absolute;
}

.products-ul{
border:0px solid #0000ff;
width:180px;
height:140px;
clear:both;
float:left;
}

.prod-links{
border:1px solid #fff;
float:left;
position:relative;
left:0px;
width:180px;
}

.product-holder{
position:relative;
left:0px;
float:left;
border:0px solid #999;
width:180px;
margin:25px 0px 0px 0px;
padding:0px 0px 0px 0px;
clear:both;
}


.prod-box{
position:aboslute;
border:0px solid #00ff00;
}



ul.products span img{
font-family:Arial, Helvetica, sans-serif; 
border:0px solid #ff0000;
padding: 0px;
margin:0px;
list-style-type:none;
list-style-position:inside;
background:#fff;
top:0px;
}


ul.products{
border:1px solid #00f;
width:180px;
float:left;
margin:0px;
padding:0px;
}


li.prod-none{
border:0px solid #00ff00;
margin:0px;
padding:0px;
}

a.products:link {
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
color:#818181;
margin:0px 0px 0px 0px;
padding:0px;
/*margin:2px 2px 10px 2px;*/
text-decoration: none;
width:180px;
border:0px solid #000;
clear:both;
}

a.products:visited {
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
color:#818181;
clear:both;
/*padding:2px 2px 2px 2px;*/
text-decoration: none;
}


a.products:hover{
font-family:Arial, Helvetica, sans-serif; 
background-color:#00a8ff;
color:#fff;
text-decoration: none;

}

a.products:active {
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
color:#818181;
clear:both;
/*padding:2px 2px 2px 2px;*/
text-decoration: none;

}


.prd-hdr{
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
color:#818181;
clear:both;
/*padding:2px 2px 2px 2px;*/
text-decoration: none;
}


.prd-hdr:hover{
font-family:Arial, Helvetica, sans-serif; 
background-color:#00a8ff;
color:#fff;
clear:both;
text-decoration: none;

}


/*------------------------------------------------------------------------*/
/*     Gallery Display                                                    */
/*------------------------------------------------------------------------*/

#GalleryWrap {
	margin: 0px 0px 10px 0px;
	float: left;
	}

.GalleryImageWrap {
	margin: 0px 0px 2px 0px;
	background: #fff;
	}

.GalleryCaption {
	font: normal normal 90%/110% Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

.ThumbCaption {
	font: normal normal 90%/110% Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

.GalleryItem {
	margin: 0px 0px 5px 0px;
	}

.GalleryImage {
	text-align: center;
	vertical-align: middle;
	background: #fff;
	}

.GalleryImage img {
	text-align: center;
	vertical-align: middle;
	background: #fff;
	margin: 2px;
	padding: 2px;
	/* background: #0033FF; */
	/* border: 1px solid #f0f; */
	}



.GalleryLgImage {
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 5px 0px;
	}

.GalleryTitle {
	font: normal normal 100% Arial, Helvetica, sans-serif;
	color: #980a0e;
	text-align: center;
	background: #fff;
	}

a.GalleryTitle, a:link.GalleryTitle, a:active.GalleryTitle, a:visited.GalleryTitle { 
	color: #980a0e; 
	text-decoration: none; 
	}

a:hover.GalleryTitle { 
	color: #980a0e; 
	text-decoration: underline; 
	}



/*------------------------------------------------------------------------*/
/*     Gallery Condensed Display                                          */
/*------------------------------------------------------------------------*/

#GalleryWrapSM {
	margin: 0px 0px 5px 0px;
	float: left;
	}

#GalleryImageWrapSM {
	width: 99%;
	margin: 0px 0px 5px 0px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
	background: #fff;
	}

.GalleryItemSM {
	margin: 0px 0px 5px 0px;
	}

.GalleryImageSM {
	text-align: center;
	vertical-align: middle;
	height: 55px;
	width: 55px;
	background: #fff;
	border: 1px solid #fff;
	}

.GalleryLgImageSM {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	}

.GalleryFolder {
	text-align: center;
	vertical-align: middle;
	height: 55px;
	width: 55px;
	background: url("/admin/style/icons/folder25.gif") center no-repeat #fff;
	}

	

/**************** Arrow Image Gallery ***************************/	



#content-arrow{
	width: 720px;
	height:280px;
	padding: 20px;
	background: #FFF;	
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

h1.arrow{
	margin: 0;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}

p.arrow{
	margin: 0;	
	padding: 7px 0;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

a.arrow { 
	outline-color: #888;	
}




h3.arrow {
color:#44687d;
margin: 0px 0px 0px 0px;	
padding: 1px 0 0 0;
font-size: 11px;
text-transform: uppercase;
border:0px solid #000;
}


div#feature_list {
width: 720px;
height:460px;
overflow: hidden;
position: relative;
}

div#feature_list ul {
position: absolute;
top: 0;
list-style: none;	
padding: 0;
margin: 0;
}

ul.arrow-tabs {
left: 0;
z-index: 2;
width: 320px;
}

ul.arrow-tabs li {
font-size: 11px;
font-family: Arial;
}

ul.arrow-tabs li img {
padding: 2px;
border: none;
float: left;
margin: 3px 8px 0 0;
border:0px solid #999;
}

ul.arrow-tabs li a {
color: #818181;
text-decoration: none;	
display: block;
padding: 3px 0px 5px 0px;
height: 100%;
width:255px;
outline: none;
clear:right;
}

ul.arrow-tabs li a:hover {
text-decoration: underline;
}

ul.arrow-tabs li a.current {
background:  url('/style/template/feature-tab-current.png') no-repeat top left;
color: #44687d;

}

ul.arrow-tabs li a.current:hover {
text-decoration: none;
cursor: default;
}


ul#arrow-tabs {
left: 0;
z-index: 2;
width: 320px;
}

ul#arrow-tabs li {
font-size: 11px;
font-family: Arial;
}

ul#arrow-tabs li img {
padding: 2px;
border: none;
float: left;
margin: 3px 8px 0 0;
border:0px solid #999;
}

ul#arrow-tabs li a {
color: #818181;
text-decoration: none;	
display: block;
padding: 3px 0px 5px 0px;
height: 100%;
width:255px;
outline: none;
clear:right;
}

ul#arrow-tabs li a:hover {
text-decoration: underline;
}

ul#arrow-tabs li a.current {
background:  url('/style/template/feature-tab-current.png') no-repeat top left;
color: #44687d;

}

ul#arrow-tabs li a.current:hover {
text-decoration: none;
cursor: default;
}


ul.output {
right: 0;
width: 463px;
height: 240px;
position: relative;

}

ul.output li {
position: absolute;
width: 463px;
height: 460px;
border:0px solid #ff00ff;
}

ul.output li a {
position: absolute;
top: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #00a8ff;
-moz-border-radius: 5px;
border:0px solid #00ff00;
}

ul.output li a:hover {
background: #95b4c9;
}



ul#output {
right: 0;
width: 463px;
height: 240px;
position: relative;

}

ul#output li {
position: absolute;
width: 463px;
height: 460px;
border:0px solid #ff00ff;
}

ul#output li a {
position: absolute;
top: 10px;
right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #00a8ff;
-moz-border-radius: 5px;
border:0px solid #00ff00;
}

ul#output li a:hover {
background: #95b4c9;
}


.text-arrow{
line-height:18px;
font-size:11px;
width:200px;
padding:0px;
margin:0px;
border:0px solid #ff00ff;

}