body {
    margin: 0;
    text-align: center;
}

img { 
	border: 0px;
}

#content {
    margin: 0 auto;
    width: 970px;
	padding-bottom: 20px;
}

#header {
	z-index: 1000;
    width: 100%;
    height: 55px;
}

#header-left {
    background-image: url(images/header_left.png);
    width: 27px;
    height: 55px;
    float: left;
}

#header-content {
	height: 55px;
	width: 916px;
	float: left;
	background-image: url(images/header_bg.png);
}

#header-right {
    background-image: url(images/header_right.png);
    width: 27px;
    height: 55px;
    float: left;
}

#logo {
    width: 169px;
    height: 48px;
    float: left;
}

#main-menu {
    float: left;
    color: #777;
    width: 747px;
    height: 48px;
}

.menu-item {
	display: block;
    float: right;
    font: normal 15px 'Century Gothic',Arial,'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
    line-height: 48px;/*整排字(最新消息 全系列車種 ...)往下*/
    text-align: center;
    cursor: pointer;
	color: #bbb;
    text-decoration: none;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}

.menu-item :hover {
    color: #888;
}

#banner {
    margin-top: 22px;
	margin-bottom: 20px;
    width: 970px;
	text-align: center;
    height: 508px;
}

#info-panels {
	height: 146px;
}

.info-panel,
.info-panel-tail {
	height: 146px;
	width: 229px;
	margin-left: 6px;
	margin-right: 6px;
	float: left;
	background-image: url(images/panel_bg.png);
}

.info-panel-tail {
	float: left;
	width: 232px;
	margin-right: 0;
}

.info-panel-left,
.info-panel-right {
	height: 146px;
	width: 10px;
}

.info-panel-left {
	float: left;
	background-image: url(images/panel_left.png);
}

.info-panel-right {
	float: right;
	background-image: url(images/panel_right.png);
}

.popup-menu {
	z-index: 1000;
	position: absolute;
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 340px;/*原260 改成340 20"小徑車可以變成一整排*/
}

.popup-menu-bg {
    behavior: url(iepngfix.htc); 
    background-image: url(images/menu.png);
	background-repeat: no-repeat;/*no-repeat*/
	background-position: bottom center;
    width: 320;/*整個bg向右位移px數 原260*/
    height: 320;/* menu底圖(灰色)下移px數 原350 300是底限*/
    position: relative;
}

.product-item-list {
    left: 0px;
    top: 0px;
    position: absolute;
}

.popup-menu-item,
.popup-menu-item-bottom
{
    color: #888;
	text-decoration: none;
	display: block;
	height: 36px;
	margin-left: 11px;
	float: left;
	font: normal 14px 'Century Gothic',Arial,'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	line-height: 36px;
	text-align: left;
	padding-left: 15px;
	width: 223px!important;
	width: 238px;
}

.popup-menu-item {
	border-bottom: dotted 1px #bbb;
}

.popup-menu-item:hover{
	color: #fff;
	background-image: url(images/menu_bg_selected.png);
	background-repeat: repeat-x;
}


.popup-menu-item-bottom:hover{
	color: #fff;
	background-image: url(images/menu_bg_selected_bottom.png);
	background-repeat: no-repeat;
}

.popup-menu-item-selected {
	color: #fff;
	background-image: url(images/menu_select_bg.png);
}

.popup-menu-item-selected-bottom {
	color: #fff;
	background-image: url(images/menu_bottom_bg_selected.png);
}

#item_1_menu {
	height: 83px;
	left: 0px;
	top: 49px;
}

#item_2_menu {
	height: 325px;
	left: 300px;
	top: 49px;
}

#item_3_menu {
	height: 340px;
	left: 600px;
	top: 49px;
}

#item_4_menu {
	height: 340px;
	left: 900px;
	top: 49px;
}

.product-item {
	margin-top: 10px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	color: #555;
}

.product-category {
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 7px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #bbb;
}

.product-link {
    behavior: url(iepngfix.htc); 
	float: left;
	display: block;
	font-size: 12px;
	margin-right: 10px;/*每個icon中間間隔px數 原10*/
	width: 45;
	height: 30;  /*icon的上下間距 原30*/
	background-repeat: no-repeat;
	background-position: center top;
	color: #bbb;
	text-align: center;
	text-decoration: none;
}

.product-link:hover {
	color: #888;
}

.product-links {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	height: 30px;
}

