@charset "utf-8";



body, th, td {

margin: 0px;

font-family: Vernada, Tahoma MS Sans Serif;

font-size: 13px;

color: #444;

line-height: 1.3em;

}



#header {

font-family: Tahoma;

font-size: 10pt;

font-weight: bold;

color: white;

/*margin-top: -10px;*/

padding: 0px 10px;

}



#maincolumn {}



#rightColumn {}



#leftColumn {}



#footer {}



a:link, a:visited {

color: #06C;

}



a img {

border: none;

}



form {

margin: 0px

}



input, select, textarea {

font-family: Tahoma, MS Sans Serif;

font-size: 9pt;

}



.content {}



.pathway {

font-size: 8pt; 

margin-bottom: 15px;

}



.pagetitle {

font-size: 13pt;

font-weight: bold;

color: white;

margin-top: 15px;

margin-bottom: 15px;

}



.patetitlespacer {}



.title {

font-weight: bold; 

font-size: 13px; 

text-decoration: none;

}



.heading {

background:  #ffa12f; 

color: white; 

padding: 5px; 

font: bold 13px Arial; 

}



.data {}



.data td {

padding: 3px

}



.row1 {}



.row2 {

background: #EEEEEE;

}



.spacer {

clear:both

}



.smalltext {

font-size: 10px

}



.totalpage {

margin: 30px 0px; 

text-align: center;

}



/* CSS Gallery Page*/

div.album {

margin: 0px 8px 0px 0px;

float: left;

width: auto;

height: auto;

}



div.albumContainter {

background:url(http://webatclick.com/images/album_shadow_center.gif) repeat-x;

}



div.albumContainter .albumimgleft {

background:url(http://webatclick.com/images/album_shadow_left.gif) top left no-repeat;

}



div.albumContainter .albumimgright {

background:url(http://webatclick.com/images/album_shadow_right.gif) top right no-repeat;

}



div.album img {

margin: 7px 12px 18px 27px; 

height: 120px; 

border: solid 1px #CCCCCC;

}



div.albumtitle {

margin: 3px; 

height: 30px; 

font-size: 8pt; 

text-align:center;

}



div.albumtitle a {

text-decoration: none; 

color: #999;

}



div.img {

margin: 0px 8px 0px 0px; /* set space between images */

float: left;

width: auto;

height: auto;

}



div.imgContainer {

background:url(http://webatclick.com/images/img_shadow_center.gif) repeat-x; /* backgroud gallery images */

} 



div.imgContainer .leftimg {

background:url(http://webatclick.com/images/img_shadow_left.gif) top left no-repeat;

}



div.imgContainer .rightimg {

background:url(http://webatclick.com/images/img_shadow_right.gif) top right no-repeat;

}



div.img img {

margin: 13px 14px; 

/*height:120px; */

border: solid 1px #999;

}



div.desc {

margin: 3px; 

height: 30px; 

font-size: 8pt;

}



#gallery_detail .data {

margin-bottom: 50px;

}



/* CSS Product */

#product .data {

margin-bottom: 20px;

}



#product .heading {

margin-bottom: 8px;

}



#product td {

font-family: Tahoma; 

font-size: 12px

}



div.product {

margin: 0px 8px 8px 0px; /* set space between images */

float: left;

width: auto;

height: auto;

background: #FFFFFF;

}



div.productlist {

margin: 0px 8px 0px 0px; /* set space between images */

float: left;

width: 160px ;

height: auto;

margin: 5px;

}



div.product .imgContainer {

margin: 3px;

background: none;

/*width: 115px; */

height:130px;

}



div.product img {

margin: 13px 14px; 

/*height:120px; border: solid 1px #999;*/

}



div.product .desc {

margin: 3px; 

/*width: 115px; */

height: 30px;

}



div.product .desc a{

font-weight: bold;

font-size: 13px;

text-decoration: none;

}



.productimg {

background: #23507d;

}



.productimg2 {

padding-right: 10px;

}



.productname {

font-weight: bold;

}



.price {}



.specialprice {

color: #d80b10;

}



#productCategory .productimg {

bagkground: #23507d;

padding: 0px 8px;

}



.productinfo {

border-collapse: collapse; 

margin-bottom: 20px;

}



.producttitle {

font-size: 12pt;

color: black;

}



.productdetail {

padding: 10px 5px;

}



/*.productinfo td {

border: solid 1px #eee;

}*/



.productinfo .data {

margin-bottom: 10px;

}



.productinfo .data td {

padding: 3px;

margin-bottom: 10px;

border: none;

}



.special {

color: #d80b10;

}



.special span {

font-weight: bold; 

text-decoration: underline;

}



/* CSS Contact Page */

.contactform td {

padding: 3px 5px;

}



.contactform .heading {



}



.contactform .rowname {}



#map {

margin: 20px 0px;

}



