/* fareastwu.com.hk - main.css [For IE 6+, Firefox 2+, Safari 2+ & Opera 8+] */
/* Copyright 2008 All Rights Reserved. */

/* RESET */
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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* END RESET */

/* LAYOUT (960.gs) */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* END LAYOUT */

/* TEXT */
body{font:12px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
/* END TEXT */

/* STYLES */

/*.container_12 {background: #fff url(../images/12_col.gif) repeat-y;}*/

body {}
a {color:#834702;}
a:hover {text-decoration:none;}

#home {overflow:hidden;}

fieldset {border:0;margin:20px 0;padding:0;}
fieldset legend {display:none;visibility:hidden;}
fieldset label {float:left;width:130px;text-align:right;padding-right:10px;color:#666;font-size:12px;line-height:20px;}
fieldset div {margin-bottom:10px;}
fieldset .dropdown {font-family:Arial,sans-serif;font-size:12px;line-height:16px;border:1px solid #aaa;}
fieldset .textinput, .vTextField, .vPasswordField, .vEmailField, #login fieldset #id_username, #login fieldset #id_password, #register fieldset #id_email {font-family:Arial,sans-serif;width:160px;font-size:12px;line-height:16px;border:1px solid #ccc;}
.vEmailField {width:220px;}
fieldset .textinput:focus, .vTextField:focus, .vPasswordField:focus, .vEmailField:focus, #login fieldset #id_username:focus, #login fieldset #id_password:focus, #register fieldset #id_email:focus {border:1px solid #834702;}
fieldset textarea.textinput {width:300px;height:150px;}
fieldset .btn {margin-left:140px;}		
fieldset .chk {padding-left:140px;}
fieldset .chk label {float:none;width:auto;text-align:left;padding:0;vertical-align:middle;}
fieldset .chk input {margin:0 2px 0 0;padding:0;vertical-align:middle;}
fieldset .error {display:block;}
#register fieldset .btnRegister, #login fieldset .btnLogin, #login fieldset .error, #register fieldset .error, #contact fieldset .error, #myProfile fieldset .error {margin-left:140px;}

#container h1 {font-size:21px;letter-spacing:-1px;padding:8px 0;color:#333;border-top:1px solid #666;border-bottom:1px solid #aaa;margin:0 0 20px 0;text-transform:uppercase;}

.list {margin:10px 0;list-style:disc;}
.list li {color:#666;}

.pager {height:22px;margin:20px 0;clear:both;}
.pager .page {float:left;color:#666;font-weight:bold;line-height:20px;margin-right:10px;border:1px solid #fff;}
.pager .numWrap {float:left;height:25px;}
.pager a, .pager .dots {color:#834702;float:left;display:block;padding:0 3px;margin-right:10px;line-height:20px;}
.pager a {border:1px solid #ccc;}
.pager .dots {color:#666;}
.pager .current {font-weight:bold;background-color:#ccc;color:#333;}
.pager .current:hover {text-decoration:none;}

/* nyro popup */

#nyroOptions {width:760px;font-family:Arial, Helvetica, sans-serif;margin:20px;}
#nyroOptions .photo {float:left;width:220px;min-height:220px;margin-right:20px;overflow:hidden;}
#nyroOptions .details {float:left;width:520px;}
#nyroOptions .details h2, #nyroOptionsLarge .detailsLarge h2 {color:#834702;font-size:21px;letter-spacing:-1px;margin:0 0 5px 0;}
#nyroOptions .details p, #nyroOptionsLarge .detailsLarge p {color:#666;margin:0 0 5px 0;line-height:16px;}

#nyroOptionsLarge {width:440px;font-family:Arial, Helvetica, sans-serif;margin:20px;}
#nyroOptionsLarge .photoLarge {display:block;width:400px;margin:0 auto 10px auto;}
#nyroOptionsLarge .photoLarge img {display:block;}
#nyroOptionsLarge .detailsLarge {width:400px;margin:0 auto;}

/* Login, Register, Contact, About, Search, Profile  */

#login, #register, #contact, #about, #search, #myProfile, #confirm, #misc {margin:0 0 20px 220px;clear:both;}
#login {min-height:520px;background:url(/images/bg_login.jpg) no-repeat bottom right;}
#register {min-height:520px;background:url(/images/bg_register.jpg) no-repeat bottom right;}
#contact, #misc {min-height:580px;background:url(/images/bg_contact.jpg) no-repeat bottom right;}
#login h1 {}
#login fieldset p {margin:0 0 0 140px;font-size:12px;}
#login img {float:right;}
#contact p, #login p, #register p, #about p, #search p, #myProfile p, #confirm p, #misc p {color:#666;margin:0 0 5px 0;}
#contact h4, #register h4, #about h4 {color:#555;font-size:14px;}
#register h4 {width:335px;}
#about h2, #search h2, #myProfile h2, #confirm h2, #misc h2 {font-size:18px;margin:10px 0;color:#333;}
#about h3, #search h3, #myProfile h3, #confirm h3, #misc h3 {font-size:14px;margin:10px 0;color:#555;}

.photoLeft, .photoRight {}
.photoLeft {float:left;display:inline;margin:0 20px 10px 0;}
.photoRight {float:right;display:inline;margin:0 0 10px 20px;}
.photoLeft span, .photoRight span {display:block;color:#666;font-size:10px;font-style:italic;text-align:center;}

.iStep {margin:20px 0 0 0;padding-bottom:20px;border-bottom:1px solid #eee;}
.iStep .photo {float:left;display:inline;padding:3px;width:112px;height:112px;border:1px solid #dcdcdc;background-color:#fff;margin-right:20px;overflow:hidden;}

#search .searchBar {margin:0 0 20px 0;background:url(/images/bg_search.jpg) no-repeat top left;height:136px;border-bottom:1px dotted #ccc;}
#search .searchBar fieldset {margin:0 20px 5px 150px;padding:25px 0 0 0;}
#search .searchBar fieldset .textinput {width:462px;font-size:16px;padding:3px;color:#666;font-weight:bold;}
#search .searchBar fieldset .controlWrapper {height:25px;margin:10px 0;}
#search .searchBar fieldset select {float:left;margin:0 10px 0 0;width:150px;}
#search .searchBar fieldset .submitbtn {font-size:16px;font-weight:bold;margin-left:10px;}
#search .searchResults {}
#search .searchResults .result {height:100px;margin:5px 0;width:50%;float:left;}
#search .searchResults .result .thumbnail {width:80px;height:80px;border:1px solid #ccc;float:left;margin:10px 10px 10px 0;overflow:hidden;vertical-align:middle;}
#search .searchResults .result h3 {margin-bottom:0;}

#myProfile fieldset .clearfix input {font-family:Arial,sans-serif;width:160px;font-size:12px;line-height:16px;border:1px solid #ccc;}
#myProfile fieldset .clearfix input:focus {border:1px solid #834702;}

#contact h4 {margin:10px 0;}
.contactInfo {float:left;display:inline;margin:0 20px 20px 0;width:260px;}
.contactInfo h5 {font-size:18px;margin:0 0 10px 0;margin-right:20px;}
.contactInfo p {margin:0;font-size:14px;}
.map {float:right;display:inline;margin:0 0 10px 20px;overflow:hidden;padding:5px;border:1px solid #ccc;background-color:#fff;}
.map img {display:block;}
*+html .contactInfo {width:250px;}
*+html .map {width:425px;}

/* News */

#news {margin:0 0 20px 220px;clear:both;}
#news .left {width:515px;float:left;}
#news .left h2 {letter-spacing:-1px;color:#333;font-size:23px;margin:0;font-weight:normal;}
#news .left h2 a {text-decoration:none;}
#news .left h2 a:hover {color:#333}
#news .left p {color:#666;}
#news .left .date {margin:5px 0 8px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;font-size:11px;color:#666;line-height:20px;}
#news .left .entry {margin-bottom:20px;border-bottom:1px solid #ccc;}
#news .right {float:right;width:200px;}
#news .right h3 {margin:0 0 10px 0;font-size:14px;color:#666;}
#news .right ul {list-style:none;margin:0;}
#news .right ul li {margin:0 0 1px 0;padding:0;}
#news .right ul li a {display:block;line-height:25px;font-size:12px;background-color:#f5f5f5;padding:0 15px;text-decoration:none;}
#news .right ul li a:hover, #news .right ul li a.current, #news .right ul li a.current:hover {background-color:#ccc;}
#news .left .entry .entryImgWrapper {float:right;width:180px;margin:10px 0 10px 20px;}
#news .left .entry .entryImgWrapper .entryImg {width:180px;}
#news .left .entry .entryImgWrapper .caption {width:180px;display:block;text-align:center;font-size:10px;color:#666;margin-top:5px;font-style:italic;}
#news .left .entry .entryPhotos {margin:20px 0;}
#news .left .entry .entryPhotos h3 {margin:10px 0;font-size:16px;color:#666;}
#news .left .entry .entryPhotos a {display:block;float:left;margin:0 10px 10px 0;border:1px solid #ccc;background-color:#f5f5f5;width:80px;height:80px;overflow:hidden;}
#news .left .entry .entryPhotos a:hover {border:1px solid #834702;}

/* Home */

#leftBar {width:200px;position:absolute;top:0;left:0;}
#logo {border-right:1px solid #ccc;overflow:hidden;}
#logo a {width:200px;height:142px;display:block;background:transparent url(/images/logo.png) no-repeat 0 0;}
#logo a span {display:none;visibility:hidden;}
#newsHeadlines, #footer, #upcomingEvents {border:1px solid #ccc;border-left:0;margin-bottom:10px;background:transparent url(/images/bg_leftbar.png) repeat 0 0;}
#newsHeadlines h3, #upcomingEvents h3 {margin:0;padding:20px;font-size:14px;font-weight:bold;letter-spacing:1px;color:#333;font-weight:normal;text-transform:uppercase;}
#newsHeadlines ul, #upcomingEvents ul {list-style:none;margin:0 20px 30px 20px;padding:0;}
#newsHeadlines ul li, #upcomingEvents ul li {margin:0 0 10px 0;padding:0;display:block;}
#newsHeadlines ul li a, #upcomingEvents ul li a {display:block;font-size:11px;line-height:15px;}
#newsHeadlines ul li a:hover, #upcomingEvents ul li a:hover {color:#333;}
#newsHeadlines h4, #upcomingEvents h4 {margin:0;font-size:11px;color:#666;}
#newsHeadlines p, #upcomingEvents p {margin:0;}

#footer p {font-size:10px;color:#666;margin:20px;line-height:15px;}
#footer .iso {height:41px;margin:0;padding:0 0 20px 15px;font-size:10px;color:#888;}
#footer .iso img {margin-right:10px;}
#footer .iso span {margin:5px 0;}
#footer .iso img, #footer .iso span {float:left;display:inline;}
#footer .flowloop {display:block;margin:0 0 15px 15px;width:141px;height:19px;background:url(/images/designbyflowloop.gif) no-repeat 0 0;}

#container #content {width:960px;min-height:500px;position:relative;}
#showcaseCarousel {width:960px;clear:left;position:absolute;top:50px;left:0;}
#showcaseCarousel a {padding:0;display:block;background-color:transparent;}
#showcaseCarousel a img {display:block;margin:0 auto;}
#showcaseCarousel .title {display:block;padding:3px 100px 3px 10px;text-decoration:none;font-size:18px;color:#fff;letter-spacing:-1px;position:absolute;top:350px;right:0;background-color:#000;opacity:0.75;}
#showcaseCarousel .title:hover {opacity:1;background-color:#000;}

#showcaseControls {float:left;margin:10px 0;border:1px solid #ccc;}
#container #showcaseControls {margin:10px 0 10px 220px;height:20px;}
#showcaseControls a {float:left;display:block;width:20px;height:20px;background:url(/images/showcasedot.gif) no-repeat 0 0;}
#showcaseControls a:hover, #showcaseControls a.current {background-position:0 -20px;}
#showcaseControls a.next, #showcaseControls a.prev {background:none;width:auto;padding:0 10px;border-left:1px solid #ccc;text-decoration:none;color:#aaa;line-height:20px;text-transform:uppercase;font-size:10px;letter-spacing:1px;}
#showcaseControls a.next:hover, #showcaseControls a.prev:hover {background-color:#666;color:#fff;}
#showcaseControls a span {display:none;visibility:hidden;}
#showcaseControls .title {float:left;display:block;color:#666;margin:0 5px;line-height:20px;text-transform:uppercase;font-size:10px;letter-spacing:1px;}

#sublinks {float:right;display:inline;height:20px;margin:10px 0 20px 0;}
#sublinks a, .btnCustomize {float:left;display:block;height:20px;border:1px solid #ccc;margin-left:5px;text-decoration:none;font-size:11px;line-height:18px;color:#666;}
#sublinks a span, .btnCustomize span {display:block;float:left;height:18px;border:1px solid #fff;background-color:#ccc;padding:0 5px;cursor:pointer;}
#sublinks a:hover, .btnCustomize:hover {color:#fff;}
#sublinks a:hover span, .btnCustomize:hover span {background-color:#666;}

#rightBoxes {width:140px;position:absolute;right:0;top:50px;z-index:1000;}
#rightBoxes .box {width:140px;height:100px;margin-bottom:10px;overflow:hidden;}
#rightBoxes .box h4 {margin:0;padding:0;}

/* Product Categories */

#productCategories {margin:0 0 0 220px;padding-bottom:40px;width:240px;border-right:1px solid #ccc;background:#fff url(../images/bg_productborder.gif) repeat-y 0 0;}
#productCategories h1 {margin:0 0 0 21px;padding-top:20px;font-size:18px;text-align:center;color:#666;text-transform:uppercase;letter-spacing:1px;background:url(../images/bg_h1products.gif) repeat-x 0 0;border:0;}
#productCategories .note {margin:0 0 20px 20px;display:block;font-size:11px;text-align:center;color:#aaa;}

#productCategories .categoryCurrent {margin:0 0 10px 0;width:738px;height:217px;background:url(/images/bg_categorycurrent.png) no-repeat 0 0;position:relative;}
#productCategories .categoryCurrent .photo {position:absolute;top:25px;left:40px;width:180px;height:180px;text-align:center;}
#productCategories .categoryCurrent .photo img {margin:0 auto;}
#productCategories .categoryCurrent .details {position:absolute;top:20px;left:260px;width:478px;}
#productCategories .categoryCurrent .details h2 {font-size:18px;color:#733f01;margin:0 5px 10px 0;padding:0;border-bottom:1px solid #ccc;letter-spacing:-1px;}
#productCategories .categoryCurrent .details p {font-size:11px;color:#666;line-height:15px;margin-right:20px;}
#productCategories .categoryCurrent .thumbnails {position:absolute;bottom:35px;left:260px;width:490px;height:35px;}
#productCategories .categoryCurrent .thumbnails .thumbnail {width:35px;height:35px;background-color:#dcdcdc;float:left;margin:0 10px 0 0;border:1px solid #ccc;}
#productCategories .categoryCurrent .viewlink {position:absolute;bottom:35px;right:5px;display:block;border-right:0;height:35px;padding:0 15px;line-height:35px;text-decoration:none;color:#aaa;font-weight:bold;background:url(../images/bg_viewlink.gif) no-repeat 0 0;}
#productCategories .categoryCurrent .viewlink:hover {color:#fff;}
#productCategories .categoryCurrent .productControls {position:absolute;top:-16px;right:20px;background-color:#ccc;width:150px;height:34px;overflow:hidden;border:1px solid #aaa;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
#productCategories .categoryCurrent .productControls .up {float:left;display:block;width:29px;height:30px;border:2px solid #fff;border-right:0;background:#eee url(../images/bg_productcontrolsarrow.gif) no-repeat 0 0;}
#productCategories .categoryCurrent .productControls .down {float:left;display:block;width:29px;height:30px;border:2px solid #fff;border-left:0;background:#eee url(../images/bg_productcontrolsarrow.gif) no-repeat -29px 0;}
#productCategories .categoryCurrent .productControls .currentItem {float:left;display:block;width:84px;text-align:center;line-height:30px;font-size:14px;font-weight:bold;color:#fff;border:2px solid #fff;}
#productCategories .categoryCurrent .productControls .up:hover {background-position:0 -30px;}
#productCategories .categoryCurrent .productControls .down:hover {background-position:-29px -30px;}
#productCategories .categoryCurrent .productControls span {display:none;visibility:hidden;}
#productCategories .backtotop {display:block;margin:20px 0 0 20px;text-align:center;font-size:11px;}

#productCategories .category {margin:0 0 20px 20px;width:720px;}
#productCategories .category .photo {float:left;width:140px;min-height:140px;margin:10px 50px 10px 30px;}
#productCategories .category .details h2 {float:left;line-height:140px;padding-left:20px;letter-spacing:-1px;font-size:25px;color:#aaa;background:url(../images/bg_productcategoryarrow.gif) no-repeat 1px 51px;}
#productCategories .category .details h2:hover {color:#733f01;cursor:pointer;}
#productCategories .category .productControls, #productCategories .category .thumbnails, #productCategories .category .details p, #productCategories .category .viewlink {display:none;visibility:hidden;}

/* Product Listing, details */

#products {margin:0 0 20px 220px;clear:both;}

#productThumbs {border:1px solid #ccc;height:80px;margin-bottom:20px;position:relative;}
#productThumbs .left, #productThumbs .right {height:80px;width:20px;background:url(/images/productarrows.gif) no-repeat 0 0;}
#productThumbs .left {position:absolute;top:0;left:0;}
#productThumbs .right {position:absolute;top:0;right:0;background-position:-20px 0;}
#productThumbs .left:hover {background-position:0 -80px;}
#productThumbs .right:hover {background-position:-20px -80px;}
#productThumbs .thumbs {height:80px;overflow:hidden;background-color:#f5f5f5;}
#productThumbs .thumbs ul {width:9000px;list-style:none;padding:0 0 0 35px;}
#productThumbs .thumbs ul li {float:left;margin:0 17px 0 0;padding:0;}
#productThumbs .thumbs ul li a {float:left;display:block;vertical-align:middle;margin:7px 0;border:1px solid #dcdcdc;border-right:1px solid #aaa;border-bottom:1px solid #aaa;overflow:hidden;width:65px;height:65px;}
#productThumbs .thumbs ul li a:hover {border:1px solid #834702;}
#productThumbs .thumbs ul li a img {}
#productThumbs .thumbs ul li a.current, #productThumbs .thumbs ul li a.current:hover {margin:6px 0;border:2px solid #834702;}

#productDetails {}
#productDetails .productPhotos {float:left;width:220px;}
#productDetails .productPhotos .main {overflow:hidden;}
#productDetails .productPhotos .main img {width:220px;}
#productDetails .productPhotos .productGallery {margin:20px 0;}
#productDetails .productPhotos .productGallery a {float:left;display:block;margin:0 2.5px 5px 2.5px;width:28px;height:28px;border:1px solid #ccc;overflow:hidden;}
#productDetails .productPhotos .productGallery a:hover {border:1px solid #834702;}
#productDetails .productPhotos .productGallery a img {height:28px;}
#productDetails .details {float:left;width:500px;margin:0 0 0 20px;}
#productDetails .details h2 {margin:0;font-size:23px;letter-spacing:-1px;color:#333;}
#productDetails .details h3 {margin:10px 0;font-size:14px;letter-spacing:-1px;color:#666;}
#productDetails .details h3 a {display:inline;}
#productDetails .details p {color:#666;margin:0 0 5px 0;}
#productDetails .details .sectionWide, #nyroModalContent .details .section {float:left;display:inline;}
#productDetails .details .section {float:left;width:50%;}
#productDetails .details .section a, #nyroModalContent .details .section a, #productDetails .details .sectionWide a {width:80px;height:120px;text-align:center;font-size:11px;float:left;margin:0 10px 10px 0;}
#productDetails .details .section a .thumbnail, #nyroModalContent .details .section .thumbnail, #productDetails .details .sectionWide .thumbnail {width:80px;height:80px;border:1px solid #ccc;overflow:hidden;}
#productDetails .details .section a .thumbnail img, #nyroModalContent .details .section .thumbnail img, #productDetails .details .sectionWide .thumbnail img {width:80px;}
#nyroModalContent .details .section a {height:60px;}
#nyroModalContent .details .section .thumbnail {height:40px;}
#productDetails .details .specs {margin:0 0 10px 0;padding:5px 0;border-bottom:1px solid #ccc;}

#productDetails .details .section h3 a {width:auto;height:auto;text-align:left;float:right;margin:2px 20px 0 0;display:inline;letter-spacing:0;}
#productDetails .details .btnCustomize {display:block;float:right;font-weight:bold;}

/* Customize */

#customize {margin:0 0 20px 220px;clear:both;}
#customize p {color:#666;}

#customize .steps {margin-bottom:20px;border:1px solid #ccc;background-color:#f5f5f5;}
#customize .steps .step {float:left;width:35px;border-bottom:1px solid #ccc;}
#customize .steps .step span {display:block;border:1px solid #fff;color:#666;background-color:#dcdcdc;padding:3px 0;text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:-1px;}
#customize .steps .step span strong {display:block;font-size:21px;line-height:23px;color:#834702}
#customize .steps .optionWrapper {float:left;border-left:1px solid #ccc;background:#fff url(/images/bg_step.gif) repeat-y 466px 0;}
#customize .steps .optionWrapper .options, #customize .steps .preview {background-color:transparent;float:left;}
#customize .steps .optionWrapper .options {width:466px;margin-right:1px;}
#customize .steps .optionWrapper .preview {width:235px;}
#customize .steps .optionWrapper .options .option, #customize .steps .optionWrapper .options .optionColor {margin-bottom:10px;}
#customize .steps .optionWrapper .options a, #customize .steps .optionWrapper .options .optionColor a {width:80px;height:135px;text-align:center;font-size:11px;float:left;margin:0 0 10px 10px;overflow:hidden;}
#customize .steps .optionWrapper .options a .thumbnail, #customize .steps .optionWrapper .options .optionColor a .thumbnail {width:78px;height:78px;border:1px solid #ccc;overflow:hidden;}
#customize .steps .optionWrapper .options a .thumbnail img {width:78px;}
#customize .steps .optionWrapper .options a.selected {font-weight:bold;text-decoration:none;color:#333;}
#customize .steps .optionWrapper .options a.selected .thumbnail, #customize .steps .optionWrapper .options a:hover .thumbnail {border:1px solid #834702;}
#customize .steps .optionWrapper .options input {margin:0 10px;}
#customize .steps .optionWrapper .options .optionColor a {height:55px;}
#customize .steps .optionWrapper .options .optionColor a .thumbnail {height:35px;}
#customize .steps .optionWrapper .preview .image {width:180px;margin:0 auto 10px auto;overflow:hidden;}
#customize .steps .optionWrapper .preview .image .msg {display:none;}
#customize .steps .optionWrapper .preview .image div {display:block;text-decoration:none;text-align:center;vertical-align:middle;}
#customize .steps .optionWrapper .preview .image div img {margin:0 auto;}
#customize .steps .optionWrapper .preview .noimage {width:174px;height:174px;margin:0 auto 10px auto;border:3px dashed #ccc;}
#customize .steps .optionWrapper .preview .noimage .msg {display:block;text-align:center;margin:70px 20px;font-size:14px;color:#aaa;font-weight:bold;}
#customize .steps .optionWrapper .preview .noimage div, #customize .steps .optionWrapper .preview .noimage a, #customize .steps .optionWrapper .preview .noimage2 div, #customize .steps .optionWrapper .preview .noimage2 a {display:none;}
#customize .steps .optionWrapper .preview .noimage2 {width:174px;height:82px;margin:0 auto 10px auto;border:3px dashed #ccc;}
#customize .steps .optionWrapper .preview .noimage2 .msg {display:block;text-align:center;margin:20px 20px;font-size:14px;color:#aaa;font-weight:bold;}
#customize .steps .optionWrapper .preview .selectedName {display:block;font-size:11px;line-height:19px;background-color:#eee;text-align:center;color:#666;margin-bottom:10px;}
#customize .steps .optionWrapper .preview .colorthumbnail {width:178px;height:88px;border:1px solid #ccc;}
#customize .steps .optionWrapper .preview p {font-size:11px;text-align:center;}
#customize .steps .optionWrapper .preview p a {display:block;}
#customize .steps h3 {margin:10px 10px 15px 10px;font-size:18px;line-height:20px;font-weight:normal;color:#666;letter-spacing:-1px;}
#customize .steps .optionWrapper .preview h3 {text-align:center;color:#834702;font-size:14px;font-weight:bold;letter-spacing:0;}
#customize .steps textarea {margin:0 10px;border:1px solid #ccc;width:440px;height:160px;font:12px Arial, Helvetica, sans-serif;}
#customize .steps textarea:focus {border:1px solid #834702;}
#customizeSubmit {margin:20px 0;}
#customizeSubmit .error {display:block;font-size:12px;}
#customizeSubmit input {margin:20px 10px 20px 0;float:left;clear:both;}

#customize .steps .optionWrapper .preview .implementList ul {list-style:none;}
#customize .steps .optionWrapper .preview .implementList ul li {margin:0 25px;padding:0 0 0 16px;background:url(/images/icons/arrow_right.gif) no-repeat 0 4px;}

.ajaxLoader {float:left;margin:15px 0;padding:0 0 0 36px;background:url(/images/ajax.gif) no-repeat 0 0;line-height:32px;height:32px;font-size:14px;color:#666;font-weight:bold;}

/* Catalogs */

.section {border-top:1px dotted #ccc;margin-top:20px;}
.section .catalog {float:left;display:inline;padding:10px;margin-right:20px;margin-bottom:10px;border:1px solid #dcdcdc;text-decoration:none;text-align:center;}
.section .catalog:hover {border:1px solid #666;background-color:#ffffcc;}
.section .catalog span {display:block;font-size:11px;color:#666;font-weight:bold;}
.section .catalog:hover span {color:#333;}

/* Events */
#container .event h2 {margin-bottom:0;}
#container .event h4 {margin:0 0 5px 0;}
.event {margin:20px 0;}

/* END STYLES */

/* NAVIGATION */

#mainMenu {background:transparent url(../images/bg_leftbar.png) repeat 0 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:10px;}
#mainMenu ul {list-style:none;margin:0 0 20px 0;padding:10px 0 0 0;}
#mainMenu ul li {display:block;margin:0 0 5px 0;padding:0;}
#mainMenu ul li a {display:block;padding:0 20px;height:26px;line-height:20px;font-size:11px;color:#666;text-decoration:none;text-align:right;text-transform:uppercase;letter-spacing:1px;}
#mainMenu ul li a:hover {color:#333;font-weight:bold;}
#mainMenu ul li a.current, #mainMenu ul li a.current:hover {background:transparent url(../images/bg_mainmenu.png) repeat 0 0;color:#fff;font-weight:bold;}

/* HEADINGS */

h1, h2, h3, h4, h5 {}

#about h1, #contact h1, #news h1, #login h1, #register h1, #search h1, #customize h1, #myProfile h1, #products h1 {padding:0;height:51px;line-height:51px;}

#about h1, #misc h1 {background:url(/images/bg_h1_about.jpg) no-repeat top right;}
#contact h1 {background:url(/images/bg_h1_contact.jpg) no-repeat top right;}
#news h1 {background:url(/images/bg_h1_news.jpg) no-repeat top right;}
#login h1 {background:url(/images/bg_h1_login.jpg) no-repeat top right;}
#register h1 {background:url(/images/bg_h1_register.jpg) no-repeat top right;}
#search h1 {background:url(/images/bg_h1_search.jpg) no-repeat top right;}
#customize h1, #confirm h1 {background:url(/images/bg_h1_customize.jpg) no-repeat top right;}
#myProfile h1 {background:url(/images/bg_h1_profile.jpg) no-repeat top right;}

/* END HEADINGS */

/* MISC */

.error {color:red;font-size:11px;}
.success {padding-left:20px;background:url(/images/icons/success.gif) no-repeat 0 0;color:green;}

.textCenter {text-align:center;}
.textRight {text-align:right;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
.nomargin {margin:0;}
.hide {display:none;visibility:hidden;}
.padbottom {margin-bottom:20px;}

.bold {font-weight:bold;}
.small {font-size:10px;}
.large {font-size:14px;}
.yellow {color:#ffd000;}
.green {color:#aeff00;}
.red {color:red;}
.brown {color:#834702;}

/* nyroModal */
div#nyroModalFull {font-size:12px;color:#777;font-family:Verdana;}
div#nyroModalLoading {border:4px solid #777;width:150px;height:150px;text-indent:-9999em;background: #fff url(/images/ajaxLoader.gif) no-repeat;background-position:center;}
div#nyroModalLoading.error {border:4px solid #f66;line-height:20px;	padding:20px;width:300px;height:100px;text-indent:0;background:#fff;}
div#nyroModalWrapper {background:#fff;border:4px solid #777;}
a#closeBut {position:absolute;display:block;top:-13px;right:-13px;width:12px;height:12px;text-indent:-9999em;background:url(/images/close.gif) no-repeat;outline:0;}
div.wrapper div#nyroModalContent {padding:5px;}
div.wrapperImg div#nyroModalContent {position:relative;overflow:hidden;	text-align:center;}
div.wrapperImg img {vertical-align:baseline;}
div.wrapperImg div#nyroModalContent div {position:absolute;bottom:0;left:0;background:black;padding:10px;margin:10px;overflow:hidden;opacity:0.4;filter:alpha(opacity=40);}
div.wrapperImg div#nyroModalContent div:hover {opacity:0.75;filter:alpha(opacity=75);cursor:help;}
div.wrapperImg a {outline:none;	position:absolute;top:0;height:100%;cursor:pointer;text-indent:-9999em;background-image:url(data:image/gif;base64,AAAA); /* Trick IE6 */}
a.nyroModalPrev {left:0;width:40%;}
a.nyroModalPrev:hover {background: url(/images/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right:0;width:40%;}
a.nyroModalNext:hover {background: url(/images/next.gif) right 20% no-repeat;}

/* END MISC */