@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background: url(../images/bg.jpg) top left repeat-x #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11pt; color: #666666; line-height: 18px;}

#wrapper { width: 1020px; height: auto; margin-left: auto; margin-right: auto; background: #fff; }

#header { position: relative; float: left; width: 1020px; height: auto; background: url(../images/header.jpg) top left no-repeat #fff; }

#specialDeals { position: relative; float: left; margin-left: 10px; display: inline; width: 375px; height: auto; margin-top: 150px; }

#searchBar { position: relative; background: url(../images/search_bg.png) center no-repeat; width: 1020px; height: 70px;  margin-top: 80px; padding-top: 60px;}

/*	.searchButton { background: url(../images/search_btn.jpg) top left no-repeat; width: 71px; height: 32px; border: 0 none; text-indent: -9000px;}	*/
	.searchButton { background: url(../images/search_btn.jpg) top left no-repeat; width: 71px; height: 32px; border: 0 none; margin-top: 15px; }

/*	#searchBar input.text { margin-left: 20px; height: 25px; }	*/
	#searchBar input.text { margin-left: 20px; height: 25px; margin-top: 15px; }

#membersWrapper { position: relative; float: right; width: 306px; height: 46px; margin-top: -60px; }	
#membersSignUp, #membersSignIn { position: relative; float: right; width: 138px; height: 46px; margin-right: 15px; }
	
#mainContent { position: relative; float: left; width: 930px; height: auto; padding: 0 45px; margin-top: 15px;}

	#boxesWrap { position: relative; float: left; width: 930px; height: auto; margin-top: 15px; }
		#box1 { position: relative; float: left; width: 204px; height: 110px; margin-left: 3px; margin-right: 6px; background: url(../images/box1_def.jpg) top left no-repeat; color: #006699; padding-left: 100px; padding-top: 15px; }
		#box1:hover { background: url(../images/box1_hov.jpg) top left no-repeat; color: #fff;}
		
		#box2 { position: relative; float: left; width: 204px; height: 110px; margin-right: 6px; background: url(../images/box2_def.jpg) top left no-repeat; color: #006699; padding-left: 100px; padding-top: 15px; }
		#box2:hover { background: url(../images/box2_hov.jpg) top left no-repeat; color: #fff;}
		
		#box3 { position: relative; float: left; width: 204px; height: 110px; background: url(../images/box3_def.jpg) top left no-repeat; color: #006699; padding-left: 100px; padding-top: 15px; }
		#box3:hover { background: url(../images/box3_hov.jpg) top left no-repeat; color: #fff;}
	
	#contentWrapper { position: relative; float: left; width: 930px; height: auto; margin: 15px 0;}
		#leftContent { position: relative; float: left; width: 580px; height: auto; padding: 0 30px; }
		#rightContent { position: relative; float: left; width: 250px; height: auto; padding-left: 30px; }
			#rightContent a:link { font-weight: bold; text-transform: lowercase; color: #006699; text-decoration: none; font-size: 8pt; margin-bottom: 18px; }
			#rightContent a:visited { font-weight: bold; text-transform: lowercase; color: #006699; text-decoration: none; font-size: 8pt; margin-bottom: 18px; }
			#rightContent a:hover { font-weight: bold; text-transform: lowercase; color: #faac1a; text-decoration: none; font-size: 8pt; margin-bottom: 18px; }
			#rightContent a:active { font-weight: bold; text-transform: lowercase; color: #faac1a; text-decoration: none; font-size: 8pt; margin-bottom: 18px; }
		.rss { position: relative; float: right; }
	
	#footer { position: relative; float: left; clear: both; margin-left: 45px; width: 930px; height: 15px; padding: 10px 0; text-align: center; background: #e1e1e1; }
		#footer a:link { color: #999999; }
		#footer a:visited { color: #999999; }
		#footer a:hover { color: #000; }
		#footer a:active { color: #000; }
		

/* TEXT STYLES */
h1 { font-size: 18pt; font-weight: normal; margin-bottom: 18px; color: #359bcc;}
h2 { font-size: 14pt; font-weight: normal; }
h3 { font-size: 9pt; font-family: "Trebuchet MS"; }
p { margin-bottom: 18px; }
p.boxText { font-size: 11pt;}
p.linkDescription { font-size: 8pt; font-family: "Trebuchet MS"; margin-bottom: 0;}
p.rightLink { margin-bottom: 18px; }
p.footer { font-family: "Trebuchet MS"; font-size: 8pt; color: #999999; }

/* jQUERY SLIDER */

#s3slider {
   width: 930px; /* important to be same as image width */
   height: 282px; /* important to be same as image height */
   position: relative;  /*important */
   overflow: hidden; /* important */
   z-index: 0;
 
}

#s3sliderContent {
   width: 930px; /* important to be same as image width or wider */
   position: absolute;  /*important */
   top: 0; /* important */
   margin-left: 0; /* important */
   z-index: 1;
}

.s3sliderImage {
   float: left;  /*important */
   position: relative;  /*important */
   display: none;  /*important */
   z-index: 2;
}

.s3sliderImage span {
   position: absolute;  /*important */
   left: 0;
   font: 30px/34px Trebuchet MS bold;
   padding: 10px 13px;
   width: 930px;
   height: 50px;
   background-color: #fff;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #999999;
   display: none; /* important */
   bottom: 0;
   z-index: 3;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.formLabel{
	width: 200px;
	float: left;
}
.formInput{
	float: left;
}

.clear {
   clear: both;
}

a{
	color: #ec8304;
	text-decoration: underline;
}
a:hover{
	color: #000000;
}