/* CSS Module */

div.module {

margin-bottom: 10px;



}

.module, .module td {

text-align: left; 

}



.module a:link, .module a:visited {

color: #06C;

text-decoration: none;

}



.moduletitle, td.moduletitle {

background: #6485a8; 

font: bold 9pt Arial;

color: white; 

padding: 5px 10px; 

text-align: left; 

}



.modulecontent {

padding: 5px 8px;

}



#member ul {

margin: 0px;

padding: 0px;

list-style: none;

}



#poll td {

padding: 3px 5px;

}



#mod_webboard a {

text-decoration: none;

}



#mod_rss a {

text-decoration: none;

}



#mod_banner img {

margin-bottom: 5px;

}



#news .moduletitle {

background: url(images/harticle.jpg) no-repeat;

height: 45px;

}



#news span {display: none}



#mod_webboard .moduletitle {

background: url(images/hboard.jpg) no-repeat;

height: 45px;

}



#mod_webboard span {display: none}



#mod_rss .moduletitle {

background: url(images/hrss.jpg) no-repeat;

height: 45px;

}



#mod_rss span {display: none}







.modimg .imgContainer{

background: none;

}

.modimg .img img {

margin: 8px 5px 0px 0px;

width: 45px;

height: 45px;

}



#maincolumn .modimg .img img {

margin: 15px 15px 0px 0px;

width: 90px;

height: 90px;

}



/* CSS Form for module member, shopping cart */

.moduleform {

text-align:center

}



.moduleform td {}



.moduleform .rowname {

font-weight: bold; 

text-align: right;

}



#loginform {

width: 435px;

}



#regform {

width: 550px

}



#regform .rowname {

background-color: #f3f7fd;

}



#losspwform {

width: 435px

}



/* CSS FAQ */



div.question {

margin-bottom: 20px; 

background: #eef5f8;

}



div.question .title {

padding: 3px 5px; 

font-weight: normal; 

font-size: 11pt;  

color: #196681;

}



div.question .data {

padding: 15px 5px;

}



div.question .subdata a {

padding: 0px 5px; 

font-size: 8pt; 

text-decoration: none;

}



/* CSS Content List */

div.contentIntro {}



div.contentIntro .title {

background: #286199;

padding: 5px 10px; 

}



div.contentIntro .contentDesc {

padding: 3px 10px;

} 



div.contentIntro .data {

margin-bottom: 20px; 

/*border: dashed 2px #ebebeb;*/

/*background: #fcfcfc; */

padding: 10px;

}



#otherpage .pagetitle {

padding: 0px 5px;

}



#otherpage .title a {

font: bold 11pt Arial;

color: white;

text-decoration: none;

}



#otherpage .subdata {}



#other_detail .data {

margin-bottom: 30px;

}





/* CSS Content Category */

div.container {

margin: 3px 10px 3px 0px;

}



