/* CSS Document */

body{
 background-image:url(../images/bg.jpg);
 background-repeat:repeat-x;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#666666;
 line-height:20px;
 margin:0px;
 background-position:center top;
}
.menumid{
 background-image:url(../images/menu/mid.jpg);
 background-repeat:repeat-x;
}
.brown-bannertop{
 background-image:url(../images/banner/topmid.png);
 background-repeat:repeat-x;
}
.brown-bannermid{
 background-image:url(../images/banner/mid.jpg);
 background-repeat:repeat-x;
} 
.brown-bannerbtm{
 background-image:url(../images/banner/btmmid.png);
 background-repeat:repeat-x;

} 
.brown-bannermidleft{
 background-image:url(../images/banner/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#645b5c;
 border-left:#c8dd67 1px solid;
}
.brown-bannermidright{
 background-image:url(../images/banner/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#645b5c;
 border-right:#c8dd67 1px solid;
}
.orangemenu{
 background-image:url(../images/orangemenu/mid.png);
 background-repeat:repeat-x;
}
.lowermenu{
 background-image:url(../images/lowermenu/mid.png);
 background-repeat:repeat-x;
}
.body-img-bgtop{
 background-image:url(../images/leftbody/topmid.png);
 background-repeat:repeat-x;
}
.body-img-bgmid{
 background-image:url(../images/leftbody/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
}
.body-img-bgbtm{
 background-image:url(../images/leftbody/btmmid.png);
 background-repeat:repeat-x;

}
.body-img-bgleft{
 background-image:url(../images/leftbody/mid.jpg);
 background-repeat:repeat-x;
 border-left:#e7e8e3 1px solid;
 background-position:bottom;
}
.body-img-bgright{
 background-image:url(../images/leftbody/mid.jpg);
 background-repeat:repeat-x;
 border-right:#e7e8e3 1px solid;
 background-position:bottom;
}
.body-img-bg1{
 background-image:url(../images/leftbody/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 border:#e7e8e3 1px solid;
}
.search-head{
 background-image:url(../images/search/mid.png);
 background-repeat:repeat-x;
}
.newsletter-bg{
 background-image:url(../images/search/nwesletter/bg.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#f2ba4e;
}
.whitebanner-top{
 background-image:url(../images/banner/bnwhite/topmid.png);
 background-repeat:repeat-x;
} 
.whitebanner-mid{
 background-image:url(../images/banner/bnwhite/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#FFFFFF;
}
.whitebanner-btm{
 background-image:url(../images/banner/bnwhite/btmmid.png);
 background-repeat:repeat-x;
}
.whitebanner-left{
 background-image:url(../images/banner/bnwhite/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#FFFFFF;
 border-left:#c8dd67 1px solid;
}
.whitebanner-right{
 background-image:url(../images/banner/bnwhite/mid.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 background-color:#FFFFFF;
 border-right:#c8dd67 1px solid;
}
.graytxt-small{
 color:#666666;
 font-size:14px;
 font-weight:bold;
}
.graytxt-big{
 color:#666666;
 font-size:18px;
}
.graytxt{
 color:#666666;
 font-size:16px;
 font-weight:bold;
}
.orangetxt-small{
 color:#e48214;
 font-size:14px;
}
.orangetxt-big{
 color:#e48214;
 font-size:12px;
 font-weight:bold;
}
.orangetxt{
 color:#e48214;
 font-size:16px;
 font-weight:bold;
}
.nweslettertxt{
 color:#FFFFFF;
 font-size:24px;
}

/* Menu */

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#nav-menu li
{
float: left;
margin: 0 2px;
} 

#nav-menu li a
{
height: 2em;
line-height: 2em;
float: left;
width: 110px;
display: block;
color: #ffffff;
font-size:14px;
text-decoration: none;
list-style:none;
} 
#nav-menu li a:hover
{
height: 2em;
line-height: 2em;
float: left;
width: 110px;
display: block;
color: #fff;
font-size:14px;
text-decoration: none;
text-align: center;
list-style:none;
} 


/* End Menu */
a:link {
 color: #e48214;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #e48214;
}
a:hover {
 text-decoration: underline;
 color: #333333;
}
a:active {
 text-decoration: none;
 color: #e48214;
}
 


.leftsidecon-bordermiddle {
 background:url(../images/con-leftsideborder-middle.jpg) repeat-y;
}

.product-bg{
 background-image:url(../images/product/mdl-product.jpg);
 background-repeat:repeat-x;
 color:#000000;
 font-size:16px;
}
.gapping{
 padding-top:10px;
 
}
.gapheight{
 padding-top:15px;
}
.gapping-body{
 padding-top:4px;
 font-size:12px;
}
.bimage-border{
 border:#e0dedb 4px solid;
} 

.dootedborder{
 border-top:#999999 1px dotted;
 padding-top:5px;
}

.orange-heading{
 color:#E48214;
 font-size:18px;
} 

.btn{
 background-image:url(../images/orangemenu/mid.png);
 background-repeat:repeat-x;
 color:#FFFFFF;
 padding:2px 5px 2px 5px;
 border:#FF6600 1px solid;
}
.btn-f{
 background-color:#ef9e31;
 color:#FFFFFF;
 padding:2px 5px 2px 5px;
 border:#FF6600 1px solid;
}
a.btn-f:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
}
a.btn-f:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
}
a.btn-f:hover {
	background-color:#e89019;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
}
a.btn-f:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
}


.pagination{
 background-color:#ef9e31;
 color:#FFFFFF;
 padding:2px 2px 2px 2px;
 border:#FF6600 1px solid;
}
a.pagination:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
}
a.pagination:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
}
a.pagination:hover {
	background-color:#e89019;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
}
a.pagination:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
	background-color:#333333;
}



.txt-box{
 background-color:#eeeeee;
 border:#cccccc 1px solid;
}

.msg-done {
 border:2px solid #BBDF8D;
 background:#EAF7D9 url(../images/msg/ico-done.gif) 10px 50% no-repeat;
 color:#006600;
}
.msg-error {
 color:#CC0000;
 border:2px solid #FFAEAE;
 background:#FEEBEB url(../images/msg/ico-delete.gif) 10px 50% no-repeat;
}

a.btn:link {
 color: #FFFFFF;
 text-decoration: none;
}
a.btn:visited {
 text-decoration: none;
 color: #FFFFFF;
}
a.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
}
a.btn:active {
 text-decoration: none;
 color: #FFFFFF;
}

.adminlogin{
background-image: url(../images/adminloginbg.jpg);
background-position: bottom;
background-repeat:no-repeat;
width:650px;
height:354px;
}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #E48214;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #E48214;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #E48214;
background-color: #F3F3F3;
}

