/*
dark orange ##FA4109
*/                                                 

/* global properties
############################################################################ */
/* http://meyerweb.com/eric/tools/css/reset/   v2.0 | 20110126 License: none (public domain */
/* reset and global DO NOT MODIFY - 
============================================================================ */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;outline:none;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ul, ul li {list-style:none;}
ol{margin:0 0 0 25px}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both; }
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}    




/* main styles & layout
############################################################################ */
#smarthomepage {width:940px; margin:0 auto; padding:0 10px}
#north-container, #center-container, #south-container {display:block; position:relative; clear:both; }
#north-w, #north-c, #center-w, #center-c, #south-w, #south-c {float:left}
#north-e, #center-e, #south-e {float:right}

#north{}
#north-container {margin:0 0 10px 0; padding:0 }
#north-n {width:940px; height:12px; margin:0 0 25px 0; padding:5px 0 0; text-align:right}
#north-w {width:200px; position:absolute; top:33px; left:20px}
#north-e {width:488px; position:absolute; top:33px; right:10px}
#north-s {margin:95px 0 25px 0; position:relative }

#center {}
#center-container {margin:0 auto;min-height:500px; height:auto !important; height:500px}
#center-w {width:175px}
#center-c {width:740px; margin:0 0 50px 15px; padding:0 0px 50px 10px}
#center-e {width:160px }
#center-s {margin:30px 0; padding:30px 0 0 0; border-top:1px solid #ccc }

#south {margin:20px 0 0 }
#south-container {}
#south-n {height:10px; margin:20px 0 5px 0;padding: 0 0 5px 20px; border-bottom:5px solid #369}
#south-w {width:150px}                                
#south-c {width:660px; padding:0 0 30px 10px}
#south-e {width:150px}
#south-s {padding:10px 0 0}


