@import url(http://fonts.googleapis.com/css?family=Calibri);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Lora);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);/*font-family: 'Open Sans', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);/*font-family: 'Open Sans Condensed', sans-serif;*/

@charset utf-8;
/*--
	Theme Name: wp003
--*/

/* General
---------------------------------------- */
html,
body {
	
	}
body{
	background:url(../images/bg.jpg) repeat;
	color: #747474;
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	position:relative;
}

#main {
	font-size:.875em;
}
.container {
	width: 960px;
	margin: 0 auto;
	position:relative;
}

.light{
	background:url(../images/light.png)  center 5px no-repeat ;
	min-height: 460px
}

p{
font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-align:justify;
}
p img {
float:right;
width:420px;
margin-left:20px;
}
p.txt1 {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #333;
	font-weight:bold;
	text-align:center;
	margin-top:300px;
}

#content {
width:940px;
margin:0 auto;
padding:20px;
font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	background:url(../images/bottomimg.png) center 100px no-repeat;
	min-height:552px;

}
.content-left {
float:left;
width:670px;
border:0px solid red;
padding-top:10px;
}
.content-left-testing {
float:left;
width:550px;
border:0px solid red;
padding-top:10px;
}
.content-left-contact {
float:left;
width:420px;
border:0px solid red;
padding-top:10px;
}
.content-right-contact {
float:left;
width:480px;
border:0px solid red;
padding-top:10px;
}
.content-left-new {
float:left;
width:480px;
border:0px solid red;
padding-top:10px;
}
.content-left h3 {
text-align: left;
font-family: 'Patua One', cursive;
font-size: 30px;
line-height: 38px;
color: #2b3a42;
text-transform: none;
margin-bottom: 20px;
border-bottom: 0px dotted #a7a7a7;
padding-bottom: 10px;
margin-top: 0;
}
h3 {
text-align: left;
font-family: 'Patua One', cursive;
font-size: 30px;
line-height: 38px;
color: #2b3a42;
text-transform: none;
margin-bottom: 20px;
border-bottom: 0px dotted #a7a7a7;
padding-bottom: 10px;
margin-top: 0;
}
h3 span {
font-size:22px;
color:#0278C2;
}
h3 img {
float:right;
margin:-20px 0px 0px 0px;
}
.content-right {
float:right;
width:240px;
}
.content-right-new {
float:right;
width:420px;
}
.left-part {
width:220px;
float:left;
margin-left:0px;
}
.right-part {
width:698px;
float:right;
margin-right:10px;
}
#slideshow { 
		    margin: 10px auto; 
		    position: relative; 
		    width: 698px;  
		    padding: 10px 0px; 
		    /*box-shadow: 0 0 20px rgba(0,0,0,0.4); */
		}
		
		#slideshow > div { 
		position:absolute;
		    
}
.link-box {
box-shadow:inset 0px 0px 10px #ccc;
}
.list {
  padding-top: 5px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 20px;
}
.list li {
  font-size: 12px;
  line-height: 20px;
}
.list li a {
  font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#333;
  text-decoration: none;
  display: block;
  padding: 4px 0 4px 10px;
  border-bottom: 1px dotted #e4e4e4;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background:url(../images/mark.png) 0px 9px no-repeat;
  text-transform:none;
}
.list li a:hover {
  background: #2158AB;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 4px 0 4px 10px;
  color: white;
  text-decoration:none;
}
.list li a:hover .fa {
  color: #ffffff;
}
.list li a .fa {
  font-size: 29px;
  line-height: 27px;
  display: inline-block;
  padding-right: 33px;
}
.list li:last-child a {
  border: none;
}
h6 {
  padding: 10px 0 10px 10px;
  font-family: 'Patua One', cursive;
font-size: 26px;
line-height: 38px;
  color:#2158AB;
  font-weight:normal;
  margin:10px 0px 0px 0px;
  border:1px solid #e4e4e4;
  /*background-color:#CE4B4B;*/
}
.gallery {
width:100%;
}
.gallery img {
width:200px;
padding:5px;
background-color:#fff;
border:1px solid #ccc;
float:left;
margin:10px;
}

/* Folio Cycle */
.folio_cycle {
	list-style-type:none;
	padding:0;
	margin:10px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	border:1px solid #fff;
	
	box-shadow:0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
	}
	.folio_cycle .folio_item {
		overflow:hidden;
		display:none;
		}
	.folio_cycle .folio_item:first {
		display:block;
		}
		.folio_cycle .folio_item .featured-thumbnail {
			float:none;
			margin:0 0 15px 0;
			}
			.folio_cycle .folio_item .featured-thumbnail img {
				float:none;
				}
