body {
	padding: 0;
	margin:0;
	/*background: #B2EBFF url(../images/site/test.jpg); repeat: no-repeat;*/
	/*background-image: url(../../images/site/bk_1.jpg); background-repeat: repeat;*/
	background-color:#FFFDF4;
	font-size: 13px;
	font-family: arial, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color: #414141;
	
}

/* clear floats */
.clearthefloats{clear:both;}

#outwrapper {
width:1110px;/*width:960px;*/
margin-left:auto; margin-right:auto;
border:0px solid #069;
}

#inwrapper {
width:960px;
float:left;
border:0px solid #069;
}

#ads_col {
width:145px;
margin-left:3px;
margin-top:105px;
float:left;
border:0px solid #069;
}


#top {
width:960px;
height:18px;
padding-top:5px;padding-bottom:5px;
margin-top:1px;
margin-bottom:1px;
margin-left:auto; margin-right:auto; 
text-align:center;
border:0px solid #069;
/*background:url("../../images/site/img08.gif"); repeat: repeat-x;*/
background-color:#FFFFFF; 
}


/* the horizontal menu starts here */

div#top ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#top li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#FFFFFF; /*sets the background of the menu items */
	border-right:1px solid #000000; /* creates dividing lines between the li elements */
	padding-left:6px;padding-right:6px;
	}
div#top li:first-child {
	border-left:1px solid #000000; /*the first vertical line on the menu */
	}

/* the horizontal menu ends here */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#top ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */
/* END OF LIST-BASED MENU */


#header_1 {
margin-top:5px;
width:960px;
height:75px;
margin-left:auto; margin-right:auto; 
border:0px solid #FF0000;
}

#header_1 .col_1{
float:left;
margin-right:40px;
border:0px solid #000000;
}

#header_1 .col_2{
float:left;
width:550px;
/*
margin:top:10px;
padding-top:8px;
width:250px;
font-size:10px;
border:0px solid #069;
*/
}

#header_1 .col_3 {
float:left;
border:0px solid #069;
}

#header_1 .col_2 h2{
color:#FFFFFF;
font-size:15px;
/*background-color:#B0B0B0;*/
background-color:#FF0000;
padding-left:5px;
padding-right:5px;
padding-top:20px;
padding-bottom:20px;
}


#header_2 {
width:960px;
margin-left:auto; margin-right:auto; 
border:0px solid #00FF00;
}

#header_3 {
width:960px;
height:18px;
padding-top:5px;padding-bottom:5px;
margin-top:1px;
margin-bottom:1px;
margin-left:auto; margin-right:auto; 
border:0px solid #069;
/*background:url("../../images/site/img08.gif"); repeat: repeat-x;*/
background-color:#4D4D4D; 
/*background-color:#57B10F;*/
}



/*** LIST MENU **/
/* the horizontal menu starts here */

div#header_3 ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#header_3 li {
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	/*background-color:#F00000;*/ /*sets the background of the menu items */

	border-right:1px solid #AAAAAA; /* creates dividing lines between the li elements */
	}
div#header_3 li:first-child {
	border-left:1px solid #AAAAAA; /*the first vertical line on the menu */
	}
div#header_3 li:hover { 
	background-color:#4D4D4D; /*sets the background of the menu items */
	}
div#header_3 a {
	padding:0 12px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;	/* sets the type color */
	font-weight:bold;
	font-size:13px;
	}
div#header_3 a:hover {
	text-decoration:underline;
	}
/* the horizontal menu ends here */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#header_3 ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/*** END LIST MENU ***/


#header_4 {
width:960px;
height:85px;
color:#FFFFFF; 
background: #FFFFFF url(../../images/site/bg5_free-voucher-codes.jpg); repeat: no-repeat;
margin-left:auto; margin-right:auto;
margin-bottom:5px;
border:0px solid #FF0000;
}

#header_4 .col_1{
float:left;

margin-left:10px;
margin-right:80px;
border:0px solid #069;
padding-top:12px;

}

#header_4 .col_2{
float:left;

padding-top:10px;
margin-right:80px;
border:0px solid #069;

}

#header_4 .col_3 {
float:left;