#slideshow {
    position:relative;
    height:189px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:305px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:305px; height:200px; padding:2px; border:1px solid #ccc; background:#ffffff}
#information {position:absolute; bottom:0; width:305px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:300px; background-color:#ffffff;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:5px; height:230px; cursor:pointer; z-index:150}
#imgprev {left:0; background-color:#FFFFFF;}
#imgnext {right:0; background-color:#FFFFFF;}
#imglink {position:absolute; height:230px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background-color:transparent;}
#thumbnails {margin-top:1px}
#slideleft {float:left; width:1px; height:81px;background-color:#fff;}
#slideleft:hover {background-color:transparent}
#slideright {float:right; width:1px; height:81px; background-color:#fff; }
#slideright:hover {background-color:#fff}
#slidearea {float:left; position:relative; width:295px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* styles for the demo sub-pages */
#demo2 {
  margin: 0 auto;
  border: 0px solid #fff;
  color: #fff;
  width: 980px;
  padding: 10px;
  text-align: left;
  background-color: #564444;
  border: 3px solid #fff;

  background-image: url(../images/backrepeat.jpg);
  background-repeat: repeat-x;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

#innerbanner {
  margin: 0 auto;
  border: 0px solid #fff;
  color: #666666;
  width: 900px;
  padding: 10px;
  text-align: left;
  background-color: #eeeeee;
  border: 1px solid #dbe99d;

  background-image: url(../images/banner/bnwhite/inner-bannerbg.jpg);
  background-repeat: repeat-x;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}



