/* CSS Document */
.contentslide{
	float:left;
	position:relative;
	height:153px; z-index:1;
}

img{border:none;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	width:738px;
	height:153px;
	margin-bottom:10px;
}

.contentslide .contentdiv{
	display: none;
	width:738px;
	height:153px;
}

.contentslide .contentdiv .contentdiv_bg{
	width:738px; height:153px;	
	padding:10px; 
	width:auto;
}

.pagination_rotate{	text-align:left; padding: 0 10 4px 0;	float:left;	clear:left;	position:absolute;	right:0px;	top:130px; border:thick #003; 	}


.contentdiv {
	padding:20 10 0 10px;
	text-indent:0px;
}

/* ---------------------------------- Slider -------------------------------------- */

.slider{ width:100%; height:282px; margin-bottom:5px; margin-left:20px; background:url(../images/slider-bg.gif) no-repeat #fff !important; font-size:10px; }

.slider.gray{ background:url(../images/slider-bg.gif) no-repeat !important;  }
.slider.blue{ background:url(../images/slider-bg.gif) 0 -282px no-repeat !important;  }
.slider.orange{ background:url(../images/slider-bg.gif) 0 -564px no-repeat !important;  }
.slider.green{ background:url(../images/slider-bg.gif) 0 -846px no-repeat !important; }

/* ---------------------------------- Slider Banner Content -------------------------------------- */

.banner{float:left; width:738px; padding:0;}

.contentdiv .left{ width:25%; padding-left:20px; padding-top:5px;}

.contentdiv  .right{ width:72%; text-align:justify; color:#4f4f4f;}
.contentdiv  .right h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:normal; color:#0066cc;padding-left:20px; padding-top:5px; padding-bottom:8px; display:block; width:100%; }

.contentdiv  .right span{ padding-left:20px; padding-top:5px; padding-bottom:8px; display:block; width:95%; }

.contentdiv  .right code{ color:#a4a4a4; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; }

.contentdiv  .right a.btn{
	border:solid 1px #6a6a6a; width:auto; background:url(../images/gray-btnBg.gif) repeat-x; display:block; padding:5px 8px; color:#FFFFFF; font-weight:bold;
	margin:8px 10px 5px 20px; cursor:pointer;
}
.contentdiv  .right a.btn:hover { text-decoration:none; }
.contentdiv  .right  a.btn{ float:right; }

.gray   .contentdiv .right a.btn{ background:url(../images/gray-btnBg.gif) repeat-x; border:solid 1px #4c5864;}
.blue   .contentdiv .right a.btn{ background:url(../images/blue-btnBg.gif) repeat-x; border:solid 1px #4c5864;}
.orange .contentdiv .right a.btn{background:url(../images/orange-btnBg.gif) repeat-x; border:solid 1px #76653d;}
.green  .contentdiv .right a.btn{background:url(../images/green-btnBg.gif) repeat-x; border:solid 1px #3f753f;}


/* ---------------------------------- Slider -Action Box  -------------------------------------- */

.actionbox{width:738px; height:130px;}
.actionboxlist {padding:0 0px 0px 9px; margin:0; list-style-type:none; display:inline; width:750px; float:left; margin-top:-4px; }

.actionboxlist li{ height:130px;width:241px; float:left; }


/* ---------------------------------- Slider - ActionBox content -------------------------------------- */

.slider-content    { float:left; width:190px; height:130px; font-size:11px; color:#464646; margin-left:15px; margin-top:5px; }
.slider-content   a{ color:#464646; float:left; width:100%; font-size:9px; cursor:default; }
.slider-content  h2{ 
	color:#ecb600; margin:0; padding:0; font-size:12px; line-height:20px; 
	border-bottom:dashed 1px #ccc; float:none; padding-bottom:5px; margin-bottom:5px; width:190px;	
	}
.slider-content  span{ display:block; background:url(../images/dotted-arrow.gif) 5px 7px no-repeat; text-indent:15px; line-height:18px; }
.slider-content  span.txtCenter{ background:none; }
.slider-content  img{ border:none; padding-top:5px; }
.slider-content a.btn{
	border:solid 1px #6a6a6a; width:auto; background:url(../images/gray-btnBg.gif) repeat-x; display:block; padding:5px 8px; color:#FFFFFF; font-weight:bold;
	margin:2px 0 0 20px; cursor:pointer;
}
.slider-content a.btn:hover { text-decoration:none; }
.slider-content a.btn{ float:right; }

li.gray   .slider-content a.btn{ background:url(../images/gray-btnBg.gif) repeat-x; border:solid 1px #4c5864;}
li.blue   .slider-content a.btn{ background:url(../images/blue-btnBg.gif) repeat-x; border:solid 1px #4c5864;}
li.orange .slider-content a.btn{background:url(../images/orange-btnBg.gif) repeat-x; border:solid 1px #76653d;}
li.green  .slider-content a.btn{background:url(../images/green-btnBg.gif) repeat-x; border:solid 1px #3f753f;}


.slider-content a.btn{ background:url(../images/gray-btnBg.gif) repeat-x; border:solid 1px #4c5864;}

.actionboxlist li.orange{ height:130px; width:241px; float:left; background:url(../images/slider-tab-bg.png)  0 -716px no-repeat; height:130px; }
.actionboxlist li.blue  { height:130px; width:241px; float:left; background:url(../images/slider-tab-bg.png)  0 -434px no-repeat; height:130px; }
.actionboxlist li.green { height:130px; width:241px; float:left; background:url(../images/slider-tab-bg.png)  0 -998px no-repeat; height:130px; }
.actionboxlist li.gray  { height:130px; width:241px; float:left; background:url(../images/slider-tab-bg.png)  0 -152px no-repeat; height:130px; }








/*
.banner1 h1{font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px; font-weight:bold;}
.banner1 h2{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold }
.banner1 p{ width:290px; margin:120px 0px 8px 0px;padding:0px 0px 3px 10px;  color:#90adc3; font-size:10px;}

.banner2{float:left; width:430px; padding:8px 0px 0px 15px}
.banner2 h1{font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-bottom:10px; font-weight:bold;}
.banner2 h2{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold }
.banner2 p{ width:290px; margin:120px 0px 8px 0px;padding:0px 0px 3px 10px;  color:#90adc3; font-size:10px;}

.contentdiv a 
{
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0px;
	margin:0px;
	text-align:left;

}

.contentdiv p.banner_content
{
	margin:0px;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	clear:left;



}
*/


.pause{position:absolute; right:130px; bottom:0px; margin-top:2px;}
.pause a{background:url(images/pause_nor.gif) no-repeat; width:16px; height:16px; text-decoration:none; display:block; outline:none;}
.pause a:hover{background:url(images/pause_hover.gif) no-repeat;}
.play{position:absolute; right:130px; bottom:0px; margin-top:2px;}
.play a{background:url(images/play_nor.gif) no-repeat; width:16px; height:16px; text-decoration:none; display:block; outline:none;}
.play a:hover{background:url(images/play_hover.gif) no-repeat;}

* html .pagination_rotate{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width: 80px; /*IE5 width*/
	w\idth: 90px;  /*IE6 width*/
}

.pagination_rotate a{
	padding:0px 4px 0px 4px;
	margin-right:5px;
	text-decoration:none; 
	color:#aaa;
	float:left;
	font-family: "Times New Roman", Times, serif,Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(images/paging_bg.gif) no-repeat;
	outline:none;
}

.pagination_rotate a:hover, .pagination_rotate a.selected{
	color: #000;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif,Arial, Helvetica, sans-serif;	
	background:url(images/paging_bg_active.gif) no-repeat;	
}



.shop_now{float:left; clear:left; margin:5px 0px 0px 20px;}