border:0px solid #069;
padding-top:10px;
}



#header_4 .col_3 .browse{
float:left;
padding:3px 5px 3px 5px;
}

#header_4 .col_3 .alphabet{
float:left;
font-weight:bold;
padding:3px 5px 3px 5px;
}

#header_4 .col_3 .alphabet:hover{
background-color:#FAD701;
}
#header_4 .col_3 a{
color:#FFFFFF;
}

/*
#header_4 #search_btn{
	font-size: 0px;
	color:#68B72E;
	border: solid 0px #3B2911;
	cursor: pointer;
	width:66px;
	height:25px;
	background:url(../../images/site/search_btn.png) no-repeat left top;

}
*/


#header_4 .header_text{
font-size:15px;
font-weight:bold;

}

#header_4 #search {
/*
padding-top:5px;
height:20px;
*/

}

#header_5 {
width:960px;
color:#000000; 
margin-left:auto; margin-right:auto;
border:0px solid #ff0000;
overflow: hidden; /* otherwise scroll text will add scroll bars to whole length of text*/
}

#header_5 a {
text-decoration:none;
font-weight:bold;
color:#333333;
}

#header_5 .col_1{
float:left;
width:130px;
color:#DE1B83;
font-weight:bold;
margin-right:10px;
border:0px solid #000000;

}

#header_5 .col_2{
float:left;
815px;
border:0px solid #000000;
overflow: hidden; /* otherwise scroll text will add scroll bars to whole length of text*/
}


#rotating_ad_2{
width:960px;
margin-top:5px;
margin-left:auto; margin-right:auto;
text-align:center;
}


#page {
width:960px;
margin-top:0px;
margin-left:auto; margin-right:auto; 
border:0px solid #FF0000;

}

#column_1{
float:left;
width:230px;
margin-right:9px;
border-right:0px solid #DFDFDF;

}

#column_1 .row_1 {
width:100%;
border:0px solid #069;
margin-bottom:8px;

}

#column_1 .row_1 .row_1_1 {
width:220px;
height:130px;
/*background-color:#cccccc;*/
/*height:170px;*/
background: #FFFFFF url(../../images/site/bg3_free-voucher-codes.jpg); repeat: no-repeat;
border:0px solid #FF0000;
}

#column_1 h2{
color:#FFFFFF;
font-size:15px;
margin-left:5px;
padding-top:5px;
margin-bottom:5px;
}

#column_1 .view_all_stores {
display:block;/* make span area clickable */
cursor: pointer;
font-weight:bold;
text-align:left;
margin-left:5px; 
margin-top:10px;
padding:3px 5px 3px 5px;
background:url(../../images/site/view_all_stores_btn.png) no-repeat left top;
height:22px; /* this is in same height as button image height */
}

#column_1 a {
text-decoration:none;

}



#column_1 .row_1 .row_1_2 {
width:215px;
margin-top:0px;
border:0px solid #FF0000;
}
#column_1 .row_1 .row_1_2 a {
font-weight:bold;
color:#FFFFFF;
}


#column_1 .alphabet{
display:block; /* make whole span as an active link*/
float:left;
width:6px;
text-decoration:none;
border:0px solid #069;
padding:2px 8px 2px 8px;
}

#column_1 .alphabet:hover{
background-color:#FAD701;
cursor: pointer;
}


#column_1 .ad_row_1 h2 {
color:#999999;
}

#column_1 .ad_row_1 {
margin-top:5px;
margin-bottom:5px;
}

#column_1 .row_2 h2{
color:#414141;
}

#column_1 .row_3 {
margin-top:0px;
width:100%;
border:0px solid #069;
height:760px;
margin-bottom:5px;
background: #FFFFFF url('../../images/site/bg11_free-voucher-codes.jpg') no-repeat; 
}

#column_1 .row_3 .row_1_1 {
width:215px;
border:0px solid #FF0000;
}

#column_1 .row_3 .row_1_1 h2 {
color:#000000;
}

#column_1 .row_3 .row_1 .row_1_2 {
width:215px;
border:0px solid #FF0000;
}