/* end */

#orangemenu-bg {
  margin: 0 auto;
  color: #666666;
  width: 980px;
  height:20px;
  padding: 10px;
  text-align: left;
  background-image: url(../images/orangemenu/mid.png);
  background-repeat: repeat-x;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#headermenu-bg {
  margin: 0 auto;
  color: #666666;
  width: 980px;
  height:20px;
  padding: 10px;
  text-align: left;
  background-color:#666666;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#footermenu-bg {
  margin: 0 auto;
  color: #666666;
  width: 980px;
  height:20px;
  padding: 10px;
  text-align: center;
  background-image: url(../images/lowermenu/mid.png);
  background-repeat: repeat-x;
  border:#d5d5d5 1px solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/*#navlist ul
{

list-style-type: none;

}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}*/

#left-bg {
  margin: 0 auto;
  color: #666666;
  width: 613px;
  height: auto;
  padding: 10px;
  text-align: left;
  background-image: url(../images/leftbody/mid.jpg);
  background-repeat: repeat-x;
  border:#d5d5d5 1px solid;
  background-position:bottom;
  background-color:#ffffff;
  
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#right-bg {
  margin: 0 auto;
  color: #666666;
  width: 335px;
  height: auto;
  padding: 10px;
  text-align: left;
  background-image: url(../images/leftbody/mid.jpg);
  background-repeat: repeat-x;
  border:#d5d5d5 1px solid;
  background-position:bottom;
  background-color:#ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#newsletter-bg {
  margin: 0 auto;
  color: #ffffff;
  width: 300px;
  height: auto;
  padding: 10px;
  text-align: left;
  border:#d5d5d5 1px solid;
  background-color:#e78610;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

/* Menu */

#footer-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

#footer-menu li
{
float: left;
margin: 0 0.15em;
} 

#footer-menu li a
{
height: 2em;
line-height: 2em;
float: left;
width: 115px;
display: block;
color: #666666;
font-size:12px;
text-decoration: none;
text-align: center;
font-weight:bold;
} 
#footer-menu li a:hover
{
height: 2em;
line-height: 2em;
float: left;
width: 115px;
display: block;
color: #F1B84C;
font-size:12px;
text-decoration: none;
text-align: center;
font-weight:bold;
} 


/* End Menu */

.dotborder{
border-top:#cccccc 1px dashed;
border-bottom:#cccccc 1px dashed;
padding-bottom:10px;
}
.dotborder-bottom{
border-bottom:#cccccc 1px dashed;
padding-bottom:10px;
}


/* For slider banner */


.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 900px; margin: 16px auto; position: relative; min-height: 216px;
											  background: url(images/bg.png) top center; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: #FF6600; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 829px; position: absolute; left: 35px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 15px; }
.stripViewer								{ position: relative; overflow: hidden; width: 850px; height: 171px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 850px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -11px 0 0 -33px; }
#movers-row div								{ width: 11%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 0; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }





.tablecontainer {
	width:300px;
	float:left;
}
.tablelikelilikeli {
	background: none;
	height:200px;
	width:300px;
}
.tablelikeli ul {
	float:left;
	margin:0;
	padding:0;
}
.tablelikeli ul li {
	list-style:none;
	padding:5px 10px;
}
.tablelikeli ul li.title {
	font-weight:bold;
	color:#333;
}
.tablelikeli ul li.even {
	background: none;
}
.tablelikeli ul li.odd {
	background: none;
}
#description {
	width:300px;
	padding:10px;
	padding-top:30px;
}
/* banner end */

#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .8; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: relative; top: 0px; left: 163px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #ffffff; opacity: .99 /* safari bug */ }

/* styling without javascript */

#gallery li { float: left; margin: 0 10px 10px 0; }
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		padding: 10px;
		width: 520px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }