body {
	font-family: arial, Helvetica, verdana, sans-serif;
	font-size: 13px;
	color: #333;
	/*background: #231F1F;*/
	padding: 0px;
	/*margin-left:75px;*/
	/*text-align: center;*/
	width: 850px; /*100%;*/
	margin:0px auto; /* centre align website */
	/*background-image: url(../images/bg_gradient.gif); background-repeat: repeat;*/
	

}


a:link {
	text-decoration: none;
	font-weight:bold;
	color: #FF0000;
}

a:visited {
	text-decoration: none;
	font-weight:bold;
	color: #FF0000;
}

a:hover, a:active {
	text-decoration: none;
	font-weight:bold;
	color: #FF0000;
}


img {
	border: 0;
}


p {
	margin-top: 10px;
}

.emphasized_text{
color:#FF7200;
font-size:15px;
font-weight:bold;
}

.emphasized_text_small{
color:#60A760;
font-size:11px;
font-weight:bold;

}

#product_show_item{
/*width:200px;
height:200px;*/
padding:0px;
border:0px solid #cccccc;

/*border-right:1px dotted #cccccc;
border-bottom:1px dotted #cccccc;*/
float:left;


}

.product_show_item{
width:135px; /* CONTROL HOW MANY PRODUCT ITEMS TO ALIGN HORIZONTALLY ON PRODUCTS PAGE */
height:200px;
margin-top:0px;
}


.send_email, email_sent {
font-weight: bold;
color: #FF0000;
}




h1 {
	font-size:15px;
	/*font: bold 15px arial, sans-serif;*/
	/*letter-spacing: 5px;*/
	margin-bottom: 0;
	color: #FF7200;
}


h2 {
	font-size:15px;
	/*font: bold 15px arial, sans-serif;*/
	letter-spacing: 5px;
	margin-bottom: 0;
	color: #FF7200;
}

h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom: 0;
	color: #FF7200;
}

h3 {
	font: bold 12px trebuchet ms, sans-serif;
	letter-spacing: 5px;
	margin-bottom: 0;
	color: #cccccc;
}

span.product_price{
font-size:12px;
color:#DD0000;
}


span.price_tag{
font-size:14px;
color:#DD0000;
}

span.price{
font-size:18px;
color:#DD0000;
}


#image_button:hover{
border: 1px solid #231F1F; /* Set image border hover color */

}


.column1_advert{
width:100%; background-color:#FFFFFF;
}

/*
a:link {
	text-decoration: none;
	color: #000;
}

a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #369;
	color: #000;
}

a:hover, a:active {
	text-decoration: none;
	border-bottom: 1px solid #036;
	color: #000;
}
*/

img {
	border: 0;
}

#mainwrap{
/*width: 850px;*/ /*100%;*/
width:1050px;
border:0px solid #333;
margin-left:auto; margin-right:auto;
/*margin-left:5px;
margin-right:5px;*/
border:0px solid #E6E6E6;
background-color:#ffffff;

}

#container {
	float:left;
	/*position: absolute;*/
	/*top: 85px;
	left: 0px;*/
	background-color: #ffffff;
	border-bottom: 0px solid #eee;
	text-align: left;
	width: 850px; /*100%;*/
	height: 100%;
	margin-top:0px;
	/*background-color:#231F1F;*/
}

#ads_col {
float:left;
width:150px;
padding-left:15px;
border:0px solid #000000;

}

#header_01 {
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	border:0px solid #000000;
	height: 20px;
	margin-top:5px;
	width: 850px;/*100px; */
	background-color: #ffffff;
}

#header_02 {
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	height: 50px;/*66px;*/
	width: 850px; /*100%;*/
	background: #ffffff;
	/*padding-top: 8px;*/
	border:0px solid #000000;
	padding-bottom:0px;
	margin-top:0px;
	background-image: url(../images/bg_header.gif); background-repeat:no-repeat;
	
}

#header_02_p1 {
margin-top:5px;
width:200px;
float:left;
border:0px solid #000000;
}