/* fonts
=========================================================================== */
body {line-height:1.4; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:0.80em; color:#000}
h1,h2,h3,h4,h5,h6,p {margin:10px 0}
h1,h2,h3,h4,h5,h6 {color:#000; font-weight:bolder}
h1 {font-size:1.7em} h2 {font-size:1.2em} h3 {font-size:1.1em} h4 {font-size:1.0em} h5 {font-size:1.0em} h6 {font-size:1.0em}
a:link    {color:#000}
a:visited {color:#000}
a:hover   {color:#598527}
a:active  {color:#fb0}
a:link, a:visited, a:hover, a:active {text-decoration:none} 
a:hover {text-decoration:underline}
span.captcha {font-size:1.2em;}
span {margin:0; color:#777; font-size:0.0.86em}
#center-w h3, #center-e h3 {font-size:1.0em} 
#center-e {font-size:0.9em}

 

                             
/* backgrounds
=========================================================================== 
body { background:url(../tpl/bg/bg-body2.jpg) repeat-x top} */
body { background:url(../../../smarthomepage.co.kr/cms-design/mbkang/221/template/bg-body.jpg) repeat-x top center}
#smarthomepage { background:transparent}
#center-c {border:0 solid #ccc}
.even {background-color:#fcfcfc}
.odd {background-color:#f5f5f5 }


/* Details
############################################################################ */

  

#loginlink, ul#accessibility, ul#fontresize {display:inline; }
#loginlink li, ul#accessibility li  {display:inline; margin:0 5px 0 0; padding:0 4px 0 0; border-right:1px solid #ccc}
#fontresize li {display:inline; margin:0 5px 0 0; padding:2px 5px;  width:80px;  background:#eee;  color:#fff; border:1px solid #ccc; }

#north-n {font-size:0.9em}
#north-e img {border:1px solid #222}

/*Credits:By Santosh Setty (http://webdesigninfo.wordpress.com) http://smarthomepage.co.kr/cms-design/mbkang/221/template/bg-menutop.jpg  */
/*ul#menutop {margin:0 auto; width:925px; height:120px; padding: 15px 4px 0 10px; background:url(../uploads/topmenu2-3.png) no-repeat center left}
ul#menutop li {display:inline; margin:0 5px 0 5px; line-height:36px; text-align:center;font-size:0.9em}
ul#menutop li a {text-decoration:none; color:#fff; margin:0 1px 0 0px;}
ul#menutop li a:hover, ul#menutop li.active a {padding:1px 0; border-top:2px solid #8DC63F; border-bottom:2px solid #8DC63F} */

#menutop {width:925px; height:120px;background:url(../uploads/topmenu2-3.png) no-repeat center ; position:relative;  padding:0 0 0 20px;list-style:none;}
#menutop li {float:left;  font-size:0.9em }
#menutop li a, #menutop li a:visited {float:left; margin:0 5px; padding:15px 5px 0 3px; display:block; line-height:20px; color:#fff; font-weight:bolder; text-align:center;cursor:pointer;}
#menutop li a:hover { font-weight:bolder; color:#FFF200;}
#menutop li.clicked a  {font-size:0.9em; font-weight:bolder; color:#FFF200;}
#menutop span { color:#fff}
#menutop span a:hover { color:#FFF200}



.contactbutton a {font-weight:bolder; font-size:1.1em; position:absolute; top:-10px; right:20px; color:#000}

/* center 
############################################################################ */
.slogan h1 {font-size:1.1em; font-weight:normal}



/* center-w
=========================================================================== */

p#menusidetitle {width:185px; height:30px; line-height:30px;background:url(../tpl/menuside/bg-menusidetitle.gif) repeat-x;  text-align:center;font-weight:bolder; color:#fff;}
#menuside {width:185px;  margin:0 0 10px 0; }
#menuside li {line-height:30px; border-bottom:1px solid #ccc; padding:0}
#menuside li a {display:block; padding:0 0 0 5px }
#menuside li a:hover, ul#menuside li.clicked a {background:url(../tpl/bullet/bullet5.gif) left no-repeat; display:block; padding:0 0 0 17px; font-weight:bolder  }

#search {margin:20px 0 30px 0;}
#search .input{background:#eee url(../tpl/input-bg.png) repeat-x; border:1px solid #ccc; height:13px;padding:4px;width:100px;}
#search .input:focus{color:#777 ; border:1px solid #ccc;}
#search .submit{background:#000; color:#fff; border:none; cursor:pointer; font-weight:bolder; height:22px; margin:0 0 0 3px; padding:0 8px 2px;}

#center-w h3 {margin:15px 0 0 0; font-size:0.9em}
#center-w .recent-news a {display:block; border-bottom:1px solid #ccc; padding:4px 0}

/* center-c
=========================================================================== */
h1#pagetitle {margin:10px 0 5px 0; padding:0 0 10px 30px; font-weight:bolder}
object {width:530px}
#center-c p {margin:0px 0 10px 30px; font-size:1.0em}
#center-c img {max-width:650px;}






/* center-e 
=========================================================================== */
#center-e a {display:block; border-bottom:1px solid #ccc; padding:4px 0}
#center-e h3 {margin:15px 0 0 0}
#center-e div {margin:20px 0}
#center-e .recent-recommended a {border-bottom:none; padding:0}
#center-e .recent-recommended li {border-bottom:1px solid #ccc;}

/* south
############################################################################ */
#south li {float:left; margin:0 20px 0 0}

/* south-n */
#south-n ul {margin:0}
#south-n ul li {margin:0 10px 0 0 !important; padding:3px; border:1px solid #ccc}


/* south-c
=============== */
#south-c li {margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid #ccc; }
#smarthomepage-link {position:absolute; right:20px; top:30px}


/* Applications
############################################################################ */
/* commons
=============== */
.download-box {border:1px solid #fff; padding:7px}


/* products                     
=============== */
.products-list li, .products-details li, .recent-products li, .recent-recommended li { display:block; list-style:none !important }
.products-list li {float:left;height:110px; width:320px;margin:0 5px 15px 20px !important; padding:7px 10px; border:1px solid #ccc}
.products-list li h2 {margin:0; padding:0}
.products-list li:hover {display:block; margin:0 5px 15px 20px !important; padding:7px 10px; border:1px solid #369 }
.products-list li img {float:left;  margin:0 15px 0 0; padding:3px; border:1px solid #ccc}
 
.products-details li {float:left !important; width:160px; margin:0 15px 0 0; padding:15px 2px 2px 2px !important;  background:none !important; border:1px solid #ccc; text-align:center; border-radius:5px}
.products-details li:hover {margin:0 15px 0 0; padding:15px 2px 2px 2px !important;  background:url(../tpl/icon/magnifierin.png) no-repeat top right !important; border:1px solid #000; filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}

.recent-products li {height:60px;padding:0px 0 3px 0; border-bottom:1px solid #eee;clear:both}
.recent-products li h3, .recent-products li p {margin:0 !important; padding:0 !important}
.recent-products li p {margin:0; padding:0 }
.recent-products li img {float:left; margin:1px 7px 0px 0;width:60px; height:50px}

.recent-recommended li {height:60px;padding:0px 0 3px 0; border-bottom:1px solid #eee;clear:both}
.recent-recommended li p {margin:0; padding:0 }
.recent-recommended li h3, .recent-products li p {margin:0 !important; padding:0 !important}
.recent-recommended li img {float:left; margin:1px 7px 0px 0;width:60px; height:50px}

.latest-products ul li { display:block; margin:6px 0; padding:2px 0 4px 0; height:50px; border-bottom:1px solid #ccc}
.latest-products h3 {margin:0; padding:0 ; font-size:1.0em}
.latest-products p {margin:0; padding:0; font-size:0.9em}
.latest-products img {float:left; margin:0 15px 0 0; width:60px; height:50px}


/* photos                     
=============== */
.photos-list li, .photos-details li, .recent-photos li, .recent-recommended li { display:block; list-style:none !important }
.photos-list li {overflow:hidden; float:left !important; width:160px; height:120px; margin:0 15px 15px 0; padding:10px 2px !important;  background:none !important; border:1px solid #ccc; text-align:center; border-radius:5px}
.photos-list li:hover {border:1px solid #000; }
.photos-list li h2 {font-size:0.95em; font-weight:normal}
.photos-details {margin:10px 0 30px 0 !important; clear:both}
.photos-details li {float:left !important; width:160px; margin:5px 15px 0 0; padding:15px 2px 2px 2px !important;  border:1px solid #ccc; text-align:center; border-radius:5px}
.photos-details li:hover {background:url(../tpl/icon/magnifierin.png) no-repeat top right !important; border:1px solid #000; filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
.photos-details li h2 {font-size:0.95em; font-weight:normal}
.recent-photos li {padding:5px 0; border-bottom:1px solid #eee}
.recent-photos li img {float:left; margin:0 6px 0 0; border:1px solid #ccc}
.recent-recommended li img {float:left; margin:5px 7px 0 0}


/* news                     
=============== */
.news-list li {display:block; margin:0 0 15px 0 !important; padding:3px 10px 10px; border:1px solid #ccc}
.news-list li h2 {margin:0; padding:0}
.news-list li p {margin:5px 0 0 ; padding:0}
.news-list li:hover {display:block; margin:0 0 15px 0 !important; padding:3px 10px 10px;  border:1px solid #369 }
.news-list li img {float:left;  margin:0 15px 0 0; padding:3px; border:1px solid #ccc}

.news-details-image  {float:left; margin:0 10px 10px 0; padding:0;  }
.news-details-image li {width:160px} 
.news-details-image img {border:1px solid #ccc; margin:0; padding:13px}
.news-details-image a:hover img {background:url(../tpl/icon/magnifierin.png) no-repeat top right !important; border:1px solid #000; margin:0; padding:13px;}
.news-details-image p {margin:0 0 15px 0; padding:0; font-size:0.9em}
.recent-news li {margin:5px 0; padding:3px 0; border-bottom:1px solid #eee}
.page-one {margin:15px 0;  padding:5px; border:1px solid #ccc}
.page-two {float:right; width:300px; margin:0 0 10px 15px;  padding:5px; border:1px solid #777; background:#f2f2f2}
.page-three {margin:15px 0;  padding:5px; border:1px solid #ccc}

/* blog                     
=============== */
.blog-list li {display:block; margin:0 0 15px 0 !important; padding:3px 10px; border:1px solid #ccc}
.blog-list li h2, .blog-list li p {margin:0; padding:0}
.blog-list li:hover {display:block; margin:0 0 15px 0 !important; padding:3px 10px; border:1px solid #369 }
.blog-list li img {float:left;  margin:0 15px 0 0; padding:3px; border:1px solid #ccc}
.blog-details, .blog-details p {margin:0; padding:0}
.blog-details-image {float:left; width:170px; margin:0 10px 15px 0; padding:15px 0; border-right:1px solid #ccc; text-align:center}
.blog-details-image img {border:1px solid #ccc; margin:0; padding:3px}
.recent-blog li {margin:5px 0; padding:3px 0; border-bottom:1px solid #eee}



/* downloads                     
=============== */
.recent-downloads li {margin:5px 0; padding:3px 0; border-bottom:1px solid #eee}


/* FAQ                     
=============== */
.recent-faq li {margin:5px 0; padding:3px 0; border-bottom:1px solid #eee}



/* Others
############################################################################ */



/* comments/ feedback 
-------------- */
.comments-box {margin:30px 0 0}
.comments-box h2 {border-bottom:0 solid #777; padding:3px 5px }
.comments-list { }
.comments-list li.odd {position:relative; display:block; background:#f5f5f5 url(../tpl/icon/avatar1.gif) no-repeat 7px 10px ; margin:10px 0; padding:10px 7px 50px 70px; border:1px solid #ccc; border-radius:5px}
.comments-list li.even {position:relative; display:block; background:url(../tpl/icon/avatar1.gif) no-repeat 7px 10px ; margin:10px 0; padding:10px 7px 50px 70px; border:1px solid #ccc; border-radius:5px}
.comments-list li p {margin:0; padding:0}
.comments-list li span {right:10px; bottom:10px; position:absolute}
.comments-list li:hover {border:1px solid #777}

.post-comments {margin:40px 0 0; padding:0}
.post-comments p {}



/* forms/ comments form related 
-------------- */
form#commentform {padding:0}
fieldset {border:none; padding:0}
legend {font-weight:bolder; font-size:1.3em}
input, textarea {padding:3px 5px; border:1px solid #ccc; height:25px; background:#f7f7f7}
.textarea-full {width:100%; height:100px; background:#f7f7f7;}
.input-small {width:100px}
.input-medium {width:100%}
.input-large {width:500px}
.input-full {width:90%}
.required {}  
form .errorlist {background-color:#f00; padding:0 0 0 10px; color:#fff}
input#submit {display:block; width:100px; height:33px; line-height:33px }


/* tinymce editor default size 
-------------- */
.vLargeTextField, #id_content {font-size:1.3em !important}


/* tables 
============================================================================*/  
table {margin:15px 0 !important}
table,th,td{border:1px solid #D4E0EE;border-collapse:collapse;color:#555;}
caption{font-size:120%;font-weight:bold;margin:5px; text-align:center}
td,th{padding:4px;text-align:center}
thead th{text-align:center;background:#E6EDF5;color:#4F76A3;font-weight:bolder; font-size:100% !important;}
tbody th{font-weight:bolder;text-align:center}
tbody tr{background:#FCFDFE; }
tbody tr.odd{background:#F7F9FC; }
table a:link{color:#718ABE;text-decoration:none;}
table a:visited{color:#718ABE;text-decoration:none;}
table a:hover{color:#718ABE;text-decoration:underline !important;}
tfoot th,tfoot td{font-size:85%;}  


/* SNS bookmark 
-------------- */
.addthis_default_style  {position:absolute; top:40px; right:140px}

/* move to the 
-------------- */
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(../tpl/icon/ui.totop.png) no-repeat left top;}
#toTopHover{background:url(../tpl/icon/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left }
#toTop:active,#toTop:focus{outline:none;}  

/* header
-------------- */
.header1, .header2, .header3, .header4, .header5, .header6, .header7 {height:35px; line-height:35px; margin:5px 0 0;text-indent:20px; text-align:left}
.header1 {background:url(../tpl/bg/bg-header3.jpg) top repeat-x}
.header2 {background:url(../tpl/bg/bg-header2.jpg) top repeat-x}
.header3 {background:url(../tpl/bg/bg-header3.jpg) top repeat-x}
.header4 {background:url(../tpl/bg/bg-header2.jpg) top repeat-x}
.header5 {background:url(../tpl/bg/bg-header5.jpg) top repeat-x} 

/* pagination */
#pagination {background:#eee; border:0; margin:60px 0 0 40px; padding:0;}
#pagination li {background:none; border:0; margin:0; padding:0;list-style:none;margin-right:2px;}
#pagination a{border:solid 1px #9aafe5; margin-right:2px; background:none}
#pagination .previous-off, #pagination .next-off{border:solid 1px #DEDEDE; color:#888888; display:block;float:left;font-weight:bold;margin-right:2px;padding:3px 4px;}
#pagination .next a, #pagination .previous a{font-weight:bold;}
#pagination .active {background:#FA4109;color:#FFFFFF;font-weight:bold;display:block;float:left;padding:4px 6px;}
#pagination a:link, #pagination a:visited{color:#0e509e; display:block;float:left;padding:3px 6px;text-decoration:none; background:none}
#pagination a:hover{border:solid 1px #0e509e}

/* content details navigation */
.navigation {position:relative; display:block; margin:20px 0; padding:7px; border-top:1px solid #369; }
.navigation span.backtolist {padding:0 0 0 26px; background:url(../tpl/icon/app-view.png) center left no-repeat}
.navigation span.prev {position:absolute; left:7px; top:5px; /* background:url(../tpl/icon/app-view.png) center center no-repeat*/}
.navigation span.next {position:absolute; right:7px; top:5px; /* background:url(../tpl/icon/app-view.png) center center no-repeat*/}


/* tags lists */
.taglist {position:relative;margin:0 7px 0 0; padding:7px 0 7px 22px; background:url(../tpl/icon/tag.png) 5px no-repeat; border-bottom:1px solid #369}
.taglist a {padding:0 10px 0 0; border-right:1px solid #ccc}
.tags {padding: 0 0 0 22px; background:url(../tpl/icon/tag.png) 5px no-repeat;font-size:0.85em}
.tags a {margin:0; padding: 0 2px; border-right:1px solid #ccc; }


/* tabs 
-------------- */
.tabs{margin:0;padding:0;float:left;list-style:none;height:37px;border-bottom:1px solid #999;border-left:1px solid #999;width:100%;}
.tabs li{float:left;margin:0;padding:0;height:36px;line-height:36px;border:1px solid #999;border-left:none;margin-bottom:-1px; overflow:hidden;position:relative;}
.tabs li  a{text-decoration:none;color:#000;display:block;margin:0; padding:0 20px;  outline:none;}
.tabs li  a:hover{margin:0; padding:0 20px;  background:url(../tpl/bg/bg-box1.gif) repeat-x top}
html .tabs li.active,html .tabs li.active a:hover{font-weight:bolder; background:url(../tpl/bg/bg-box1.gif) repeat-x top ;border-bottom:1px solid transparent;}
.tab_container{border:1px solid #fff;border-top:none;clear:both;float:left }
.tab_container li {background:url(../tpl/bullet/bullet5.gif) left no-repeat; padding:2px 0 2px 20px}
.tab_content{width:100%; display:block; padding:15px 5px}

/* toggle and accordian 
-------------- */
.accordion2 {margin:0}
.accordion2 .accordian2-title {background:url(../tpl/bg/bg-toggle2.gif) no-repeat right -51px;  border:solid 1px #c4c4c4; margin:0; padding:5px; font-weight:normal; cursor:pointer;}
.accordion2 .accordian2-title:hover{background-color:#e3e2e2; padding:5px; }
.accordion2 .accordian2-title.active{background-position:right 5px; font-weight:bolder; border:solid 1px #c4c4c4;}
.accordion2 .accordian2-content {background:#f7f7f7;margin:0;padding:10px 15px 10px 15px;border:solid 1px #c4c4c4; border-top:none; display:none;}
.accordian2-content {padding:5px 0}

/* utilities 
-------------- */
.full-list {margin: 0 0 25px; padding:10px 0 0 0; border-bottom:1px solid #ccc; text-align:right; font-weight:bolder}
.download-file {display:block; padding:5px 0 5px 30px;  background:url(../tpl/icon-download.jpg) no-repeat left }

/* breadcrumb */
.breadcrumb { padding:0 0 5px 0}
.breadcrumb a {padding:0 7px 0 0; background:url(../tpl/divider/bcrumb.gif) right no-repeat}

/* utiles */
.page-not-found {width:87%;  border:1px solid #fb0; padding:10px 10px 10px 50px ; background:url(../tpl/icon/box-warning.gif) left no-repeat}

/* buttons */
.button,.button:visited{background:#222 url(../tpl/button/overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none;;border-bottom:1px solid #ccc;position:relative;cursor:pointer}
.button:hover{background-color:#111; color:#fff; }
.button:active{top:1px; }
.small.button,.small.button:visited{font-size:0.85em}
.button,.button:visited, .medium.button,.medium.button:visited{font-size:1.0em; font-weight:bold; line-height:1; }
.large.button,.large.button:visited{font-size:1.3em; padding:0  14px; line-height:70px }
.super.button,.super.button:visited{font-size:2.5em; padding:8px 14px 9px; }
.pink.button,.magenta.button:visited{background-color:#e22092; }
.pink.button:hover{background-color:#c81e82; }
.green.button,.green.button:visited{background-color:#91bd09; }
.green.button:hover{background-color:#749a02; }
.red.button,.red.button:visited{background-color:#e62727; }
.red.button:hover{background-color:#cf2525; }
.orange.button,.orange.button:visited{background-color:#ff5c00; }
.orange.button:hover{background-color:#d45500; }
.blue.button,.blue.button:visited{background-color:#2981e4; }
.blue.button:hover{background-color:#2575cf; }
.yellow.button,.yellow.button:visited{background-color:#ffb515; }
.yellow.button:hover { background-color: #fc9200; }
.black.button,.black.button:visited{background-color:#111; }
.black.button:hover { background-color: #000; }



/* bottom center */

#wowslider-container1 {zoom:1; position:relative; top:-10px; width:948px;height:374px;margin:0 auto;z-index:100;background-image:url(../tpl/slider/bg.png);}
#wowslider-container1 .ws_images{position:absolute;left:9px;top:14px;width:920px;height:300px;overflow:hidden;}
#wowslider-container1 .ws_images a{color:transparent;}
#wowslider-container1 .ws_images img{top:0;left:0;border:none 0;}
#wowslider-container1 a{text-decoration:none; outline:none; border:none; }

#wowslider-container1 .ws_bullets{bottom:54px; left:40%;}
#wowslider-container1 .ws_bullets{font-size:0px; padding:10px; float:left;position:absolute;z-index:70;}
#wowslider-container1 .ws_bullets div{position:relative;float:left;}
#wowslider-container1 .ws_bullets a{margin-left:4px;width:8px;height:8px;background:url(../tpl/slider/bullet.png) left top;float:left; text-indent:-1000px; position:relative;}
#wowslider-container1 .ws_bullets a.ws_selbull,#wowslider-container1 .ws_bullets a:hover{background-position:right top;}
#wowslider-container1 a.ws_next,#wowslider-container1 a.ws_prev{position:absolute;display:none;top:43%;margin-top:-33px;z-index:60;height:66px;width:59px;background-image:url(../tpl/slider/arrows.png);}
#wowslider-container1 a.ws_next{background-position:100% 0;right:16px;}
#wowslider-container1 a.ws_prev{left:9px;background-position:0 0; }
#wowslider-container1 a.ws_next:hover{background-position:100% 100%;}
#wowslider-container1 a.ws_prev:hover{background-position:0 100%; }
* html #wowslider-container1 a.ws_next, * html #wowslider-container1 a.ws_prev{display:block}
#wowslider-container1:hover a.ws_next,#wowslider-container1:hover a.ws_prev{display:block}
#wowslider-container1 .ws-title{position:absolute;bottom:80px;left:14px;margin-right:5px;z-index:50;padding:12px;color:#000000;text-transform:uppercase;background:#F9FBFB;height:22px;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;}
#wowslider-container1 .ws-title div{padding-top:5px;font-size:13px;text-transform:none;}
#wowslider-container1 .ws_bullets a img{text-indent:0;display:block;top:15px;left:-138px;visibility:hidden;position:absolute; -moz-box-shadow:0 0 5px #999999; box-shadow:0 0 5px #999999; border:5px solid #FFFFFF;}
#wowslider-container1 .ws_bullets a:hover img{visibility:visible;}
#wowslider-container1 .ws_bulframe div div{height:90px;overflow:visible;position:relative;}
#wowslider-container1 .ws_bulframe div{left:0;overflow:hidden;position:relative;width:160px;}
#wowslider-container1 .ws_bullets .ws_bulframe{display:none;top:15px;overflow:visible;position:absolute;cursor:pointer; -moz-box-shadow:0 0 5px #999999; box-shadow:0 0 5px #999999; border:5px solid #FFFFFF;}
#wowslider-container1 .ws_bulframe span{display:block;position:absolute;top:-11px;margin-left:-9px;left:138px;background:url(../tpl/slider/triangle.png);width:15px;height:6px;}


/* grids */
/* grid layout commonly used - do not modify this unless you know what you are doing */
.basket {}
.box {position:relative; float:left; margin:12px 15px 5px 0; border:1px solid #ccc}
.innerbox { padding:10px 5px 10px 12px;}
.box2 {width:15.076%}    
.box3 {width:23.4961%}
.box4 {width:31.9855%}
.box5 {width:40.415%}
.box6 {width:48.75% }
.box7 {width:57.4%}
.box8 {width:59.2%}
.box9 {width:74.3%}
.box10 {width:82.03%}
.box12 {width:99.899%; float:none !important}
.last {float:right !important; clear:right !important;  margin:12px 0 20px 0 !important}
.noborder {border:none}
.box h2 {margin:0; padding:0}


.latest-contents ul li { display:block; margin:6px 0; padding:2px 0 4px 0; height:50px; border-bottom:1px solid #ccc}
.latest-contents h3 {margin:0; padding:0 ; font-size:1.0em}
.latest-contents p {margin:0; padding:0; font-size:0.9em}
.latest-contents img {float:left; margin:0 15px 0 0; width:60px; height:50px}