@charset "utf-8";



body, th, td {

margin: 0px;

font-family: "MS Sans Serif", Tahoma;

font-size: 10pt;

color: #666;

line-height: 1.3em;

}



#header {

font-family: "MS Sans Serif", Tahoma;

font-size: 13pt;

font-weight: normal;

color: white;

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

padding: 0px 10px;

}



#maincolumn {

padding: 10px 10px 50px 10px;

}



#rightColumn {

margin: 5px;

}



#right2Column {

margin: 0px 5px;

}



#leftColumn {

margin: 5px;

}



#left2Column {

margin: 0px 5px;

}



#footer {

font-family: Tahoma;

font-size: 13px;

color: #ff936c;

padding: 10px;

}



a:link, a:visited {

color: #ff936d;

}



form {

margin: 0px

}



input, select, textarea {

font-family: "MS Sans Serif", Tahoma;

font-size: 9pt;

}



.content {}



.pathway {

font-size: 8pt; 

margin-bottom: 15px;

}



.pagetitle {

font-size: 13pt;

/*font-weight: bold;*/

color: #ff936c;

margin-bottom: 15px;

}



.patetitlespacer {}



.title {

font-weight: bold; 

font-size: 13px; 

text-decoration: none;

}



.heading {

background: url(images/menubar.jpg); 

color: white; 

padding: 5px; 

font: bold 13px  "MS Sans Serif"; 

}



.data {}



.data td {

padding: 3px

}



.row1 {}



.row2 {

background: #ffeee8;

}



.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;

}



div.product {

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

float: left;

width: auto;

height: auto;

}



div.productlist {


margin: 0px 8px 0px 0px; 

float: left;

width: 200px ;

height: auto;

margin: 5px;

overflow:visible;


}



div.product .imgContainer {

margin: 3px;

background: none;

width: 115px; 

height:115px;

}



div.product img {

margin: 13px 14px; 

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

}



div.product .desc {

margin: 3px; 

width: 115px; 

height: 35px;

}



#product td {

font-family: Tahoma; 

font-size: 12px

}



.productname {

font-weight: bold;

}



.price {}



.specialprice {

color: #d80b10;

}



#productCategory {}



.productinfo {

border-collapse: collapse; 

margin-bottom: 20px;

}



.producttitle {

font-size: 12pt;

color: #ff936c;

}



.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 { 

font: normal 13px Tahoma;

}



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

color: #006600

}



.moduletitle, td.moduletitle {

background: url(images/menubar.jpg); 

color: white; 

padding: 5px; 

font: normal 13px Tahoma; 

}



.modulecontent {

padding: 5px 8px;

}



#left2Column .modulecontent, #right2Column .modulecontent, #maincolumn .modulecontent {

border: none; 

}



.modulebar td, .modulebar input {

font-size: 11px;

}



#member ul {

margin: 0px;

padding: 0px;

list-style: none;

}



#flash {

padding-top: 8px;

text-align: center;

}



#poll td {

padding: 3px 5px;

}



.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;  

background: #ffad8f;

color: white;

}



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 {

font-size: 11pt; 

font-weight: normal; 

color:  #fe8960; 

padding: 3px 0px; 

}



div.contentIntro .contentDesc {

padding: 3px 0px;

} 



div.contentIntro .data {

margin-bottom: 20px; 

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

background: #fcfcfc; 

padding: 10px;

}



#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: #fa885f; 

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: #ff936c; 

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: #f5845b;

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

padding-left: 23px

}



.contentfile .heading {

font: bold 13px Tahoma;

color: #f5845b;

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 {

padding-left: 25px; 

background: url(http://powerpointproduct.com/wwwmlm/images/comment.gif) no-repeat 5px 6px #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: none;

color: #999;

}



.addcomment td {

padding: 3px; 

color: #666;

}



.addcomment input {

font-size: 11px;

}



.addcomment .rowname {}





/* CSS Forum */

.forumctg {}



.forumctg td {

padding: 3px;

}



.forumctg .colname {

color: white; 

background: url(images/menubar.jpg); 

padding: 5px; 

font: bold 13px Tahoma;

}



.forumctg a, .forumtopic a {

text-decoration: none;

}



.forumtopic {}



.forumtopic td {

padding: 3px; 

border-collapse: collapse;

}



.forummenu {

text-align: right;

}



.forumtopic .colname {

color: white; 

background: url(images/menubar.jpg); 

padding: 5px; 

font: bold 13px Tahoma

}



.forumtopic .row1 {}



.forumtopic .row2 {}



.lastpost {

font-size: 8pt; 

color: #aaaaaa;

}



#showtopic .title {

font-size: 12pt; 

font-weight: normal; 

background-color: #fda484; 

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: #000; 

height: 25px; 

}



#showtopic .postdesc {}



#showtopic .row1 {}



#showtopic .row2 {}



.addforum {}



.addforum td {

padding: 3px;

}



.addforum .heading {}



.addforum .rowname {

background-color: #fff5f1;

}

.shopcart {
background: #ff936d;
}

.shopcart td {
background: white;
}

.shopcart td.heading {
background: #ff936d;
}