/* CSS Document */

body {background:#000 url(images/dark-skin/background-gradient.jpg) 0 0 repeat-x; font-family: Helvetica, Arial, sans-serif; padding:0; text-align:center}

#container { background-color:#fff; border:10px solid #666; border-top:0; margin:0 auto; padding:10px 0 0 0; text-align:left; width:960px}

.clear-div {clear:both; padding:0 0 20px 0; width:100%}

a img:hover {opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;}

/*------------------------------------------------------------ header */
#header { background-color:#fff; height:150px; margin:0px auto; width:940px}

#header a img { height:120px; width:940px;}

ul#main-navigation {float:left; margin:12px 0 3px 10px}

ul#main-navigation li {border-right:1px solid #ccc; padding:0 20px 0 20px; float:left; font-size:0.8em; }

ul#main-navigation li a {color:#0000FF; text-decoration:none}

ul#main-navigation li a:hover { color:#0000FF; text-decoration:underline}

a.last-link {border-right:none !important}

/*------------------------------------------------------------ content */

#content {clear:both; min-height:400px; height:auto!important; height:400px}

/*------------------------------------------------------------ site-nav */
#site-navigation {border-top:2px solid #f1f1f1; clear:both; margin:10px auto; width:940px;}

#site-navigation ul {margin:10px auto;}

#site-navigation ul li { border-right: 1px solid #ccc; float:left; list-style-type:none}

#site-navigation ul li a {font-size:0.7em; padding:0 6px; text-decoration:none; }
#site-navigation ul li a:hover {text-decoration:underline; }

/*------------------------------------------------------------ main-content */


#main-content { border:2px solid #f1f1f1; float:left; min-height:400px; height:auto!important; height:400px; margin:10px 10px 30px 10px; padding:10px; width:700px}

#main-content h1 {background-color:#f9f9f9; border:2px solid #f1f1f1; display:block; height:32px; margin:0 auto 20px auto; width:700px; font-size:1.4em; padding-top:6px; text-align:center;}

#main-content h2 {margin:10px 0 0 0;  font-size:1em; padding:12px 0}

#main-content p { color:#333; font: 12px/20px Helvetica, Arial, sans-serif; padding:0 0 15px} 

#main-content table { margin:10px 0} 

#main-content input, textarea { margin:0 0 15px 0} 

#main-content a {color:#0000FF; text-decoration:none}
#main-content a:active {color:#0000FF; text-decoration:none}
#main-content a:history {color:#0000FF; text-decoration:none}
#main-content a:hover {color:#0000FF; text-decoration:underline}

ul.basic-bullet-points { color:#333; font-size:12px; list-style-type:disc; margin:10px 0 10px 35px ; padding-left:5px}
ul.basic-bullet-points li { line-height:18px; padding:3px 0}

/*------------------------------------------------------------ promotion-block */

#promotion-block { border:2px solid #f1f1f1; float:left; min-height:450px; height:auto!important; height:450px; margin:10px 30px 10px 0; width:180px}

/*#promotion-block h2 { padding:10px 0; text-align:center}*/
#promotion-block h2 {background-color:#f9f9f9; border:2px solid #f1f1f1; display:block; height:30px; margin:10px auto 20px auto; width:160px; font-size:1.2em; padding-top:8px; text-align:center;}

#promotion-block ul {margin:0 auto; width:120px}

#promotion-block ul li a { border:1px solid #fff; display:block; height:60px; margin:5px 0; text-indent:-9999px; width:120px}

#promotion-block ul li a:hover {border:1px solid #ccc; opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6;}

/*------------------------------------------------------------ #footer */

#footer {clear:both; margin:20px auto; text-align:left; width:960px}

#footer p {color:#fff; font-size:12px}

#footer #footer-links {margin:0 auto; width:960px}

#footer-links ul {margin:0 0 15px 0}

/*-----------------------------------------------------------merchant-block */

.merchant-block {display:block; text-align:center; width:100%}

.merchant-block ul {margin-left:20px}

.merchant-block ul li { float:left; list-style-type:none; margin:5px 20px 13px 20px}

.merchant-block ul li a { display:block }

.merchant-block ul li a img { border:0}

.merchant-block ul li a img.merchant-logo{ margin-bottom:3px}


/*-----------------------------------------------------------product-model */

.product-model { border-bottom:1px dashed #ccc; margin:0 0 10px 0; padding:0 0 0 20px; width:650px}
 img.player-image {float:right; margin:0 0 0 10px; border:0px solid #ccc}