#header_02_p2 {
float:right;
border:0px solid #000000;
width:162px;
height:60px;
margin-top:5px;
/*background-image: url(../images/bg_header.gif); background-repeat:no-repeat;*/

}

#header_03 {
	margin-top:0px;
	margin-bottom:0px;

	/*height:21px;*/
	width: 850px; /*width:100%*/
	/*background: #A60725;*/
	border:0px solid #069;
	background-color:#FFFFFF;
	/*background-color:#231F1F;*/
	/*background-image: url(../images/bg_header.gif); background-repeat:repeat-x;*/

}

#chromemenu{
/*margin-left:5px;*/
width:850px; /* width of main menu */
border:0px solid #069;

}

#column1_mybasket{
	font-family: helvetica, verdana, sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #000000;
	border:0px solid #ffffff;
	line-height:5px;
	
	background-color: #6699CC;
	/*background-image: url(../images/shopping_bk.jpg); background-repeat:repeat-y;*/

}

#column1_mybasket p{

}
div#basket_header{
background-color:#BC9443;
height:25px;
}

#column3_row {
	font-family: arial, Helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border:0px solid #183AD1;
	width:170px;
	margin-bottom:10px;
	background-color:#ffffff;
	
}

#header_04{
width:850px;
height:34px;
margin-top:0px;
border-bottom:0px solid #183AD1;

background-color:#6699CC;
/*background-image: url(../images/headerback.jpg); background-repeat:repeat-x;*/

}

#header_04_p1{
float:left;
border:0px solid #069;
/*width:200px;*/
margin-top:0px;
margin-left:2px;
color:#E7E7E7;
font-size:9.5px;
font-weight:bold;
	font-family: arial, Helvetica, verdana, sans-serif;
}

div##header_04_p1 p {
text-decoration: none;color:#fff;font-weight:bold;
	font-family: arial, Helvetica, verdana, sans-serif;
font-size:11px;
}

select.search_category{
margin-left:4px;
font: 11px Arial, sans-serif; /*width: 123px; */
color: #000000; background-color: #F2F2F2;
}

input.search_text{
font-size:11px;color:#000000;background-color:#F2F2F2;border-style:inset;
border-width:1px;height:16px;}

input.search_button{
font-size: 11px;color:#000000;

	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #E76600;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:30px;
	height:19px;
	margin-top:5px;
	/*text-align: center;*/
	/*padding: 1px;*/
	/*margin-right: 5px;*/
	/*vertical-align: middle;*/
	background:url(../images/search_go.gif) no-repeat left top;

}

#header_04_p2{
border:0px solid #069;
float:right;
margin-right:20px;
	font-family: arial, Helvetica, verdana, sans-serif;
font-size: 15px;color: #ffffff;

}


#header_05{
height:5px;
background-color:#ffffff;

}


#header_06 {
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	border:0px solid #000000;
	border-top: 5px solid #6699CC;
		height:20px;
	/*margin-top:5px;*/
	padding-top:3px;
	width: 850px;/*100px; */
	background-color: #CCCCCC;
}

#header_06_p1{
float:left;
border:0px solid #069;
width:160px;/*105px;*/
text-align:center;
}
#header_06_p2{
float:right;
border:1px solid #183AD1;
width:150px;
text-align:center;
margin-right:5px;
}






#header h1 {
	font-size:15px;
	font-weight:bold;
	line-spacing:5px;
	margin-bottom: 0;
	color: #FF7200;
}


#column1{float:left;}

div#column1 {

	float: left;
	width: 130px;

	/*margin-left:5px;*/

}

#column1 .row_1 {
background-color: #6699CC;
width:130px;
}

#column1 .row_2 {
text-align:center;
}

div#column1_row{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	/*border:1px solid #183AD1;*/
	height:80px;
	margin-top:10px;

}

#column1_row.img{
	border:0px solid #183AD1;
}

#main {

	width:500px;
	margin-top: 10px;
	margin-left:15px;
	/*border-left: 1px dotted #3D0046;*/
	/*background-color: #ffffff;*/
	float:left;

}



