﻿body {margin:0;background:url("images/banner_bg.jpg") repeat-x scroll 0 396px transparent;font-family:Verdana;font-size:12px}
ul {list-style:none outside none;margin:0;padding:0;}
img {border:medium none;}
h1, h2 {color:#FF6600;}

body .headerWrapper {background: none repeat scroll 0 0 white;float: left;margin: 0 0 20px;overflow: visible;width: 100%;}
.wrapper {width: 996px; margin: 0pt auto;}
body .header {margin: auto;}
body .header .navigation {border-top:1px solid #AAA;}
body .header .navigation b {text-transform:uppercase}

body .header .logo {background:none repeat scroll 0 0 white;width:100%;}

body .header .logo .companyLogo {background-color:transparent;height:160px;overflow:hidden}
.companyLogo div {float:left;height:73px;position:relative;width:940px;top:70px}
.companyLogo span {display: block;font-size: 44px;font-weight: bold;position: absolute;}
.companyLogo {color: #0BF1B1;left: -2px;top: -3px;}

#container {background-repeat:no-repeat;background-attachment:scroll;margin: auto;width: 996px;}
#container a {text-decoration:none}

.wrapper .content {float:left;width:100%;background-color:white;padding: 19px 9px 0 0;border-radius: 10px 10px 0 0px;border:1px solid #CCCCCC}
.headerWrapper .bannerBox .banner { height: 200px;margin:0 auto;overflow: hidden}
.headerWrapper .bannerBox .banner img {width:996px}
.wrapper .content .leftNavigation {float:left;width:210px}
.wrapper .content .mainContent {float: right; width: 741px;padding:0px 10px}

body .footer {float: left;text-align: center;width:100%;padding:2px 0px 45px;background-color: #42453D;margin:auto;border-top:1px solid #AAA;color:White}
body .footer .footerLinks {border-top:5px solid #AAA;padding: 25px 0 0;}
body .footer .footerLinks li {display:inline}
body .footer .footerLinks li a{text-decoration:none;margin-right:5px;font-weight:normal;padding: 0 15px;}
body .footer .footerLinks li a b {font-weight:normal;color:White}

body .footer .links a {text-decoration:none;}
body .footer .links a:visited {color:#B99F9F;}
body .footer .links a:hover {color:#FFFFFF;}

body .footer .copyright {display:block;margin-left:406px;}

.mainContent .page {padding:10px 10px 10px 12px;}


.pageTitle {margin-bottom: 26px;width: 100%;height: 10px;background-color:#EEEEEE;color:#FF6600;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;text-transform:uppercase}
.pageTitle span {background-color: white;margin-top:-5px;padding-right: 40px;float:left}

div.productHomePage li {height:240px;display:block;list-style-type:none;}

.inputstyle02 {background-color:#FFFFFF;border:1px solid #999999;color:#666666;font-size:11px;}

/* Index */
div.productIndex span.header, .contactUsIndex span.header, .homeIndex span.header, .contentIndex span.header, .testimonialIndex span.header {background:#FF7701 url(images/header.jpg) repeat-x;display:block;line-height:28px;margin-bottom:10px;text-align:center;color:#FEC200;font-family:arial;font-size:18px;font-style:normal;width:198px;-moz-border-radius: 8px;border-radius:65px 10px;}
.contactUsIndex .addressDetail b {display: block;font-size: 16px;margin-bottom: 13px;text-align: center;width: 100%;}
.contactUsIndex .addressDetail div {font-size: 12px;margin-bottom: 10px;margin-left: 7px;}
.contactUsIndex .socialNetwork {padding: 10px;}

.imageDetail {text-align:center;width: 168px;}
.imageDetail .price {color:#CC0000;font-size:13px;font-weight:bold}
.imageDetail .productName {color:#696B6B;font-size:13px;}
.imageDetail .details {color:#FF6A07;font-size:13px;}
.imageDetail .image{border: 1px solid #CCC;}
.homeIndex .topic {font-size: 12px;padding: 0 8px 8px;}

/* article */
ul.businessArticle {list-style:disc inside none; margin:10px 10px 25px 10px}
.articleTitle {margin:10px 0px}
.pageTopic {margin-bottom:10px;margin-top: -15px;}
.pageTopic .images {padding:2px;margin:10px 10px 0px 0px}
#pageTopic #page, form#contactForm, .addressBookContent, .wrapper .content .leftNavigation, .mainContent div.blog .content, .article .content, .news .content {box-shadow: 5px 5px 10px #888888;}

/* Contact Form */
form#contactForm {padding:10px 10px}
.pageSection {width:100%;margin-bottom:20px;clear:both}
input#SelectedAction {border: 1px solid #8ec1da;background-color: #ddeef6;border-radius: 4px;box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;color: #3985a8;text-shadow: 0 1px #fff;}

/* Contact us */
.contactUs {margin-bottom:30px;}
.addressBookContent {width: 720px; float: left;margin-bottom:20px;padding: 10px;box-shadow:none}
.addressBookContent .addressDetail {width: 300px;float:left;margin-bottom: 30px;}
.addressBookContent .addressDetail b {display: block;margin-bottom: -4px;}
.contactUs .contactDetail {margin-top:10px;}
.addressBookContent .contactDetail {margin-top:10px;}
.howToReachUs .pageTitle {margin-bottom:15px}

/* About us */
.aboutUs {margin-bottom:20px}
.aboutUs .pageTopic {margin-left:-10px}

/* Topic Image */
.pageTopic .images {float: left;margin: 26px 10px 0px;}
.topicGallery {margin-bottom: 15px;}

/* Product List */
.productHomePage { margin-top: 30px;float: left;width:100%}

/* Product Detail */
.productDetail {margin-top:15px;color:black;}
.productDetail b {color:#927F81}
.productDetail b.price {color:#CC0000}

.productDetail .image {margin:10px 10px 10px 0px;}
.productDetail table {margin-top:20px}
.productTitle {float:left;clear:both;width:100%}

div#jumpToPrevNextImage {top: 18px;right: 69px;}

/* Product Page */
.productPage .images {width:200px;float:left;overflow: hidden;}
.productGallery #thumbs {width: 270px}

/*- Menu TOP--------------------------- */
.navigation {background:url(images/navigation_bg.jpg);}
.navigation ul {padding:0 0 0 1em; margin:auto; list-style:none; height:35px;width:100%}
.navigation ul li {float:left;}
.navigation ul li a {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; cursor:pointer; font-size:14px;}

.navigation ul li.current a {color:#fff; background:url(../Charity/images/menu/menu_topbackG_hover_01.jpg);}
.navigation ul li.current a b {background:url(../Charity/images/menu/menu_topbackG_01.jpg) no-repeat right top;}
.navigation ul li a:hover {color:#fff; background: url(../Charity/images/menu/menu_topbackG_hover_01.jpg);}
.navigation ul li a:hover b {background:url(../Charity/images/menu/menu_topbackG_hover_01.jpg) no-repeat right top;}
.navigation ul li.current a:hover {color:#fff; background: url(../Charity/images/menu/menu_topbackG_01.jpg); cursor:default;}
.navigation ul li.current a:hover b {background:url(../Charity/images/menu/menu_topbackG_01.jpg) no-repeat right top;}
.navigation ul li.level0 ul {left: -13px;}
.navigation ul li.level0 ul li.level1{background-color: #FF7B00;}

/*- Menu SIDE--------------------------- */
	
.leftNavigation {width: 200px;margin: 0px 10px 10px;font-size:11px;font-family: Arial, Helvetica, sans-serif;padding:10px 0px}
.leftNavigation li {border-top: 1px solid #CCCCCC;}
.leftNavigation li a {voice-family: "\"}\"";voice-family: inherit;text-decoration: none;text-transform:uppercase;font-weight: bold;}	

.leftNavigation li a:link, .leftNavigation li a:visited {color: #666;display: block;background:  url();padding:4px 7px 5px 15px;margin-bottom: 5px;}
.leftNavigation li a:hover {color: #FFF;background:  url(../Charity/images/menu/menu_side01.jpg) 0 -32px;}

/* Banner */
.bannerImages {float:right;margin: -15px 0px 10px 0px;background: transparent url(../../images/bg/backGround_mainContent.jpg) repeat-x scroll 0 0;}
.bannerImages img, .bannerBox .banner img {width:996px}
.bannerBox .banner {margin: 0 auto;width: 996px;}

/* validationSummary */
#validationSummary {font-weight: bold; color: red;}

/* Product Category Page */
.productCategoryPage {position:relative}
.productCategoryPage .image {width:32px;height:32px;overflow:hidden;float:left;margin-right:5px;}
.productCategoryPage img {position: absolute;top: -8px;width: 32px;}
.productCategoryPageTopic {margin-bottom:15px;}

/* ProductsWithDescription */
.ProductsWithDescription {width:98%}
.ProductsWithDescription .singleProduct {width:100%}
.ProductsWithDescription .singleProduct img {width: 168px;}
.ProductsWithDescription .singleProduct .imageDetail {width:230px;margin-top: -11px;float:left;width: 468px;text-align:left}
.ProductsWithDescription .singleProduct .imageDetail .details {margin: 10px 0;}
.ProductsWithDescription .singleProduct .details a {color:#25ACCE;font-size: 13px;font-weight: bold;}
.ProductsWithDescription .singleProduct .image {height:165px;overflow:hidden;padding: 1px;border: 1px solid #CCCCCC;width: 168px;float: left;margin-right: 15px;}
.ProductsWithDescription .productName {color: #FF6600;font-family: Arial,Helvetica,sans-serif;font-size: 18px;margin: 6px 0;}
.ProductsWithDescription .singleProduct .imageDetail ul {list-style:inherit}
.ProductsWithDescription .singleProduct .imageDetail ul li {height:inherit;list-style-type:disc}

/* Content */
.mainContent div.blog .content, .article .content, .news .content {margin-top:0px}
div.blog .articleDate {top:64px}
body.Blog #shareSocialNetwork { margin-top: -35px;margin-right: 8px}
.article .content, .news .content {padding:10px 20px;width:700px;}
.testimonial {margin-top: 20px;}
div.powerbybz b{color:white}
.mapPanel, #map_canvas_location {width:740px}
div.slideshow img {border:none}