@charset "UTF-8";


p,form { margin-bottom: 1em; }

code { font-size: 14px; }

body {font-family:"Trebuchet MS", Calibri, Arial, Helvetica, sans-serif;}
/* -- Links & Buttons -- */

a.main-site { float: left; padding: 5px 0 5px 45px; background: url(arrow1-leftwards.png) 0 50% no-repeat; }
a.main-site, a.main-site:link, a.main-site:visited { border: none; color: #000; text-decoration: none; }


/* -- Layout models -- */

.section { margin-bottom: 45px; }
.section.highlight { position: relative; float: left; width: 100%;  border: background: #fff !important; -webkit-box-shadow: 0 0 4px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 4px rgba(50, 50, 50, 0.75); box-shadow: 0 0 4px rgba(50, 50, 50, 0.75); }


/* -- Structure -- */

#wrapper { position: relative; width: 100%; margin: 0 auto; min-width:1182px;}
.header-override {min-width: 1182px;}
.footer-override {min-width: 1182px;}

/* -- Main Banner -- */

#banner { clear: both; position: relative; z-index: 2; padding-top: 20px; }
#banner.section { }


/* -- Main Area -- */

#categories-wrapper {clear: both; width: 1182px; margin: 0 auto; padding-bottom:20px;}
#categories { clear: both; width: 1054px; margin: 0 auto; padding-top: 30px; }
#categories .main-title{font-weight:bold;}
#categories #popular-categories {height:408px}
#categories #popular-categories #category-item {float:left}
/*#categories #popular-categories #category-item .h2 { position: absolute; top: 100px;  left: 0; width: 100%; }
#categories #popular-categories #category-item:hover { -webkit-filter: blur(4px) ;position:relative; width: 100%;}
*/
#categories #popular-categories #category-item #image-item{float:left; border:3px solid white;}
#categories a:link {text-decoration:none;color:grey;}
#categories a:visited {text-decoration:none;color:grey;}
/*
.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h2 { 
   /*position: absolute;*/
   top: 200px; 
   left: 0; 
   width: 100%; 
}
*/


/* -- @namespace 'Plain Horizon' -- */

html#plain-horizon #header { border-bottom: 0; }
html#plain-horizon #banner .footnote { margin-top: 7px; }
html#plain-horizon #banner { padding-top: 0; }
html#plain-horizon #banner a:hover { border: none; }
html#plain-horizon #banner.section { }

#carousel-section { clear: both; margin: 0 auto; padding-top: 30px;width:1185px; padding-bottom:4px;}
#carousel-section .main-title {padding-left:50px; font-weight:bold;}
#slider-code { height: 300px; overflow:hidden; float:left; margin-left:50px;}
#slider-code .viewport { float: left; width: 345px; height: 280px; overflow: hidden; position: relative; }
#slider-code .buttons { display: none; margin: 30px 10px 0 0; float: left; }
/*#slider-code .next { margin: 50px 0 0 10px;  }*/
slider-code .buttons { display: none;}
#slider-code .next {display:none;}
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 280px; width: 348px;}

#slider-code .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 10px; }
#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #F5FFFA; text-decoration: none; cursor:default;text-align: center; padding: 5px 5px 5px 5px; color: #F5FFFA; font-size: 14px;font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:#F5FFFA; cursor:default;}                 
  
#slider-code2 { height: 300px; overflow:hidden; }
#slider-code2 .viewport { float: left; width: 660px; height: 280px; overflow: hidden; position: relative; }
#slider-code2 .next { right: -18px;display: block; position: relative; height:60px;  z-index: 30; overflow: hidden; width: 31px; margin-right:5px;  margin-top:140px;  background: url(arrow1-white-black.png) 100% 0 no-repeat; }
#slider-code2 .buttons { display: block; position: relative; height:60px; float:left; z-index: 30; overflow: hidden; width: 31px; margin-right:5px;  margin-top:140px;  background: url(arrow1-white-black.png) 100% 0 no-repeat; }
#slider-code2 .prev { display: block; position: relative; height:60px; float:left; z-index: 30; overflow: hidden; width: 31px; margin-right:5px;  margin-top:140px;  background: url(arrow1-white-black.png) 0 no-repeat; }


#slider-code2 .disable { visibility: hidden; }
#slider-code2 .overview { list-style: none; position: absolute; padding: 0; margin: 40px 0 0 0; left: 0; top: 0; }
#slider-code2 .overview li{ float: left; margin: 0 10px 0 10px; padding: 1px; height: 280px; width: 201px;}
          
.carousel-sub-header {margin: 10px 0 10px 0; font-size:20px;}