.banner-product {
	text-align: center;
	z-index: 1;
	margin-top: 35px;
	margin-bottom: 30px;
    width: 970px;
    height: 478px;
}

#banner-xr {
}

#banner-lrx {
    padding-top: 11px;
}


#banner-xs {
}

#banner-sor {
    margin-top: 27px;
}

#banner-tfs {
    margin-top: 5px;
    margin-bottom: 60px;
}

#banner-lrs {
    margin-top: 5px;
    margin-bottom: 60px;
}


#banner-lfs {
	margin-top: 5px;
	height: 508px;
}

#banner-fs {
	margin-top: 5px;
	height: 508px;
}

#banner-xcs {
	margin-top: 5px;
	height: 508px;
}

#banner-tt {
	margin-top: 5px;
	height: 508px;
}

#main {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
}


.section {
    text-align: left;
    font-size: 14px;
    color: #999;
}


.sub-section {
	padding-bottom: 20px;
}

.sub-section h1 {
    color: #333;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
	margin-top: 0px;
}

.sub-section  a{
	color: #f80;
	text-decoration: none;
}

.sub-section  a:hover{
	color: #fff;
	background-color: #f80;
}


/* XR */
#section-xr-1 {
    background-image: url(images/xr_1.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 420px;
}

#section-xr-1 .content {
    width: 540px;
    margin-bottom: 10px;
}

#section-xr-2 {
    background-image: url(images/xr_2.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 246;
    margin-top: -40px;
}

#section-xr-2 h1 {
    margin-left: 160px;
}

#section-xr-2  .content {
    margin-left: 160px;
    margin-bottom: 10px;
}


#section-xr-2 img {
    display: block;
    margin-top: 10px;
    margin-left: 160px;
}


/* LRX */
#section-lrx-1 {
    background-image: url(images/lrx_1.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 500px;
}

#section-lrx-1 .content {
    width: 540px;
    margin-bottom: 10px;
}

#section-lrx-2 {
    background-image: url(images/lrx_2.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 246;
    margin-top: -40px;
}

#section-lrx-2 h1 {
    margin-left: 250px;
}

#section-lrx-2  .content {
    margin-left: 250px;
    margin-bottom: 10px;
}


#section-lrx-2 img {
    display: block;
    margin-top: 10px;
    margin-left: 250px;
}

#section-lrx-3 {
    margin-top: 30px;
}

/* End LRX */

.spec {
	width: 900px;
}

.content-spec {
  background-color: #eee;
	padding: 10px;
  margin-bottom: 10px;
}

.field {
	vertical-align: top;
	color: #555;
	font-weight: bold;
	padding: 0px 0 6px 0;
	width: 10%;
	font-size: 14px;
}

.value {
	vertical-align: top;
	font-size: 12px;
	width: 42%;
	color: #777;
}

.value img {
	margin-right: 4px;
	vertical-align: middle;
}

#section-xr-3 {
	margin-top: 40px;
}

#section-xr-3 .content {
}

/* xs */
#section-xs-1 {
    background-image: url(images/xs_frame.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 391;
	padding-left: 520px;
}

#section-xs-1 h1 {
}

#section-xs-1 .content {
    width: 430px;
    margin-bottom: 10px;
}


#section-xs-2 {
    background-image: url(images/xs_2camm.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 336;
    margin-top: -30px;
}

#section-xs-2 h1 {
}

#section-xs-2  .content {
    margin-bottom: 10px;
}


#section-xs-2 img {
    display: block;
    margin-top: 10px;
}

#section-xs-3 {
}

#section-xs-3 .content {
}

/* r30 */
#section-r30-1 {
    background-image: url(images/r30_frame.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 391;
	padding-left: 520px;
}

#section-r30-1 h1 {
}

#section-r30-1 .content {
    width: 430px;
    margin-bottom: 10px;
}


#section-r30-2 {
    background-image: url(images/r30_bb30.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 336;
    margin-top: -10px;
}

#section-r30-2 h1 {
}

#section-r30-2  .content {
    margin-bottom: 10px;
}


#section-r30-2 img {
    display: block;
    margin-top: 10px;
}

#section-r30-3 {
}

#section-r30-3 .content {
}
/* rt30 */
#section-rt30-1 {
    background-image: url(images/rt30_frame.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 391;
	padding-left: 520px;
}

#section-rt30-1 h1 {
}

#section-rt30-1 .content {
    width: 430px;
    margin-bottom: 10px;
}


#section-rt30-2 {
    background-image: url(images/rt30_bb30.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 336;
    margin-top: -10px;
}