#column_1 .row_3 .row_1_1 .row_1_2 ul {
list-style:none;
margin:0px 0px 0px 5px;
padding:0px;
}

#column_1 .row_3 .row_1_1 .row_1_2 ul li {
margin:0px;
padding:0px;
}

#column_1 .row_3 .row_1_1 .row_1_2 ul li a {
font-weight:normal;
text-decoration:none;
line-height:150%;
color:#000000;
font-size:14px;
margin:0px;
padding:5px;
}


#column_1 .row_3 .row_1_1 .row_1_2 ul li:hover {

background-color:#FAD701;
}

#column_1 .row_2 .row_2_1 img {
border:1px solid #CCCCCC;
}

#column_1 .row_2 .row_2_1 img:hover {
border:1px solid #FFFFFF;
}

#column_1 .link_underline a {
color:#006699;
text-decoration:underline;
line-height: 20px; 
}

#content{
float:left;
/*width:690px;*/
/*width:720px;*/
width:720px;
border:0px solid #000000;


}

#content .row_1 {
width:720px;
height:50px;
margin-bottom:1px;
background: url(../../images/site/bg4_free-voucher-codes.jpg); repeat: no-repeat;
}

#content .row_2 {
width:720px;
height:50px;
background: #FFFFFF url(../../images/site/bg9_free-voucher-codes.jpg); background-repeat: no-repeat;
margin-bottom:20px;
}



#content .title{
color:#333333;
margin:5px;
padding-top:5px;
font-weight:normal;
font-style:italic; 
font-size:15px;

}

#content .row_2{
width:690px;
margin-top:100px;
}

#content .row_3{
width:718px;
}

#content .row_3 ._1 {

}

#content .row_3 ._1 ul{
list-style-image:url(../../images/site/arrow_1_free-voucher-codes.gif);
}
#content .row_3 ._1 ul li a{
font-weight:bold;
text-decoration:none;
}

#content .row_3 ._1 ul li a:hover{
text-decoration:underline;
}

#content .row_3 .title{
color:#202020;
font-weight:bold;
font-size:15px;
}
#content .row_3 .merchant_title{
font-size:18px;
color:#000000;
border:0px solid #000000;
margin-top:0px;
}

#content .row_3 ._4_even_row {
background-color: #EEEEEE;
border:2px dashed #BEBEBE;
margin-bottom:20px;
padding:5px 20px 5px 20px;
}

#content .row_3 ._4_odd_row {
background-color: #FFFFFF;
border:2px dashed #BEBEBE;
margin-bottom:20px;
padding:5px 20px 5px 20px;
}





#content #showcode_btn{
	font-size: 0px;
	color:#68B72E;
	border: solid 0px #3B2911;
	cursor: pointer;
	width:228px;
	height:32px;
	background:url(../../images/site/showcode_btn.png) no-repeat left top;
	

}




/*
DELETE AFTER A WHILE 12/Sept/2009 ***********

#content .row_3 .featured_retailers_entry .entry_element{
float:left;
height:100px;
width:150px;
margin-right:5px;
margin-bottom:5px;
border:0px solid #666666;
text-align:center;
}

#content .row_3 .top_stores_entry .entry_element{
float:left;
height:80px;
width:150px;
margin-right:5px;
margin-bottom:5px;
border:0px solid #666666;
text-align:center;
}
*/

.promotion_text{

font-weight:bold;
}
/*
#footer{
width:960px;
height:70px;
margin-top:150px;
background-color:#4D4D4D;
border:0px solid #000000;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
text-align:center;
}
*/

#footer{
width:720px;
margin-top:60px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:0px solid #CFCFCF;
}

#footer p {
color:#333333;
}

#signiture{
width:100%;
text-align:center;
margin-left:100px;
}

#signiture p{
font-size:12px;
color:#666666;
}
/*
#footer .col_1{
float:left;
width:400px;
height:90px;
border:0px solid #FFFFFF;
}

#footer .col_1 .row_1{
float:left
}

#footer .col_2{
float:left;
margin:0 auto;
border:0px solid #000000;
width:400px;
height:90px;
text-align:center;
border:0px solid #FFFFFF;
}

#footer a, a:hover, a:visited, a:active{
color:#FFFFFF;
}
*/

