/* home page settings */
.home .slider {float: left; margin: 0 0 10px 20px; width: 940px; height:300px; padding: 0px 0px 0px 0px; background: #fff; border: 0px solid white; position:relative;}
/*-------- Shadows ---------- */
.home .sh-bottom	{width: 100%; height: 45%; position:absolute; z-index: -2; bottom: 0; right: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 2px rgba(0, 0, 0, 0.1);}
.home .sh-bottom:after {content: ""; position:absolute; right: 0; bottom:0; width:150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); -moz-box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.20); box-shadow: 20px 30px 10px rgba(0, 0, 0, 0.20); -moz-transform:skew(10deg,10deg) translate(-40px,-15px); -webkit-transform:skew(10deg,10deg) translate(-40px,-15px); transform:skew(10deg,10deg) translate(-40px,-15px);}
.home .sh-bottom:before	{content: ""; position:absolute; left: 0; bottom:0; width:150px; height: 100px; z-index: -1; background: rgba(0, 0, 0, 0.2); -moz-box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.20); -webkit-box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.20); box-shadow: -20px 30px 10px rgba(0, 0, 0, 0.20); -webkit-transform:skew(-10deg,-10deg) translate(40px,-15px); -moz-transform:skew(-10deg,-10deg) translate(40px,-15px); transform:skew(-10deg,-10deg) translate(40px,-15px);}