#section-rt30-2 h1 {
}

#section-rt30-2  .content {
    margin-bottom: 10px;
}


#section-rt30-2 img {
    display: block;
    margin-top: 10px;
}

#section-rt30-3 {
}

#section-rt30-3 .content {
}
/* rb30 */
#section-rb30-1 {
    background-image: url(images/rb30_frame.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 391;
	padding-left: 520px;
}

#section-rb30-1 h1 {
}

#section-rb30-1 .content {
    width: 430px;
    margin-bottom: 10px;
}


#section-rb30-2 {
    background-image: url(images/rb30_bb30.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 336;
    margin-top: -10px;
}

#section-rb30-2 h1 {
}

#section-rb30-2  .content {
    margin-bottom: 10px;
}


#section-rb30-2 img {
    display: block;
    margin-top: 10px;
}

#section-rb30-3 {
}

#section-rb30-3 .content {
}

/* m30 */
#section-m30-1 {
    background-image: url(images/m30_frame.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 450;
	padding-left: 520px;
}

#section-m30-1 h1 {
}

#section-m30-1 .content {
    width: 430px;
    margin-bottom: 10px;
}


#section-m30-2 {
    background-image: url(images/m30_bb30.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 336;
    margin-top: -10px;
}

#section-m30-2 h1 {
}

#section-m30-2  .content {
    margin-bottom: 10px;
}


#section-m30-2 img {
    display: block;
    margin-top: 10px;
}

#section-m30-3 {
}

#section-m30-3 .content {
}

/* sor */
#section-sor-1 {
    background-image: url(images/sor_frame.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 413px;
}

#section-sor-1 h1 {
}

#section-sor-1 .content {
    width: 500px;
    margin-bottom: 10px;
}


#section-sor-2 {
    background-image: url(images/sor_2camm.png);
    background-repeat: no-repeat;
    background-position: 0px 45px;
    height: 332px;
    margin-top: -80px;
}

#section-sor-2 h1 {
}

#section-sor-2  .content {
    margin-bottom: 10px;
}

#section-sor-2  #sub-section1  .icons {
	margin-left: 240px;
}

#section-sor-2  #sub-section1  .content {
	margin-top: 10px;
	margin-left: 240px;
}

#section-sor-2  #sub-section2{
	margin-top: -30px;
	margin-left: 520px;
}

#section-sor-2  #sub-section3{
	margin-left: 520px;
}

#section-sor-2 img {
    display: block;
    margin-top: 10px;
}

#section-sor-3 {
	margin-top: 40px;
}

#section-sor-3 .content {
}

/*tfs */
#section-tfs-1 {
    background-image: url(images/tfs_frame.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 376px;
}

#section-tfs-1 h1 {
}

#section-tfs-1 .content {
    width: 630px;
    margin-bottom: 10px;
}

#section-tfs-2 {
    background-image: url(images/tfs_2camm.png);
    background-repeat: no-repeat;
    background-position: 0 20px;
    height: 336;
    margin-top: -10px;
}

#section-tfs-2 h1 {
}

#section-tfs-2   #sub-section1 {
	padding-left: 420px;
    margin-bottom: 10px;
}

#section-tfs-2    #sub-section1  .icons  {
	margin-top: -15px;
	margin-left: 75px;
}

#section-tfs-2 .sub-section {
	margin-bottom: 20px;
}

#section-tfs-2 #sub-section2 {
	padding-left: 420px;
}

#section-tfs-2 img {
    display: block;
    margin-top: 10px;
}


#section-tfs-3 {
	background-image: url(images/tfs_folding.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    height: 485px;
	margin-top: 30px;
}
#section-tfs-3 .content {
	margin-top: 435px;
}

#section-tfs-4 {
	margin-top: 40px;
}

#section-tfs-4 .content {
}

/*lrs */
#section-lrs-1 {
    background-image: url(images/lrs_frame.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 376px;
}

#section-lrs-1 h1 {
}

#section-lrs-1 .content {
    width: 630px;
    margin-bottom: 10px;
}

#section-lrs-2 {
    background-image: url(images/lrs_2camm.png);
    background-repeat: no-repeat;
    background-position: 0 20px;
    height: 336;
    margin-top: -10px;
}

#section-lrs-2 h1 {
}

#section-lrs-2   #sub-section1 {
	padding-left: 420px;
    margin-bottom: 10px;
}

#section-lrs-2    #sub-section1  .icons  {
	margin-top: -15px;
	margin-left: 75px;
}