#folio-controls {
	text-align:center;
	overflow:hidden;
	height:30px;
	margin: 0px 0 0 1px;
	position:relative;
	z-index: 99;
	background-repeat:repeat;
	background-position:0 0;
	/*background-image:url(../images/folio-controls-bg.png);*/
	width:350px;
	padding-top:15px;
	}
	#folio-controls ul {
		list-style-type:none;
		margin:0;
		padding:0;
		}
		#folio-controls ul li {
			padding:0;
			margin:0 3px;
			display:inline-block;
			}
			#folio-controls ul li a {
				display:inline-block;
				text-decoration:none;
				width:7px;
				height:7px;
				background:#2158AB;
				font-size:0;
				line-height:0;
				border-radius:50px;
				padding: 0;
				}
			#folio-controls ul li a:hover,
			#folio-controls ul li.activeSlide a {
				background:#333;
				}

.bdr-line {
font-family: 'Patua One', cursive;
  font-size: 30px;
  line-height: 38px;
  color: #2b3a42;
  text-transform: none;
  margin-bottom: 10px;
  padding-top:10px;
  border-bottom: 1px dotted #a7a7a7;
  clear:both;
  }
ul.listing {
display:block;
margin-left:25px;
}
ul.listing li {
list-style-type:none;
list-style-image:url(../images/arrow.png);
margin-bottom:6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
color: #333;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 0px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
color:#154D86;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
border:1px solid #ccc;
padding:4px;
}

.cssform textarea{
width: 250px;
height: 150px;
border:1px solid #ccc;
padding:4px;
}
.cssform .btn {
background-color:#263035;
border:0px;
font-family: 'Calibri', Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top:10px;
}
.cssform .btn:hover {
  background-color: #4d4d4d;
  color: #ffffff;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
/* Header
---------------------------------------- */
#header {
	height:420px;
	background: url(../images/header.jpg) left top repeat-x;
	padding-top: 4px;
	z-index:99;
	border:0px solid red;
}

#header-top {
	width:980px;
	height:auto;
	padding:0px;
	margin:0 auto;
	z-index:99;
}
/* Logo */
.logo {
	margin:10px 0px 10px 0px;
	border:0px solid red;
}
	.logo h1,
	.logo h2 {
		font-size:83px;
		line-height:1.2em;
		margin-bottom:0;
		text-transform:uppercase;
		letter-spacing:-6px;
		border:none;
		padding:0;
		}
		.logo h1 a,
		.logo h2 a {
			color:#fff;
			text-decoration:none;
			}


h1 span {
font-size:23px;
font-style:italic;
}


/* Slider
---------------------------------------- */
#slider-wrapper {
width:980px;
height:330px;
margin-left:auto;
margin-right:auto;
	height:100%;
	overflow:hidden;
	position:relative;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	clear: both;
	z-index:999;
	}
#slider {
	position:relative;
	width:950px;
	height:438px;
	background:url(images/loading.gif) no-repeat 50% 50% #fff;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;

}




/*
 * jQuery FlexSlider v1.0 (Release)
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Styles for FlexSlider
*********************************/ 
.flexslider {
	width: 100%;
	height:330px;
	margin: 0; 
	padding: 0;
	border:0px solid black;
}
.flexslider .slides li {
	display: none;
} 
.flexslider .slides img {
	max-width: 100%; 
	display: block;
}


/* Theme default FlexSlider
*********************************/
.flexslider {
	
	margin-top: 0px  
}
.flexslider .slides  li {
	position: relative;
}
.flexslider-container {
	position: relative;
}


/* Title Style */
.flex-caption {
	width:400px; 
	position: absolute; 
	right: 50px; 
	top: 100px; 
	color: #A7B7C0; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
	font-size: 15px; 
	line-height: 18px;
}
.flex-caption p span {
text-align:left;
}
.flex-caption span { 
font-family: 'Patua One', cursive;
font-size: 24px;
color:#000;
line-height:40px;
text-shadow:1px 1px 0px #999;
font-style:italic;
text-align:left;
}
.flex-caption span.color2 { 
color:#0F70E1;
text-shadow:1px 1px 0px #333;
}
.flex-caption a{
	display: block;
	background: url(../images/request.jpg) left top no-repeat;
	width: 155px;
	height: 35px;
	font-size: 12px;
	line-height: 35px;
	text-align: center;
	color: #0e1617;
	margin-top: 35px;
	text-shadow:1px 1px #fff;
}

/* Nav */
.flex-direction-nav li a {
	width: 31px; 
	height: 58px; 
	margin: -13px 0 0; 
	display: block; 
	background: url(../images/bg_direction_nav.png) no-repeat 0 0; 
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	text-indent: -9999px;
	border:10px solid red;
	} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */

