body, p, ul, ol, li, h1, h2, h3, h4, td, tr, table, hr, form { padding: 0px; margin: 0px; font-family: Tahoma, sans-serif; font-size: 14px }

body { background: #1E1E1E url('../design/background6.png') repeat-x; padding: 10px; color: #A3A3A3; text-align: center; }

a { color: #FFFFFF; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }


#container { margin: 0px auto; text-align: left; display: block; width: 940px; }
#topblock { display: block; width: 940px; float: left; height: 100px }
#topblock img#logo { float: left; padding-top: 25px; border: 0px }


#topblock a { color: #FFFFFF }

#contentbox { width: 940px; display: block; float: left; padding: 0px; }
#maincontent { width: 940px; display: block; float: left; padding: 0px; min-height: 300px; height: 300px; color: #AAAAAA }
div[id] #maincontent { height: auto }
#topbar { width: 910px; display: block; padding: 10px 15px 7px 15px; float: left; font-size: 11px; background: url('../design/topbarback.png'); border-bottom: 1px solid #333333 }
#topbar strong { color: #CCCCCC }
#topbar a { color: #FF9B00; text-decoration: none; margin-left: 15px; font-size: 18px !important; }
#topbar a:hover { color: #FFFFFF; text-decoration: none }
#topbar a.selected { color: #FFFFFF; padding-left: 15px; background: url('../design/aselected.png') 0px 5px no-repeat; }
#topbar a.register { margin-left: 0px; padding-left: 15px; background: url('../design/regicon.png') 0px 5px no-repeat; }
#topbar a.login { padding-left: 18px; background: url('../design/logicon.png') 0px 5px no-repeat; }
#topbar img { border: 0px }
#topbar div.fright { float: right; display: block; width: 100px }
#topbar div.fright img { float: right; margin-left: 5px; }

div#pagebody { display: block; width: 940px; background: #000000 url('../images/top-background.jpg') no-repeat; border-top: 1px solid #202020; padding-top: 350px; }

ul#mainmenu { list-style: none; display: block; float: right; padding-top: 20px; padding-right: 15px; margin-bottom: 0px; padding-bottom: 30px }
ul#mainmenu li { float: left; padding: 0px 10px  }
ul#mainmenu li a { font-size: 12px; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 30px }
ul#mainmenu li.selected a.button-left { display: block; font-size: 12px;  font-weight: bold; color: #FFFFFF; line-height: 30px; float: left; width: 14px; height: 30px; background: url('../design/button_left.png') no-repeat; text-decoration: none }
ul#mainmenu li.selected a.button-middle { display: block; font-size: 12px;  font-weight: bold; color: #FFFFFF; line-height: 30px; float: left; height: 30px; background: url('../design/button_middle.png'); text-decoration: none; padding: 0px 5px; text-shadow: #000000 0px 0px 10px }
ul#mainmenu li.selected a.button-right { display: block; font-size: 12px;  font-weight: bold; color: #FFFFFF; line-height: 30px; float: left; width: 14px; height: 30px; background: url('../design/button_right.png') no-repeat; text-decoration: none }

ul#submenu { list-style: none; display: block; float: left; padding-top: 0px; padding-left: 10px; margin-bottom: 10px }
ul#submenu li { float: left; padding: 0px }
ul#submenu li a { text-decoration: none; color: #F39100; font-size: 12px; display: block; padding: 3px 15px }
ul#submenu li a:hover { text-decoration: none; color: #FFFFFF; font-size: 12px }
ul#submenu li.selected a { text-decoration: none; color: #FFFFFF; font-size: 12px; font-weight: normal; background: #F19300 }
ul#submenu li.selected a:hover { text-decoration: none; color: #FFFFFF; font-size: 12px; font-weight: normal;  }


h1 { visibility: hidden; display: none; }
h1.unhide { visibility: visible; display: block; font-size: 22px; margin-bottom: 10px; color: #F19300; margin-top: 0px; padding-top: 0px }
h2 { font-size: 16px; padding: 10px; color: #FFFFFF; background: #222222; margin: 20px 0px 10px 0px}
h2.notopmargin { margin: 0px 0px 10px 0px}
h2.slidermargin { margin-bottom: 1px; }

#content { display: block; width: 900px; padding: 30px 20px 20px 20px; margin: 0px }
#footer { display: block; float: left; width: 940px; padding: 10px 0px; font-size: 11px}
#footer img { float: left; padding-right: 15px }
#footer a { color: #F19300; text-decoration: none; margin-left: 20px }
#footer a:hover { color: #FFFFFF; text-decoration: none }

.infotext { display: block; border: 0px; padding: 10px 10px 10px 34px; font-weight: bold; color: #FFFFFF; margin: 10px 0px 10px 0px}
.infotext a { color: #FFFFFF; text-decoration: underline; }
.infotext a:hover { color: #FFFFFF; text-decoration: underline; }
.infotext-ok {  background: #77AA66 url('../design/icon-ok.png') 9px 11px no-repeat; color: #FFFFFF }
.infotext-error { background: #CC0000 url('../design/icon-error.png') 9px 11px no-repeat; color: #FFFFFF }
.infotext-notify {  background: #FFCC55 url('../design/icon-notice.png') 9px 11px no-repeat; color: #000000 }

div.commentclass { display: none; visibility: hidden; font-size: 1px; line-height: 1px}
.clear { clear: both  }
.fright { float: right }
.fleft { float: left }

a.button-left { display: block; font-size: 15px;  font-weight: bold; color: #FFFFFF; line-height: 30px; float: left; width: 14px; height: 30px; background: url('../design/button_left.png') no-repeat; text-decoration: none }
a.button-middle { display: block; font-size: 15px;  font-weight: bold; color: #FFFFFF; line-height: 30px; float: left; height: 30px; background: url('../design/button_middle.png'); text-decoration: none; padding: 0px 5px }
a.button-right { display: block; font-size: 15px;  font-weight: bold; color: #FFFFFF; line-height: 30px; float: left; width: 14px; height: 30px; background: url('../design/button_right.png') no-repeat; text-decoration: none }
a.button-left2 { display: block; font-size: 12px;  font-weight: normal; color: #000000; line-height: 20px; float: left; width: 9px; height: 20px; background: url('../design/button_left2.png') no-repeat; text-decoration: none }
a.button-middle2 { display: block; font-size: 12px;  font-weight: normal; color: #000000; line-height: 20px; float: left; height: 20px; background: url('../design/button_middle2.png'); text-decoration: none; padding: 0px 5px }
a.button-right2 { display: block; font-size: 12px;  font-weight: normal; color: #000000; line-height: 20px; float: left; width: 9px; height: 20px; background: url('../design/button_right2.png') no-repeat; text-decoration: none }

#content .thumbsupbox { width: 860px; display: block; text-align: center; }
img.thumbsup { border: 10px solid #666666; margin: 0px auto }
#content div.big { font-size: 16px }

#content ul { padding-left: 30px }
#content ul.smaller li { font-size: 11px }
#content ul.nodot { padding-left: 0px }
#content ul.nodot li { list-style: none; padding: 25px 20px 25px 125px; }
#content ul.nodot li.canon { background: url('../images/logos/canon.png') 0px center no-repeat; padding: 5px 20px 5px 125px; }
#content ul.nodot li.nikon { background: url('../images/logos/nikon.png') 0px center no-repeat; padding: 30px 20px 30px 125px; }
#content ul.nodot li.olympus { background: url('../images/logos/olympus.png') 0px center no-repeat; padding: 10px 20px 10px 125px;}
#content ul.nodot li.pentax { background: url('../images/logos/pentax.png') 0px center no-repeat; padding: 20px 20px 20px 125px; }
#content ul.nodot li.sony { background: url('../images/logos/sony.png') 0px center no-repeat; padding: 20px 20px 20px 125px;}
#content ul.nodot li.minolta { background: url('../images/logos/minolta.png') 0px center no-repeat; }
#content ul.nodot li.fujifilm { background: url('../images/logos/fujifilm.png') 0px center no-repeat; padding: 30px 20px 30px 125px;}
#content ul.nodot li.samsung { background: url('../images/logos/samsung.png') 0px center no-repeat; padding: 30px 20px 30px 125px;}
#content ul.nodot li.panasonic { background: url('../images/logos/panasonic.png') 0px center no-repeat; padding: 30px 20px 30px 125px;}

#content span.smaller { font-size: 10px }
#content span.small { font-size: 11px }
#content strong {color: #CCCCCC }

div.spacer10px { float: left; display: block; width: 10px; height: 10px}
div.spacer5px { float: left; display: block; width: 5px; height: 5px}

#content a.externalLink { background: url('../design/externalLink4.png') no-repeat right 3px; padding-right: 25px }
#content img.border5 { border: 5px solid #FFFFFF }
#content img.border2 { border: 2px solid #FFFFFF }
#content img.example { margin: 0px 0px 15px 10px; border: 3px solid #FFFFFF }
#content img.sliders { margin: 0px 15px 15px 0px; border: 3px solid #FFFFFF }
#content table.features { width: 898px  }
#content table.orders { width: 898px  }
#content table.features td strong { color: #FFFFFF  }
#content table.features tr.header td { font-weight: bold; color: #000000 }
#content table.features td { padding: 3px 10px; border-bottom: 1px solid #202020}
#content table.features td.center { text-align: center; border-left: 1px solid #202020}
#content table.features tr.second td { background: #151515 }
#content table.features tr.header td { background: #F19300; font-size: 16px }
#content table.features td.nama { background: #1B160F }
#content table.features tr.second td.nama { background: #20190E }
#content table.features tr.header td.smaller { font-size: 11px  }
#content table.nolines td { border: 0px; }
#content table.nolines tr.header td { border: 0px; }


#content table.features tr:hover td { background: #1F1F1F; color: #FFFFFF; text-shadow: #FFFFFF 0px 0px 10px }
#content table.features tr.second:hover td { background: #1F1F1F; color: #FFFFFF;  text-shadow: #FFFFFF 0px 0px 10px  }
#content table.features tr:hover td.nama { background: #291F0F; }
#content table.features tr.second:hover td.nama { background: #291F0F }
#content table.features tr.header:hover td { font-weight: bold; color: #000000;  background: #F19300; font-size: 16px; text-shadow: 0px 0px 0px }


#content form input.submit { width: 120px; display: block; padding: 0px; height: 30px; line-height: 30px; background: url('../design/submitbutton.png') no-repeat; color: #000000; border: 0px; text-align: center; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; cursor: pointer; float: left; margin-top: 15px; margin-right: 10px}
#content form input.submit2 { width: 220px; display: block; padding: 0px; height: 30px; line-height: 30px; background: url('../design/submitbutton2.png') no-repeat; color: #000000; border: 0px; text-align: center; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; cursor: pointer; float: left; margin-top: 15px; margin-right: 10px}
#content form input.submit3 { width: 280px; display: block; padding: 0px; height: 30px; line-height: 30px; background: url('../design/submitbutton3.png') no-repeat; color: #000000; border: 0px; text-align: center; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; cursor: pointer; float: left; margin-top: 15px; margin-right: 10px}
#content form input.submit4 { width: 340px; display: block; padding: 0px; height: 30px; line-height: 30px; background: url('../design/submitbutton4.png') no-repeat; color: #000000; border: 0px; text-align: center; font-size: 14px; font-family: Tahoma, sans-serif; font-weight: bold; cursor: pointer; float: left; margin-top: 15px; margin-right: 10px}

#content div#leftcol650 { width: 630px; display: block; float: left; border-right: 1px dashed #333333; padding-right: 20px }
#content div.fullcol900 { width: 900px; display: block; }
div.juxtapose { margin-bottom: 40px; }

#content div#newsblock { width: 220px; display: block; float: left; padding-left: 20px; text-align: justify }
#content div#newsblock h2 { padding: 0px; padding-bottom: 10px; background: none; color: #F19300; margin-top: 0px}
#content div#newsblock div.newsbox-homepage { font-size: 11px; padding-bottom: 20px}
#content div#newsblock div.newsbox-homepage h3 { color: #FFFFFF; font-size: 11px; float: left }
#content div#newsblock div.newsbox-homepage div.date { font-size: 11px; float: right; color: #888888  }
#content div#newsblock div.opacity70 { opacity:0.70; filter:alpha(opacity=70) }
#content div#newsblock div.opacity30 { opacity:0.30; filter:alpha(opacity=30) }
#content div#newsblock div.opacity10 { opacity:0.10; filter:alpha(opacity=10) }


#maincontent img.coming { margin: 0px; padding: 0px }

#content a.download { font-weight: bold; color: #FFFFFF; background: url('../design/downloadicon.png') no-repeat; padding-left: 20px;}

div#gallery226 { width: 220px; float: left; display: block; padding-left: 20px}
div#gallery226 img { border: 0px; margin-bottom: 15px }

#content div.pressbox { float: left; width: 200px; padding-right: 25px; font-size: 11px; text-align: center; padding-top: 20px }
#content div.pressbox img { border: 0px; margin-bottom: 5px }


input#searchinput { float: right; background: #393939 url('../design/modelsearch.png') right 1px no-repeat; border: 0px; font-size: 12px; color: #999999; width: 150px; padding: 3px 6px; font-family: Tahoma, sans-serif; }


#content div.screenbox { float: left; width: 220px; padding: 0px 40px 40px 40px; text-align: center }
#content div.screenbox img { border: 0px }
#content div.screenbox span.small { display: block; padding-top: 2px; font-size: 13px; text-align: center }

#content dl.faq dt { font-size: 14px; font-weight: bold; color: #CCCCCC; margin: 0px 0px 0px 0px}
#content dl.faq dd { padding: 0px 0px 40px 25px; margin: 0px}
#content dl.faq dd a { font-weight: bold }