
.navigation{ padding-left:5px; color:#999999; line-height:28px; }
.left{float: left;}
.tools_box{ border:1px solid #EDECFF; border-bottom:0px; }
.tools_bar{ padding-left:5px; height:45px; background:url(tools_bg.gif) left 0px repeat-x;overflow:hidden;}
.tools_bar ul{margin:0px; padding:0px; list-style:none;}
.tools_bar ul li {float:left;}
.tools_bar .search_box{ float:right; margin:10px 10px 0 0; }
.tools_btn:link,.tools_btn:visited,.tools_btn:active{ color:#4d4d4d; }
.tools_btn{ float:left; display:block; margin:3px 3px 0; padding:0 0 0 6px; height:39px; color:#4d4d4d; font:12px/1.5 arial,verdana; overflow:hidden;}
.tools_btn:hover{ background:url(tools_btn_bg.gif) no-repeat 0 0; }
.tools_btn span{ display:block; padding:0 6px 0 0; background:none;}
.tools_btn:hover span{ background:url(tools_btn_bg.gif) no-repeat right -39px; }
.tools_btn span b{ font-weight:normal; display:block; padding:22px 0 5px; line-height:15px; background:url(tools_icon.gif) 50% -135px no-repeat; }
.tools_btn span b.add{background-position:50% -295px}
.tools_btn span b.all{background-position:50% -135px}
.tools_btn span b.backup{background-position:50% -630px}
.tools_btn span b.remove{background-position:50% -730px}
.tools_btn span b.download{background-position:50% -780px}
.tools_btn span b.refresh{background-position:50% -830px}
.tools_btn span b.import{background-position:50% -215px}
.tools_btn span b.export{background-position:50% -255px}
.tools_btn span b.combine{background-position:50% -335px}
.tools_btn span b.grade{background-position:50% -376px}
.tools_btn span b.delete{background-position:50% -175px}
.tools_btn span b.recover{background-position:50% -680px}
.tools_btn span b.recycle{background-position:50% -415px}
.tools_btn span b.filter{background-position:50% -880px}
.tools_btn span b.common{background-position:50% -930px}
.tools_btn span b.link{background-position:50% -980px}
.tools_btn span b.send{background-position:50% -1030px}
.tools_btn span b.stop{background-position:50% -1080px}
.tools_btn span b.return{background-position:50% -1130px}
.tools_btn span b.recharge{background-position:50% -1180px}
.select_box{ padding:0 10px; _padding:3px 10px 0 10px; height:28px; _height:25px; line-height:27px; border-top:1px solid #EDECFF;  background:url(tools_bg.gif) left -80px repeat-x; overflow:hidden; }
.select_box input{vertical-align:middle;}

select.select,select.select2{ height:22px; line-height:22px; border:1px solid #E1E1E1; color:#7A7A7A; background:#FAFAFA; vertical-align:middle; }
select.select{padding:1px;}
select.select2{padding:2px;}

/* buttom style*/
.onec_btn {
}
[class^="hvr-"] {
	-moz-box-shadow: 0px 7px 10px -7px #8c3503;
	-webkit-box-shadow: 0px 7px 10px -7px #8c3503;
	box-shadow: 0px 7px 10px -7px #8c3503;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F0AD4E), color-stop(1, #f5af23));
	background:-moz-linear-gradient(top, #F0AD4E 5%, #f5af23 100%);
	background:-webkit-linear-gradient(top, #F0AD4E 5%, #f5af23 100%);
	background:-o-linear-gradient(top, #F0AD4E 5%, #f5af23 100%);
	background:-ms-linear-gradient(top, #F0AD4E 5%, #f5af23 100%);
	background:linear-gradient(to bottom, #F0AD4E 5%, #f5af23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0AD4E', endColorstr='#f5af23',GradientType=0);
	background-color:#F0AD4E;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	padding:2px 6px;
	margin:4px 2px;
	text-decoration:none;
	/* text-shadow:0px 1px 0px #632705;*/
}
[class^="hvr-"] a:link,[class^="hvr-"] a:visited {
	color: #ffffff;
	font-weight: bold;
}
/* buttom style END*/

/**/
.filesFolder_a {
	background-color: #6D8110;
	border: 1px solid #CCCCCC;
	margin: 3px;
	padding: 3px;
}
/**/

input.w50{ width:50px; }
input.w80{ width:80px; }
input.w100{ width:100px; }
input.w120{ width:120px; }
input.w150{ width:150px; }
input.w200{ width:200px; }
input.w250{ width:250px; }
input.w300{ width:300px; }
input.w350{ width:350px; }
input.w400{ width:400px; }
input.w450{ width:450px; }
input.w500{ width:500px; }
.txtInput{ margin-right:5px; padding:0 3px 0 3px; height:22px; line-height:22px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-size:12px; font-family:'微軟雅黑'; }
.txtInput2{ padding:0 3px 0 3px; height:20px; line-height:20px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-family:'微軟雅黑'; }
.txtInput3{ padding:0 3px 0 3px; height:80px; width:550px; line-height:20px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-family:'微軟雅黑'; }
.txtEditor{height:300px; width:750px;}
.txtOther{ padding:0 3px 0 3px; height:300px; width:650px; line-height:20px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-family:'微軟雅黑'; }
.txtTemp{ padding:0 3px 0 3px; height:300px; width:98%; line-height:20px; background:#FAFAFA; border:1px solid #D7D7D7; vertical-align:middle; font-family:'微軟雅黑'; }
.btnSubmit{ padding:0 10px; height:28px; line-height:28px; color:#6D8110; font-weight:bold; border:1px solid #AED0EA; background:url(btn_bg.gif) 0 -44px repeat-x; cursor:pointer; vertical-align:middle; overflow:hidden; }
.btnSubmit:hover{ background-position:0 -72px;}
.btnSearch{ padding:0 8px; height:24px; line-height:24px; color:#707070; border:1px solid #D7D7D7; background:url(btn_bg.gif) repeat-x; cursor:pointer; vertical-align:middle; overflow:hidden; }
.btnSearch:hover{ background-position:0 -22px; color:#6D8110; }
.btnSelect{ padding:0; border:1px #e1e1e1 solid; color:#707070; cursor:pointer; vertical-align:middle; overflow:hidden; background:url(btn_bg.gif) repeat-x; }
.btnSelect:hover{ background-position:0 -22px; color:#6D8110; }
.btnSelect span.add{ display:block; height:20px; line-height:20px; padding:1px 3px 1px 18px; white-space:nowrap; background:url(tools_icon.gif) 2px -27px no-repeat; }
.btnInput{ margin:auto; padding:0 5px; border:1px #e1e1e1 solid; color:#707070; background:url(btn_bg.gif) repeat-x; cursor:pointer; vertical-align:middle; line-height:24px; height:22px; overflow:hidden; }
a.files{ margin:0 auto; float:left; width:52px; height:22px; overflow:hidden; display:block; border:1px solid #d7d7d7; background:url(upfile_bg.gif) left top no-repeat;text-decoration:none; }
a.files input{ margin-left:-270px; font-size:24px; cursor:pointer; filter:alpha(opacity=0); opacity:0; }
a.files, a.files input{ outline:none;/*ff*/hide-focus:expression(this.hideFocus=true);/*ie*/ }
.uploading{ float:left; background:url(loading.gif) no-repeat left center; padding-left:18px;display:none; line-height:24px; height:24px; color:#333; }

#show_list{margin:0; padding:0;}
#show_list ul{ margin:0; list-style:none; }
#show_list ul li{ float:left; margin-right:10px; text-align:center; *width:111px;}
#show_list ul li .img_box{ margin:5px 5px 5px auto; position:relative; width:100px; height:100px; overflow:hidden; border:3px #efefed solid; cursor:pointer; }
#show_list ul li .img_box.current{ border:3px #f60 solid }
#show_list ul li .img_box img{ width:100px; height:100px; opacity:1; }
#show_list ul li .img_box .remark{ top:80px; left:0px; margin:0; padding:3px 2px; position:absolute; display:block; width:96px; height:94px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; text-align:left; font-family:"微軟雅黑"; }
#show_list ul li .img_box .remark:hover{ top:0px; }
#show_list ul li .img_box .remark i{ color:#fff; font-style:normal; position:relative; line-height:16px; }
#show_list ul li a{ margin:0px 10px 0px 0px; padding:0px;}

.page_box{line-height:30px;height:60px;}
.page_box .left{ font-family:"微軟雅黑";}
.page_box .left input{ margin:auto 3px; width:30px; text-align:center; }

.flickr{padding: 0px;margin: 0 25px;text-align: center;font: Verdana 12px;text-align: center;}
.flickr a{
	border: #E6E27F 1px solid;
	padding: 2px 6px;
	background-position: 50% bottom;
	color: #6D8110;
	margin-right: 3px;
	text-decoration: none
}
.flickr a:hover{border: #660 1px solid;background-image: none;color: #fff;background-color: #6D8110}
.meneame a:active{border: #660 1px solid;background-image: none;color: #fff;background-color: #6D8110}
.flickr span.current{
	padding: 2px 6px;
	font-weight: bold;
	color: #CC3399;
	margin-right: 3px;
}
.flickr span.disabled{color: #adaaad;margin-right: 3px;padding: 2px 6px;}

=============================================*/
.msgtable,.form_table{ width:100%; border:1px solid #EDECFF; font-family:Verdana, Geneva, sans-serif; }
.msgtable th{ padding:0.5em; font-weight:700; background:url(tools_bg.gif) left -150px repeat-x; }
.msgtable td{ padding:0.4em; border-bottom:1px solid #F3F3F3; }
.msgtable .tr_odd_bg{ background:#EBF0F6; }
.msgtable .tr_hover_col{ background:#EAEAEA; }

.form_table th{padding:5px 8px 5px 0;color:#333;font-weight:700;text-align:right;background:#f9f9f9;}
.form_table td{padding:6px 0 5px 10px;text-align:left;color:#717171;line-height:200%}
.form_table label{ margin-left:10px; padding:7px 0 0; }
.form_table label.attr{color:#1d1d1d}
.form_table label input{ margin-right:5px; vertical-align:middle;}
.form_table span label{ margin:0; padding:0; }
.form_table textarea{font-size:12px;padding:3px;color:#000;border:1px #d2d2d2 solid;vertical-align:middle; font-family:"微軟雅黑";}
.form_table textarea.w350{ width:350px; height:80px;}
.form_table textarea.w400{ width:400px; height:80px;}
.form_table textarea.w450{ width:450px; height:80px;}
.form_table textarea.w500{ width:500px; height:80px;}
.form_table textarea.w550{ width:550px; height:80px;}
.form_table textarea.w350h120{ width:350px; height:120px;}
.form_table textarea.w400h120{ width:400px; height:120px;}
.form_table textarea.w450h120{ width:450px; height:120px;}
.form_table textarea.w500h120{ width:500px; height:120px;}
.form_table textarea.w550h120{ width:550px; height:120px;}
.form_table textarea.w350h150{ width:350px; height:150px;}
.form_table textarea.w400h150{ width:400px; height:150px;}
.form_table textarea.w450h150{ width:450px; height:150px;}
.form_table textarea.w500h150{ width:500px; height:150px;}
.form_table textarea.w550h150{ width:550px; height:150px;}
.form_table textarea.big{ width:700px; height:350px;}
.form_table textarea.big300{ width:700px; height:300px;}
.form_table textarea.bigh850{ width:850px; height:300px;}
.form_table img.operator{ width:12px; height:12px; margin:0 6px; cursor:pointer; vertical-align:bottom; }

.border_table{ border-width:1px; margin:0; background:#fff; }
.border_table th{ border:1px solid #e1e1e1; vertical-align:middle; padding:0px 10px; white-space:nowrap; word-break:keep-all; }
.border_table td{ border:1px solid #e1e1e1; vertical-align:middle; padding:5px 10px 5px; white-space:nowrap; word-break:keep-all; }
.border_table thead th{ color:#333;white-space:nowrap;text-align:center;background:url(tools_bg.gif) repeat-x left -150px; }
.border_table tbody th{padding-right:5px; text-align:right;color:#707070;background-color:#f9f9f9}
.border_table .spec_pic{margin-bottom:5px}
.border_table label{color:#777}
.border_table tr.td_c td{text-align:center}

/*=========================================================*/

.ptd-content-section {
  margin: 15px;
}
.ptd-content .ptd-default-theme {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
    -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
    -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06)
}
.ptd-content  .ptd-default-theme a {
	color: #6D8110;
	text-decoration: none;
}
.ptd-content  .ptd-default-theme a:hover {
	color: #B7C882;
}
.ptd-content .ptd-default-theme .ptd-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}
.ptd-content .ptd-content__body {
	padding-bottom: 1px;
}
.ptd-content .ptd-content--primary {
    border-top: 3px solid #009688
}
.ptd-content .ptd-content--theme {
    border-top: 3px solid #009688
}
.ptd-content .ptd-content--success {
    border-top: 3px solid #43A047
}
.ptd-content .ptd-content--info {
    border-top: 3px solid #619bf2
}
.ptd-content .ptd-content--warning {
    border-top: 3px solid #F2B53F
}
.ptd-content .ptd-content--danger {
    border-top: 3px solid #C62828
}
.ptd-toolbar .ptd-default-theme .ptd-toolbar-tools {
    font-size: 14px;
    height: 50px;
    max-height: 50px;
}
.ptd-toolbar-tools {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 20px;
    font-weight: 400;
    height: 64px;
    letter-spacing: 0.005em;
    margin: 0;
    max-height: 64px;
    padding: 0 16px;
    width: 100%;
}
.ptd-toolbar .ptd-accent {
    color: rgba(255, 255, 255, 0.87);
}
.ptd-toolbar .ptd-default-theme {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: inherit;
    min-height: 50px;
    display: block;
    background: #009688
}
.ptd-toolbar .ptd-default-theme .ptd-toolbar-tools {
    max-height: 50px;
    height: 50px;
    font-size: 14px
}
.ptd-toolbar .ptd-default-theme .ptd-toolbar-tools h3 {
    font-size: 14px
}
.ptd-toolbar .ptd-default-theme .ptd-primary {
    background: #009688
}
.ptd-subheader .ptd-default-theme .ptd-primary {
    color: #009688
}
.ptd-toolbar .ptd-default-theme .ptd-accent {
    background: #FF5252
}
.ptd-content .ptd-content--accent {
    border-top: 3px solid #FF5252
}
.ptd-subheader .ptd-default-theme .ptd-accent {
    color: #FF5252
}
.ptd-toolbar .ptd-default-theme .ptd-theme {
    background: #009688
}
.ptd-subheader .ptd-default-theme .ptd-theme {
    color: #009688
}
.ptd-toolbar .ptd-default-theme .ptd-success {
    background: #43A047
}
.ptd-subheader .ptd-default-theme .ptd-success {
    color: #43A047
}
.ptd-toolbar .ptd-default-theme .ptd-info {
    background: #619bf2
}
.ptd-subheader .ptd-default-theme .ptd-info {
    color: #619bf2
}
.ptd-toolbar .ptd-default-theme .ptd-warning {
    background: #F2B53F
}
.ptd-subheader .ptd-default-theme .ptd-warning {
    color: #F2B53F
}
.ptd-toolbar .ptd-default-theme .ptd-danger {
    background: #C62828
}
.ptd-subheader .ptd-default-theme .ptd-danger {
    color: #C62828
}
.ptd-toolbar {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  min-height: 64px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.table {
    max-width: 100%;
}
.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}
table {
    background-color: transparent;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 10px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
.table > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #F7FFED;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #EAEEE6;
}

/* left menu */

.navtitle {
	background:#bdd757 url(../images/back_navtitle.gif) repeat-x;
	font-size:1em;
	color:#154984;
	text-transform:uppercase;
	padding:0 0 0 0;
}
.linkcat {
	font-size:0.9em;
	color:#074f87;
	float:left;
	margin:5px 0 0 5px;
}
.linkplus {
	display:inline;
	width:10px;
	height:11px;
	background:url(../images/blue_dot_open.gif) no-repeat;
	float:left;
	margin:2px 0 0 5px;
	font-size:0;
}
.listcategory {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding: 0px;
	padding-right: 0;
	padding-bottom: 100;
	padding-left: 0px;
}
.listcategory ul{
	list-style-type: none;
	padding:0px;
	margin: 0px;
}
.listcategory li {
	list-style-type: none;
	display:block;
	font-weight:bold;
	padding:5px 0 3px 0px;
	height:auto;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.listcategory ul.subnav {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.listcategory ul.subnav li a {
	text-decoration: none;
	margin: 0px;
	position: relative;
	background-image: url(../images/nmenu_bgb.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	width: 190px;
}
.listcategory ul.subnav li a:hover {

	padding-left: 15px;
	font-weight: bold;
}

.listcategory li .active {
	background-position:0 -15px;
	display:block;
}
.listcategory .subcat {
	height:auto;
	border:none;
	display:none;
}
.listsubcat {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.listsubcat ul{
	list-style-type: none;
	margin: 0px;
	padding:0;
}
.listsubcat li {
	list-style-type: none;
	height:auto;

	border:none;
	font-size:0.9em;
	padding:0 0 0 15px;
	font-weight:lighter;
	display:block;
}

/* left menu END*/

/* ShopCats Style */
.productpriceC {
	font-size: 14pt;
	color: #F09;
	font-weight: bolder;
}

#showstep {
	text-align: left;
	vertical-align: middle;
	height: 56px;
	width: 620px;
	margin: 0 auto;
	font-size: 10pt;
	position: relative;
}
.showstep_sub {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(scripts/border-radius.htc); /* IE6, IE7, IE8 */
	height: 50px;
	width: 130px;
	border: 1px dotted #06F;
	background-color: #D2E9FF;
	float: left;
	text-align: center;
	vertical-align: middle;
	color: #8EC7FF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
}
.showstep_allow {
	float: left;
	padding-top: 19px;
	padding-right: 5px;
	padding-left: 5px;
}
.showstep_font {
	float: left;
	font-size: 10pt;
	color: #000;
}
.showstep_select {
	font-weight: bold;
	color: #03C;
	background-color: #96CAFE;
}

.shoplisttable {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #66A4FF;
}

.shoplisttable tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.shoplisttable th {
	line-height: 200%;
	background-color: #B0D8FF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #66A4FF;
	border-right-color: #66A4FF;
	border-bottom-color: #66A4FF;
	border-left-color: #66A4FF;
}

.shoplisttable td {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	line-height: 200%;
}

.Subtotaltd {
	color: #F09;
}

.shoperdatatable {
	width: 100%;
	vertical-align: middle;
	border: 1px solid #CCC;
}

.shoperdatatable tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.shoperdatatable th {
	line-height: 200%;
	width: 15%;
	text-align: right;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.shoperdatatable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 200%;
}

.shopform {
}

.foottd {
	line-height: 200%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	background-color: #ECF5FF;
}

.shopbutton {
	border: 1px solid #66A4FF;
	color: #005CE8;
	background-color: #FFF;
	line-height: 200%;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.shopbutton01 {
	font-weight: bold;
	color: #007CF9;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/shopbtn_01.png);
	background-color: transparent;
	background-repeat: no-repeat;
	height: 37px;
	width: 86px;
	border-style: none;
	cursor: pointer;
}

.willaction {
	color: #999;
}

.3invoice {
}

.sihpDivCss {
	text-align: right;
	width: 100%;
}

.allsumprice {
	font-size: 16px;
	color: #F09;
	font-weight: bold;
}

.shippriceC {
	font-size: 16px;
	color: #F09;
	font-weight: bold;
}

.totalpriceC {
	font-size: 16px;
	color: #F09;
	font-weight: bold;
}

#cartform .shopsubtitle {
	color: #1058EB;
	font-weight: bolder;
	background-image: url(../images/shopico.jpg);
	background-repeat: no-repeat;
	padding-left: 9px;
	font-size: 10.5pt;
}

#successfultable {
	border: 1px dotted #A4CBF2;
}

#successfultable th {
	color: #006;
	background-color: #A4CBF2;
}


.productStitle {
	width: 100%;
	height: 200px;
}
.priducpricetext {
	text-align: right;
	width: 100%;
	color: #666;
}
#div_show {
	width:  350px;
	height: 350px;
	position:relative;
	overflow:hidden;
}
#div_show a {
  display:block;
  position:absolute;
  overflow:hidden;
  color:transparent;
  outline:none;
  background:transparent;
}
#show_mod {
	max-width:350px;
	max-height:350px;
	/*height: 100%;*/
    _width:expression((this.offsetWidth > 350) ? "350px" : this.offsetWidth + "px" );
	/*_width: expression(Math.min(this.offsetWidth, 300) + "px");*/
}
#photo_div_show {
	height: 350px;
	width: 350px;

}
#photo_show_mod {
	max-width:650px;
	max-height: 650px;
    _width:expression((this.offsetWidth > 650) ? "650px" : this.offsetWidth + "px" );
    /*_width: expression(Math.min(this.offsetWidth, 300) + "px");*/
	vertical-align:bottom;

}
.thumbsimg {
	text-align: center;
}
.thumbsimghover {
	border: 1px solid #3CF;
}
/* */

	/* Gallery UI for product images */
	#detail_gallery {
		float:left;
		width:500px;
		margin:0; }
	.imgbrowser { position:relative; z-index:3; }
	.imgbrowser .panel {
		position:relative;
		/*width:360px;
		height:360px;*/
		max-width:500px;
   		_width:expression((this.offsetWidth > 500) ? "500px" : this.offsetWidth + "px" );
		max-height:500px;
		overflow:hidden;
		margin-bottom:10px; }
		img#normal_img {
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: none;
			border-left-style: none; }
		img#child_img {
			display:none;
			position:absolute;
			z-index:2; }
		.imgbrowser .panel .enlarge { text-decoration:none; }
		.imgbrowser .panel .enlarge span {
			position: absolute;
			top: 0;
			right: 0;
			font-family: 'Stratum2Bold', sans-serif;
			color: black;
			background-image: url(../images/imagezoom_ico.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
			height: 30px;
			width: 30px; }

	.imgbrowser .thumbs { position:relative; }
		.imgbrowser .thumbs .browse {
			position:absolute;
			top:0;
			width:30px;
			height:64px;
			line-height:64px;
			font-size:22px;
			font-weight:bold;
			text-align:left;
			text-indent:-2000em;
			text-decoration:none;
			background:url('../images/sprite_arrows.png') no-repeat 0 0;
			color:#000;
			outline:none; }
			.imgbrowser .thumbs a.prev { left:0; background-position:0 16px; }
			.imgbrowser .thumbs a.next { right:0; background-position:-30px 16px; }
			.imgbrowser .thumbs a.disabled { visibility:hidden; }
		.imgbrowser	.thumbs .scrollable {
			position:relative;
			overflow:hidden;
			width:642px;
			height:64px;
			margin-left:0px; }
		.imgbrowser .thumbs .items {
			position:absolute;
			clear:both;
			width:20000em;
			left: 0px; }
			.imgbrowser .thumbs .items div {
				float:left;
				width:642px; }
			.imgbrowser .thumbs .items .item {
				float:left;
				margin:0 2px;
				border:2px solid transparent;
				cursor:pointer; }
			.imgbrowser .thumbs .items .item:hover,
			.imgbrowser .thumbs .items .item.active {
				border-color:yellow; }
		
		.imgbrowser .lightbox {
			display: none;
			position: relative;
			z-index: 100001;
			*zoom: 1; }
			.imgbrowser .lightbox .overlay {
				position:fixed;
				z-index:100002;
				top:0; right:0;
				bottom:0; left:0;
				width:100%;
				height:100%;
				background:black;
				opacity:0.75;
				-moz-opacity:0.75;
				filter:alpha(opacity=75); }
			.imgbrowser .lightbox .detail {
				position:fixed;
				z-index:100003;
				top:50%; left:50%;
				width:620px;
				height:620px;
				margin:-310px 0 0 -310px;
				background:white;
				-moz-box-shadow:0 0 50px black;
				-webkit-box-shadow:0 0 50px black;
				box-shadow:0 0 50px black;
				*zoom: 1; }
				.imgbrowser .lightbox .detail .browse {
					position:absolute;
					z-index:100005;
					top:50%;
					width:50px;
					height:50px;
					margin-top:-25px;
					line-height:50px;
					font-size:30px;
					font-weight:bold;
					text-align:left;
					text-indent:-2000em;
					text-decoration:none;
					background:black url('../images/sprite_arrows.png') no-repeat 0 0;
					color:white;
					border:3px solid white;
					outline:none; }
					.imgbrowser .lightbox .detail .prev { left:-25px; background-position:-6px -65px; }
					.imgbrowser .lightbox .detail .next { right:-25px; background-position:-4px -155px; }
					.imgbrowser .lightbox .detail .browse.disabled { visibility:hidden; }
					.imgbrowser .lightbox .detail .close {
						position:absolute;
						z-index:100010;
						top:10px; right:10px;
						padding:0 10px;
						font-size:20px;
						font-weight:bold;
						line-height:24px;
						text-decoration:none;
						background:white;
						color:black; }
			.imgbrowser .lightbox .scrollable {
				position:relative;
				overflow:hidden;
				width:600px;
				height:600px;
				margin:10px; }
				.imgbrowser .lightbox .scrollable .items {
					position:absolute;
					clear:both;
					width:20000em; }
				.imgbrowser .lightbox .scrollable .item {
					float:left; }
				.imgbrowser .lightbox .scrollable .whiteout {
					position: absolute;
					top: 0; left: 0;
					width: 100%;
					height: 100%;
					background: #fff; }

			
/* ShopCats Style END*/

/* Media Style */
.media_table {
	margin: 0;
	padding: 0;
	border: 1px solid #ffd5c3;
	border-radius: 5px;
	width:100%;
}
ul.media_date_list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}
ul.media_date_list li {
	float: left;
	margin: 10;
	width: 580px;
	position: relative;
}
ul.media_date_list li a {
    display: block;
    min-height: 120px;
    padding: 5px;
    text-decoration: none;
}
ul.media_date_list li a:hover {
    background: none repeat scroll 0 0 #eee;
    border-radius: 5px;
    box-shadow: 0 0 5px #999;
}
ul.media_date_list img {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
ul.media_date_list li h2 {
	clear: none;
	color: #f60;
	font-size: 11pt;
	line-height: 1.3;
}
ul.media_date_list li p {
    color: #333;
    margin: 0;
	line-height: 1.2;
}
ul.media_date_list2 {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	font-size: 10pt;
}
ul.media_date_list2 li {
	float: left;
	margin: 0 5px 15px 0;
	width: 270px;
	position: relative;
}
ul.media_date_list2 li a {
    display: block;
    min-height: 90px;
    padding: 5px;
    text-decoration: none;
}
ul.media_date_list2 li a:hover {
    background: none repeat scroll 0 0 #eee;
    border-radius: 5px;
    box-shadow: 0 0 5px #999;
}
ul.media_date_list2 img {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}
ul.media_date_list2 li h2 {
	clear: none;
	color: #f60;
	font-size: 11pt;
	line-height: 1.3;
}
ul.media_date_list2 li p {
    color: #333;
    margin: 0;
	line-height: 1.2;
}
.video_object {
    margin: 0 auto 15px;
    text-align: center;
}

.ppnav ul li a {
	float: left;
	margin: 5px 10px;
	text-decoration: none;
}
.ppnav ul li a h3 {
	font-size: 10pt;
	font-weight: bold;
	background-color: #CCC;
	height: 26px;
	width: 150px;
	text-align: center;
	overflow: hidden;
	margin:0px 2px;
}
/* Media Style end */
