@import url(http://fonts.googleapis.com/css?family=Yellowtail);

#mainContent .left-col{ width:670px !important;}
#mainContent .left-col section{}
#mainContent .right-col{ width:300px !important; }
#mainContent .right-col section{ width:258px !important}

.hot-deals a{ float:left; display:block; width:200px; margin-right:14px; color:#fff; text-decoration:none}
.hot-deals a:hover {text-decoration:none}
.hot-deals a:nth-child(4) {margin-right:0px !important;}

.hot-deals a img{ display:block; margin-bottom:15px}
.hot-deals a h3{ font-size:120%; margin-bottom:8px; color:#fff}
.hot-deals a b{  font-size:90%; color: #68978a; display:block; margin-bottom:5px;}
.hot-deals a p{ font-size:85%; line-height:120%; color:#999; margin-bottom:0}
#mainContent .banner{ display:block; margin:0 0 10px}

.testimonial {  background:#202020 !important; }
.testimonial blockquote{ padding:5px 0 20px 15px; background: url(../images/quote.png) no-repeat 0 0; font-style:italic}
.testimonial blockquote span:before{ content:"--"; display: inline-block; margin-right:10px}
.testimonial blockquote span{ display:block; font-family:'Droid Serif', Times New Roman, Times, serif; font-weight:bold; text-align:right}

/******************************** SLIDER **********************************************************/

/* slider layout */
#slider-content { width:980px; height:260px;
	margin-bottom:10px;
	overflow:hidden;
	-moz-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.6);
}
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
    
		}
	#slider li{ 
		width:980px; height:260px;
		overflow:hidden;
		}	
	#slider li a{ 
  	display:block;
    padding:15px 30px;
    height:100%;
    background-repeat:none;
    color:#fff !important;
    text-shadow:0px 2px 10px #000;
    text-align:right;
    
  }
 	#slider li a h4{
   	font-family: 'Yellowtail', sans-serif;
    font-size:400%;
    line-height:140%;
    margin:40px 0 10px;
     color:#fff !important;
     font-weight:900;
  }
  #slider li a p{
    width:400px;
    float:right;
    font-size:120%;
    line-height:120%;
  }
	/* numeric controls */	

	ol#controls{
		padding:0;
		height:20px;
    position:absolute;
    right:5px;
    bottom:5px;
		}
	ol#controls li{
		margin:0 6px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		}
	ol#controls li a{
    display:block;
    font-size:90%;
		float:left;
		background:#222;
		color:#eee;
		padding:1px 6px;
		text-decoration:none;
		}
  ol#controls li a:hover{
    background:#444;
  }
	ol#controls li.current a{
		background: #EAC117;
		color:#111;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

@media only screen and (max-width : 480px) {
	#mainContent .left-col, #mainContent .right-col,
	#slider-content, 
	.hot-deals a,
	.hot-deals a img,
	#mainContent .banner,
	#mainContent .banner img{
		width: 100% !important;
	}
	#mainContent .right-col section{
		width: 90% !important;
	}
	#slider-content{
		height: 120px
	}
	#slider li a h4{
		text-align: left;
		font-size: 200%;
		margin: 5px 0;
	}
	#slider li a {
		padding: 10px 10px;
	}
	#slider li a p{
		width: 280px;
		float: none;
		font-size: 90%;
	}
	#mainContent .left-col, #mainContent .right-col {
		float: none;
	}
	.hot-deals a{
		margin: 0 0 20px;
	}
}