#full-carousel-section { clear: both; margin:0 auto; padding-top: 30px; width:1180px; min-height:300px; margin-top:30px;}
#full-carousel-section .main-title {padding-left:50px;font-weight:bold;}
#full-carousel-section a:link {text-decoration:none;color:grey;}
#full-carousel-section a:visited {text-decoration:none;color:grey;}
#full-carousel-section #slider-code2 { height: 253px; overflow:hidden; float:left; width:1180px}
#full-carousel-section #slider-code2 .viewport { float: left; width:1090px; height: 230px; overflow: hidden; position: relative; }
#full-carousel-section #slider-code2 .next { right: -18px;display: block; position: relative; height:60px;  z-index: 30; overflow: hidden; width: 31px; margin-right:5px;  margin-top:90px;  background: url(arrow1-white-black.png) 100% 0 no-repeat; }
#full-carousel-section #slider-code2 .buttons { display: block; position: relative; height:60px; float:left; z-index: 30; overflow: hidden; width: 31px; margin-right:5px;  margin-top:90px;  background: url(arrow1-white-black.png) 100% 0 no-repeat; }
#full-carousel-section #slider-code2 .prev { display: block; position: relative; height:60px; float:left; z-index: 30; overflow: hidden; width: 31px; margin-right:5px;  margin-top:90px;  background: url(arrow1-white-black.png) 0 no-repeat; }


#full-carousel-section #slider-code2 .disable { visibility: hidden; }
#full-carousel-section #slider-code2 .overview { list-style: none; position: absolute; padding: 0; margin: 20px 0 0 0; left: 0; top: 0; }
#full-carousel-section #slider-code2 .overview li{ float: left; margin: 0 20px 0 10px; padding: 1px; height: 230px; width: 328px;}

.featured-hover-bg {
    display:block;
    background: none repeat scroll 0 0 #000000;
    opacity: 0.3;
    position: absolute;
    cursor:pointer;
    margin-top:185px;
    width:345px;
    min-height:52px;
}

.featured-hover-text {
	display:block;
    position: absolute;
    color:white;
    font-weight:bold;
    cursor:pointer;
    font-size:14px;
    margin-left:8px;
    margin-top:190px;
    width:330px;
    font-weight:normal;
}

.full-hover-bg{
    display:block;
    background: none repeat scroll 0 0 #000000;
    opacity: 0.3;
    position: absolute;
    cursor:pointer;
    font-size:40px;
    margin-top:190px;
    width:345px;
    bottom:-19px;
}

.full-hover-text{
	display:block;
    position: absolute;
    color:white;
    cursor:pointer;
    font-size:14px;
    bottom:25px;
    text-align:center;
    width:330px;
    font-weight:normal;
}

.category-hover-bg {
	display:block;
    background: none repeat scroll 0 0 #000000;
    opacity: 0.3;
    color:white;
    cursor:pointer;
    font-size:25px;
    margin-left:3px;
    margin-top:167px;
    height:40px;
    margin-right:3px;
    margin-bottom:-18px;
}

.category-hover-text {
	display:block;
    color:white;
    cursor:pointer;
    font-size:25px;
    margin-left:3px;
    margin-top:-16px;
    height:40px;
    margin-right:3px;
    position:absolute;
    text-align:center;
}
.carousel-hover-bg{
    display:block;
    background: none repeat scroll 0 0 #000000;
    opacity: 0.3;
    position: absolute;
    cursor:pointer;
    font-size:45px;
    bottom:40px;
    width:200px;
}

.carousel-hover-text{
	display:block;
    position: absolute;
    color:white;
    font-weight:bold;
    cursor:pointer;
   	font-size:14px;
    bottom:10px;
    text-align:center;
    width:200px;
    font-weight:normal;
    min-height:80px;
}

.middle 
{
	text-align:center;
	/*background:grey;*/
	top: 10%;
	position:absolute;
	width:100% 
}
.gradientBoxesWithOuterShadows {  
	background-color: white; 
	/* outer shadows  (note the rgba is red, green, blue, alpha) */
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	/* rounded corners */
	/*-webkit-border-radius: 12px;
	-moz-border-radius: 7px;
	border-radius: 7px;*/
	/* gradients */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%,#F5FFFA)); 
	background: -moz-linear-gradient(top, white 0%, white 55%, #F5FFFA 130%); 
	background:	-ms-linear-gradient(top, #ffffff 0%, #F5FFFA 100%);
	background: linear-gradient(#ffffff, #F5FFFA);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F5FFFA');/*For IE7-8-9*/ 
	/*height: 1%;/*For IE7*/
}
#back-top {
	position: fixed;
	bottom: 300px;
	/*margin-left: -150px;*/
	margin:0 auto;
	margin-left:93%;
}

#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/*color: #bbb;*/
	float:left;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 100px;
	height: 60px;
	padding-top:120px;
	color:grey;
	font-weight:bold;
	display: block;
	margin-bottom: 7px;
	background: url(/css/top_arrow.JPG) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	/*background-color: #777;*/
}