#column3{
width:170px; /*width:150px;*/
float:right;
/*margin-right:5px;*/
background-color: #F5F5F5;
/*border-left:1px solid #CCCCCC;*/
}


div#column3_row{
	font-family: "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	/*border:1px solid #183AD1;*/
	margin-top:10px;

}

#column3 p{
font-size:11px;
/*line-height:0px;*/
font-weight:normal;
}

#footer {
	width: 850px;; /*width:100%*/
	border:0px solid #000000;
	/*background-color: #4082FF;*/
	text-align:center;	

}

#footer a{	
	color: #000000;
}

#footer p{
	margin-bottom:2px;

}

#signiture {
width:600px;
text-align:center;
border:0px solid #069;
margin-top:80px;
margin-left:auto; margin-right:auto;

}

#signiture p {
font-size:12px;
}

.required_field {
color:#FF0000;font-weight:bold;font-size:20px;
}

.product_border{
border:1px solid #BBBBBB;
}

.product_border:hover{
border:1px solid #CCCCCC;
}

input.buybutton_submit {
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #ffffff;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:147px;
	height:21px;
	/*text-align: center;*/
	/*padding: 1px;*/
	/*margin-right: 5px;*/
	/*vertical-align: middle;*/
	background:url(../images/addtobasket.gif) no-repeat left top;
	}
	
input.nextstepbutton_submit
{
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #333333;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:115px;
	height:30px;
	background:url(../images/nextstep.gif) no-repeat left top;
}


input.registerbutton_submit
{
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #333333;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:56px;
	height:18px;
	background:url(../images/register.gif) no-repeat left top;
}

input.paycreditcardbutton_submit
{
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #000000;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:145px;
	height:18px;
	background:url(../images/paycreditcard.gif) no-repeat left top;
}

input.paypaypalbutton_submit
{
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #000000;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:145px;
	height:18px;
	background:url(../images/paypaypal.gif) no-repeat left top;
}	

input.paycheckbutton_submit
{
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #000000;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:145px;
	height:18px;
	background:url(../images/paycheck.gif) no-repeat left top;
}

input.loginbutton_submit
{
	border: solid 0px #3B2911;
	background-color:#1C3DD8;
	color: #ffffff;
	cursor: pointer;
	font-size:9px;
	font-weight: bold;
	width:37px;
	height:18px;
	background:url(../images/login.gif) no-repeat left top;
}

	
.paginate{
color:#000000;
border:1px solid #666666;
padding:2px;
margin-right:3px;
text-decoration: none;
}	
	
.paginate_selected{
color:#ffffff;
border:1px solid #666666;
padding:2px;
margin-right:5px;
background-color:#5870A0;
text-decoration: none;
}		

.link_button{
color:#000000;
border:1px solid #666666;
text-decoration: none;
padding:2px;
}


.pink_text {
color:#EC008C;font-weight:bold;width:400px;text-align:center;line-height: 1.3;
margin-bottom:20px;

}

.pink_text_2{
letter-spacing: 0px;
color:#EC008C;font-weight:bold;width:170px;line-height: 1.3;
margin-top:0px;
margin-bottom:2px;
}


.small_text_1 {
font-size:10px;
letter-spacing: 0px;
margin-top:0px;
margin-bottom:2px;
}

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





/* CSS TABBED BASED MENU */

ol#toc {
    /*height: 2em;*/
    height:25px;
	list-style: none;
    margin: 0;
    padding: 0;
	border:0px solid #069;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
	
}

ol#toc a {
    background: #bdf url(../images/basic_tab.jpg);
    /*color: #008;*/
	color:#ffffff;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;


 font-size: 10pt;
 font-weight: 600;
 text-decoration: none;
	font-family: arial, Helvetica, verdana, sans-serif;
	
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
	 text-decoration: underline;	
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #000000;
    font-weight: 600;
 	text-decoration: none;	
}

ol#toc li.current span {
    background-position: 100% -60px;
 	text-decoration: none;
}

