@charset "utf-8";
/* CSS Document */

/* Common Use */
* {margin:0pt; padding:0pt; outline: none;}
body {font-family:Verdana,Helvetica,Arial,sans-serif; font-size:8pt; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; color:#FFF; background:#7289c1;}
.container {width:90%; margin:0px auto; min-width:930px;}
.clear {clear:both;}
.spacer {height:10px;}
.subMenuContainer {width:25%; float:left;}
.contentWithSubMenu {width:74%; float:right; padding-bottom:5px;}
.subContentWrap {padding-left:10px; color:#758da5; font-size:12px;}
.highslideGrey {background:#CCC; padding:3px; text-align:right;}
.highslideRight {color:#000; padding:0;}
.highslideRight a {text-decoration:none; color:#00F;}
.highslideRight p.details {text-align:right;}
.highslideGrey a {text-decoration:none; color:#000;}

/* Header Area */
#header {height:148px; background-color:#5479c7; background-image:url(images/paleBlue/headerBackground.png); background-repeat:repeat-x; border-bottom:solid 2px #304972;}
#headerDecoration {height:148px; background:url(images/paleBlue/worldMap.png) no-repeat right;}
#logo {width:302px; height:59px; padding-top:44px; background:url(images/paleBlue/headerLogo.png) no-repeat bottom; float:left;}
#flag1 {width:62px; height:148px; background:url(images/paleBlue/flag.gif) no-repeat; background-position:0px 70px; float:right; display:block;}
#flag1:hover {width:62px; height:148px; background:url(images/paleBlue/flag.gif) no-repeat; background-position:-62px 70px; float:right; display:block;}
#flag2 {width:60px; height:148px; background:url(images/paleBlue/flag.gif) no-repeat; background-position:-124px 70px; float:right; display:block;}
#flag2:hover {width:60px; height:148px; background:url(images/paleBlue/flag.gif) no-repeat; background-position:-184px 70px; float:right; display:block;}
#flag3 {width:62px; height:148px; background:url(images/paleBlue/flag.gif) no-repeat; background-position:-246px 70px; float:right; display:block;}
#flag3:hover {width:62px; height:148px; background:url(images/paleBlue/flag.gif) no-repeat; background-position:-310px 70px; float:right; display:block;}
.flagSpacer {width:5px; height:148px; float:right;}
#topGadget {height:28px; position:absolute; width:100%;}
#topGadgetBG {height:28px; background-image:url(images/paleBlue/topGadget.gif); background-position:left; padding-left:10px; color:#000; float:right;}
#topGadgetBGRight {width:11px; height:28px; background:url(images/paleBlue/topGadgetRight.gif); position:absolute;}
#topGadgetBG a {text-decoration:none; color:#000;}
#IE6Warning {display:none;}

/* Navigation Bar */
#navigation {height:38px; background:#7289c1; border-bottom:solid 1px #697aa5;}
#buttonCloser {height:38px; width:1px; background:#879bca; float:left;}
#navButton li {display:inline; cursor:pointer;}
#navButton li a {text-decoration:none; cursor:pointer;}
.navButtonText a {text-decoration:none; cursor:pointer; color:#FFF;}
/* No Dropdown
.button {height:38px; width:16.3%; background-color:#7289c1; background-image:url(images/paleBlue/navButtonBg.png); background-position:0px -76px; background-repeat:no-repeat; border-left:solid 1px #879bca; border-right:solid 1px #697aa5; float:left; display:table; position:relative;}
.buttonActive {height:38px; width:16.3%; background-color:#e65700; background-image:url(images/paleBlue/navButtonBg.png); background-position:0px -38px; background-repeat:no-repeat; border-left:solid 1px #879bca; border-right:solid 1px #697aa5; float:left; display:table; position:relative;}
.button:hover {height:38px; width:16.3%; background-color:#0cb825; background-image:url(images/paleBlue/navButtonBg.png); background-position:0px 0px; background-repeat:no-repeat; border-left:solid 1px #879bca; border-right:solid 1px #697aa5; float:left; display:table; position:relative;}
.navButtonText {text-align:center; font-weight:bold; width:100%; color:#FFF; text-decoration:none;}
.vAlign1 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width:100%;}
.vAalign2 {#position: relative; #top: -50%;}
*/
/* With Dropdown */
.block {display:block;}
.button {height:38px; width:100%; display:table; position:relative;}
.buttonActive {height:38px; width:100%; background-color:#e65700; background-image:url(images/paleBlue/navButtonBg.png); background-position:0px -38px; background-repeat:no-repeat; display:table; position:relative;}
.navButtonText {text-align:center; font-weight:bold; width:100%; color:#FFF; text-decoration:none; display:block; overflow:visible;}
.vAlign1 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width:100%;}
.vAalign2 {#position: relative; #top: -50%; display:block; overflow:visible;}
/* DropDown CSS */
.sf-menu ul {position:absolute;width:100%;list-style:none; z-index:1000;display:none;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;} /* fixes IE7 'sticky bug' */
.sf-menu li {float:left;position:relative;width:14%;background-color:#7289c1; background-image:url(images/paleBlue/navButtonBg.png); background-position:0px -76px; background-repeat:no-repeat;border-left:solid 1px #879bca; border-right:solid 1px #697aa5;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:38px; z-index:99; position:absolute;} /* match top ul list item height */
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:100%;top:0;} /* match ul width */
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em;top:0;} /* match ul width */
.sf-menu li li a {padding:.75em 1em;text-decoration:none;}
.sf-menu a, .sf-menu a:visited  {color:#13a;} /* visited pseudo selector so IE6 applies text colour*/
.sf-menu li li {background:	#AABDE6; border-top:solid 1px #697aa5; border-left:none; border-right:none;}
.sf-menu li li li {background:#9AAEDB; border-top:solid 1px #697aa5; border-left:none; border-right:none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus,  .sf-menu a:active {background-color:#0cb825; background-image:url(images/paleBlue/navButtonBg.png); background-position:0px 0px; background-repeat:no-repeat; outline:	0;}
.sf-menu li li a:hover, {border:none;}
/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em;min-width:1px;} /* trigger IE7 hasLayout so spans position accurately */
.sf-sub-indicator {position:absolute;display:block;right:.75em;top:1.05em; /* IE6 only */width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:14px;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
.sf-menu li li .sf-sub-indicator {  /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul {background:	url('images/shadow.png') no-repeat bottom right;padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 17px;-moz-border-radius-topright: 17px;-webkit-border-top-right-radius: 17px;-webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/* Banner Area */
.quotes {height:56px; background:#7289c1; border-top:solid 1px #879bca; border-bottom:solid 1px #697aa5;}
.quotes_left {width:42%; height:56px; float:left; display:table; position:relative;}
.quotes_right {width:42%; height:56px; float:right; display:table; position:relative;}
.quotesText {font-size:15px; font-weight:bold;}
.quotesDescText {font-size:10px;}
#floor {height:93px; background:url(images/paleBlue/floor.png) repeat-x;}
#floorDecoration {height:93px; background:url(images/paleBlue/humanPad.png) no-repeat center;}
#illustration {width:138px; height:203px; margin:0pt auto; margin-top:-220px; position:relative;}
.illustrationImage1 {width:138px; height:203px; position:absolute; background:url(images/paleBlue/human.gif) no-repeat;}
.illustrationImage2 {width:138px; height:203px; position:absolute; background:url(images/paleBlue/human1.gif) no-repeat;}
.illustrationImageProfile {width:138px; height:203px; position:absolute; background:url(images/paleBlue/goldyLogo.gif) no-repeat;}
.illustrationImageProfile2 {width:138px; height:203px; position:absolute; background:url(images/paleBlue/ziglar.gif) no-repeat;}
.illustrationImageProfile3 {width:138px; height:203px; position:absolute; background:url(images/paleBlue/maxwell.gif) no-repeat;}
.illustrationWrap {width:100%; min-width:930px;}

#bannerTextRight {list-style-type: none;}
#bannerTextRight li {display:none;}
#bannerTextRightDesc {list-style-type: none;}
#bannerTextRightDesc li {display:none;}
#bannerTextLeft {list-style-type: none;}
#bannerTextLeft li {display:none;}
#bannerTextLeftDesc {list-style-type: none;}
#bannerTextLeftDesc li {display:none;}

/*Contents Area */
#contents {background:#7289c1;}
#sliderContainer {background-color:#FFF; background-image:url(images/paleBlue/sliderContainerBg.png); background-repeat:repeat-x; background-position:bottom;}
#sliderContainerLL {background:url(images/paleBlue/sliderContainerBgLeftLine.png) repeat-y left;}
#sliderContainerRL {background:url(images/paleBlue/sliderContainerBgRightLine.png) repeat-y right;}
#sliderContainerLC {background:url(images/paleBlue/sliderContainerBgRightCorner.png) no-repeat right bottom;}
#sliderContainerRC {background:url(images/paleBlue/sliderContainerBgLeftCorner.png) no-repeat left bottom; padding-bottom:18px;}
#eventSliderContainer {width:50%; float:left; background:url(images/paleBlue/sliderDivider.png) no-repeat right bottom;}
#newsSliderContainer {width:49%; float:right;}
#crazyIE6 {height:1px;}
.sliderTitle {color:#8c999f; font-size:22px; padding-left:15px; padding-bottom:10px;}
.sliderTitleBold {color:#4083c2; font-weight:bold;}
.sliderContentTopShadingContainer {height:11px;}
.sliderContentBottomShadingContainer {height:11px;}
.sliderContentTopShading {height:11px; background-image:url(images/paleBlue/sliderContentShadingLine.png); background-repeat:repeat-x; margin-left:80px; margin-right:80px;}
.sliderContentTopShadingLC {width:80px; height:11px; background:url(images/paleBlue/sliderContentShadingCorner.png); float:left;}
.sliderContentTopShadingRC {width:80px; height:11px; background:url(images/paleBlue/sliderContentShadingCorner.png); float:right; right:0; background-position:-80px 0;}
.sliderContentBottomShading {height:11px; background-image:url(images/paleBlue/sliderContentShadingLine.png); background-repeat:repeat-x; background-position:0 -11px; margin-left:80px; margin-right:80px;}
.sliderContentBottomShadingLC {width:80px; height:11px; background:url(images/paleBlue/sliderContentShadingCorner.png); float:left; background-position:0 -11px;}
.sliderContentBottomShadingRC {width:80px; height:11px; background:url(images/paleBlue/sliderContentShadingCorner.png); float:right; right:0; background-position:-80px -11px;}
.sliderPaddingLeft {padding:0 14px 0 12px;}
.sliderPaddingRight {padding:0 12px 0 0px;}
.sliderArrowL {width:45px; background:url(images/paleBlue/sliderArrow.gif) no-repeat; background-position:0px 50%; margin:auto; position:absolute; bottom:0;top:2px;}
.sliderArrowR {width:45px; background:url(images/paleBlue/sliderArrow.gif) no-repeat; background-position:-45px 50%; margin:auto; position:absolute; bottom:0; top:0; right:0;}
.sliderArrowL:hover {width:45px; background:url(images/paleBlue/sliderArrow.gif) no-repeat; background-position:-90px 50%; margin:auto; position:absolute; bottom:0; top:0;}
.sliderArrowR:hover {width:45px; background:url(images/paleBlue/sliderArrow.gif) no-repeat; background-position:-135px 50%; margin:auto; position:absolute; bottom:0; top:0; right:0;}
.sliderContentsContainer {color:#000; padding:2px 55px 2px 55px;}
.sliderContentsBack { position:absolute; margin-left:-45px; padding-left:45px; padding-right:45px; z-index:-1; display:none;}
.sliderContentsFront {}
.sliderContentsBack a, .sliderContentsFront a {text-decoration:none;}
.sliderContentsImage {float:left; padding:0 20px 10px 0;}
.sliderContentsText {}
.sliderContentsTextTitle {font-size:14px; font-weight:bold; color:#4083c2;}
.sliderContentsTextSubTitle {font-size:12px; color:#8c999f; padding-bottom:14px;}
.sliderContentsTextDate {color:#F60; font-weight:bold;}
.sliderContentsTextDescription {}

#contentsColumnPre1 {width:30%; float:left;}
#contentsColumn1 {padding:0 12px 0 0;}
#contentsColumnPre2 {width:40%; float:left; background:url(images/paleBlue/contentsLine.png) repeat-y right;}
#contentsColumn2 {background:url(images/paleBlue/contentsLine.png) repeat-y left; padding:0px 12px;}
#contentsColumnPre3 {width:30%; float:left;}
#contentsColumn3 {padding:0 0 0 12px;}
#contentsColumnContainer {padding-bottom:12px; padding-top:5px;}
.contentsHeader {font-size:17px; border-bottom: solid 1px #fff; padding-bottom:6px; margin-bottom:8px;}
.contentsImage {float:left; padding:0 10px 5px 0;}
.homeProductContainer a {text-decoration:none; color:#fff;}
.homeProductContainer a:hover {text-decoration:none; color:#ff0;}

.decorativeTitle {background:url(images/paleBlue/textDecoYellowDiag.png) right repeat-x; background-position:0 13px; font-size:15px; font-weight:bold; text-transform:uppercase; padding-bottom:5px;}
.decorativeTitle span {padding-top:6px; background-color:#7289c1;}
.decorativeTitle span.topLine {background-image:url(images/paleBlue/textDecoOrangeLine.png); background-repeat:no-repeat; background-position:top right; display:block; float:left;}
.decorativeTitle span.topLineLeft {background:url(images/paleBlue/textDecoOrangeLineClose.png) no-repeat top left; color:#ff0;}
.decorativeTitle span.noLine {background-color:#7289c1; display:block; float:left; padding-right:2px;}
.decorativeTitle span.moreButton {width:36px; height:13px; padding-left:2px; background-image:url(images/paleBlue/textDecoMore.png); background-position:right; background-repeat:no-repeat; display:block; float:right; margin-top:9px;padding-top:0px;}

#profile {padding:0px 15px 0px 16px; color:#000;}
#profileSubMenu {list-style:none; font-size:12px;}
#profileSubMenu li {height:18px; margin:3px 0; border-top:solid 1px #c6c6c6; text-align:center; color:#d34807; padding-top:6px; white-space:nowrap; overflow:hidden;}
#profileSubMenu li a {text-decoration:none; color:#455462;}

#testimonial {padding:0px 15px 0px 16px; color:#000;}
#testimonial .isi, #testimonial .isian {padding:5px;}
#testimonial .isi label, #testimonial .isian label {display:block; float:left; width:120px; font-weight:bold;}
#testimonial .isi label i, #testimonial .isian label i {display:block; float:right;}
#testimonial .isi span, #testimonial .isian span {display:block; padding-left:130px;}
#testimonial .isi.even {padding:5px; background:#eee;}
#testimonial .isi div {padding:2px 0;}
#testimonial .isian div {padding:5px 0;}
#testimonial .bigTitle {color:#647c96; font-size:16px; font-weight:bold; text-align:center;}

#subMenuBg {background:#f6f6f6; position:relative;}
.subMenuBL {background:url(images/paleBlue/subMenuBL.png) no-repeat bottom left; padding:1px 1px 6px 1px;}
.subMenuBR {background:url(images/paleBlue/subMenuBR.png) no-repeat bottom right;}
.subMenuTL {background:url(images/paleBlue/subMenuTL.png) no-repeat top left;}
.subMenuTR {background:url(images/paleBlue/subMenuTR.png) no-repeat top right;}
.subMenuContentBG {background:url(images/paleBlue/subMenuBG.png) repeat-x top; padding:0 6px;}
.subMenuTLine {background:url(images/paleBlue/greyDot.png) repeat-x top}
.subMenuBLine {background:url(images/paleBlue/greyDot.png) repeat-x bottom}
.subMenuRLine {background:url(images/paleBlue/greyDot.png) repeat-y right}
.subMenuLLine {background:url(images/paleBlue/greyDot.png) repeat-y left}
.subMenuDeco {background:url(images/paleBlue/subMenuDeco.png) no-repeat top right;}
.subMenuDeco_news {background:url(images/paleBlue/subMenuDeco_news.png) no-repeat top right;}
#subPatch {height:5px; background:#fff; font-size:1px;}
#subPrePatch {padding:0 6px;}
.subMenuContentsTitle {color:#647c96; font-size:16px; font-weight:bold; padding:14px 0px 0px 12px; margin-bottom:15px;}
.contentWithSubMenuTitle {font-size:18px; font-weight:bold; margin-bottom:10px;}

#news {padding:0px 15px 0px 16px; color:#000;}
#newsSubMenu {list-style:none; font-size:12px; padding:0 5px;}
#newsSubMenu li {margin:3px 0; border-top:solid 1px #c6c6c6; text-align:left; color:#d34807; padding:6px 8px 0 8px;}
#newsSubMenu li a {text-decoration:none; color:#455462;}
#newsSubMenu li span {display:block; font-size:10px; font-style:italic; text-align:right; font-weight:normal;}
.newsContentTitle {font-size:18px; font-weight:bold;}
.newsContentDate {margin-bottom:10px;}

#eventSubMenu {list-style:none; font-size:12px; padding:0 5px;}
#eventSubMenu li {margin:3px 0; border-top:solid 1px #c6c6c6; text-align:left; padding:6px 8px 0 8px;}
#eventSubMenu li a {text-decoration:none; color:#455462;}
#eventSubMenu li span {display:block; font-size:10px; font-style:italic; text-align:right; font-weight:normal;}
.nextEventDate {font-size:10px; font-style:italic; text-align:right; font-weight:normal;}
.eventDetailDescription {font-weight:normal; padding-left:10px;}
.eventDetailDescription1 {padding-top:10px; width:74%;}
.eventDetailLabel {font-weight:bold; font-size:10pt;}

.noBannerTopLine {border-top:solid 1px #879bca; height:0px; font-size:0px;}
#eventContainer {background:#7d96ca;}
#calendarWrap {background-image:url(images/paleBlue/calendarWrapBG.png); background-color:#FFF; background-repeat:repeat-x; background-position:bottom; padding-top:7px;}
#calendarTopLine {background-image:url(images/paleBlue/calendarTopLine.png); background-repeat:repeat-x; background-position:top; background-color:#496597; position:relative;}
#calendarLLine {background:url(images/paleBlue/calendarLLine.png) left repeat-y;}
#calendarRLine {background:url(images/paleBlue/calendarRLine.png) right repeat-y;}
#calendarLCorner {background:url(images/paleBlue/calendarLCorner.png) top left no-repeat;}
#calendarRCorner {background:url(images/paleBlue/calendarRCorner.jpg) top right no-repeat; padding:14px 12px 6px 12px;}
#eventDetailContainer {padding:7px 10px 17px;}
.eventSubMenuContainer {float:right; width:25%; padding:0 0 10px 16px; margin-bottom:6px;}
#eventDetailContent {color:#758DA5;}
#eventSubIE6Patch {height:6px;}
#calendarContainer {min-height:370px;}

#jMonthCalendar { position:relative; clear:both;}
.MonthlyCalendar .MonthNavigation { border-bottom:solid 1px #fff; clear:both; height:46px; /*background:url(images/paleBlue/calendarMonthNavigation.png) repeat-x;*/ position:relative;}
.MonthlyCalendar .MonthName {text-align:center; font-weight:bold; position:absolute; font-size:20px; padding-top:10px; width:100%; left:0px;}
.MonthlyCalendar .TodayLink {width:150px; position:absolute; font-size:15px; margin-left:60px; padding-top:12px; z-index:1; text-align:right; left:0px;}
.MonthlyCalendar .TodayLink a { color:#fff; text-decoration:none;}
.MonthlyCalendar .MonthNavNext {width:100px; text-align:left; position:absolute; font-size:17px; right:29%; padding-top:12px; z-index:1;}
.MonthlyCalendar .MonthNavNext a { color:#fff; text-decoration:none;}
.MonthlyCalendar .MonthNavPrev {width:100px; text-align:right; position:absolute; font-size:17px; padding-top:12px; z-index:1; left:29%;}
.MonthlyCalendar .MonthNavPrev a { color:#fff; text-decoration:none;}
.MonthlyCalendar .YearNavNext {width:50px; position:absolute; font-size:17px; right:10px; padding-top:12px;}
.MonthlyCalendar .YearNavNext a { color:#fff; text-decoration:none;}
.MonthlyCalendar .YearNavPrev {width:50px; position:absolute; font-size:17px; margin-left:10px; padding-top:12px; left:0px;}
.MonthlyCalendar .YearNavPrev a { color:#fff; text-decoration:none;}

.MonthlyCalendar { height:100%; width:100%; border-collapse:collapse; }
.MonthlyCalendar #CalendarHead {width:100%;}
.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; color:#FFFFFF;}

.MonthlyCalendar #CalendarBody {}
.DateBox { vertical-align:top; border:solid 1px #FFF;}
.DateBox:hover { vertical-align:top; background:#3a517a;}
.DateLabel { height:16px; width:100%; /*background:#b3e2f0 none repeat scroll 0 0;*/ text-align:right; }

.DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; color:#FFF; font-weight:bold;}

#CalendarBody .Weekend {}
#CalendarBody .Today { background:#7d97ca;}
#CalendarBody .Today:hover { background:#5f7299;}
#CalendarBody .Inactive {}

#CalendarBody .Inactive .DateLabel a { cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px; color:#ccc; font-weight:normal;}

#jMonthCalendar .Event { font-size:10px; padding:4px; margin-bottom:1px; /*background-color:#C0D0FF; -moz-border-radius:0 8px 8px 8px; border:solid 1px #000;*/ cursor:pointer; display:block; }
.Event a { text-decoration:none; color:#fff; display:block; height:22px; overflow:hidden; }
.Event a:hover { text-decoration:underline; }
/*
#jMonthCalendar .Meeting { background-color: #DDFFFF;}
#jMonthCalendar .Birthday { background-color: #DD00FF;}
#jMonthCalendar #Event_3 { background-color:#0000FF; }
*/

/* Shop Area */
.shopRecomendedImage {float:left; padding-right:10px;}
.shopRecomendedImage img { height:125px;}

/*Footer Area*/
#footer {background-image:url(images/paleBlue/footerLine.png); background-repeat:repeat-x; background-position:top; background-color:#b8b8b8; color:#000;}
#footerContainer {padding:10px 0; border-bottom:#666 solid 1px;}
.footerWrap {width:25%; float:left;}
.footerWrapSmaller {width:24%; float:left;}
#footerColumn1 {padding:0 12px 0 0;}
#footerColumn2 {padding:0px 12px;}
#footerColumn3 {padding:0px 12px;}
#footerColumn4 {padding:0 0 0 12px;}
.footerTitle {font-size:17px; padding-bottom:12px;}
.suggestionName {font-weight:bold; font-size:11px;}
.linkButton {border:solid #666 1px; background:#999; padding:5px; text-align:center; text-decoration:none; color:#FFF;}
.linkButton:hover {border:solid #666 1px; background:#333; padding:5px; text-align:center; text-decoration:none; color:#FFF;}
.linkWrap {padding-bottom:20px;}
#agapeSign {border-top:solid #CCC 1px; padding-bottom:10px; padding-top:4px; color:#FFF;}
#agapeSign a {text-decoration:none; color:#fff; display:block; float:right;}
.counter {float:left; font-weight:bold;}
.sliderContentsWrap {color:#000; text-decoration:none;}
.sliderContentsImage img {border:none;}
.homeProductTitle {font-size:12x; font-weight:bold; padding-bottom:5px; display:block;}
.homeProductSubTitle {font-size:12px; display:block;}
.homeProductPrice {font-size:13px; font-weight:bold; color:#9F0; text-align:right; padding-top:15px; display:block;}
.homeProductContainer {clear:both; color:#FFF;}
.homeProductContainer img {border:none;}

/* contact form */
#contactFormContainer {position:absolute;top:0; left:50%; float:left;z-index:5;margin-left:-332px; margin-top:20px;}
#contactForm {height:350px; width:664px; background-image:url(images/paleBlue/envelope.png);display:none; background-color:#FFF;}
#contactForm fieldset {padding:0px 30px 30px 15px; border:none; margin-top:-5px;}      
#contactForm label {display:block; color:#000; padding-bottom:5px;}      
#contactForm input[type=text] {display:block; border:solid 1px #4d3a24; width:100%; margin-bottom:5px; height:18px;}  
#contactForm textarea {display:block; border:solid 1px #4d3a24; width:100%; margin-bottom:10px;}  
#contactForm input[type=submit] {background-color:#4d3a24; border:solid 1px #23150c; color:#fecd28; padding:5px;}                
#messageSent {color:#f00; display:none; padding-top:5px;}
.required {font-style:italic; color:#f00; padding-left:10px; display:none;}
#contactForm .companyInformation {width:39%; float:left; text-align:right; color:#000; margin-top:22px;}
#contactForm .companyInformation .padding {padding-left:30px; padding-right:5px;}

/* send to friend button */
.toFriendButton {height:34px; width:160px; line-height:31px; float:left; position:relative; padding-left:30px; background:url(images/paleBlue/buttonBg.png) no-repeat 0 -68px;}
.toFriendButton a {height:34px; background:url(images/paleBlue/buttonBg.png) repeat-x 0 -34px; display:block; margin-right:16px; text-decoration:none; text-transform:uppercase; color:#5c5c5c; font-weight:bold; font-size:14px; padding:0 0 0 6px;}
.toFriendButton span {height:34px; width:16px; background:url(images/paleBlue/buttonBg.png) no-repeat -13px 0; display:block; float:right;}
.toFriendButton a:hover {color:#00F;}
.toFriendButton.shop {height:34px; line-height:31px; position:relative; padding-left:30px; background:url(images/paleBlue/buttonBg.png) no-repeat 0 -68px; float:none; width:170px; margin:0 auto;}