#section-lrs-2 .sub-section {
	margin-bottom: 20px;
}

#section-lrs-2 #sub-section2 {
	padding-left: 430px;
}

#section-lrs-2 img {
    display: block;
    margin-top: 10px;
}


#section-lrs-3 {
	background-image: url(images/lrs_folding.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    height: 485px;
	margin-top: 30px;
}
#section-lrs-3 .content {
	margin-top: 435px;
}

#section-lrs-4 {
	margin-top: 40px;
}

#section-lrs-4 .content {
}


/*lfs */
#section-lfs-1 {
    background-image: url(images/lfs_frame.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 448px;
	padding-left: 490px;
}

#section-lfs-1 h1 {
}

#section-lfs-1 .content {
    width: 460px;
    margin-bottom: 10px;
}

#section-lfs-2 {
	margin-top: -120px;
    background-image: url(images/lfs_2camm.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 336;
}

#section-lfs-2 h1 {
	padding-top: 120px;
}

#section-lfs-2   #sub-section1 {
}

#section-lfs-2    #sub-section1  .icons  {
	margin-top: 10px;
}

#section-lfs-2 .sub-section {
}

#section-lfs-2 img {
    display: block;
}

#section-lfs-3 {
	background-image: url(images/lfs_cable1.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    height: 336px;
	margin-top: 30px;
	padding-left: 480px;
}

#section-lfs-3 h1 {
	padding-top: 0px;
	margin-top: 0px;
	
}

#section-lfs-4 {
	background-image: url(images/lfs_folding.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    height: 485px;
	margin-top: 50px;
}

#section-Lfs-4 .content {
	margin-top: 435px;
}

#section-lfs-5 {
	margin-top: 30px;
}

#section-lfs-5 .content {
}


/*fs */
#section-fs-1 {
    background-image: url(images/fs_frame.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 473px;
}

#section-fs-1 h1 {
}

#section-fs-1 .content {
    width: 630px;
    margin-bottom: 10px;
}

#section-fs-2 {
    background-image: url(images/fs_2camm.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    height: 320;
    margin-top: -70px;
}

#section-fs-2 h1 {
}

#section-fs-2   #sub-section1 {
	padding-left: 420px;
    margin-bottom: 10px;
}

#section-fs-2    #sub-section1  .icons  {
}

#section-fs-2 .sub-section {
}

#section-fs-2 #sub-section2 {
	margin-top: 40px;
	padding-left: 420px;
}

#section-fs-2 img {
    display: block;
    margin-top: 10px;
}


#section-fs-3 {
	background-image: url(images/fs_folding.png);
    background-repeat: no-repeat;
    background-position: left 20px;
    height: 485px;
	margin-top: 30px;
}
#section-fs-3 .content {
	margin-top: 455px;
}

#section-fs-4 {
	margin-top: 50px;
}

#section-fs-4 .content {
}


/*xcs*/
#section-xcs-1 {
    background-image: url(images/xcs_frame.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 454px;
}

#section-xcs-1 h1 {
}

#section-xcs-1 .content {
    width: 630px;
    margin-bottom: 10px;
}

#section-xcs-2 {
    background-image: url(images/xcs_2camm.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    height: 326;
	margin-top: -130px;
}

#section-xcs-2 h1 {
}

#section-xcs-2   #sub-section1 {
	padding-top: 180px;
	padding-left: 430px;
    margin-bottom: 10px;
}

#section-xcs-2    #sub-section1  .icons  {
}

#section-xcs-2 .sub-section {
	margin-bottom: 20px;
}

#section-xcs-2 #sub-section2 {
	padding-left: 430px;
}

#section-xcs-2 img {
    display: block;
    margin-top: 10px;
}

#section-xcs-3 {
	background-image: url(images/xcs_seatpost.png);
    background-repeat: no-repeat;
    background-position: left 40px;
    height: 400px;
	margin-top: 30px;
}
#section-xcs-3 .content {
	margin-top: 0px;
	margin-left: 300px;
}

#section-xcs-4 {
	margin-top: 40px;
}

#section-xcs-4 .content {
}



/*tt*/
#section-tt-1 {
    height: 154px;
}

#section-tt-1 h1 {
}

#section-tt-1 .content {
    margin-bottom: 10px;
}

#section-tt-2 {
	margin-left: 50px;
    background-image: url(images/tt_frame.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 560;
}

#section-tt-2 .icons {
	margin-top: 5px;
}