.l-rotator	{font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#FFF; border:3px solid #FFF; position:relative; width:940px; height:300px; overflow:hidden;}
.l-rotator a			{outline:none;}
.l-rotator .screen		{position:relative; top:0; left:250px; width:600px; height:300px; overflow:hidden;}
.l-rotator .main-img	{display:none; position:absolute; top:0; left:0; z-index:0; border:0;}

/* text box */
.l-rotator .textbox	{position:absolute; color:#FFF; z-index:4; overflow:hidden; visibility:hidden; top:215px; left:0px; width:680px; height:85px;}
.l-rotator .textbox a , .l-rotator .textbox a:active{color: #9CF;}
.l-rotator .textbox a:hover {color: #FFF:}
.l-rotator .textbox a:visited {color: #9CF;}
.l-rotator .textbox h3 { color: #fff; padding: 0px;}
.l-rotator .textbox a.button { float: none; margin: 5px 5px 10px 10px; color: #FFF}
.l-rotator .inner-bg	{position:relative; top:0; left:0; width:100%; height:100%; background-color:#003; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.7; z-index:0;}
.l-rotator .inner-text	{position:absolute; top:0; left:0; padding:10px 10px 10px 20px; width:auto; height:auto; z-index:1;}
.l-rotator #timer		{position:absolute; top:0; left:0; height:4px; background-color:#FFF; -moz-opacity:.5; filter:alpha(opacity=50); opacity:.5; z-index:5; visibility:hidden; font-size:0;}
.inner-text a {margin-left: 10px}
.inner-text a:before {-moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-bottom: 4px solid transparent; border-left: 4px solid #9CF; border-top: 4px solid transparent; content: " "; font-size: 0; height: 0; left: -4px; line-height: 0; position: relative; top: -4px; width: 0;}

/* control panel for pause and play */
.l-rotator .cpanel	 {position:absolute; margin:5px; z-index:6; visibility:hidden; background:#000; background:rgba(0,0,0,.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.l-rotator #play-btn {position:relative; float:left; width:22px; height:22px; background:url(/template-assets/1-1-0/plugins/list-rotator/images/play_pause.png) 0 0 no-repeat; cursor:pointer; z-index:1;}
.l-rotator #play-btn.pause {background-position:0 -22px;}
.l-rotator #num-info	{position:relative; float:left; height:22px; line-height:22px; padding:0 4px; text-align:center; color:#FFF; z-index:1;}
.l-rotator #preloader	{position:absolute; top:50%; left:50%; width:36px; height:36px; margin-top:-18px; margin-left:-18px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#000 url(/template-assets/1-1-0/plugins/list-rotator/images/loader.gif) no-repeat center; background:rgba(0,0,0,.7) url(/template-assets/1-1-0/plugins/list-rotator/images/loader.gif) center no-repeat; z-index:7; display:none;}

/* thumbnails */
.l-rotator .thumbnails		{position:absolute; top:0; left:0; width:250px; height:300px; overflow:hidden; z-index:10;}
.l-rotator .thumbnails ul	{list-style:none; position:absolute; top:0; left:0; height:999999px; margin:0; padding:0;}
.l-rotator .thumbnails li	{position:relative; display:block; float:left; clear:both; margin: 0px;}
.l-rotator .thumbnails li a	{display:none;}
.l-rotator .thumbnails li div{position:relative; display:none; color:#FFF; background-color:#000;}

/* not using the background arrow*/
.l-rotator #right-arrow, .l-rotator #left-arrow {position:relative; display:block; float:left; width:12px;}
.l-rotator #right-arrow	{background:url(/template-assets/1-1-0/plugins/list-rotator/images/select_arrow.png) 0 center no-repeat;}
.l-rotator #left-arrow 	{background:url(/template-assets/1-1-0/plugins/list-rotator/images/select_arrow.png) -5px center no-repeat;} 
.l-rotator .thumbnails .thumb	{position:relative; display:block; float:left; cursor:pointer; width:240px; padding:5px; color:#000; background:#EEE; background:-moz-linear-gradient(top, #FFF, #EEE); background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); border-color:#CCC; border-style:solid; border-width:0 0 1px 0; overflow:hidden;}
.l-rotator .thumb img	{display: block; float: left; padding-right: 5px;}
.l-rotator .thumb p		{position:relative; display:block; overflow:hidden; margin:0; padding: 0px 0px 4px 6px}
.l-rotator .thumbnails li.selected	{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.l-rotator .thumbnails li.square	{-moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important;}
.l-rotator .thumbnails li.selected, .l-rotator .thumbnails li.selected .thumb{background:#333; background:-moz-linear-gradient(top, #666, #333); background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#333333');}
.l-rotator .thumb h4 {padding: 0px 0px 4px 6px; line-height: 20px;}
.l-rotator .thumbnails li.selected .thumb h4 	{color: #fff;}
.l-rotator .thumbnails li.selected .thumb		{color:#FFF; border-left:none; border-right:none; border-bottom:1px solid #333; cursor:default;}
.l-rotator .thumbnails li.item-over .thumb		{background:#DDD;}

.l-rotator #scrollbar	{position:relative; width:4px; height:100%; overflow:hidden; visibility:hidden;}
.l-rotator #knob		{position:absolute; top:0; left:0; width:4px; background-color:#333; -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.l-rotator .btn-pane	{position:absolute; top:0; left:0; width:100%; height:24px; background:url(/template-assets/1-1-0/plugins/list-rotator/images/spacer.png) no-repeat; z-index:2; visibility:hidden;}
.l-rotator #up-btn, .l-rotator #down-btn{position:absolute; top:0; left:50%; width:60px; height:24px; margin-left:-30px; background:#DDD url(/template-assets/1-1-0/plugins/list-rotator/images/d_icons.png) no-repeat; background:rgba(221,221,221,0.7) url(/template-assets/1-1-0/plugins/list-rotator/images/d_icons.png) no-repeat;}
.l-rotator #up-btn		{-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background-position:center 0;}
.l-rotator #down-btn	{-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; background-position:center -24px;}
.l-rotator .block, .l-rotator .vpiece, .l-rotator .hpiece{position:absolute; z-index:2;}
.l-rotator #strip{display:block; position:absolute; top:0; left:0; z-index:0; overflow:hidden;}
.l-rotator .content-box{display:none; position:absolute; top:0; left:0; overflow:hidden; }