.flex-direction-nav li a.next {
	background-position: -52px 0; 
	right: 0px;
}
.flex-direction-nav li a.prev {
	background-position: 0 0; 
	left: 0px;
}

/* Control */
.flex-control-nav {
	margin-left: -31px; 
	position: absolute; 
	bottom: -30px; 
	left: 50%;
	} /* set negative margin-left equal to half the width on the control-nav for perfect centering */

.flex-control-nav li {
	margin: 0 0 0 5px; 
	float: left;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 13px; 
	height: 13px; 
	display: block; 
	background: url(images/bg_control_nav.png) no-repeat 0 0; 
	cursor: pointer; 
	text-indent: -9999px;
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px; 
	cursor: default;
}

/* Navigations
---------------------------------------- */

/* Primary navigation */
nav.primary {
	position:relative;
	z-index:9999;
	margin-top:5px;
	height:67px;
	float:left;
	width:985px;
	background: url(../images/line-menu.png) left top no-repeat;
	padding-left: 5px;
	
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	min-width:	250px; /* left offset of submenus need to match (see below) */
	background:#313131;
	padding:3px 0px 6px;
	margin-left:-40px;
	border: 1px solid #1a1a1a;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	z-index:999999;

}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			9px;
	top:			86px; /* match top ul list item height */
	z-index:		999999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			146px; /* match ul width */
	top:			-22px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			146px; /* match ul width */
	top:			0;
}


/* Our skin for dropdown menu */
.sf-menu {
	
}
.sf-menu a {
	text-decoration:none;
	color:	#212121;
}
.sf-menu a:hover {
	text-decoration:none;
	}
.sf-menu li {
	
}
.sf-menu > li {
	margin:0 0 0 0px;
	color:#fff;
	font-size:13px;
	line-height:1.2em;
	text-align: center;
	background: url(../images/line-menu.png) right top no-repeat;
	padding-right:5px;
	}
	.sf-menu .sub-menu  li:first-child{
		background: none;
		
		
	}

	
	.sf-menu > li > a {
		font-size:12px;
		line-height:1.2em;
		padding:29px 0 28px 0;
		color:#fff;
		font-weight: bold;
		-moz-border-radius-bottomleft: 14px; -webkit-border-bottom-left-radius: 14px; border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 14px; -webkit-border-bottom-right-radius: 14px; border-bottom-right-radius: 10px;		
		margin-left: 10px;
		margin-right: 10px;
		text-transform:uppercase;
		
		}
	.sf-menu > li > a:hover,
	.sf-menu > li.sfHover > a,
	.sf-menu > li.current-menu-item > a {
		color:#e6ad00;
		background: url(images/nav_hover.gif) left top repeat-x;
		}
	.sf-menu > li > a:hover,
	.sf-menu > li.sfHover > a,
	.sf-menu > li.current-menu-item > a{
		color:#3598FC;
		}
		
.sf-menu li li {
	float:none;
	padding:3px 0 0 0px;
	text-align: left;
	background: url(images/line_drop.gif) top left repeat-x;
}
	.sf-menu li li a {
		font-size:11px;
		color:#3598FC;
		line-height:28px;
		padding:0 9px 0 10px;
		margin-bottom:1px;
		text-align: left;
		background: url(images/list_menu.gif) left no-repeat;
		}
	.sf-menu li li a:hover,
	.sf-menu li li.sfHover > a,
	.sf-menu li li.current-menu-item > a{
		background:#222222 url(images/list_menu.gif) left no-repeat;
		color:#fff;
		}
.sf-menu li li li {
	
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current-menu-item > a {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Under Slider Area
---------------------------------------- */
.before-content-holder{
	width: 266px;
	height: 170px;
	float: left;
	padding: 10px 30px;
	margin-top: -36px;
	font-size: 14px;
	line-height: 18px;
	z-index: 999;
}
.before-content-holder h3{
	text-align: center;
	font-family: 'Patua One', cursive;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	text-transform: none;
	text-shadow:0px 0px 3px #084c56;
	margin-bottom: 0px;
	border: none
}
#text-2{
	background: url(../images/banner1.png) no-repeat;
	color: #a1d3ee;
		z-index:999;
}
#text-3{
	background: url(../images/banner2.png) no-repeat;
	color: #c2f2f7;
		z-index:999;
}
#text-4{
	background: url(../images/banner3.png) no-repeat;
	color: #f6feb5;
		z-index:999;
}
.textwidget p {
color:#fff;
line-height:16px;
font-size:13px;
margin-top:0px;
}
.before-content-holder .more{
	background: url(../images/more.gif) left top repeat-x;
	border:1px solid #fff;
	line-height: 20px;
	font-family:'Calibri', Arial, Helvetica, sans-serif;
	color: #0e1617;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	height: 20px;
	text-decoration: none;
	text-align: center;
	width: 80px;
	-moz-box-shadow:3px 4px 0px #1e272a;	
	-webkit-box-shadow:3px 4px 0px #1e272a;	
	box-shadow:3px 4px 0px #1e272a;
	margin-left: 33%;
	margin-top: 10px;
}