/*- Menu Tabs J--------------------------- */
 
    #tabsJ {
      float:left;
      width:100%;
      font-size:100%;
	  font-weight:bold;
      line-height:normal;
	  border-bottom:1px solid #CCCCCC;
      }
    #tabsJ ul {
	  margin:0;
	  /*padding:10px 10px 0 50px;*/  /**** INDENT WHOLE MENU ***/
	  list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../../images/site/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../../images/site/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
 
/* -------------------------------------*/




a:link {
	
	color: #414141;
}

a:hover, a:active {
	text-decoration: none;
	color: #414141;
}

a:visited {
	color: #414141;
}

img {
	border: none;
}





.line {border-bottom: 1px solid; border-color: #BFBFBF}

.merchant_list_even_row {background-color: #FFFFFF;}
.merchant_list_odd_row {background-color: #FFFFFF;}

.retailer_list_even_row {background-color: #FFFFFF; height:20px;}
.retailer_list_odd_row {background-color: #FFFFFF; height:20px;}

.new_sales_even_row {
width:210px;
padding:5px;
height:78px;
padding:5px;
border-bottom: 1px solid #CCCCCC;
background-color: #FFFFFF;
}

.new_sales_odd_row {
width:210px;
height:78px;
padding:5px;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;

}

.featured_sales_even_row {
width:700px;
padding:5px;
height:50px;
border-bottom: 1px solid #CCCCCC;
background-color: #FFFFFF;
}

.featured_sales_odd_row {
width:700px;
height:50px;
padding:5px;
border-bottom: 1px solid #CCCCCC;
background-color: #EEEEEE;

}

.link_underline a {
color:#006699;
text-decoration:underline;
line-height: 20px; 
}

.table_list{
width:100%;
}

.table_list td, th{
padding:5px;
text-align:center;

}

.table_breadcrumbs{
border:0px;
padding:0px;
width:100%;
}

.voucher_code{
/*padding-left:20px;padding-right:20px;*/
border:2px dashed #404040;
font-weight:bold;
font-size:20px;
color:#333333;
letter-spacing:2px;
}

.enter_code_text{
height:30px;padding-top:10px;
font-weight:bold;
font-size:15px;
background-color:#FFFFCC;
margin-bottom:10px;
clear:both;
display:none;
}

.showcode {
background: url('../../images/site/showcode_btn.png') no-repeat top;
width:228px;
height:32px;
cursor: pointer;
}

.code_message {
font-size:12px;
}

.alphabet_index{
display:block;/* make span area clickable */
cursor: pointer;
text-decoration:none;
float:left;
padding:4px 3px 4px 3px;
margin:3px;
background-color:#FCC567;
font-size:16px;

}

.alphabet_index_bk{
width:100%;
height:40px;
background-color:#ECECEC;
paddinh-top:5px;
margin-bottom:5px;
border:0px solid #069;
}


.alphabet_item{
float:left;
width:200px; height:30px;
padding:0px;
border:0px solid #069;
text-align:center;
}


#alphabet_item_box{

/*width:200px; height:100px;*/
width:100%;
height:100px;

padding:15px 0px 0px 1px;
/*border-bottom:1px dashed #BEBEBE;*/
border:2px dashed #BEBEBE;
/*text-align:center;*/
margin-bottom:20px;

}

#alphabet_item_box .col_3 img{
border:3px solid #BBBBBB;
}
#alphabet_item_box .col_3 img:hover{
border:3px solid #CCCCCC;
}

#alphabet_item_box .col_1 {
float:left;
width:150px;
margin-right:10px;
text-align:center;
}

#alphabet_item_box .col_1 img{
/*width:80px;*/
width:100px;
}

#alphabet_item_box .col_2 {
float:left;width:410px;
margin-right:10px;

}

#alphabet_item_box .col_3 {
float:left;
width:100px;
/*margin-right:15px;*/
padding-top:10px;
text-align:center;
}

#content h1{
font-size:22px;
color:#4D4D4D;
}

#content h2{
font-size:15px;
color:#4D4D4D;
}

