/* CSME.PRO [  Encode in UTF-8  Without BOM ] [ ☺ ] */

/******* GENERAL CSS ********/
body { font-size: 14px; font-family: Arial; color: #848484; line-height: 1.5; padding-bottom: 1px; }
h1, h2, h3, h4, h5, h6 { color: #838383; font-weight: bold; font-family: "Myriad Pro"; }
a { color: #848382; font-weight: bold; text-decoration: underline; }
p { margin: 5px 0; }

input.text, #content .text input { border: 1px solid #7f7e7e; width: 150px; }

/* layout css */
#layout { margin: 0 auto; border-collapse: collapse; }
#layout td, #layout tr { vertical-align: top; }

#outer-left-border-top-hp { height: 350px; width: 10px; background: url("../images/layout-left-top.png") 0 0 no-repeat; }
#outer-right-border-top-hp { height: 350px; width: 10px; background: url("../images/layout-right-top.png") 0 0 no-repeat; }
#content-top-hp { width: 960px; height: 350px; }

#outer-left-border-top { height: 280px; width: 10px; background: url("../images/layout-left-top.png") 0 0 no-repeat; }
#outer-right-border-top { height: 280px; width: 10px; background: url("../images/layout-right-top.png") 0 0 no-repeat; }
#content-top { width: 960px; height: 280px; }

#outer-left-border-tile { width: 10px; background: url("../images/layout-left-tile.png") 0 0 repeat-y; }
#outer-right-border-tile { width: 10px; background: url("../images/layout-right-tile.png") 0 0 repeat-y; }
#content-tile { width: 960px; }

#content-bottom { width: 980px; height: 150px; background: url("../images/layout-bottom.png") 0 0 no-repeat; }

#container { width: 960px; margin: 0 auto; padding-bottom: 50px; }

/* header and login form css */
#header { height: 80px; width: 950px; }
#header a { border: 0; float: left; margin: 15px 25px; }
#login-form { width: 230px; float: right; margin-top: 20px; }
#login-form #inputs { width: 160px; float: left; }
#login-form #inputs input { color: #7f7e7e; display: block; margin: 1px 0; width: 150px; vertical-align: middle; font-size: 11px; }
#login-form #inputs a { text-decoration: none; color: inherit; margin: 2px 15px 0 0; font-size: 10px; }
#login-form  #login-bt { width: 42px; float: left; cursor: pointer; }

/* home page banner and inner page banner css */
#home-page-banner { height: 204px; margin-top: -7px; width: 955px; }
#inner-banner { height: 122px; margin-top: -20px; background: url("../images/inner-banner-bg.jpg") 0 0 no-repeat; }
#inner-banner h1 { color: #f48106; font-size: 42px; margin: 30px; font-weight: bold; }
#inner-banner h1 span.second { font-size: 24px; }

/* menu buttons */
#buttons-menu { height: 55px; margin-top: 10px; clear: both; text-align: center; }
#buttons-menu a { border: 0; }

/* main css */
#main { margin: 0 auto; color: #848382; clear: both; margin-top: 20px; width: 950px; }
#main a { color: #848382; font-weight: bold; text-decoration: underline; }
#main a:hover { color: #f48106; }
#main h2 { font-weight: bold; font-size: 16px; color: #848382; margin-bottom: 20px; }
#main h3 { color: #848382; font-weight: bold; font-size: 14px; margin-bottom: 10px; }
#main hr { height: 1px; border: 1px dotted #c7c7c7; margin: 15px auto; }
#main #buttons { clear: both; }
#main .button { float: left; display: block; background: url("../images/button-bg.gif") 0 0 repeat-x; text-align: center; padding: 5px 0; color: #ff8400; font-weight: bold; margin: 5px 10px; width: 150px; height: 30px; text-decoration: none; cursor: pointer; }
#main .button-shopping { width: 122px; height: 34px; background: url("../images/button_shopping.png") 0 0 no-repeat; float: left; display: block; text-align: center; padding: 7px 0; color: #ff8400; font-weight: bold; margin: 5px 10px; text-decoration: none; cursor: pointer; }
#main .button-catalog { width: 150px; height: 34px; background: url("../images/button_catalog.png") 0 0 no-repeat; float: left; display: block; text-align: center; padding: 7px 0; color: #ff8400; font-weight: bold; margin: 5px 10px; text-decoration: none; cursor: pointer; }

/* bottom menu css */
#bottom-menu { text-align: center; color: #e17c05; padding-top: 30px; clear: both; }

/********** END GENERAL CSS ***********/

/* home page content and news */
#hp-content { width: 650px; float: left; color: #848382; line-height: 2; margin-left: 20px; margin-top: 30px; font-size: 17px; }
#hp-news { float: right; color: #7b7b7b; width: 230px; margin-right: 20px; height: 350px; }
#hp-news h1 { text-transform: uppercase; color: #e17c05; font-size: 1.5em; margin: 0 auto 10px; }
#hp-news .newsitem { margin-bottom: 15px; }
#hp-news .newsitem h2 { font-weight: bold; margin-bottom: 0px; }

/* content css */
#content { width: 680px; float: left; margin-left: 20px; }
#content .highlight { font-weight: bold; }
#buttons-menu-content { width: 218px; float: right; margin-right: 20px; }

/*side menu */
#main #side-menu { width: 200px; float: left; margin-left: 20px; }
#main #side-menu h1, #main #side-menu h1 a { font-size: 16px; color: #f48106; margin-bottom: 10px; text-decoration: none; }
#main #side-menu ul li a { text-decoration: none; margin-bottom: 5px; font-weight:  normal; font-size: 14px; }
#main #side-menu ul li a.selected { font-weight: bold; }
#main #side-menu ul li a .sign { height: 20px; width: 20px; float: left; margin-top: 1px; }
#main #side-menu ul ul li a { padding-left: 20px; text-decoration: none; margin-bottom: 5px; font-weight:  normal; font-size: 12px; }
#main #side-menu ul ul li a.selected { font-weight: bold; }

/* platforms css */
#main #platforms { width: 685px; float: right; margin-right: 20px;}
#main .platform { display: inline; text-align: center; width: 168px; }
#main .platform .inner-top-border { background: transparent url("../images/inner-top-border.jpg") 0 0 no-repeat; height: 14px; width: 168px; }
#main .platform .inner-middle-border { background: transparent url("../images/inner-middle-border.jpg") 0 0 repeat-y; height: 64px; width: 168px; vertical-align: middle; }
#main .platform .inner-middle-border img { width: 100px; height: 30px; }
#main .platform .inner-bottom-border { background: transparent url("../images/inner-bottom-border.jpg") 0 0 no-repeat; height: 9px; width: 168px; }
#main .platform .platform-name { font-weight: bold; color: #5a5a5a; font-size: 11px; }
#main .platform .platform-location { height: 30px; color: #a2a2a2; font-size: 11px; }

/* forgot password */
#forgot-pass-table td { vertical-align: middle; }
#submit-pass { width: 154px; cursor: pointer; height: 39px; background: url("../images/reset_pass.png") 0 0 no-repeat; float: left; text-align: center; padding: 7px 0; color: #ff8000; font-weight: bold; }

/*platforms-content css */
#main #videos { width: 700px; float: right; margin-right: 20px; }
#main #videos h3#cat { color: #e47600; font-size: 16px; margin: 16px 0 10px 15px; }
#main #videos #player { width: 360px; height: 286px; margin: 0 auto; display: block; border: 1px solid #848484; }
#main #videos .thumbnail { font-size: 0.8em; width: 204px; display: inline; float: left; margin: 10px 10px; height: 174px; position: relative; background: url("../images/thumbnail-background.png") 0 0 no-repeat; }
#main #videos .thumbnail .thumb_title { position: absolute; display: block; left: 12px; top: 10px; width: 92px; height: 25px; color: #808080; font-weight: bold; }
#main #videos .thumbnail .addtocart { background: transparent url("../images/add_to_cart.png") 0 0 no-repeat; color: #fff; width: 93px; text-align: center; float: right; height: 24px; text-decoration: none; position: absolute; display: block; left: 105px; top: 10px;  }
#main #videos .thumbnail .addtocart:hover { background: url("../images/add_to_cart_hover.png") 0 0 no-repeat; }
#main #videos .thumbnail .addtocart.incart { background: url("../images/add_to_cart_hover.png") 0 0 no-repeat; }
#main #videos .thumbnail-img { text-align: center; height: 90px; position: absolute; display: block; left: 10px; top: 45px; width: 183px; border: 0px solid #c6c8c7; }
#main #videos a.play { background: url("../images/playbtn.jpg") 0 50% no-repeat; padding-left: 10px; width: 40px; text-decoration: none; float: left; position: absolute; display: block; left: 12px; top: 145px;  }
#main #videos .playhd { width: 31px; text-decoration: none; position: absolute; display: block; left: 52px; top: 140px; }
#main #videos .length { font-weight: bold; text-align: right; float: right; position: absolute; display: block; left: 160px; top: 145px; }
.pagination { clear: both; text-align: center; margin: 10px 0; }

/* shopping */
#main #member_message { margin: 10px 0 20px 20px; font-weight: bold;}
#main .cart { text-align: center; width: 100%; }
#main .cart tr.productRow td { border-bottom: 2px dotted #c7c7c7; vertical-align: middle; height: 85px; }
#main .cart tr.productRow td td { border: 0; vertical-align: middle; height: 85px; }
#main .cart th { background: transparent url("../images/th-bg.jpg") 0 0 repeat-x; height: 33px; padding-top: 3px; border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 2px dotted #c7c7c7; }
#main .cart td { vertical-align: middle; }
#main .cart .image { width: 100px; text-align: center; }
#main .cart .image img { width: 70px; height: 60px; }
#main .cart th.product  { padding-left: 120px; }
#main .cart .product { text-align: left; width: 500px; padding-left: 15px; }
#main .cart .product a { text-decoration: none; }
#main .cart .quantity { width: 190px; }
#main .cart .remove { width: 150px; text-align: center; }
#main .cart .remove img { cursor: pointer; }
#main .cart #total { font-weight: bold; color: #5b5b5b; }

/* forms css */
#main table.form { line-height: 2; margin-left: 30px; float: left; margin-bottom: 30px; }
#main table.form .label { font-weight: bold; width: 300px; padding-right: 50px; }
#main table.form .label .req { color: #f48106; }
#main table.form .label .help { font-weight: normal; font-style:italic; }
#main table.form .data select { border: 1px solid #7f7e7e; width: 150px; }
#main table.form #captcha { margin-left: 175px; margin-bottom: 40px; }
#main table.form #captcha input { width: 75px; margin-right: 25px; }
#main table.form #submitsignup { margin: 30px auto 0 350px; }
#main table.form #submitsignup img { cursor: pointer; }
#main table.form a { text-decoration: none; font-size: 0.8em; font-weight: bold; }

/******** contact us *******/
#contact-us { width: 100%; }
#contact-us #form { width: 500px; margin: 20px;  }
#contact-us #form .label { width: 100px; vertical-align: middle; height: 30px; }
#contact-us #form .csrequired { color: #f48106; }
#contact-us #form .data { width: 320px; vertical-align: middle; height: 25px; }
#contact-us #form .captcha { width: 300px; vertical-align: middle; height: 55px; line-height: 2; }
#contact-us #form .captcha .text { width: 100px; border: 1px solid #898989; }
#contact-us #form .data .text { width: 200px; border: 1px solid #898989; }
.form-button { display: block; cursor: pointer; float: left; margin: 50px 10px; width: 93px; height: 33px; background: url("../images/button_form.png") 0 0 no-repeat; color: #ff8000; text-align: center; padding: 5px 0; font-weight: bold; }
#contact-us #info p { margin-bottom: 20px; }