#section-tt-2   #sub-section1 {
	margin-left: 430px;
	padding-top: 20px;
    margin-bottom: 10px;
}

#section-tt-2   #sub-section2  {
	margin-left: 40px;
}

#section-tt-2   #sub-section3 {
    margin-top: 250px;
}

#section-tt-3  .icons {
	margin-top: 5px;
}

#section-tt-4 {
	margin-top: 30px;
}

#footer {
	font-size: 11px;
	color: #999;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
}

#news-panel {
	width: 100%;
	height: 47px;
	background-image: url(images/newspanel.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 14px;
	margin-bottom: 20px;
}

#news-head {
	float: left;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	padding-right: 13px;
	color: #666;
	font-weight: bold;
	margin-top: 6px;
	border-right: 1px solid #ddd;
}

#news-content {
	height: 33px;
	line-height: 33px;
	margin-top: 7px;
	width: 830px;
	float: left;
	text-align: left;
	margin-left: 10px;
	color: #999;
}

#news-content a {
	color: #999;
	text-decoration: underline;
}

#news-content a:hover {
	color: #777;
    text-decoration: none;
}

#news-tail {
	height: 33px;
	width: 20px;
	line-height: 33px;
	margin-top: 7px;
	float: left;
	background-image: url(images/newsloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

#about-wrapper {
	margin-top: 30px;
	padding-bottom: 0px;
	height: 480px;
}

#about-logo {
	margin-left: 8px;
	width: 210px;
	height: 400px;
	background-image: url(images/yoan_logo2.png);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	border-right: 1px dotted #777;
	float: left;
}

#accessories-wrapper {
    margin-top: 30px;
    margin-bottom: 50px; 
    height: 1400px;   
}

#accessories-wrapper a {
	color: #f80;
	text-decoration: none;
}

#accessories-title {
	margin-left: 8px;
	width: 200px;
	height: 1400px;
	background-image: url(images/accessories.png);
	background-repeat: no-repeat;
	background-position: 15px 0px;
	border-right: 1px dotted #777;
	float: left;
}

.speedone {
	font-weight: bold;
	color: #555;
}

#about-content {
	width: 490px;
	height: 400px;
	float: left;
	font-size: 14px;
	text-align: left;
	color: #777;
	border-right: 1px dotted #777;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 20px;
}


#accessories-middle p {
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 40px;
}

#about-content p {
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 40px;
}

#about-contact {
	float: left;
	width: 210px;
	height: 400px;
	font-size: 12px;
	text-align: left;
	padding-left: 40px;
	color: #aaa;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 18px;
} 

#accessories-middle {
	width: 380px;
	height: 1400px;
	float: left;
	font-size: 14px;
	text-align: left;
	color: #777;
	border-right: 1px dotted #777;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 20px;
}

#accessories-right {
	float: left;
	width: 380px;
	height: 1400px;
	font-size: 12px;
	text-align: left;
	color: #aaa;
	padding-top: 0px;
	margin-top: 0px;
	line-height: 18px;
} 

#accessories-right h2 {
	margin-top: 0px;
	margin-bottom: 2px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
}

.accessorie-item {
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.accessorie-item h1 {
    color: #555;
    font-size: 18px;
}

.accessorie-detail {
    font-size: 12px;
}

#about-wrapper a {
	color: #f80;
	text-decoration: none;
}

#about-wrapper a:hover {
	text-decoration: underline;
}


#about-contact h2 {
	margin-top: 0px;
	margin-bottom: 2px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
}

#retailers {
	height: 550px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 30px;
}

#retailers h1 {
	color: #777;
	text-align: left;
	font-size: 16px;
}

#map {
	z-index: 1;
	border: 1px solid #bbb;
	background-color: #f7f7f7;
	width: 740px;
	height: 500px;
	float: left;
}

#retailer-list {
	float: right;
	width: 190px;
}

.retailer {
	text-decoration: none;
	color: #aaa;
	padding-left: 10px;
	display: block;
	font-size: 14px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.retailer:hover {
	color: #F80;
	background-color: #eee;
}

#r-title {
	color: #555;
	font-size: 15px;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 3px;
	font-weight: bold;
}

#r-addr {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	color: #777;
	font-size: 14px;
}

#r-telephone {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	color: #777;
	font-size: 14px;
}

#r-description {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: left;
	color: #aaa;
	font-size: 12px;
}

