/* Structure */
body {font: 100% "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; color:#000; margin: 0; padding: 0; text-align: center;}
a {color: #5B2F69; text-decoration:underline;}
input{font-size: 100%;}
form{margin: 0px; padding: 0;}
h1 {color: #264B74; font-size:140%; margin: 0; padding: 0;}
h2 {color: #5B2F69; font-size:110%; margin: 6px 0 4px 0; padding: 0;}
h3 {color: #5B2F69; font-size: 105%; margin: 5px 0 3px 0; padding: 0;}
h4 {color: #5B2F69; font-size: 100%; margin: 5px 0 3px 0; padding: 0;}
h5 {color: #5B2F69; font-size: 90%; margin: 5px 0 3px 0; padding: 0;}
/*td {font: 100% Arial, Geneva, Helvetica, sans-serif;}*/
table {font-size: inherit;}

/* Top Menu Box */
#boxtopmenu{overflow: hidden; text-align: left;}
#boxtopmenu ul{padding: 0; margin: 0; white-space: nowrap;}
#boxtopmenu li{display: inline; list-style: none; margin: 0; }
#boxtopmenu ul li a{color: #DBEFF5; padding: 0 10px 0 10px; text-align: center; text-decoration: none;}
#boxtopmenu ul li.selectedboxtopmenuitem{text-align: center; text-decoration: none;}
#boxtopmenu ul li a:hover{background: url(images/arrow-topmenu.gif) left bottom no-repeat;}

/* Simple Menu */
div.menuOption{padding-left: 2px; padding-top: 3px; padding-bottom: 3px;}
div.menuSubOption{padding:3px;}

/* Defailt Articles */
#defaultarticle{/*height: 51px;*/} 
#defaultarticleheading{}
#defaultarticlebody{padding: 15px;}

/* Breadcrumb */
#breadcrumb{}
#breadcrumbtrail{background: url(images/dots_heading.gif) bottom repeat-x; height: 22px; padding-left: 10px; text-align: left;}
#breadcrumb a{font-weight: bold; text-decoration: none; color: #5b2f69;}

/* Articles Menu */
#articlesmenu{background: url(images/bg_sidemenu.jpg) top no-repeat; padding: 15px 20px 0px 20px; text-align: right;}
#articlesmenutop{display: none; height: 0;}
#articlesmenubottom{background: url(images/dw_sidemenu.jpg) left top no-repeat; height: 30px;}
#articlesmenu ul{font-weight: normal; list-style-type: none; margin: 0; padding: 0;}
#articlesmenu li{background: url(images/dots.gif) left bottom repeat-x; margin: 0; padding: 0;}
#articlesmenu a{background: url(images/menuarrow-stat.gif) right center no-repeat; color: #999999; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a:hover{background: url(images/menuarrow-over.gif) right center no-repeat; color: #264b74; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.selected{background: url(images/menuarrow-sel.gif) right center no-repeat; color: #5B2F69; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.selected:hover{background: url(images/menuarrow-sel.gif) right center no-repeat; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.children{background: url(images/menuarrow-exp.gif) right center no-repeat; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.children:hover{background: url(images/menuarrow-exp.gif) right center no-repeat; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.childrenselected{background: url(images/menuarrow-exp.gif) right center no-repeat; color: #5B2F69; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitem{background: url(images/sub.gif) right center no-repeat; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitem:hover{display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitemselected{background: url(images/sub.gif) right center no-repeat; color: #5B2F69; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitemselected:hover{display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitemchildren{background: url(images/sub.gif) right center no-repeat; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitemchildrenselected{background: url(images/sub.gif) right center no-repeat; color: #5B2F69; display: block; padding: 2px 10px 2px 0; text-decoration: none;}
#articlesmenu a.subitemchildren:hover{display: block; padding: 2px 10px 2px 0; text-decoration: none;}


.tool-tip {background: #fff; border: solid 3px #cc0001; color: #000; text-align: left; width: 172px; z-index: 13000;}
.tool-tip ul{list-style-image: url(images/bullit-heart.gif);}
.tool-title {display: none; height: 0;}
.tool-text {font-size: 11px; padding: 4px 8px 8px;}

/* Search Box */
#searchboxtop{background: url(images/search-top.gif) 3px 0 no-repeat; height: 28px; width: 203px;}
#searchbox{background: #caeed3; font-weight: bold; margin: 0 6px 0 3px; padding: 5px 15px 15px 15px; text-align: left;}
#searchbox input{vertical-align: middle;}
#searchbox input.search{margin: 2px; padding: 0; width: 130px;}
#searchboxbottom{display: none; height: 0; overflow: hidden;}

/* Login Box */
#boxLoginTop{background: url(images/login-top.gif) 3px 10px no-repeat; height: 38px; width: 203px;}
#boxLogin{background: #E6D6EB; color: #666666; margin: 0 6px 0 3px; padding: 5px 15px 15px 15px; text-align: left;}
#boxLoginTitle{display: none; height: 0px;}
#boxLoginTitleLoggedIn{display: none; height: 0; font-size: 0;}
#boxLoginMenu ul {list-style: none;	margin: 0; padding:0;}
#boxLoginMenu li{border-bottom: 1px solid #000; margin: 0; border: 0;}
#boxLoginMenu li a{background:  #fff; color: #333; display: block; font-family: georgia, arial; font-size: 11px; font-weight: bold; padding: 2px 42px 2px 0px; text-align: right; text-decoration: none;}
html>body #boxLoginMenu li a {width: auto;}
#boxLoginMenu li a:hover, #boxLoginMenu li a.active{background: #fff; color: #333; font-weight: bold;}
#boxLogin input.boxLogin{margin: 2px; padding: 0; width: 130px;}
#boxloginlinks{font-weight: normal; text-align: right;}
#boxloginlinks a{color: #5B2F69; font-size: 90%;}


/* Login  Page */
#login{text-align: left;}
#logintop{background: url(images/login-title.gif) right no-repeat; padding: 8px 10px}
#logintoptitle{font-size: 80%;}
#logintoptitle h1{color: #5B2F69;}
#logincontents{padding: 10px; text-align: left;}
#loginbottom{background: url(images/contact-us-bottom.gif) center bottom no-repeat; height: 28px;}
#loginsubtitle{}
#loginsubcontents{text-align: center;}
#loginsubcontenttopimage{background: url(images/login_content_top.gif) center top no-repeat; height: 32px; margin: auto; text-align: left;}
#loginsubcontentmiddle{margin: auto; text-align: left; width: 200px;}
#loginsubcontentsimage{background: url(images/login_content.gif) center top repeat-y;}
#loginsubcontentsimage h3{color: #fff; margin: 0;}
#loginsubcontentsleft{float: left; width: 242px;}
#loginsubcontentsright{float: right; padding: 0 10px; width: 222px;}
#loginsubcontentsright input.textinput{}
#loginsubcontentsright a{color: #fff;}
#loginsubcontentbottomimage{background: url(images/login_content_bottom.gif) center top no-repeat; height: 24px; margin: auto; text-align: left;}
#loginsubbottom{}

/* Create Account Page */
#createaccount{text-align: left;}
#createaccounttop{background: url(images/login-title.gif) right no-repeat; padding: 8px 10px}
#createaccounttoptitle{font-size: 80%;}
#createaccounttoptitle h1{color: #5B2F69;}
#createaccountcontents{padding: 15px; text-align: left;}
#createaccountcontents a{color: #9CAEDC;}
#createaccountcontents div.divider{background: url(images/hdot.gif) repeat-x; height: 1px; font-size: 0px; overflow: hidden;}
#createaccountcontentstext{padding: 10px 0 20px 0; width: 100%;}
#createaccountcontentsbutton{}
#createaccountbottom{background: url(images/contact-us-bottom.gif) center bottom no-repeat; height: 28px}

/* My Account Page */
#myaccount{text-align: left;}
#myaccounttop{background: url(images/login-title.gif) right no-repeat; padding: 8px 10px}
#myaccounttoptitle{font-size: 80%;}
#myaccounttoptitle h1{color: #5B2F69;}
#myaccountcontents{background: url(images/bg-dog-forms.gif) right 10px no-repeat;  margin: 0 auto;}
#myaccountcontentsinner{padding: 20px 20px;}
#myaccountcontentsinner a{text-decoration: none;}
#myaccountcontentsinner ul{list-style-type: none; padding: 0; margin: 0;}
.myaccounth3{background: url(images/news_dots.gif) 0 8px no-repeat; margin-right: 22px;}
.myaccounth3 span{background: #fff; padding-right: 22px;}
.myaccountdonationhistory{background: url(images/dots_heading.gif) 0 7px repeat-x;}
#myaccountbottom{background: url(images/contact-us-bottom.gif) center bottom no-repeat; font-size: 0; height: 15px} margin: 0 auto; width: 400px;}
#myaccountsubtitle{background: url(images/loginsubtitle.jpg) bottom no-repeat; height: 40px; margin: 0 auto;}
#myaccountsubcontents{background: url(images/logincontent.jpg); text-align: left; margin: 0 auto;}
#myaccountsubbottom{background: url(images/loginbottom.jpg) no-repeat; height: 30px; margin: 0 auto;}

/* Contact Us Page */
#contactus{text-align: center;}
#contactustop{background: url(images/contact-us-title.gif) right no-repeat; padding: 8px 10px;}
#contactustitle{font-size: 90%; color: #264B74;}
#contactustitle h1{color: #264B74; text-align: left;}
#contactuscontents{padding: 0 10px 10px 10px; text-align: left; margin: 0 auto;}
.contactuscontentimage{background: url(images/contact_us_content.gif) no-repeat; float: left; height: 23px; padding: 4px 10px 0 0; text-align: right; width: 213px;}
.contactuscontentimage input.contactusinput{font-size: 150%;}
#contactuscontentsform{float: right; padding: 5px 10px 0 0; text-align: center; width: 210px;}
#contactuscontents input.textinput{border: solid 1px #0C479D; width: 208px;}
#contactusdetails{padding-top: 5px;}
#contactusbottom{display: none; height: 0;}

/* Shopping Cart */
#boxCart{padding: 3px;}
#boxCart a{}

/* Child Articles Box */
div.childarticles{width: 100%;}
div.childarticlesname{background: #fff; float: left; font-weight: bold; overflow: hidden; padding: 13px 22px 5px 0;}
div.childarticlesname a{color: #5b2f69; font-size: 110%;} 
div.childarticlesimage{border: solid 1px #0C479D; float: right; height: 80px; overflow: hidden; width: 80px;}
div.childarticlesdescription{color: #333333; min-height: 85px; _height: 85px; overflow: hidden;}
div.childarticlesitem{background:transparent url(images/hdot.gif) repeat-x scroll left top; margin:0pt 15px; padding:10px 0pt; text-align:left;}

/* Forms */
#form{text-align: center;}
#formtop{background: url(images/baryellow-title.gif) center bottom no-repeat; height: 47px; margin: 0 auto;}
#formcontents{text-align: left;}
#formbottom{}
div.form {width: 100%;}
div.formTitle {padding-bottom: 15px;}
div.formDescription {padding-bottom: 15px;}
div.formQuestion {padding: 0px 5px 14px 5px; font-weight: bold;}
div.formQuestionQuestion{font-weight: bolder; padding: 2px 0px 2px 0px;}
div.formTitleQuestion {font-weight: bolder; padding: 0;}

/* Search Page */
#advancedsearch{text-align: center;}
#advancedsearchtop{background: url(images/search-title.gif) right no-repeat; padding: 8px 10px;}
#advancedsearchtitle{font-size: 90%;}
#advancedsearchtitle h1{color: #004A12;}
#advancedsearchcontents{margin: 0 auto; padding-bottom: 30px; text-align: left;}
#advancedsearchbottom{}
#advancedsearchkeywords{padding-top: 20px;}
#advancedsearcharticlestitle{background: url(images/advancedsearcharticlestop.gif) left bottom no-repeat; height: 30px; margin: 0 auto;}
#advancedsearcharticlescontents{background: url(images/advancedsearcharticlescontent.gif) left repeat-y; margin: 0 auto; overflow: hidden; padding: 10px; text-align: left;}
#advancedsearcharticlesbottom{background: url(images/advancedsearcharticlesbottom.gif) left top no-repeat; height: 30px; margin: 0 auto;}
#advancedsearchproductstitle{background: url(images/advancedsearcharticlestop.gif) left bottom no-repeat; height: 30px; margin: 0 auto;}
#advancedsearchproductscontents{background: url(images/advancedsearcharticlescontent.gif) left repeat-y; margin: 0 auto; overflow: hidden; padding: 10px; text-align: left;}
#advancedsearchproductsbottom{background: url(images/advancedsearcharticlesbottom.gif) left top no-repeat; height: 30px; margin: 0 auto;}

/* Search Results Page */
#advancedsearchresults{text-align: left;}
#advancedsearchresultstop{background: url(images/search-title.gif) right no-repeat; padding: 8px 10px;}
#advancedsearchresultstitle{font-size: 90%;}
#advancedsearchresultstitle h1{color: #004A12;}
#advancedsearchresultscontents{margin: 0 auto; padding-bottom: 30px; text-align: left;}
#advancedsearchresultsbottom{}
.advancedsearchresultssubtop{background: url(images/contentsubtop.gif) bottom no-repeat; height: 10px;}
.advancedsearchresultssubcontents{background: url(images/contentsubcontents.gif) repeat-y; padding: 0 15px;}
.advancedsearchresultssubbottom{background: url(images/contentsubbottom.gif) top no-repeat; height: 10px;}
#advancedsearchresultskeywords{background: url(images/advancedsearchresultskeywords.gif) left bottom no-repeat; color: #003399; font-size: 105%; font-weight: bold; padding-left: 12px; text-align: left;}
.advancedsearchresultsitem{background: url(images/hdot.gif) left top repeat-x; margin: 0 15px; padding: 10px 0; text-align: left;}
.advancedsearchresultstitle{background: #fff; font-weight: bold; padding-right: 22px;}
.advancedsearchresultstitle a{color: #5B2F69; font-weight: bold; text-decoration: none;}
.advancedsearchresultimage{float: right;}
.advancedsearchresultimage img{border: solid 1px #0C479D;}
.advancedsearchresultssearchsummary{_height: 85px; min-height: 80px;}
.advancedsearchresultsreadmore{padding: 10px 0 0 0; text-align: right;}


/* Site Map Page */
#sitemap{text-align: left;}
#sitemaptop{background: url(images/sitemap-title.gif) right no-repeat; padding: 8px 10px;}
#sitemaptitle{color: #264B74; font-size: 90%; text-align: left;}
#sitemaptitle h1{}
#sitemapcontents{text-align: left; margin: 0 auto; padding: 10px 0;}
/*#sitemapcontents li{padding: 3px 1px;}*/
#sitemapcontents ul{list-style-type: none; margin: 0; padding: 0;}
#sitemapcontents a{}
#sitemapbottom{}
li.sitemapparent{background: url(images/news_dots.gif) 0 10px no-repeat; font-weight: bold; margin-top: 10px; padding: 3px 0;}
li.sitemapparent a{background: #fff; font-size: 110%; text-decoration: none; padding: 0 15px 0 5px;}
li.sitemapchildren{padding: 3px 0 0 0;}
li.sitemapchildren a{font-size: 100%; text-decoration: none;}
#sitemapimage{background: url(images/search_top_content.gif) center no-repeat; height: 16px;}


/* News desk archive */
#newsdesk{text-align: left;}
#newsdesktop{background: url(images/newsdesk-title.gif) right no-repeat; padding: 8px 10px;}
#newsdesktoptitle{color: #264B74; font-size: 90%; text-align: left;}
#newsdesktoptitle h1{}
#newsdeskcontents{text-align: left; margin: 0 auto; padding: 10px;}
#newsdeskcontents h2{padding: 5px 0;}
#newsdeskbottom{display: none;}
.newsdeskname{color: #5B2F69; font-size: 130%; font-weight: bold;}
.newsdeskdatecontent{padding-bottom: 10px;}
.newsdeskarchiveitem{background: url(images/hdot.gif) bottom repeat-x; padding: 10px 0;}
.newsdeskarchivedate{background: #fff; float: left; font-weight: bold; padding: 0 22px 10px 0;}
.newsdeskarchiveheadline{float: left; font-weight: bold; padding-bottom: 10px}
.newsdeskarchiveheadline a{color: #5B2F69; font-size: 110%; font-weight: bold; text-decoration: none;}
.newsdeskarchiveheadline a:hover{text-decoration: underline;}
.newsdeskarchivedetails{padding-top: 5px;}
.newsdeskarchiveimage{float: right;}
.newsdeskarchiveimage img{}
.newsdeskarchivesummary{float: left; width: 320px;}
.newsdeskarchivereadmore{float: right; text-align: right;}
.newsdeskarchivereadmore a{color: #5B2F69;}
.newsdeskarchivereadmore a:hover{color: #003399;}
.newsdeskarchiveurl{float: left; padding: 5px 0 5px 0;}
.newsdeskarchiveurl a{color: #5B2F69;}
.newsdeskarchiveurl a:hover{color: #5B2F69;}


/* Info Box */
a.infoBoxHeading {font-size: 120%; color: #2f6582;}
a.infoBoxHeadingLink {font-size: 120%; color: #fff;}
a.infoBoxHeadingLink:link {font-size: 12px; color: #fff;}
a.infoBoxHeadingLink:hover {font-size: 120%; color: #fff;}
.infoBox {}
.infoBoxHeading{font-weight: bold; font-size: 110%; color:#333399;}
.infoBoxContents {}

/* Info Box Notice */
.infoBoxNotice {background: #fff;}
.infoBoxNoticeContents {}

/* Quick Donation Page */
#quickdonate{text-align: center;}
#quickdonatetop{background: url(images/donate.gif) no-repeat;}
#quickdonatetoptitle{font-size: 90%; height: 65px; line-height: 90px; overflow: hidden; padding: 0 0 0 25px; text-align: left;}
#quickdonatetoptitle h1{}
#quickdonatecontents{text-align: left; margin: 0 auto; padding-bottom: 50px; width: 505px;}
#quickdonatecontents a{color: #9CAEDC;}
#quickdonatesubcontentsleft{float: left; padding: 0 10px 10px 10px; width: 222px;}
#quickdonatesubcontentsright{float: right; width: 242px;}
#quickdonatesubcontentsrighttopimage{background: url(images/donate_top.gif) no-repeat; font-weight: bold; height: 21px; padding: 10px 0 0 7px;}
#quickdonatesubcontentsrightimage{background: url(images/donate_center.gif) repeat-y; padding: 0 10px;}
#quickdonatesubcontentsrightbottomimage{background: url(images/donate_bottom.gif) no-repeat; font-size: 0; height: 28px;}
#quickdonatebottom{background: url(images/contentbottom.jpg) no-repeat; height: 18px; margin: 0 auto; width: 400px;}
#quickdonatesubtitle{background: url(images/donatesubtitle.jpg) bottom no-repeat; font-size: 0; height: 30px; margin: 0 auto;}
#quickdonatesubcontents{background: url(images/donatecontent.jpg); text-align: left; margin: 0 auto; padding: 0 10px;}
#quickdonatesubbottom{margin: 0 auto;}

/* Catalog Page */
#catalog{text-align: center;}
#catalogtop{background: url(images/catalogtop.jpg) bottom no-repeat; height: 40px; margin: 0 auto; width: 400px;}
#catalogtoptitle{color: #797979; font-size: 105%; font-weight: bold; padding: 25px 0 0 10px; text-align: left;}
#catalogtoptitle h1{color: #797979; font-size: 105%; font-weight: bold; text-decoration: none;}
#catalogcontents{background: #F5F5F5; text-align: left; margin: 0 auto; padding-bottom: 50px; width: 400px;}
#catalogbottom{background: url(images/contentbottom.jpg) no-repeat; height: 18px; margin: 0 auto; width: 400px;}
#catalogsubtitle{background: url(images/catalogsubtitle.jpg) bottom no-repeat; height: 20px; margin: 0 auto;}
#catalogsubcontents{background: url(images/catalogcontent.jpg); text-align: left; margin: 0 auto;}
#catalogsubbottom{background: url(images/catalogbottom.jpg) no-repeat; height: 20px; margin: 0 auto;}
.catalogcategoryitem{padding: 5px 10px;}
.catalogcategorytitle{background: url(images/catalogcategorytitle.jpg) no-repeat; color: #fff; font-weight: bold; left: 0; height: 20px; position: relative; top: 0; width: 100%;}
.catalogcategorytitlename{float: left; width: 250px;}
.catalogcategorytitlename a{color: #fff; text-decoration: none; padding-left: 20px;}
.catalogcategorytitlename a:hover{color: #fff; text-decoration: underline;}
.catalogcategorytitleproductrange{color: #CC0001; float: right; width: 130px;}
.catalogcategorytitleproductrange a{color: #CC0001; font-size: 90%; padding-left: 5px; text-decoration: none;}
.catalogcategorytitleproductrange a:hover{text-decoration: underline;}
.catalogcategorydetails{background: url(images/categoryproductlistbg.gif) center top repeat-y; padding-top: 5px;}
.catalogcategoryimage{float: left; width: 70px;}
.catalogcategoryimage img{border: solid 1px #cccccc; margin-left: 12px;}
.catalogcategorydescription{float: right; width: 300px;}
.catalogcategorydescriptioninner{float: left; width: 153px;}
.catalogcategoryproducts{float: right; font-size: 90%; width: 147px;}
.catalogcategorydivider{background: url(images/catalogcategorydivider.gif) center no-repeat; height: 1px;}
.catalogproductitem{padding: 5px 10px;}
.catalogproducttitle{background: url(images/catalogcategorytitle.jpg) no-repeat; color: #fff; font-weight: bold; left: 0; height: 20px; position: relative; top: 0; width: 100%;}
.catalogproducttitlename{float: left; width: 250px;}
.catalogproducttitlename a{color: #fff; text-decoration: none; padding-left: 20px;}
.catalogproducttitlename a:hover{color: #fff; text-decoration: underline;}
.catalogproducttitleproductrange{float: right; width: 130px;}
.catalogproducttitleproductrange a{color: #CC0001; font-size: 90%; padding-left: 5px; text-decoration: none;}
.catalogproducttitleproductrange a:hover{text-decoration: underline;}
.catalogproductdetails{padding-top: 5px;}
.catalogproductimage{float: left; width: 70px;}
.catalogproductimage img{border: solid 1px #cccccc; margin-left: 12px;}
.catalogproductdescription{float: right; padding: 0 5px; width: 290px;}
* html .catalogproductdescription{width: 300px; w\idth: 290px;}

/* Product Info Page */
#productinfo{text-align: center;}
#productinfotop{background: url(images/heading-booking.gif) bottom no-repeat; height: 72px; margin: 0 auto;}
#productinfotoptitle{color: #797979; font-size: 105%; font-weight: bold; padding: 25px 0 0 10px; text-align: left;}
#productinfotoptitle h1{color: #797979; font-size: 105%; font-weight: bold; text-decoration: none;}
#productinfocontents{background: url(images/bg-dog-forms.gif) right 10px no-repeat; text-align: left; margin: 0 auto; padding-bottom: 50px; padding: 20px;}
#productinfobottom{background: url(images/contentbottom.jpg) no-repeat; height: 18px; margin: 0 auto; width: 400px;}
#productinfosubtitle{}
#productinfosubcontents{padding: 0 10px;}
#productinfosubbottom{}
#productinfodescription{float: left;}
#productinfoname{}
#productinfoimage{display: none; float: right; width: 0;}
#productinfoimage img{border: solid 1px #cccccc;}
#productinfoinformation{font-size: 110%; padding: 10px 0 10px 19px; text-align: left;}
#productinfoinformation span{font-weight: bold;}
#productinfoback {float: left;}
#productinfoadd {float: right; text-align: right;}
#productinfobottomsubtitle{background: url(images/catalogsubtitle.jpg) bottom no-repeat; height: 20px; margin: 0 auto;}
#productinfobottomsubcontents{background: url(images/catalogcontent.jpg); text-align: left; margin: 0 auto;}
#productinfobottomsubbottom{background: url(images/catalogbottom.jpg) no-repeat; height: 20px; margin: 0 auto;}


/* Shopping Cart Page */
#shoppingcart{text-align: center;}
#shoppingcarttop{background: url(images/shoppingcarttop.jpg) bottom no-repeat; height: 40px; margin: 0 auto; width: 400px;}
#shoppingcarttoptitle{color: #797979; font-size: 105%; font-weight: bold; padding: 25px 0 0 10px; text-align: left;}
#shoppingcarttoptitle h1{color: #797979; font-size: 105%; font-weight: bold; text-decoration: none;}
#shoppingcartcontents{text-align: left; margin: 0 auto; padding-bottom: 50px;}
#shoppingcartbottom{background: url(images/contentbottom.jpg) no-repeat; height: 18px; margin: 0 auto; width: 400px;}
#shoppingcartsubtitle{}
#shoppingcartsubcontents{padding: 0 10px;}
#shoppingcartsubbottom{}


/* Checkout Pages */
#checkout{text-align: center;}
#checkouttop{background: url(images/donate.gif) no-repeat;}
#checkouttoptitle{font-size: 90%; height: 65px; line-height: 90px; overflow: hidden; padding: 0 0 0 25px;}
#checkouttoptitle h1{}
#checkoutcontents{text-align: left; margin: 0 auto;}
#checkoutbottom{background: url(images/contentbottom.jpg) no-repeat; height: 18px; margin: 0 auto; width: 400px;}
#checkoutsubtitle{}
#checkoutsubcontents{padding: 15px 20px;}
#checkoutsubbottom{}
#checkoutheadingbackgroundimage{background: url(images/news_dots.gif) 2px 16px no-repeat; padding: 8px 0 4px 0;}
.checkoutheading{background: #fff; color: #003399; font-weight: bold; padding-right: 22px;}
.checkoutcontent{padding: 0 0 2px 8px;}

/* My Account Box */
#boxMyAccount{padding: 10px 10px 0px 0px;}
#boxMyAccount ul {list-style: url(images/bulletgrey.jpg); margin: 0; padding-left: 20px;}

/* Subscribe Box */
#boxSubscribe{padding: 10px 10px 0px 0px;}
#boxSubscribe ul {list-style: url(images/bulletgrey.jpg); margin: 0; padding-left: 20px;}

/* Subscribe Page */
#newslettersubscribe{text-align: center;}
#newslettersubscribetop{background: url(images/news.gif) no-repeat; height: 59px; margin: 0 auto; padding: 0 5px; text-align: left;}
#newslettersubscribetoptitle{font-size: 90%; height: 65px; line-height: 90px; padding: 0 0 0 25px; width: 490px;}
#newslettersubscribetoptitle h1{}
#newslettersubscribecontents{text-align: left; margin: 0 auto; width: 400px;}
#newslettersubscribecontents input.newsletterinput{border: solid 1px #0C479D}
#newslettersubscribebottom{background: url(images/contentbottom.jpg) no-repeat; height: 18px; margin: 0 auto; width: 400px;}

/* Events & Sponsors Pages */

#events{text-align: left;}
#eventstop{background: url(images/events.gif) no-repeat;}
#eventstitle{font-size: 90%; height: 65px; line-height: 90px; overflow: hidden; padding: 0 0 0 25px;}
#eventstitle h1{}
#eventscontents{text-align: left; margin: 0 auto;  padding: 10px 36px 10px 30px;}
#eventscontentsinvite{background: url(images/contact_us_content.gif) center left no-repeat; padding: 10px 0;}
#eventscontentsinvite input.textinput{border: solid 1px #0C479D; width: 180px;}
#eventsbottom{}
.eventitem{background: url(images/news_dots.gif) 106px 12px no-repeat; padding: 5px 0;}
.eventdate{background: #fff; color: #EAAA1F; float: left; font-weight: bold; padding: 0 22px 10px 0;}
.eventname{color: #003399; font-size: 105%; font-weight: bold; padding-bottom: 10px}
.eventname a{color: #003399; font-size: 105%; font-weight: bold; text-decoration: none;}
.eventdescription{float: left; padding-bottom: 10px;}
.eventdescription img{border: solid 1px #0C479D;}
.eventdescription a{color: #003399;}
.eventdescription a:hover{color: #003399;}
.eventprice{padding-top: 10px;}
.eventimage{float: right;}
.eventinvite{padding: 0 3px;}
.eventbook{color: #003399; padding: 0 3px;}
.eventbook a{color: #003399;}
.eventbooked{color: #003399; padding-top: 5px;}
.eventbooked a{color: #003399;}
.eventfull{color: #003399;; padding-top: 5px;}
.eventfull a{color: #003399;}
.eventsponsor{color: #003399; padding: 0 3px;}
.eventsponsor a{color: #003399;}

/* Events Calendar */
.yearHeader {}
.calendarTable {width: 100%;}
.calendarMonth{margin: 0 auto;}
.calendarMonth td{padding: 2px 2px 3px 5px; text-align: left; width: 20px;}
.calendarHeader{color: #fff}
.calendarHeaderDays {background: url(images/calendarheading.gif) center center no-repeat;}
.calendarHeaderDays td{color: #FFBF1F; font-weight: bold; padding: 4px 0;}
.calendarHeaderMonth{color: #fff; font-weight: bold;}
.calendarHeaderMonth a{color: #fff; padding: 0 2px; text-decoration: none;}
.calendarToday {background: url(images/calendar_days_bg.gif) left top no-repeat; color: #FFBF1F; font-weight: bold;}
.calendarWeekend{background: url(images/calendar_days_bg.gif) left top no-repeat; color: #fff;}
.calendar{color: #fff; background: url(images/calendar_days_bg.gif) left top no-repeat;}
td.event{}
td.empty{}
select.calendarselect {font-size: 9px; width: 50px; color: #000;}
input.calendarinput {font-size: 10px; color: #000; padding: 0px;}
.calendar a:hover, .calendar a:link, .calendar a:visited, .calendar a:visited:hover, .yearHeader a:hover {color: #000; display: block; font-weight: bold; text-align: left; text-decoration: none;}
.calendar a.event:hover, .calendar a.event:link, .calendar a.event:visited, .calendar a.event:visited:hover, .yearHeader a:hover {background: url(images/cal-grey.gif) center center no-repeat; color: #9CAEDC; cursor: help; display: block; font-weight: bold; margin: text-align: left; text-decoration: none;}
.calendarWeekend a:hover, .calendarWeekend a:link, .calendarWeekend a:visited, .calendarWeekend a:visited:hover {color: #CC0001; display: block; font-weight: bold; text-align: left; text-decoration: none;}
.calendarWeekend a.event, a.event:hover, .calendarWeekend a.event:link, .calendarWeekend a.event:visited, .calendarWeekend a.event:visited:hover {background: url(images/cal-grey.gif) center center no-repeat; color: #CC0001; cursor: help; display: block; font-weight: bold; text-align: left; text-decoration: none;}
.calendarToday a:hover, .calendarToday a:link, .calendarToday a:visited, .calendarToday a:visited:hover {background: url(images/cal-red.gif) center center no-repeat; color: #000; color: #fff; display: block; font-weight: bold; text-align: left; text-decoration: none;}
.calendarToday a.event:hover, .calendarToday a.event:link, .calendarToday a.event:visited, .calendarToday a.event:visited:hover {background: url(images/cal-ref.gif) center center no-repeat; color: #000; cursor: help; display: block; font-weight: bold; text-align: left; text-decoration: none;}

/* Featured Content */
#featuredarticles{text-align: left;}
#featuredarticlestop{background: url(images/featuredcontenttop.gif) bottom no-repeat; height: 60px; margin: 0 auto; width: 400px;}
#featuredarticlestoptitle{font-weight: bold; padding: 20px 0 0 10px;}
#featuredarticlestoptitle h1{color: #cc0001; font-size: 105%; font-weight: bold; margin: 0; padding: 0; text-decoration: none;}
#featuredarticlescontents{background: url(images/featuredcontentmiddle.gif) repeat-y; text-align: left; margin: 0 auto; padding: 0 10px; width: 380px;}
* html #featuredarticlescontents{width: 400px; w\idth: 400px;}
#featuredarticlescontents h2{padding: 5px 0;}
#featuredarticlesbottom{background: url(images/featuredcontentbottom.gif) no-repeat; height: 17px; margin: 0 auto; width: 400px;}
.featuredcontentitem{background: url(images/dd-ihf.gif) no-repeat; padding: 4px 0 10px 0;}
.featuredcontentname{color: #cc0001; font-weight: bold; padding: 0 5px 5px 5px; width: 350px;}
.featuredcontentname a{color: #cc0001; text-decoration: none;}
.featuredcontentimage{float: left; padding: 0 5px; width: 80px;}
* html featuredcontentimage{width: 90px; w\idth: 90px;}
.featuredcontentdescription{float: right; width: 270px;}
.featuredcontentreadmore{padding: 0 5px; text-align: right;}

/* News desk box */
#boxNewsDeskContent{background: #E6D6EB; margin: 0 6px 0 3px; padding: 5px 15px 15px 15px; text-align: left;}
#boxNewsDeskContent a.heading{color: #333; font-weight: bold; text-decoration: none;}
#boxNewsDeskTop{background: url(images/news-top.gif) 3px 5px no-repeat; height: 38px; width: 203px;}
#boxNewsDeskBottom{background: url(images/last_news_bottom.gif) no-repeat; left: 0pt; height: 17px; position: relative; top: 0px; width: 165px;}
.newsboxitem{font-size: 110%;}
.boxNewsDeskSummary{color: #775083;}
.boxNewsDeskHeadline{}
.boxNewsDeskHeadline a{color: #93729D; display: block; font-weight: bold; padding: 3px 0px; text-decoration: none;}
.boxNewsDeskHeadline a:hover{color: #EAAA1F;}
.boxNewsDeskHeadlineDate{color: #83391F; font-weight: normal;}
.boxNewsDeskMore{padding-right: 8px;}
.boxNewsDeskMore a{color: #775083; text-decoration: none; font-weight: bold;}
.boxNewsDeskArchive{float: right;}
.boxNewsDeskImage{float: left; height: 80px; width: 85px;}
.boxNewsDeskImage img{border: solid 1px #0C479D;}
/*.boxNewsDeskDivider{background: url(images/news_dots_main_page.gif) 0 5px repeat-x; height: 1px; padding: 5px 0 15px 0;}*/
#boxNewsDeskContentBottom{font-size: 0; height: 30px;}



/* Donation Types */
.donationtypeitem{padding: 10px;}
.donationtypename{font-weight: bold;}
.donationtypedescription{}


/* Header */
.boxText {}
.errorBox {background: #ffb3b5; font-weight: bold;}
.stockWarning {color: #cc0033;}
.productsNotifications {background: #fff;}
.orderEdit{padding-left: 2px; font-weight: normal; text-decoration: underline;}

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning{background: #fff; border: solid 2px #CC0001; color: #000; margin: 3px; padding-left: 5px;}
.messageStackSuccess{background: #fff; border: solid 2px #CC0001; color: #000; padding-left: 5px;}

/* sponsorship */

#sponsorsList{background: url(images/news_dots.gif) 0 7px no-repeat; padding-bottom: 20px;}
#sponsorsListImg{background: #fff; float: left; height: 98px; width: 98px;}
#sponsorsListImg img{border: solid 1px #0C479D;}

/* styling classes */

.sponsorimage{border: solid 1px #0C479D;}
.bold{font-weight: bold;}
.heading_box{float: left; width: 100px;}
.input_box{float: left; width: 130px;}

/* Image Gallery */
.mainGallaryDescription{text-align: left; padding: 0 0 15px 0;}
.mainImageName{font-size: 130%; font-weight: bold; padding: 10px 0; text-align: left; width: 100%;}
.mainImageDesc{padding: 0 0 20px 0; text-align: left; width: 100%;}

/*
.image_selected { border: 1px solid #666666;}
.image_not_selected { border: none;}
*/
.image_selected { background-color: #666666;}
.image_not_selected { background-color: transparent;}