ol#toc span {
    background: url(../images/basic_tab.jpg) 100% 0;
    display: block;
    line-height: 2em;
    /*padding-right: 10px;*/

	padding-right:30px;
	padding-left:20px;


}

div.content {
    border: #4D8AFF solid 3px;
    clear: left;
    padding: 1em;
}

/* END OF CSS TABBED BASED MENU */ 




/* CHROME MENU (DHTML BASED) */


.chromestyle{
width: 100%;
font-weight: normal;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/*background-color: #2348CD;*/
/*background: url(../images/navback.jpg) center center repeat-x; */  /*THEME CHANGE HERE*/
/*background-image: url(../images/mail_top_bg.gif); background-repeat:no-repeat;*/
padding: 4px 0;
margin: 0px;
text-align: left; /*set value to "left", "center", or "right"*/
font-size:11px;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
}

.chromestyle ul li a:hover{
color: #ffffff;
/*background: url(../images/navback.jpg) center center repeat-x; *//*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ffffff; /*THEME CHANGE HERE*/
border-bottom-width: 0;
z-index:100;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
font-color: #ffffff;
font-weight: bold;
	font-family: arial, Helvetica, verdana, sans-serif;
font-size:11px;
background-color: #231F1F;


}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #EEE4D1;
color:#000000;
}


/* END OF CHROM MENU (DHTML BASED) */







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

div#listmenu {
/*float:right;*/
margin-right:0px;
	font-family: arial, Helvetica, verdana, sans-serif;
font-size:11px;
background-color:#fff;
/*background-image: url(../images/navback.jpg); background-repeat:repeat-x;*/
border:0px solid #000000;}
	
div#listmenu ul {margin:0 0 0 5px;/* indents ul from edge of container */

	}
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */

	/* width of each menu item NOT SET
	*/
	list-style-type:none;	/* removes the bullet off each list item */
	/*background-color:#2248CF; sets the background of the menu items */
	color:#fff;
	border-right:1px dotted #0082B4; /* creates the vertical line to the left of each list items */
	border:0px solid #0082B4;
	margin-right:5px;

	/*background-image: url(../images/navback.jpg); background-repeat:repeat-x;*/

	}
div#listmenu li:first-child {
		/*border-left:0px solid #0082B4; the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#FFF; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#E3E3E3;	/* sets the type color */

	}
div#listmenu a:hover {
	color:#fff;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:130px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */

	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0px solid #211C6E; /*  three sides of each drop-down item */
	border-bottom:0px solid #211C6E;
	border-right:0px solid #211C6E;
	padding:0 0 1px;
	list-style-type:square;
	text-align:left; /* align text to middle */
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10px;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu 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? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:10px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10px;
  }
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  top:-1px;
  left:10px;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:70px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */






/*MY LIST-BASED MENU */
/* the horizontal menu starts here */
div#mylistmenu {
	/*width:100%; 	 makes the div full width */

	/*float:right; makes the div enclose the list */
	border:0px solid #069;	/* draws line on top edge of div */
	border-bottom:0px solid #000;	 /* draws line on bottom edge of div */
	font-size:11px;	/* SET FONT-SIZE HERE */
	/*background-color:#231F1F;  colors the div  */
	margin-top:0px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	padding-top:0px;
	float:right;
	margin-left:5px;
	/*margin-right:50px;*/
	}
div#mylistmenu ul {margin:0 0 0 1px;/* indents ul from edge of container */
	border: 0px solid #fff;
	}
div#mylistmenu 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:#000; sets the background of the menu items */
	border-right:1px solid #211C6E; /* creates dividing lines between the li elements */
	margin-left:15px;
	width:100px;	
	
	}
div#mylistmenu li:first-child {
	border-left:0px solid #000; /*the first vertical line on the menu */
	}
div#mylistmenu li:hover { 
	/*background-color:#fff; sets the background of the menu items */
 text-decoration: underline;
	}
