/* -----------------------------------*/
/* ---------->>> LIGHT <<<------------*/
/* -----------------------------------*/
/* 
Main color declaration
-----------------------------------------
Background 			: #fafafa
Background light 	: #fff
Text				: #333
Headings 			: #111, #C30, #333
Links				: #F90, #F60, #777
Header				: #339
Navigation			: #CCC
Thumb				: #222
*/
body {background-color: #fafafa; background-image:url("../i/light/backgr.gif")}
html, body, textarea{ /* for IE */ scrollbar-3dlight-color:#CCC;scrollbar-arrow-color:#999;scrollbar-base-color:#999;scrollbar-darkshadow-color:#CCC;scrollbar-face-color:#D8D8D8;scrollbar-highlight-color:#FFF;scrollbar-shadow-color:#999}
body, p {color: #333}
/* HEADING AND LINKS
***************************** */
h2 {color: #555}
h3 {color: #C30}
h4 {color: #333}
/* Link, Visited, Hover, Focus, Active */
a, a:link{color:#F90}
a:visited{color:#777}
a:hover{color:#FC6}
a:focus{color:#FC6}
a:active{color:#F60}
a.atop, a.atop:link { background: url("../i/light/ico_top.gif") no-repeat 0 0}
a.atop:active, a.atop:hover, a.atop:focus  { background: url("../i/light/ico_top.gif") no-repeat 0 -16px}
a.rss, a.rss:link {background: url("../i/light/ico-rss.gif") no-repeat 0 0}
a.unvisible,
a.unvisible:link,
a.unvisible:visited,
a.unvisible:hover {color:#fff}
/* LISTS
***************************** */
ul#contents li ul li{ background:url("../i/light/list.gif") no-repeat left center}
/* HEADER
***************************** */
#header {background-image:url("../i/light/bgr_hd.gif")}
#header h1 a, #header h1 a:hover {background-image:url("../i/light/h1_bk.gif")}
/* NAVIGATION
***************************** */
/* Global menu */
#navMain ul li a, #navMain ul li a:link {color:#CCC}
#navMain ul li a.navthumbs {background-image:url("../i/light/thumbnailsmm.gif")}
#navMain ul li a.buy {background-image:url("../i/light/buymm.gif")}
#navMain ul li a.formodels {background-image:url("../i/light/formodels.gif")}
#navMain ul li a.about {background-image:url("../i/light/aboutmm.gif")}
#navMain ul li a.navthumbs:hover, #navMain li a#navthumbsActive {background-image:url("../i/light/thumbnailsmm.gif")}
#navMain ul li a.buy:hover, #navMain li a#buyActive {background-image:url("../i/light/buymm.gif")}
#navMain ul li a.formodels:hover, #navMain li a#formodelsActive {background-image:url("../i/light/formodels.gif")}
#navMain ul li a.about:hover, #navMain li a#aboutActive {background-image:url("../i/light/aboutmm.gif")}
/* Sub menu */
ul#subMenu {border-top: 1px solid #DDD}
ul#subMenu li {border-bottom: 1px solid #DDD}
ul#subMenu li a:link {color: #555}
ul#subMenu li a:hover, ul#subMenu li#active a {background-color: #DDD;color: #000}
/* PICS AND IMAGES
***************************** */
img#image, img.exampl, img.testimonials {background-color: #DDD;border:1px solid #DDD}
img.tanka {background-color: #E8DCC9; width:300px}
#droplink span.qnt {color: #ccc; background-image:  url("../i/light/comment.gif")}
/* Thumbs */
#tmbsList a, #search_result a, ul#user_photos a {background-color: #F0F0F0; border:1px solid #DDD}
#tmbsList a:hover, #search_result a:hover, ul#user_photos a:hover {	background-color: #DDD} 
/* WORK
***************************** */
#addcomments {border: 1px solid #1C1C1C}
#workinfo {border: 1px solid #111}
/* Comments */
.commentbit { background-color:#0F0F0F}
.commentbit_owner { background-color:#121212; border: 1px solid #0F0F0F}
.bignumbers {color: #121212}
/* FORMS
***************************** */
fieldset { border:1px dotted #CCC}
fieldset legend { background-color:#FAFAFA}
fieldset legend span {color: #FF9933}
table.form {border-top:1px solid #777}
table.form td {border-bottom: 1px solid #777}
sup {color:#333}
select, textarea, input.txt {background-color: #CCC; color: #222; border: 1px inset #999}
.blur {background-color: #CCC; border: 1px inset #999}
.attention {background-color: #DDC3C3; border: 1px solid #F00}
.show {color: #900}
.progress {background-color:#CCC}
.err{background:url("../i/light/ico_warning.gif") no-repeat center}
.noerr{background:url("../i/light/ico_noerr.gif") no-repeat center}
.check{background:url("../i/light/ico_checking.gif") no-repeat center}
/* TABLES
***************************** */
table {border-top: 1px solid #CCC;}
table td {border-bottom: 1px solid #CCC;}
table thead td, table tfoot td {background-color: #f0f0f0;color: #333}
tr.sortable td {background:url("../i/light/bgr_sortable.gif") repeat-x top}
table.price {background-color: #252525}
table.price tr.subHeader td {background-color: #999;color: #000}
table.price tbody td {background-color: #ccc;color: #000;border-bottom: 1px solid #CCC}
/* BLOCKS
***************************** */
#message p,
#message p.info {margin:0; padding:1em; border: 1px dotted #333; color:#333}
#login {background-color:#FAFAFA;color:#555;border:1px solid #CCC}
#sticker{background-color:#F0F0F0;color:#000; background-image:url("../i/light/bg_sticker.gif")}
#sticker h3.offer{color: #333}
#user {background-color:#fff;color:#777;border:1px solid #777}
#user ul li {border-right: 1px solid #777}
#user ul li b {color:#C60}
/* MISC
***************************** */
acronym{color:#777;border-bottom: 1px dotted #555}
blockquote {color: #555;border-left: 3px solid #FF9900;background-color: #F0F0F0; background-image:url("../i/light/bgr_quote.gif")}
blockquote i {color:#333}
hr.divider {border-top: 1px solid #fff} 
.pictop { background-color:#FFF; border:1px solid #FFF}
.unavailable {color: #222}
/* table td dark and light */
.table_dark { background-color: #DDD}
.table_light { background-color: #F0F0F0}

/* big image style */
div.myimage {border:1px solid #fff;}
div.caption {background-color: #fff;}