@charset "utf-8";
/* CSS Document */


body {font:11px Arial, Helvetica, sans-serif;background:#d6e9fa url(../images/bg_main.jpg) repeat-x;color:#505050;margin:0px;padding:0px; text-align:center; }
img { border:0;}
ul { list-style:none}
form , input{ margin:0px; float:left}
#container {width: 878px; margin:0px auto; padding:0px; text-align: left;}
a {color:#3a88f4; text-decoration:none}
a:visited {color:#3a88f4; text-decoration:none}
a:link {color:#3a88f4; text-decoration:none}
a:hover { color:#fe4902}
br { margin:0px}
 a.goodlink{ color:#036cfa; font-weight:bold; padding:4px; display:block; text-align:right; float:right; font-size:12px}
 a.goodlink span { color:#fe4902}
 a.goodlink:hover {color:#fe4902}
 
 p { padding:0px; margin:0px }
 
iframe { width:500px; height:450px; border:none; margin:0px}
.cl { clear:both; font-size:9px}
strong { color:#fe4902}


#main1 { background:url(../images/main_border1.gif) no-repeat top; }
#main2 {background:url(../images/main_border2.gif) repeat-y; margin-top:19px;}
#main3 { background:url(../images/main_border3.gif) bottom no-repeat; padding:3px; margin:0px}

a#logo { width:415px; padding:9px 0 0 50px; height:50px; float:left;  display:block; overflow:hidden; color:#666; font:bold italic 26px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px}
#logo-right { width:330px; height:50px; float:right; display:block; overflow:hidden; font-size:11px; text-align:right} 
#logo-right span { font-style:italic;font-size:12px;  }

#header {  padding:9px 0 9px 11px;}
#header .inner {background: url(../images/header.gif); position:relative; width:852px; height:81px;}
#header #nav { position:absolute; top:52px; left:16px;} 
#header #nav ul { margin:0px; padding:0px; border-left:1px solid #c6e0f1; border-right:1px solid #62aad8; float:left }
#nav li {float:left}
#header #nav ul a:link, #header #nav ul a:visited {display:block; float:left; padding:6px 12px;text-decoration:none; border-right:1px solid #c6e0f1;border-left:1px solid #62aad8;color:#fff; font-weight:bold; font-size:13px}
#header #nav ul li span, #header #nav ul li a.current, #header #nav ul li a:hover { background: url(../images/nav_bg.gif) repeat-x;color:#fff;text-decoration:underline;}

#footer { background:#9ca4ab; color:#CCCCCC; margin:9px 0px; padding:9px}
#footer #nav ul { margin:0; padding:0; border-left:1px solid #7e8489; float:left}
#footer #nav ul a:link, #footer #nav ul a:visited {display:block; float:left; padding:2px 12px;text-decoration:none; border-right:1px solid #7e8489;color:#fff; font-weight:bold; font-size:10px}
#footer #nav ul li span, #footer #nav ul li a.current, #footer #nav ul li a:hover { color:#fff;text-decoration:underline; background:#bfc7ce}
#footer div.copyright { padding-left:25px; float:right; display:block; width:500px; font-size:9px; color:#d9e0e5}


#content {width: width:852px; padding:9px}
#right {width:281px; padding:9px 0px 0 0; float:right}
#left {width:540px; padding:9px 0px 0 0; float:left}
#left h1 { color:#8ec33c; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 9px}
#left h5 { font-family:Georgia, "Times New Roman", Times, serif; margin:0; font-size:14px}


#index-main {width:851px; height:258px; position: relative; margin:0 0 0 11px; background:url(../images/index_banner.jpg) no-repeat top; display:block; overflow:hidden }
#index-main #mycarousel { position: absolute; top:170px; left:15px; z-index:1;}  
#index-main .text {position: absolute; padding:0 0 0 15px; background:url(../images/bannertext.gif) no-repeat 0 3px; top:95px; left:135px; width:400px; height:75px; overflow:hidden; display:block; font-size:11px}
#index-main #genres {position: absolute; top:50px; left:610px; width:225px; height:125px; overflow:hidden; display:block; font-size:11px}
#index-main #genres ul {float:left; width:60px; margin:0; padding:0;}
#index-main #genres li { background:url(../images/bullets1.gif) no-repeat 0 4px; padding:0 0 0 8px; }
#index-main .deal {position: absolute; top:120px; left:20px; width:100px; height:50px; overflow:hidden; display:block; font-size:9px; text-align:center}
#index-main a.index-button {position: absolute; top:170px; left:600px; width:225px; height:80px; overflow:hidden; display:block; text-indent:-999999px; font-size:9px; text-align:center}





#cols { padding:0 0 0 9px;}
.col1 { background:url(../images/col1.gif) no-repeat; position:relative; width:281px; height:214px; float:left; display:block; overflow:hidden; margin:0px 5px 9px 0px; padding:0px; font-size:10px}
.col2 { background:url(../images/col2.gif) no-repeat; position:relative; width:281px; height:214px; float:left; display:block; overflow:hidden; margin:0px 5px 9px 0px; padding:0px; font-size:10px}
.col3 { background:url(../images/col3.gif) no-repeat; position:relative; width:281px; height:214px; float:left; display:block; overflow:hidden; margin:0px; padding:0px; font-size:10px}

.col1 div.text1 { position:absolute; top:35px; left:75px; width:185px; height:40px; display:block}
.col1 div.text2 { position:absolute; top:100px; left:75px; width:185px; height:40px; display:block}
.col1 div.text3 { position:absolute; top:160px; left:75px; width:185px; height:40px; display:block}

.col2 ul { position:absolute; top:55px; left:65px; width:185px; height:40px; margin:0; padding:0; display:block}
.col2 li {background:url(../images/bullet2.gif) no-repeat 0px 2px; padding:0px 0px 0px 14px;}

.col3 div.text1 { position:absolute; top:50px; left:110px; width:125px; height:40px; display:block; font-weight:bold;}
.col3 div.text2 { position:absolute; top:90px; left:35px; width:220px; height:120px; display:block; }
.col3 div.text2 div { display:block; background:url(../images/bannertext.gif) no-repeat 0px 3px; padding:0px 0px 0px 15px; margin:0px 0px 9px}



.carousel-component { position:relative;overflow:hidden;display:none;padding:0px 10px;margin:0px;}			
.carousel-component ul.carousel-list { width:10000000px; position:relative; z-index:1; }
.carousel-component .carousel-list li {  float:left; list-style:none; overflow:hidden; }
.carousel-component .carousel-vertical li { margin-bottom:0px; float:left; clear:left; overflow:hidden; display:block;}
.carousel-component .carousel-clip-region {  overflow:hidden; margin:0px auto; padding:5px 4px; position:relative; background:url(../images/scroll_bg.gif) no-repeat;}
.carousel-component ul.carousel-list { margin:0px; padding:0px; line-height:0px;}
.carousel-component .carousel-list li { text-align:center; margin:0px; padding:0px; }
/*-----*/
.carousel-component .carousel-list li { margin:0px; width:73px; height:73px; }
.carousel-component .carousel-list li a { display:block; border:1px solid #fff; outline:none; }
.carousel-component .carousel-list li a:hover { border: 1px solid #aaaaaa; }
.carousel-component .carousel-list li img { display:block; }							
.carousel-component .carousel-prev { position:absolute; top:0px; z-index:3; cursor:pointer;  left:0px; }
.carousel-component .carousel-next { position:absolute; top:0px; z-index:3; cursor:pointer; right:0px; }

#login { width:450px; border:#8ec33c 1px solid; padding:15px}