/* CSS Document */
body,td,div { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:130%; color:white;}
body { background:url(images/bg.jpg) repeat-x #4c4c4c;}
form { margin:0;}
form { margin:0; padding:0;}

/* Headers */
h1 { font-size:24px; color:#FFFFFF; font-weight:normal; padding:5px 0 5px; margin:0;}
h2 { font-size:18px; color:#ECECEC; font-weight:normal;}
.news big { font-size:12px; font-weight:bold; padding:0 0 5px 0; display:block;}



/* Links */
a:link, a:visited { color:#FFFFFF;}
a:hover { color:#ECECEC;}
#nav a.catalog { font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url(images/nav1.jpg); display:block; width:155px; height:10px; padding:10px 9px 8px 9px; float:left; margin:2px; white-space:nowrap;}
#nav a.catalog:hover { background-position:0 -28px; color:#FFFFFF;}
#nav a.price { font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url(images/nav2.jpg); display:block; width:92px; height:10px; padding:10px 9px 8px 9px; float:left; margin:2px; white-space:nowrap;}
#nav a.price:hover { background-position:0 -28px; color:#FFFFFF;}
#nav a.company { font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url(images/nav3.jpg); display:block; width:97px; height:10px; padding:10px 9px 8px 9px; float:left; margin:2px; white-space:nowrap;}
#nav a.company:hover { background-position:0 -28px; color:#FFFFFF;}
#nav a.contact { font-size:14px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url(images/nav4.jpg); display:block; width:78px; height:10px; padding:10px 9px 8px 9px; float:left; margin:2px; white-space:nowrap;}
#nav a.contact:hover { background-position:0 -28px; color:#FFFFFF;}
span.more a { font-size:16px; color:#FFFFFF; font-weight:bold;}
span.more a:hover { color:#ECECEC;}
a span.news { text-decoration:none;}
a:hover span.news big  { color:#000000;}
a:hover span.news img { background:#666666;}
span.copy a { margin:0 3px 0 3px; color:#999999; font-size:11px;}
span.copy a:hover, span.dev a:hover { color:#CCCCCC;}
span.dev a { color:#999999;}
#kwick .kwicks li a { text-decoration:none; color:#565656;}
.kwicks a:hover span big, a:hover span.desc { color:#FFFFFF; visibility:visible;}
a.zoom { display:block; width:26px; height:29px; text-align:center; background:url(images/zoom.gif) #FFFFFF; margin:5px 0 10px 0;}
a.zoom:hover { background-position:0 -29px; color:#ECECEC;}
a.cxema { display:block; width:26px; height:29px; text-align:center; background:url(images/cxema.gif) #FFFFFF; margin:5px 0 10px 0;}
a.cxema:hover { background-position:0 -29px; color:#ECECEC;}
#pagenums a:link, #pagenums a:visited { margin:5px; padding:5px; text-decoration:none; color:#ECECEC; font-weight:bold;}
#pagenums a:hover { text-decoration:none; color:#ECECEC; background:#939393;}


/* Spans and Images */
img { border:0; margin:0; padding:0;}
li,ul { margin:0; padding:0;}
#lights img { margin:0 0 0 10px;}
#search input { background:none; border:none; font-family:'Tahoma'; font-size:12px; color:#565656; padding:0 0 0 7px;}
.search { background:url(images/bginput.gif) no-repeat; width:300px;}
input.go { margin:0 3px;}
.more { display:block; float:right; margin:10px;}
#content li { list-style:none;}
.news { display:block; margin:10px; font-size:11px; color:#333333;}
.news img { border:solid 1px #FFFFFF; background:#CCCCCC; padding:1px; float:left; margin-right:5px;}
#rightab hr { width:85%; text-align:center;}
.copy { display:block; float:left; line-height:150%; color:#999999; text-align:center; margin-left:15px;}
.dev { display:block; float:right; margin:15px; color:#999999;}
.kwicks span big { text-transform:uppercase; font-family:'Tahoma'; font-size:12px; font-weight:bold; padding:0 0 5px 0; display:block;}
span.desc { display:block; width:180px; font-size:11px; font-family:'Tahoma';}
span.desc big { padding:0 0 5px 0; display:block; font-size:12px; font-weight:bold; text-transform:none;}
span.price { display:block; margin:10px 0 0 20px;}
span.pricenum { font-size:18px; font-weight:bold;}
span.product { width:527px; background:url(images/bg-proddesc.jpg) top no-repeat #A5A5A5; display:block; margin:10px 0 0 0;}
span.photo { width:154px; height:154px; margin:15px 0 10px 15px; display:block; float:left; background:url(images/bg-foto.jpg) no-repeat; text-align:center; padding:3px; color:#565656;}
span.prodnav { display:block; float:left; width:26px; padding-top:30px;}
span.proddesc { padding:15px 10px 10px 15px; display:block; color:#4B4B4B; float:left; width:280px;}
span.proddesc big, span.prodprice { color:#9A0100; font-size:16px; font-weight:bold;}
span.activepage { font-size:16px; color:#FFFFFF; font-weight:bold; padding:5px 10px 5px 10px; background-color:#CC0000;}



/* Kwick Tabs */
#kwick { height:164px; width:918px; background:url(images/bg-kwiks.jpg); text-align:center; padding-left:3px; margin:0 0 8px;}
#kwick { position:relative;}
#kwick .kwick { display:block; width:206px; height:140px; margin:2px 1px 2px 1px; cursor:pointer; overflow:hidden; text-align:left; padding:10px;}
#kwick li { float:left; list-style:none;}
#kwick .hits { background:url(images/bgoffl.jpg); border-right:solid 1px #565656;}
#kwick .hits:hover { background:url(images/bgonl.jpg); border-right:solid 1px #565656;}
#kwick .new { background:url(images/bgoff.jpg); border-right:solid 1px #565656;}
#kwick .new:hover { background:url(images/bgnewon.jpg); border-right:solid 1px #565656;}
#kwick .best { background:url(images/bgoff.jpg); border-right:solid 1px #565656;}
#kwick .best:hover { background:url(images/bgbeston.jpg); border-right:solid 1px #565656;}
#kwick .rec { background:url(images/bgoffr.jpg) right; border-left:solid 1px #565656;}
#kwick .rec:hover { background:url(images/bgonr.jpg) right; border-left:solid 1px #565656;}


/* Divs and Cells */
#base { width:938px; text-align:left; height:100%;}
#top { margin:47px 25px 0 25px; overflow:hidden;}
#nav { width:520px; float:right; margin:15px 0 0 0;}
* html #nav { width:495px; float:right; margin:15px 0 10px 0;}
#lights { margin:11px 0 0 0;}
#main { padding:0 0 25px 0; background:url(images/shad.jpg) no-repeat bottom left; overflow:hidden; height:100%; margin:0;}
#shad { width:582px; float:left; background:url(images/topsh1.jpg) top no-repeat; padding-top:20px;}
#content { margin:0 0 10px 15px; padding:5px 15px 0 15px; background:url(images/bgcont.jpg) top no-repeat;}
#sidebar { background:url(images/bgsearch.jpg) #9F0600 top right no-repeat; overflow:hidden;}
* html #sidebar { background:url(images/bgsearch.jpg) top right no-repeat; overflow:hidden;}
#search { height:45px; padding:20px 10px 0 32px;}
#rightab { border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; margin-right:10px; background:url(images/bglight.jpg) top left no-repeat #DDDDDD; overflow:hidden;}
* html #rightab { width:345px; float:left; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF; margin-right:10px; background:url(images/bglight.jpg) top left no-repeat #DDDDDD;}
#rshad { margin:10px 0 0 0;}
#greybar { margin:15px 0 10px 0;}
#footer { height:94px; border-top:solid 1px #CCCCCC; background:url(images/bgfoot.jpg) repeat-x #666666; margin:15px 0 0 0;}
#foot { width:938px; margin:25px;}
#preload { display:none;}
#sideblock { width:320px; margin:10px 20px 10px 10px; float:right;}
#pagenums { text-align:center; margin:20px;}
