﻿@charset "utf-8";
/* all CSS start */
body {background:url(../images/bg_all.jpg) repeat-y #eeeeee bottom ; color:#333333; font-size:13px; margin:0; padding:0; font-family:Arial, Verdana, Helvetica; line-height:20px;}
body img{border:0}
td {vertical-align:top;}

body a:link {color: #2B639C; background:none; border:none;}
body a:visited {color: #2B639C; background:none; border:none;}
body a:hover {color: #2B639C; text-decoration:underline; background:none; border:none;}
body a{text-decoration:none; border:none;}

.light{color:#cccccc;}
.menubutton{color:#ffffff; font-size:12px;}
.point {color:#cc0000}


.search {color:#888888; border:1px solid #cccccc;}
.button {cursor:pointer; background:url(../images/bt_search.gif) no-repeat; width:49px; height:20px; border:0; text-align:center; padding:0; margin-left:3px}
/* all CSS end */

/* top CSS start */
#top {width:952px; vertical-align:middle; height:76px; text-align:left; margin:0; padding:0}
#top .light{padding:0 2px}
#top .menubutton{padding:0 2px}

#top a:link {color: #ffffff; background:none; border:none;}
#top a:visited {color: #ffffff; background:none; border:none;}
#top a:hover {color: #ffffff; text-decoration:underline; background:none; border:none;}
#top a{text-decoration:none; border:none;}

#top a.menubutton:link {color:#ffffff; font-size:12px;}
#top a.menubutton:visited {color:#ffffff; font-size:12px;}
#top a.menubutton:hover {color:#ffffff; font-size:12px;}

#nav1 {background:#353737; margin-left:1px; color:#ffffff; padding:12px 8px 1px 12px; font-size:8pt;}
#nav2 {background:#353737; margin-left:1px; color:#ffffff; padding:2px 18px 10px 25px;}

#topical {margin-bottom:2px; background:#F0F0F0; padding:0 10px 1px; margin-left:3px; vertical-align:top;}
#topical #tab {list-style-type:none; height:27px; background:url(../images/tab_bg.jpg) repeat-x left top; display: block; margin:0; padding:0}
#topical #tab ul{list-style-type:none; display: block; }
#topical #tab li {padding:0; margin:0; display:inline; letter-spacing:5px; }
#topical #tab a {background:url(../images/tab_left.jpg) no-repeat left top; padding:0 0 0 13px; margin:0; float:left; text-decoration:none;}
#topical #tab a span {background:url(../images/tab_right.jpg) no-repeat right top; margin:0; padding:5px 13px 2px 5px; display:block; float:none; color:#333333;}
#topical #tab a:hover {color:#333333; background:url(../images/tab_left_on.jpg) no-repeat left top;}
#topical #tab a:hover span {color:#333333; background:url(../images/tab_right_on.jpg) no-repeat right top;}
#topical #tab li .select {color:#333333; background:url(../images/tab_left_on.jpg) no-repeat left top;}
#topical #tab li .select span {color:#333333; background:url(../images/tab_right_on.jpg) no-repeat right top;}

#content {background:url(../images/tgrays_bg.jpg) repeat-y; margin:0; padding:5px 15px 0px 15px;}
#content .text{text-align:left}
#content .text img{border:1px solid #cccccc; padding:3px; margin:0 15px 5px 0}
h1 {font-size:15px; margin:0 0 10px 0;}
h1.dot {background:url(../images/dot.gif) no-repeat 0 8px; height:100%; padding:0 0 0 10px;}

#turn {background:#F0F0F0; margin:0; padding:0; text-align:left}
#turn .text{margin-top:5px}
#turn img{padding:2px;}
#turn .tit a:link {background:none; border:none;}
#turn .tit a:visited {background:none; border:none;}
#turn .tit a:hover {background:#ffffff; border:none;}
#turn .tit a{text-decoration:none; border:none;}

/* top CSS end */

/* main CSS start */
#main {width:950px; margin:2px 0px 0px 0px; vertical-align:top; }
/* main left CSS start */
#main #news {margin:1px 0; background:url(../images/news_bg.gif) no-repeat; height:20px; padding:5px; text-align:center}
#main .news {padding:0 10px}
#l_module{margin-right:6px}
#l_module .ad{margin-right:6px}

#mb {margin-top:5px; padding:0}
#mb_left {width: 190px; vertical-align:top; background:#F0F0F0; margin:0; padding:0}
#mb_left .title_g {background:url(../images/tgreen_top.jpg) no-repeat left top; color:#FFFFFF; text-align:left; padding:2px 0 0 21px; margin:0; height:26px}
.title_g img{margin:3px 5px 0 0; text-align:right; vertical-align:middle; float:right}
.title_g table{display:inline; text-align:right; float:right}
.title_g table img{margin:1px 3px 0 0;}

#mb_left01 {padding:2px; text-align:center;}
#mb_left01 img{margin:3px;}

#mb_left02 {margin:10px 10px; padding:0; text-align:left;}
#mb_left02 ul{margin:0; padding-left:5px; color:#cc0000}
#mb_left02 li{margin:0; padding:2px 5px 3px 12px; list-style:none;}
#mb_left02 li.dot {background:url(../images/dot.gif) no-repeat 0 10px; height:100%;}
#mb_left02 .search {margin-top:5px}

#mb_left03 {margin:10px 10px; padding:0; text-align:left;}
#mb_left03 ul{margin:0; padding-left:5px; color:#cc0000}
#mb_left03 li{margin:0; padding:2px 5px 3px 12px; list-style:none;}
#mb_left03 li.dot {background:url(../images/dot.gif) no-repeat 0 10px; height:100%;}
#mb_left03 .search {margin-top:5px}

#mb_left04 {margin:10px 10px; padding:0; text-align:left;}
#mb_left04 ul{margin:0; padding-left:5px; color:#cc0000}
#mb_left04 li{margin:0; padding:2px 5px 3px 12px; list-style:none;}
#mb_left04 li.dot {background:url(../images/dot.gif) no-repeat 0 10px; height:100%;}
#mb_left04 .search {margin-top:5px}

#mb_left05 {margin:10px 10px; padding:0; text-align:left;}
#mb_left05 .search {margin-top:5px}
#mb_left05 .compare {cursor:pointer; background:url(../images/bt_compare.gif) no-repeat; width:73px; height:20px; border:0; text-align:center; padding:0; margin-top:10px; margin-right:5px}
#mb_left05 .clear {cursor:pointer; background:url(../images/bt_clear.gif) no-repeat; width:73px; height:20px; border:0; text-align:center; padding:0; margin-top:10px}
#mb_left05 ol{margin:10px 25px; padding:0;}
#mb_left05 li{margin:0; padding:2px 0 3px 0;}

#mb_right {background:#F0F0F0; padding:0 10px; margin-left:3px; vertical-align:top;}
#mb_right #tab {list-style-type:none; height:27px; background:url(../images/tab_bg.jpg) repeat-x left top; display: block; margin:0; padding:0}
#mb_right #tab ul{padding:0; margin:0;list-style-type:none; display: block; }
#mb_right #tab li {padding:0; margin:0; display:inline; letter-spacing:5px; }
#mb_right #tab a {background:url(../images/tab_left.jpg) no-repeat left top; padding:0 0 0 13px; margin:0; float:left; text-decoration:none;}
#mb_right #tab a span {background:url(../images/tab_right.jpg) no-repeat right top; margin:0; padding:5px 13px 2px 5px; display:block; float:none; color:#333333;}
#mb_right #tab a:hover {color:#333333; background:url(../images/tab_left_on.jpg) no-repeat left top;}
#mb_right #tab a:hover span {color:#333333; background:url(../images/tab_right_on.jpg) no-repeat right top;}
#mb_right #tab .select {color:#333333; background:url(../images/tab_left_on.jpg) no-repeat left top;}
#mb_right #tab .select span {color:#333333; background:url(../images/tab_right_on.jpg) no-repeat right top;}


#mb_right01 {margin-bottom:6px;}
#camera {margin:0; background:url(../images/tgrays_bg.jpg) repeat-y; padding:5px 15px 0 15px;}
#camera table{margin:0; padding-bottom:5px}
#camera td{margin:0; padding-top:10px; text-align:center}
#camera img{padding:1px;}
#camera .tit a:link {background:none; border:none;}
#camera .tit a:visited {background:none; border:none;}
#camera .tit a:hover {background:#cccccc; border:none;}
#camera .tit a{text-decoration:none; border:none;}
.cam {width:70px; text-align:left}

#mb_right02 {margin-bottom:6px}
#gallery {background:url(../images/tgrays_bg.jpg) repeat-y; margin:0; padding:5px 15px 0 15px;}
#gallery table{margin:0; padding-bottom:5px}
#gallery td{margin:0; padding-top:10px; text-align:left}
#gallery img {border:1px solid #cccccc; float:left; margin:0 10px 10px 0;}
#gallery h2 {font-size:13px; margin:0 0 5px 0;}

#mb_rightad {margin-bottom:3px}
#mb_rightad .ad{margin-right:7px}

#mb_right04 {margin-bottom:15px; padding-bottom:10px;}
#accessory {background:url(../images/tgrays_bg.jpg) repeat-y; margin:0; padding:5px 15px 0 15px;}
#accessory table{margin:0; padding:0}
#accessory td{margin:0; padding-top:10px; text-align:left}
#accessory img {border:1px solid #cccccc; float:left; margin:0 10px 10px 0}
#accessory h2 {font-size:13px; margin:0 0 5px 0;}

/* main left CSS end */

/* main right CSS start */
#r_module .ad{margin-bottom:10px}
#r_module .title_b {background:url(../images/tblue_top.jpg) no-repeat left top; color:#FFFFFF; text-align:left; padding:5px 0 0 16px; margin:0; height:25px}
#r_module .table_b {background:url(../images/tblue_bg.jpg) repeat-y; margin-bottom:5px; padding:0}
#r_module .list {background:url(../images/tblue_bottom.jpg) no-repeat left bottom; text-align:left; margin:0; padding:5px 0;}
#r_module ul{margin:0; padding:0 5px 0 15px; color:#cc0000;}
#r_module li{margin:0; padding:1px 5px 2px 13px; list-style:none;}
#r_module li.dot {background:url(../images/dot.gif) no-repeat 0 10px; height:100%;}
#r_module li.dot1 {background:url(../images/dot.gif) no-repeat 0 10px; height:100%;  }
#r_module li.image{margin:0; padding:1px 5px 2px 0px; list-style:none;}

/* main right CSS end */

/* main CSS end */

/* bottom CSS start */
#bottom {width:920px; text-align:center; background:#F0F0F0; border:1px solid #DDDDDD; font-size:12px; color:#666666; margin-bottom:10px; padding:15px}
#bottom p {line-height:22px}
#bottom .light{padding:0 2px}
/* bottom CSS end */