div.container .ctgName {

margin-bottom: 5px; 

padding: 3px 3px 3px 23px; 

font-size: 13pt; 

background:url(http://webatclick.com/images/star.gif) no-repeat 0px 5px; 

}



div.container .ctgName a:link, div.container .ctgName a:visited {

color: #5f9baf; 

display:block; 

text-decoration: none

}



div.container .ctgDetail {}



div.container ul {

list-style: none; 

margin:0px; 

padding:0px;

}



div.container ul li {

background: url(http://powerpointproduct.com/wwwmlm/images/bullet.gif) no-repeat -6px 3px; 

padding-left: 10px;

}



#articlelist .data td {

padding: 3px

}



#articlelist .data img {

border: 0px

}



div.highlight {}



div.highlight .row1 {}



div.highlight .row2 {}



#articlelist .row1 {}



#articlelist .row2 {}



#articlelist_detail .title {

color: #5f9baf; 

font-size: 16px; 

font-weight: normal;

}



#articlelist_detail .contentDesc {

font-size: 11px; 

margin-bottom: 15px;

}



/*.contentfile table {

border-collapse: separate; 

border-spacing: 1px; 

*border-collapse: expression('separate', cellSpacing = '1px');

}*/



.contentimg {

margin-bottom: 15px;

}



.contentfile {

margin-bottom: 15px;

}



.contentfile td {

background-color: #ffffff; 

padding: 3px;

}



.contentimg .heading {

font: bold 13px Tahoma;

color: #5f9baf;

background: url(http://webatclick.com/images/user.gif) no-repeat 0px 6px; 

padding-left: 23px

}



.contentfile .heading {

font: bold 13px Tahoma;

color: #5f9baf;

background: url(http://webatclick.com/images/download.gif) no-repeat 0px 6px; 

padding-left: 23px

}



.contentfile td.detail {

background: none;

}



.commentlist {

margin-bottom: 15px;

}



.comment {

margin: 10px 0px;

}



.comment div {

padding: 3px;

}



div.commentnum {



background: #f8f8f8;

}



.postdesc {

font-size: 11px;

}



.postname {

font-weight: bold; 

color: #000099;

}



.postdate {

font-size: 10px;

}



.addcomment {

width: 500px; 

background-color: #fbfbf7; 

/*border-top: solid 1px #e8e7d0; 

border-bottom: solid 1px #e8e7d0;*/

}



.addcomment .heading {

font-size: 12pt; 

background: #990000;

}



.addcomment td {

font-family: MS Sans Serif;

padding: 3px; 

color: #666;

}



.addcomment input {

font-size: 11px;

}



.addcomment .rowname {}





/* CSS Forum */

.forumctg {}



.forumctg td {

padding: 10px 5px;

}



.forumctg .colname {

color: white; 

background: #CC6600; 

padding: 5px; 

font-weight: bold;

}



.forumctg a, .forumtopic a {

text-decoration: none;

}



.forumtopic {}



.forumtopic td {

padding: 5px; 

border-collapse: collapse;

}



.forummenu {

text-align: right;

}



.forumtopic .colname {

color: white; 

background: #CC6600; 

padding: 5px; 

font-weight: bold;

}



.forumtopic .row1 {}



.forumtopic .row2 {}



.lastpost {

font-size: 8pt; 

color: #aaaaaa;

}



#showtopic .title {

font-size: 12pt; 

font-weight: normal; 

background-color: #CC6600; 

color: #FFFFFF; 

padding: 8px;

}



#showtopic .comment {

border-collapse: collapse; 

margin: 0px; 

padding: 0px; 

}



#showtopic .comment td {

padding: 5px;

} 



/*#showtopic .rowname {

background-color: #fef8fb; 

}*/



#showtopic .postname {

font-size: 8pt; 

font-weight: normal; 

color: #fff; 

height: 25px; 

}



#showtopic .postdesc {}



#showtopic .row1 {}



#showtopic .row2 {}



.addforum {}



.addforum td {

padding: 3px;

}



.addforum .heading {

color: white;

background: #CC6600;

padding: 8px;

}



.addforum .rowname {

/*background-color: #f9f9f9;*/

}



.textmove {

font-size: 11px;

}