/* Before Content Area
---------------------------------------- */

	#footer {
	  background: url("../images/footer.jpg") repeat-x scroll left top transparent;
	  height: 60px;
	  padding: 23px 0 0;
	  margin-top:20px;
	  font-family:'Calibri',Arial, Helvetica, sans-serif;
	}
	#ft-right {
	  float: right;
	}
	
	#ft-right a {
	  color: #9FA5AC;
	  font-family: 'Calibri',Arial;
	  font-size: 14px;
	  text-decoration:none;
	}
	#ft-right a:hover {
	  color: #ccc;
	  text-decoration:none;
	}

	#copyright {
	  color: #9FA5AC;
	  font-family: 'Calibri',Arial;
	  font-size: 14px;
	  float:left;
	  margin-top:-10px;
	  margin-left:10px;
	}
	
	/**ashu**/
.lfloat{float:left;}
.rfloat{float:right;}
.clients-master{
	width:940px;
	height:auto;
	margin:0px;
	padding:0px;
	}
.clients-inr{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	}
.clients-inr ul{
	margin:0px;
	padding:0px;
	}
.clients-inr ul li{
	margin:11px;
	width:161px;
	padding:0px;
	float:left;
	list-style-type:none;
	border: solid 2px #ccc;
	}
.clients-inr ul li:hover{
	border: solid 2px #3598FC;
	display: block;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.clients-inr ul li:last-child{
	margin-right:0;
	}

/**disclaimer**/
.disclaimer-new{
	width:920px;
	height:79px;
	margin:0 auto;
	padding:10px;
	background:url(../images/disclaimer-bg.gif) repeat-x;
	border:solid 1px #B5DAFF;
}
.disclaimer-new h1{
	margin:0px;
	padding:0px;
	font-family:'Calibri', Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-size: 16px; 
	color: #3598FC;
	font-weight:bold;
	line-height: 25px!important;
}
.disclaimer-new p{
	margin: 8px 0px;
	padding: 0px;
	line-height: 15px;
	text-shadow: 2px 2px 2px #E9E6E6;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}

/***** carousel *****/
.carouselHolder{width:983px; height:auto; margin:0px auto; padding:0px;}
h2{margin:0px 0px 15px 0px; padding:0px 0px 5px 0px; font:bold 16px Arial, Helvetica, sans-serif; color:#383838; display:block; text-transform:capitalize; border-bottom:solid 1px #ccc;}
#best-sellers { padding-top:10px; width: 100%; position: relative; background:url(../images/carsualBg.png) no-repeat; }
#best-sellers h3 { color: #404040; margin-bottom: 0; }
#best-sellers .jcarousel-container { width:926px; height: 138px; padding:0 28px 0 28px;  }
#best-sellers .jcarousel-clip { width: 926px; height: 137px; overflow: hidden; }
#best-sellers .jcarousel-item { width: 137px; height: 137px; text-align: center; float: left; display: inline; margin-right: 19px; }
#best-sellers .jcarousel-prev,
#best-sellers .jcarousel-next { width: 20px; height: 33px; background: url(../images/best-sellers-directions.png) no-repeat; position: absolute; top: 55px; cursor: pointer; }
#best-sellers .jcarousel-prev { background-position: 0 0; left: 2px; }
#best-sellers .jcarousel-prev:hover { background-position: 0 bottom; }
#best-sellers .jcarousel-next { background-position: right 0; right: 12px; }
#best-sellers .jcarousel-next:hover { background-position: right bottom; }
#best-sellers a { position: relative; display: block; height: 100%; }
#best-sellers a:hover { text-decoration: none; opacity: 0.7;}
#best-sellers a img { width: 135px; height: 135px; display: block; border:1px solid #ccc; }
#best-sellers .price { position: absolute; top: 107px; right: -26px; width: 62px; height: 62px; background: url(images/best-price.png); font-size: 22px; font-weight: bold; line-height: 62px; text-align: center; color: #fff; display: block; }
#best-sellers .price .low { font-size: 14px; vertical-align: baseline; }
#best-sellers .price .high { font-size: 11px; line-height: 14px; vertical-align: super;}
#best-sellers .product .author { color: #3d3d3d; }