/* CSS Document */
body {font-size: 75%; background: #fff; font-family: Tahoma, Helvetica, sans-serif; color:#333; padding:0px; margin:0px;}

/* **** Help **** */
.white {color: #fff;}
.l {display: inline; float: left;}
.r {display: inline; float: right  !important;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.out {position: absolute; left: -4000px; top: -2000px; }
.bold {font-weight: bold;}
.br {clear: both;}
.break {height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display:block;}
.small {font-size: 92%; line-height: 1.2;}
.hidden {display: none;}
.center {text-align: center !important; }
.left {text-align: left !important; }
.right {text-align: right !important; }
.sprite{position:absolute; top:0px; left:0px; display:block; width: 100%;}
a .sprite{cursor:pointer;}
.col-h-l {float: left; width: 48%;}
.col-h-r {float: right; width: 48%;}
.reset{border:0; margin:0; padding:0; list-style:none; background:none;}
.reset li {padding: 0; margin: 0; background: none; list-style: none;}

/* H */ 
h1, h2, h3, h4, h5, h6 {font-family: Calibri, Tahoma, Helvetica, sans-serif;}
h1 {margin:0 0 0.2em; padding: 0; font-size:250%; color: #333;}
h2 {margin: 10px 0 0.5em; padding: 0; font-size:166.7%; color: #FF8400; text-transform: uppercase; line-height: 1;}
h3 {margin:1em 0 0.1em; font-size:150%; padding: 0;}
h4 {margin:0.8em 0 0.5em; font-size:117%; }
h5, h6 {margin:0em 0 0.5em; font-size:100%; }

/* ANCHOR */
a {color:#1793b0; outline: none;}
a:hover, a:focus {color: #666;}

a.more {text-decoration: none; color: #333;}
a.more span {text-decoration: underline; color: #1793b0;}
a.more:hover span {color: #666;}

a .more {position: absolute; text-align: right; padding: 12px 20px 13px 10px; background: #b6d11e url('/img/bg/product-images-more.png') 100% 50% no-repeat; color: #fff; font-weight: bold; cursor: pointer;}

a.ext {background:url('/img/ico/ext.png') 100% 0 no-repeat; padding-right:9px;}

hr{ margin:0px; padding:0;}
p{line-height:1.5; margin: 0 0 1.2em;}
pre {text-align: left;}

/* UL */
ul {margin: 0.2em 0 1em; padding: 0;}
ul li {margin: 0 0 0 12px; padding: 2px 0 2px 15px; list-style: none; background: url('/img/bg/li.png') 5px 0.7em no-repeat; line-height: 1.4;}
ul ul {margin: 2px 0;}

ol {margin: 0.2em 0 1.5em 10px; padding: 0;}
ol li {margin: 0; padding: 0; list-style-position: inside; line-height: 1.4;}

/* IMG */
img{border:0px;}
img.left {float: left; margin: 0em 20px 10px 0; clear: left;}
img.right {float: right; margin: 0em 0 10px 20px; clear: right;}

/* TABLE */
table{width:100%; border: 1px solid #c5c5c5; margin:0.2em 0 1em;font-size:100%; border-collapse: collapse; padding: 1px;}
table caption {text-align: left; font-size: 133.4%; margin: 1em 0 0.5em; font-weight: bold;}
th{padding: 7px 5px 7px 15px; border:1px solid #C5C5C5; background:#E2E2E2; text-align: left;}
td{padding: 8px 5px 8px 15px; border: 1px solid #C5C5C5; background:#fff;}
.even td {background: #f4f4f4;}


/* FORM */
form {margin: 0; padding: 0;}
input {font-family: arial, sand-serif; font-size: 100%;}
label input{vertical-align:middle; margin: -3px 0 0 0px;}
.int-text {border: 1px solid #cdbaa1; background: #fff url('/img/bg/input.png') 0 0 repeat-x; padding: 6px 3px;}

/* WIDTH */
.col-h-l .w-full, .col-h-r .w-full {width: 98%;}
.w-full{width:99%; padding-left: 0 !important; padding-right: 0 !important;}
.w-76 {width: 70px; padding: 0 3px;}

/* MAIN */

.box{padding: 10px 10px 5px 10px; width: 145px; background: #60181C; float:left; margin: 0px 10px 10px 0px;}

.box a {color: #fff; text-decoration: none; text-align:left;}
.box a:hover{text-decoration: underline; color:#fff;}

.box img {border-width: 0 px; float:right; margin: 0px 0px 5px 0px;}
.box a img {border-width: 0 px; float:right; }

.play { height: 28px; width: 25px;}
.form td {padding: 4px 5px 4px 15px;}