@charset "utf-8";

body, th, td {
margin: 0px;
font-family: Tahoma, MS Sans Serif;
font-size: 10pt;
color: #444;
line-height: 1.3em;
}

#header {
font-family: Tahoma, MS Sans Serif;
font-size: 13pt;
font-weight: normal;
color: white;
/*margin-top: -10px;*/
padding: 0px 10px;
}

#maincolumn {
padding: 10px;
}

#rightColumn {
margin: 5px;
}

#leftColumn {
margin: 5px;
}

#footer {
font-family: Tahoma;
font-size: 13px;
color: white;
padding: 10px;
}

a:link, a:visited {
color: #5c492e;
}

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;*/
background: #53422a;
color: white;
margin-bottom: 15px;
}

.patetitlespacer {}

.title {
font-weight: bold; 
font-size: 13px; 
text-decoration: none;
}

.heading {
background: #55442d; 
color: white; 
padding: 5px; 
font: bold 13px Tahoma; 
}

.data {}

.data td {
padding: 3px
}

.row1 {}

.row2 {
background: #f5efe6;
}

.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: #5d4b31;
}

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; /* set space between images */
float: left;
width: 160px ;
height: auto;
margin: 5px;
}

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: #53422a;
}

.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 12px Tahoma;
}

.module a:link, .module a:visited {
color: #006600
}

.moduletitle, td.moduletitle {
background: #634b33; 
color: white; 
padding: 5px; 
font: bold 13px Tahoma; 
}

.modulecontent {
padding: 5px 8px;
}

#member ul {
margin: 0px;
padding: 0px;
list-style: none;
}

#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: #f8f8f8;*/
}

div.question .title {
padding: 3px 5px; 
font-weight: normal; 
font-size: 11pt;  
background: #5a482f;
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:  #53422a; 
padding: 3px 0px; 
}

div.contentIntro .contentDesc {
padding: 3px 0px;
} 

div.contentIntro .data {
margin-bottom: 20px; 
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: #5d411a; 
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 {
background: #fdf9f4;
}

#articlelist_detail .title {
color: #53422a; 
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: #5b4424;
background: url(http://webatclick.com/images/user.gif) no-repeat 0px 6px; 
padding-left: 23px
}

.contentfile .heading {
font: bold 13px Tahoma;
color: #5b4424;
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: #55442d; 
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: #55442d; 
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: #5b4931; 
color: white; 
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 {}