#content .row_3 .alphabet{
margin-bottom:50px;
/*background-color:#F4F4F4;*/
padding:0px 5px 5px 5px;
}

#content .row_3 .alphabet p{
font-size:18px;
}

.valid{
color:#FBB234;
font-weight:bold;
}

.expired{
color:#FF0000;
font-weight:bold;
}


#merchant_promotions_container {
width:720px;
}

#merchant_promotions {
border:0px solid #FF0000;
}

.promotion_entry {
float:left;
margin-right:5px;
margin-bottom:10px;
}

.promotion_entry p {
color:#000000;
font-size:15px;
}

.promotion_entry a {
color:#006699;
font-weight:bold;

}

.description {
color:#9A9A9A;
}


.more_vouchers {
display:none;
}

.show_more_vouchers {
float:right;
/*
padding:3px 5px 3px 5px;
width:107;height:22px;
background:url(../../images/site/view_all_stores_btn.png) no-repeat left top;
*/
}

.latest_merchant_voucher_codes {
width:80px;
height:40px;
/*height:45px; */
border:2px solid #CCCCCC; 
margin-left:auto;margin-right:auto; margin-bottom:5px; 
text-align:center;
}
.latest_merchant_voucher_codes:hover {
border:2px solid #BBBBBB;
}

#simplegallerycontainer {
text-align:center;
margin-left:auto; margin-right:auto;
}

#simplegallery {
text-align:center;
margin-left:auto; margin-right:auto;
margin-bottom:3px;

}

.promotionsGalleryThumb {
float:left;
padding:2px;
}





/* styles for rate me */


 .rating {
	cursor: pointer;
	margin: 2em;
	/*clear: both;*/
	/*display: block;*/
}
.rating:after {
	content: '.';
	/*display: block;*/
	height: 0;
	width: 0;
	/*clear: both;*/
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.star-left,
.star-right {
  width: 8px
}
.cancel,
.cancel a {background: url('../../images/site/delete.gif') no-repeat 0 -16px;}

.star,
.star a {background: url('../../images/site/star.gif') no-repeat 0 0px;}

	
.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}



/*end of styles for rate me*/



#pagination {
width:700px;
margin-top:20px;
margin-bottom: 20px;
}

#pagination a {
text-decoration:none;

}

#pagination .col_1 {
float:left;
width:500px;
margin-right:100px;
border:0px solid #FF00FF;
}

#pagination .col_2 {
float:left;
border:0px solid #FF00FF;
}


/* jquery carousel styles*/



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    /*height: 100px;*/
	margin-right:50px;
	text-align:center;
	border:0px solid #000000;
	
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


.jcarousel-outer-container {
width:720px;
height:150px;
background: url(../../images/site/bg13_free-voucher-codes.jpg); background-repeat: no-repeat;
/*background-color:#4D4D4D;*/
color:#FFFFFF;
padding-left:3px;
}

#mycarousel {
visibility:hidden; /*turn on visiblity in javascript.  give time for ul to embed images inside*/
}

/*tango skin for jquery carousel*/

.jcarousel-skin-tango .jcarousel-container {
   /* -moz-border-radius: 10px;*/
    /*background: #FF0000;*/
	
	width:720px;
	
    border: 0px solid #FF0000;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   width:640px;/* width: 245px;*/
    padding: 0px 40px 5px 40px;
	
	border:0px solid #ff0000;
	

}



.jcarousel-skin-tango .jcarousel-clip-horizontal { 
margin-left:auto;margin-right:auto; text-align:center;
	width:630px;
    /*width:  540px; *//*ATTENTION this width should equal to the size of each merchant box + margin-right 
	(the two css styles directly below this one) e.g. 80 * 6 + (6 *10) = 540*/
   /* set height of merchant box container *//* height: 75px; */
}



.jcarousel-skin-tango .jcarousel-item {
   /* width: 80px;*/
   width:95px;
     /* set height of merchant box *//* height: 75px; */
	border:0px solid #000000;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
	/*height:60px;*/
	/*background-color:#FFFFFF;*/
	
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../../images/site/next-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../../images/site/prev-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* end jquery carousel styles*/





.clearthefloats{clear:both;}