div#mylistmenu a {
 font-size: 10pt;
 color: black;
 font-weight: 600;
 text-decoration: none;
	font-family: arial, Helvetica, verdana, sans-serif;

    /*padding:0 6px; creates space each side of menu item's text */

	}
div#mylistmenu a:hover {
 text-decoration: underline;
	}
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
	* html div#mylistmenu ul {
	float:left; /* makes the ul wrap the li's */
	}
/* the horizontal menu ends here */
/* END OF MY LIST-BASED MENU */









/* products menu */
div#productsmenu {
width:130px;margin:0px dotted #999;
background-color:#6699CC5;

 font-size: 10pt;
 color: white;
 font-weight: 600;
 text-decoration: none;
	font-family: arial, Helvetica, verdana, sans-serif;
}
	
.productsmenu_header{
background-color:#799EC4;font-weight:bold;
/*background-image: url(../images/boxback.jpg);no-repeat;*/
height:29px;
text-align:center;
color:#ffffff;
margin-bottom:0px;

}
div#productsmenu ul {width:130px;border:0; margin:2px 0; padding:0; list-style-type:none;background-color:#6699CC;}
div#productsmenu li {margin:1px; padding:8px 1px; text-indent:1px;border-bottom:2px solid #6699CC;}
div#productsmenu li:hover{margin:1px; padding:8px 1px; text-indent:1px;background-color:#E5D0A7;}	
div#productsmenu li:first-child {background-color:#d8e4eb;color:#334C66;}
div#productsmenu a{
 font-size: 10pt;
 color: white;
 font-weight: 600;
 text-decoration: none;
	font-family: arial, Helvetica, verdana, sans-serif;

}
div#productsmenu a:hover {text-decoration:underline;}
/* a hack for IE Win only \*/	
* html div#productsmenu ul {}
/*end of hack */

/*end of products menu */


/** JQUERY SCROLLABLE **/
DIV.scrollable {
	BORDER-BOTTOM: #ccc 0px outset; POSITION: relative; BORDER-LEFT: #ccc 0px outset; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 0px; WIDTH: 500px; PADDING-RIGHT: 0px; HEIGHT: 114px; OVERFLOW: hidden; BORDER-TOP: #ccc 0px outset; BORDER-RIGHT: #ccc 0px outset; PADDING-TOP: 10px
}
DIV.scrollable DIV.items {
	POSITION: absolute; WIDTH: 20000em;  CLEAR: both
}
DIV.scrollable DIV.items DIV {
	BORDER-BOTTOM: #ccc 0px outset; TEXT-ALIGN: center; BORDER-LEFT: #ccc 0px outset; PADDING-BOTTOM: 25px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 0px; WIDTH: 110px; PADDING-RIGHT: 0px; FONT-FAMILY: "bitstream vera sans"; FLOAT: left; FONT-SIZE: 30px; BORDER-TOP: #ccc 0px outset; MARGIN-RIGHT: 20px; BORDER-RIGHT: #ccc 0px outset; PADDING-TOP: 25px; -moz-border-radius: 5px
}
DIV.scrollable DIV.items DIV.active {
	BORDER-BOTTOM: #ccc 0px inset; BORDER-LEFT: #ccc 0px inset; BACKGROUND-COLOR: #fff; BORDER-TOP: #ccc 0px inset; BORDER-RIGHT: #ccc 0px inset
}





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

/* 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;
}


/*tango skin for jquery carousel*/

.jcarousel-skin-tango .jcarousel-container {
   
    background: #6699CC;
	/*width:400px;*/width:100%;
    border: 0px solid #FF0000;
	text-align:center;margin-left:auto;margin-right:auto;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   width:400px;/* width: 245px;*/
    padding: 10px 20px; 5px; 20px;
	

}



.jcarousel-skin-tango .jcarousel-clip-horizontal { 
margin-left:auto;margin-right:auto; text-align:center;
    width:  280px; /*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: 60px;
     /* set height of merchant box *//* height: 75px; */
	border:0px solid #000000;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../images/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: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url("../images/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*/