/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,table{margin:0;padding:0;outline:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-size:1em;font-style:normal;font-weight:normal}
ul,ol{list-style:none}
fieldset,img{border:0}
caption,th{text-align:left}
table{border-collapse:collapse;border-spacing:0}
:focus{outline:0}
/* TYPOGRAPHY */
body{font:12px/18px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;background-color:#151515;color:#a8a8a8; letter-spacing:1px}
a{color:#ccc !important}
a:hover{color:#fff !important}
strong{ font-weight:bold; }
em{ font-style:italic; }
p{padding-bottom:18px}
h1,h2,h3,h4{color:#ccc; line-height:18px}
h1{color:#fff; font-size:24px;line-height:36px;margin-bottom:18px}
h2{font-size:16px;line-height:24px;margin-bottom:18px}
h2.sub{margin-top:-18px; line-height:18px}
h3{font-weight:bold; color:#fff; font-size:12px}
h4{font-weight:bold; font-size:10px}
.legal{font-size:10px !important; color:#777}
.alert{color:#1bd !important}
/* LAYOUT */
.wrap{margin:0 auto; position:relative}
#header{}
#mast{width:900px;height:60px; height:70px;margin:0 auto;font-size:10px}
#mast h1{float:left;width:150px;width:200px;height:60px;height:70px;margin:0;background:url(image/logo-ready.png) no-repeat;text-indent:-5000px}
#mast ul{float:right;margin:18px 0 10px}
#mast ul li{display:inline}
#mast ul a{text-decoration:none; padding:0 10px}
#mast ul a:hover{text-decoration:underline}
#nav{background:url(image/bg-nav.png) top left no-repeat;width:900px;height:35px;margin:10px auto;clear:both}
#nav ul{height:33px; margin-top:1px; overflow:hidden}
#nav li {float:left; height:33px; overflow:hidden}
#nav li a {display:block;line-height:33px;width:110px;overflow:hidden;text-align:center;
font-size:11px; font-weight:bold; color:#ccc !important; text-decoration:none;
border-left:1px solid #2c2c2c}
#nav li.home a{border:0}
#nav li a:hover{color:#fff !important}
#nav li.current a{color:#1bd !important}
#content-top{background:url(image/cap-top.png) no-repeat; height:5px; width:900px; margin:0 auto}
#content{background:#000 url(image/bg-content.png) repeat-y scroll top left; border:1px solid #2c2c2c; border-width:0 1px; width:898px; margin:0 auto; padding:10px 0;min-height:300px}
#content.full{background:#000}
#secondary{float:left; margin-left:15px; width:220px; overflow:hidden}
#secondary h1{margin:0}
#primary{margin:0 20px 0 260px}
#content.full #primary{margin:0 20px}
#content-bot{background:url(image/cap-bot.png) no-repeat;width:900px;height:5px;margin:0 auto 10px}
#footer-top{background:url(image/cap-top.png) no-repeat; height:5px; width:900px; margin:0 auto; font-size:0}
#footer-bot{background:url(image/cap-bot.png) no-repeat;width:900px;height:5px;margin:0 auto 10px}
#footer{background:#000; border:1px solid #2c2c2c; border-width:0 1px; width:898px; margin:0 auto; padding:10px 0}
#footer div.col{float:left; width:270px; margin-left:20px; color:#666; font-size:10px; line-height:15px}
#footer h3{color:#999;font-size:11px}
#footer a{color:#666 !important}
#footer a:hover{color:#ccc !important}
p.copy{margin:0 auto; width:900px; text-align:center; font-size:10px; color:#666}
p.copy a{color:#999 !important}
p.copy a:hover{color:#ccc !important}
/* FORMs */
fieldset{border:1px solid #303030; background:#151515; padding:0 20px 20px 20px; margin-top:20px}
label{font-size:14px; margin-top:14px; display:block}
label.alt{border-bottom: 1px solid #303030}
input.text,select,textarea{width:400px; margin-top:3px; padding:2px; font-size:14px}
select{padding:0}
option{padding:1px 5px}
textarea{height:250px}
button{display:block; margin-top:12px; padding:3px 5px}
form td{vertical-align:top; width:350px}
form td.last{width:280px}
td input.text,td select,td textarea,input.small{width:250px}
form table.auto td{width:auto; padding:5px 5px 0 0}
form table.auto td input.radio{margin-top:2px}
fieldset.checkboxes div{margin:5px 0 0 10px}
/* FORM - VALIDATION */
input.validation-failed, textarea.validation-failed {border: 1px solid #f30; color:#f30}
input.validation-passed, textarea.validation-passed {}
.validation-advice,.custom-advice {width:400px; margin: 5px 0; padding: 5px; background-color: #F30; color : #FFF; font-weight: bold;}
td .validation-advice,td .custom-advice, fieldset.small .validation-advice {width:250px}
.custom-advice{background-color:#ca0}
/* FORM - PRETTY */
form.pretty{padding:5px 0}
form.pretty fieldset{position:relative;border:0; padding:0; margin:0 0 10px 0; background:transparent}
div.input-wrapper{position:relative; width:200px; overflow:hidden}
div.input-wrapper input.text{font-size:11px; width:181px; height:16px; background:url(image/bg-input.png) center top repeat-x; margin:0 0 0 10px; padding: 3px 0 0 0; border:0}
div.input-wrapper span.left{display:block; position:absolute; top:0; left:0; width:10px; height:19px; background: url(image/bg-input-l.png) left top no-repeat}
div.input-wrapper span.right{display:block; position:absolute; top:0; right:0; width:10px; height: 19px; background:url(image/bg-input-r.png) right top no-repeat}
div.input-wrapper input.search{width:171px; margin:0 0 0 20px;}
div.input-wrapper span.search{width:20px; background: url(image/bg-search-l.png) left top no-repeat}
div.input-wrapper select{font-size:11px; /*height:16px;*/ margin:0}
label.pretty,label.pretty-apply{color:#bbb; font-size:11px; line-height:14px; width:180px; height:15px; overflow:hidden; margin:0; display:inline}
label.pretty-apply{position:absolute; top:1px; left:10px; z-index:100; cursor:text}
form.pretty input.btn{margin-left:120px}
form.pretty select{width:200px}
/* LISTS */
#primary ol{list-style-type:decimal; margin:0 0 18px 2.2em}
#primary ul{list-style-type:circle; margin:0 0 18px 2em}
#primary ul ul,#primary ul ol,#primary ol ul,#primary ol ol{margin:5px 0 5px 2em}
#secondary ul.menu{list-style:none; margin:0}
ul.menu li{font-weight:bold; margin-bottom:9px; line-height:15px}
ul.menu a{text-decoration:none; color:#666 !important}
ul.menu a:hover{text-decoration:none; color:#fff !important}
ul.menu li.current a{color:#1bd !important}
a#menu-toggle{color:#666 !important; cursor:pointer; text-decoration:underline}
a:hover#menu-toggle{color:#fff !important}
#primary ul.thumbs{list-style-type:none;margin:0}
ul.thumbs li{float:left; width:120px; height:150px; margin:0 22px 20px 0; padding:5px; background:#151515; border:1px solid #2c2c2c; overflow:hidden}
ul.thumbs h3{height:32px; overflow:hidden; font-weight:bold; font-size:10px; line-height:15px}
ul.thumbs img {margin:5px 0 0 8px}
ul.thumbs a h3{color:#ccc !important; text-decoration:none}
ul.thumbs a:hover h3{color:#fff !important; text-decoration:none}
ul.thumbs a:hover img.framed{border:1px solid #666}
/* DECORATIONS */
div.box{background:#151515 url(image/box-top-220.png) no-repeat scroll top left; width:220px; padding-top:1px}
div.box div.pad{background:#151515;margin:5px 0 0;padding:0 10px;border:1px solid #303030;border-width:0 1px 0 1px}
div.box div.cap{background:url(image/box-bot-220.png) no-repeat;width:220px;height:5px}
div.box h2{color:#fff; margin:0}
.framed{border:1px solid #303030; padding:3px}
/* UTILITY */
h1.sep{margin:24px -20px 18px; padding:18px 20px 0; border-top:1px solid #2c2c2c}
img.left{float:left; margin:2px 20px 16px 0}
img.right{float:right; margin:2px 0 16px 20px}
.mn{margin:0}
.pn{padding:0}
.ptx{padding-top:20px}
.mt{margin-top:10px}
.mb{margin-bottom:10px}
.cf:after,#home-content:after,#content:after{content: "."; display: block; height: 0; line-height:0; clear: both; visibility:hidden}
#col-a{float:left; width:300px}
#col-b{float:right; width:300px}
/* HOME */
#home-b #content{background:#000}
#home-ss-box{float:left; margin-left:20px; border:1px solid #303030}
#home-badges{float:right; margin-right:20px}
#home-support,#home-updates{width:220px; font-size:10px; line-height:15px; color:#666; }
/*#home-support .pad,#home-updates .pad{min-height:133px}*/
#home-support{margin-bottom:18px; line-height:18px}
#home-feature-bot{background:url(image/cap-bot.png) no-repeat; height:5px; width:900px; margin:0 auto 10px auto}
#home-content-top{background:url(image/cap-top.png) no-repeat; height:5px; width:900px; margin:0 auto}
#home-content{background:#000 url(image/bg-content.png) repeat-y scroll top left;border:1px solid #2c2c2c;border-width:0 1px;width:900px; margin:0 auto; padding:10px 0}
#home-news,#home-products{border-top:1px solid #2c2c2c; margin-top:18px; padding-top:18px}
ul.news-menu li{line-height:24px}
/*SHOP */
#filter-sort{border:1px solid #303030; background:#151515; margin:-12px 20px 24px 0; padding:12px 18px}
#filter-sort label{font-weight:bold; display:inline}
#manufacturer-select,#category-select{margin-right:30px; width:180px}
#sort-select{width:200px}
#shop-info{float:left; width:340px}
div.shop-man,div.shop-cat{float:left; width:160px;border:1px solid #303030; background:#0d0d0d}
div.shop-man a,div.shop-cat a{display:block;line-height:28px;width:100%;text-align:center;text-decoration:none;font-weight:bold; color:#666 !important}
div.shop-man a:hover,div.shop-cat a:hover{color:#fff !important}
div.shop-cat{float:right}
#shop-info h1{line-height:30px; margin:0; padding:12px 0; clear:both; overflow:hidden}
#shop-assets{float:right;width:260px;text-align:right}
div.image-list{margin:6px 0}
#primary div.image-list ul{list-style:none; margin:0 0 0 10px}
div.image-list ul li{float:left; margin-right:5px; overflow:hidden}
#primary div.doc-list ul{list-style:none; text-align:left; margin:5px 0 0 10px}
div.doc-list ul li{height:24px; border:1px solid #303030; padding:5px; margin:2px 0}
div.doc-list ul li img{float:left;margin-right:5px}
div.doc-list ul li a{display:block; line-height:24px; overflow:hidden; text-decoration:none; font-weight:bold; color:#666 !important}
div.doc-list ul li a:hover{color:#fff !important}
#primary #search-results{list-style-type:none; margin:0}
#search-results li{display:block; min-height:55px; border-bottom:1px solid #2c2c2c; padding:4px 0 8px 0; overflow:auto}
#search-results img{float:left; margin-right:5px; width:48px; height:48px}
#search-results h4{font-size:12px; line-height:18px; margin:0 0 0 55px; font-weight:bold}
#search-results h4 a {text-decoration:none}
#search-results p{font-size:11px; line-height:14px; margin:0 0 0 55px}
#results-info{border:1px solid #303030; background:#151515; padding:5px 10px; margin:-9px 0 20px 0}
/* NEWS */
body.news-b #primary h1{line-height:30px}
#primary ul.articles{list-style:none; margin-left:0}
ul.articles li{margin:0 0 30px 0}
ul.articles h2{margin:0; }
ul.articles h2 a{}
p.legal{padding-bottom:6px}
/* PARTNERS */
#primary ul.partners{list-style:none; margin-left:0}
ul.partners li{margin:0 0 20px 0; background:#151515; border:1px solid #303030;padding:10px;overflow:auto}
ul.partners img{float:left; /*background:#383838; padding:3px; border:1px solid #606060 */}
ul.partners div{margin:0 0 0 130px}
ul.partners h2{margin-bottom:0}
ul.partners address,ul.partners p{padding-bottom:6px}
/* SUPPORT */
/* CUSTOMER-SUPPORT */
#new-to-cs{float:left; width:410px; margin:0 0 0 20px; }
#return-to-cs{float:right; width:410px; margin:0 20px 0 0;}
#new-to-cs,#return-to-cs{background:#151515 url(image/cap-top-410.png) no-repeat scroll top left; width:410px; padding-top:1px}
#new-to-cs div.pad,#return-to-cs div.pad{background:#151515;margin:5px 0 0;padding:0 10px;border:1px solid #303030;border-width:0 1px 0 1px;min-height:250px}
#new-to-cs div.cap,#return-to-cs div.cap{background:url(image/cap-bot-410.png) no-repeat;width:410px;height:5px}
#new-to-cs h2,#return-to-cs h2{color:#fff; margin:0}
#new-to-cs ul{list-style-type:circle; margin:0 0 18px 2em}
#cs-login-form fieldset,#password-form fieldset{border:0; margin:0;}
#password-form fieldset{padding-top:0}
#cs-login-form input.btn,#password-form input.btn{margin-left:175px}
/* KNOWLEDGE BASE */
#kb-browse-search{margin:20px 0}
#kb-browse,#kb-search{background:#151515 url(image/cap-top-300.png) top left no-repeat; width:300px; padding-top:1px}
#kb-browse div.pad,#kb-search div.pad{background:#151515;margin:5px 0 0;padding:0 10px;border:1px solid #303030;border-width:0 1px 0 1px}
#kb-browse div.cap,#kb-search div.cap{background:url(image/cap-bot-300.png) no-repeat;width:300px;height:5px}
#kb-browse{float:left}
#kb-search{margin-left:310px}
#kb-browse h2,#kb-search h2,#kb-cats h2{color:#fff; margin:0}
#kb-cats{background:#151515 url(image/cap-top-610.png) no-repeat scroll top left; width:610px; padding-top:1px}
#kb-cats div.pad{background:#151515; margin:5px 0 0; padding:0 10px; border:1px solid #303030; border-width:0 1px 0 1px}
#kb-cats div.cap{background:url(image/cap-bot-610.png) no-repeat;width:610px;height:5px}
#kb-cats table{width:580px;margin-top:10px}
#kb-cats td{vertical-align:top; width:180px}
#kb-cats td div{overflow:auto; margin-bottom:10px}
#kb-cats td img{float:left}
#kb-cats td a{line-height:18px; display:block; margin-left:25px; color:#666 !important; text-decoration:none; font-weight:bold}
#kb-cats td a:hover{color:#fff !important; text-decoration:none}
#kb-search-results h2, #kb-item h2{border-bottom:1px solid #303030; padding-bottom:5px; margin-bottom:6px; color:#fff}
#kb-search-results p{color:#666; font-size:10px; margin:0; padding:0}
#kb-search-results li{padding:10px 0}
#kb-search-results li a{margin-left:5px}
#kb-search-results li div.sub-cat, #kb-search-results li div.sub-cat a{font-style:italic; font-size:10px}
#kb-search-results li div{margin-left:22px}
#dl-form fieldset{background:0; border:0; margin:0; padding:0}
/* SITEMAP */
div.sitemap{padding:0 20px}
div.sitemap div.cola{width:270px; float:left}
div.sitemap div.colb{width:270px; float:left; margin-left:20px}
div.sitemap div.colc{width:270px; float:right}
div.sitemap h2{margin:5px 0 0}
div.sitemap ul{margin:0; font-size:10px}
div.sitemap a{text-decoration:none}
div.sitemap h2 a{color:#999 !important}
div.sitemap h2 a:hover,div.sitemap li a:hover{color:#fff !important}
div.sitemap li a{color:#666 !important}
/* EDITOR */
body.mceContentBody{padding:5px; font-size:12px; line-height:18px}
body.mceContentBody ol{list-style-type:decimal; margin:0 0 18px 2.2em}
body.mceContentBody ul{list-style-type:circle; margin:0 0 18px 2em}
body.mceContentBody ul li{list-style-type:circle}
body.mceContentBody ul ul,body.mceContentBody ul ol,body.mceContentBody ol ul,body.mceContentBody ol ol{margin:5px 0 5px 2em}