.r-info {
	font-size: 11px;
	text-align: left;
	color: #555;
	padding-left: 10px;
	padding-bottom: 5px;
    overflow: hidden;
    cursor: pointer;
}

.r-info h2 {
    margin-left: -10px;
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

#contact {
	margin-top: 30px;
	margin-bottom: 200px;
	padding-left: 40px;
	text-align: left;
	font-size: 12px;
	color: #aaa;
}

#contact a {
	color: #F80;
	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
}

#contact h2 {
	margin-bottom: 2px;
	color: #777;
	font-size: 14px;
}

#two-camm {
	z-index: 9999;
	position: absolute;
	width: 750px;
	height: 436px;
	left: 50%;
	margin-left: -375px;
}

#two-camm-bg {
    width: 750px;
	height: 436px;
    background-image: url(images/popup_back.png);
	background-repeat: no-repeat;
    behavior: url(iepngfix.htc); 
    position: relative;
    top: 0px;
    left: 0px;
}

#two-camm-wrapper {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
	width: 670px;
	height: 345px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#two-camm-bottom {
	text-align: right;	
	width: 670px;
	margin-left: 40px;
	margin-right: 40px;
}


#two-camm-img {
	width: 250px;
	height: 214px;
	border: 1px solid #ccc;
	overflow: hidden;
}

#two-camm-img-wrapper {
	float: left;
	width: 252px;
	height: 264px;
	overflow: hidden;
}

#two-camm-info {
	margin-left: 20px;
	font-size: 14px;
	width: 395px;
	float: left;
	text-align: left;
	color: #777;
}

#two-camm-info h2 {
  margin-top: 0px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #555;
}

#two-camm-hide {
	font-size: 14px;
	color: #f80;
	text-decoration: none;
    position: absolute;
    top: 390px;
    left: 680px;
    width: 50px;
    text-align: left;
}

#two-camm-hide:hover {
	text-decoration: underline;
}

#cover {
	background-color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9998;
	opacity: .75;
	filter: alpha(opacity=75);
}

#download {
	margin-bottom: 40px;
	font-size: 12px;
	text-align: right;
	margin-right: 12px;
}

#download img {
	vertical-align: middle;
}

#download  a {
	color: #777;
	text-decoration: none;
}

#download  a:hover {
	color: #F80;
	text-decoration: underline;
}

#two-camm-img-list {
	height: 214px;
	width: 1500px;
}

#two-camm-img-arrows {
	margin-top: 10px;
	margin-left: 100px;
	margin-right: 100px;
}

#left_arrow, #right_arrow {
	width: 10px;
	height: 16px;
	cursor: pointer;
	background-repeat: no-repeat;
}
#left_arrow {
	float:left;
}

#right_arrow {
	float:right;
}

#two-camm-img-arrows {
	
}

#spec-note {
	margin-top: 2px;
	font-size: 12px;
	color: #f80;
}

#news-wrapper, #news-list{
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 30px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 14px;
	color: #777;
}

#news-wrapper a {
	color: #f80;
	text-decoration: none;
}

#news-wrapper a:hover {
	text-decoration: underline;
}

#news-wrapper h2,
#news-list h2 {
	font-size: 16px;
	color: #333;
}

#news-pictures {
	margin-top: 20px;
	margin-bottom: 20px;
}

#news-pictures  img {
	border: 1px solid #ccc;
	margin-right: 10px;
	padding: 2px;
}

#news-list {
	min-height: 500px;
}

#news-list table {
	line-height: 20px;
	font-size: 14px;
}

.news-date {
	vertical-align: top;
	font-size: 16px;
	width: 100px;
	color: #aaa;
	text-align: right;
	font-family: Georgia "Sans Serif";
	padding-bottom: 10px;
}

.news-title {
	margin-top: 5px;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
}

.news-title:hover {
	color: #f80;
}

.news-item {
	vertical-align: top;
	padding-left: 20px;
	color: #999;
	padding-bottom: 20px;
}

.news-more {
	color: #f80;
	text-decoration: none;
}

.news-more:hover {
	text-decoration: underline;
}

#news-list  a {
	
}

.price {
	background-image: url(images/price_back.png);
	width: 212px;
	height: 21px;
	line-height: 21px;
	font-size: 12px;
	text-align: center;
	color: #eee;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	font-family: Arial Helvetica "Sans-Serif";
  background-repeat: no-repeat;
}

.attention {
  padding-left: 4px;
  color: #f80;
  font-size: 8px;
  font-weight: bold;
  vertical-align: super;
}