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

/*MASTER STYLES*/

img, div, a, input {behavior: url(http://holypinata.com/css/iepngfix.htc);}

body { background: url(../images/bg.jpg) repeat-x #d4b464; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#ffffff;}
a { color:#993300; }
a:hover { text-decoration: none}

#wrapper {width: 879px;}

img#modal_close { margin-left: -12px; margin-top: -12px; }

/*HOME BUCKETS*/
div#home_bkts {width: 879px; height: 165px; background: url(../images/bkts_home.gif) no-repeat; margin-top: 10px;}
div#home_bkts div.main {margin-top: 66px; margin-left: 26px; width: 430px; height: 81px; float: left;}
div#home_bkts div.charity {float: left; margin-top: 36px; margin-left: 38px; width: 210px; height: 81px;}

div.flashArea {width: 879px; height: 461px;}

/*ROUNDED CORNERS*/
div#member {height: auto; width: 879px; background: #F4F4F4; margin-bottom: 20px;}
div#member .top div { background: url(../images/rc_tl.png) no-repeat top left; }
div#member .top { background: url(../images/rc_tr.png) no-repeat top right; }
div#member .bottom div { background: url(../images/rc_bl.png) no-repeat bottom left; }
div#member .bottom { background: url(../images/rc_br.png) no-repeat bottom right; }
                  
div#member .top div, div#member .top, div#member .bottom div, div#member .bottom { width: 100%; height: 15px; font-size: 1px; }
div#member .content { margin: 0 15px; }

/*NAVIGATION*/
div#nav {width: 450px; height:44px; float: right;}

div#nav a { float: left; display: block; margin-right: 7px;}

div#nav a.about {background: url(../images/nav_about.gif) 0px 0px no-repeat; width: 61px; margin-top: 14px; height: 25px;}
div#nav a:hover.about {background-position: 0 -25px;}
div#nav a.about_selected {background: url(../images/nav_about.gif) 0px -50px no-repeat; width: 61px; margin-top: 14px; height: 25px;}

div#nav a.buy {background: url(../images/nav_buy.gif) 0px 0px no-repeat; width: 46px; margin-top: 14px; height: 25px;}
div#nav a:hover.buy {background-position: 0 -25px;}
div#nav a.buy_selected {background: url(../images/nav_buy.gif) 0px -50px no-repeat; width: 46px; margin-top: 14px; height: 25px;}

div#nav a.charity {background: url(../images/nav_charity.gif) 0px 0px no-repeat; width: 71px; margin-top: 14px; height: 25px;}
div#nav a:hover.charity {background-position: 0 -25px;}
div#nav a.charity_selected {background: url(../images/nav_charity.gif) 0px -50px no-repeat; width: 71px; margin-top: 14px; height: 25px;}

div#nav a.contact {background: url(../images/nav_contact.gif) 0px 0px no-repeat; width: 77px; margin-top: 14px; height: 25px;}
div#nav a:hover.contact {background-position: 0 -25px;}
div#nav a.contact_selected {background: url(../images/nav_contact.gif) 0px -50px no-repeat; width: 77px; margin-top: 14px; height: 25px;}

div#nav a.supporters {background: url(../images/nav_supporters.gif) 0px 0px no-repeat; width: 96px; margin-top: 14px; height: 25px;}
div#nav a:hover.supporters {background-position: 0 -25px;}
div#nav a.supporters_selected {background: url(../images/nav_supporters.gif) 0px -50px no-repeat; width: 96px; margin-top: 14px; height: 25px;}

div#nav a.home {float: left; background: url(../images/nav_logo.gif) no-repeat; width: 109px; height: 44px; margin-top: 0px;}

div#nav div.divider {float: left; background: url(../images/nav_divider.gif) no-repeat; width: 2px; height: 22px; margin-right: 22px; margin-left: 10px; margin-top: 16px;}

/*SUBPAGE COMMON STYLES*/
div#header {background: url(../images/header.gif) no-repeat; width: 553px; height: 68px; padding-top: 164px; padding-left: 326px;}

div#mainColumn {width: 649px; height: auto; margin-top: 10px; float: left; color: #000; margin-bottom: 10px;}
div#mainColumn .header_buy {width: 649px; height: 69px; background: url(../images/buy_header.gif) no-repeat;}
div#mainColumn .header_about {width: 649px; height: 69px; background: url(../images/about_header.gif) no-repeat;}
div#mainColumn .header {width: 649px; height: 69px; background: url(../images/plain_header.gif) no-repeat;}
div#mainColumn .content {width: 605px; min-height: 60px; background: #DFC47B; padding: 10px 22px 22px 22px; height: auto;}
div#mainColumn .footer {width: 649px; height: 17px; background: url(../images/maincolumn_footer.png) no-repeat;}

div#mainColumn .subnav {width: 649px; background: #e2cc89; height: 40px;}
div#mainColumn .subnav a {background: #e2cc89; padding: 10px; text-transform: uppercase; color: #993300; display: block; float: left;}
div#mainColumn .subnav a:hover {background: #CC9933;}

div#mainColumn .largeImg {float: left; width: 374px; margin-right: 10px;}
div#mainColumn .rightContent {float: left; width: auto; width: 221px;}

div#bucketColumn {width: 220px; margin-left: 10px; float: right; margin-top: 10px;}

div#bucketColumn .donate, div#bucketColumn .charity, div#bucketColumn .contact, div#bucketColumn .shirt {width: 196px; margin-bottom: 10px;}
div#bucketColumn .donate {background: url(../images/bkt_donate_bg.gif) no-repeat; height: 98px; padding: 55px 12px 12px 12px;}
div#bucketColumn .contact {background: url(../images/bkt_contact_bg.gif) no-repeat;}
div#bucketColumn .shirt {background: url(../images/bkt_shirt_bg.gif) no-repeat; height: 118px; padding: 35px 12px 12px 12px;}
div#bucketColumn .charity {background: url(../images/bkt_charity_bg.gif) no-repeat; height: 98px; padding: 55px 12px 12px 12px;}

div#bucketColumn p {display: block; width: 100%;}

/*BUTTONS*/
a.buy_btn, a.donate_btn, a.charities_btn {width: 90px; height: 30px; display: block; float: right;}
a.buy_btn {background: url(../images/btn_buy.png) no-repeat 0px 0px;}
a.donate_btn {background: url(../images/btn_donate.png) no-repeat 0px 0px;}
a.charities_btn {background: url(../images/btn_charities.png) no-repeat 0px 0px; margin-top: -10px;}
a.cart_btn {background: url(../images/btn_cart.png) no-repeat 0px 0px; width: 121px; height: 30px; display: block; float: right;}
a.buy_btn:hover, a.donate_btn:hover, a.cart_btn:hover, a.charities_btn:hover {background-position: 0px -30px;}
a.details_btn {background: url(../images/btn_details.gif) no-repeat; width: 90px; height: 30px; display: block; float: right; margin-left: 10px;}

/*BUY SECTION*/
div.product_thumb {width: 100%; height: 173px;}
div.product_thumb .image {float: left; width: auto; height: auto; min-width: 144px; min-height: 160px; display: block; margin: 15px;}
div.product_thumb .info {float: left; width: 395px;}
div.product_thumb .name {font-size: 24px; text-transform: uppercase; margin-bottom: 0px;}
div.product_thumb .attribute {font-size: 16px; text-transform: lowercase; color: #993300;}
div.product_thumb .attributes {float: left; margin-right: 10px;}
div.product_thumb .btn_price {float: left; width: 100%; height: 30px;}
div.product_thumb .btn_button {float: right; width: 100%; height: 30px;}
div.product_thumb .price {float: left; font-size: 18px; font-weight: bold; margin-right: 10px;}
div.product_thumb span.cents {font-size: 10px; margin-top: -10px}

div.product_detail {width: 100%; height: auto;}
div.product_detail .image {float: left; width: auto; height: auto;}
div.product_detail .info {float: left; margin-left: 10px; width: 260px; height: auto;}
div.product_detail .name {font-size: 24px; text-transform: uppercase; margin-bottom: 0px;}
div.product_detail .attribute {font-size: 16px; text-transform: lowercase; color: #993300;}
div.product_detail .attributes {float: left; margin-right: 10px;}
div.product_detail .btn_price {float: left; width: 100%; margin-top: 10px; margin-bottom: 10px;}
div.product_detail .btn_button {float: right; width: 100%; height: 30px;}
div.product_detail .price {float: left; font-size: 18px; font-weight: bold; margin-right: 10px;}
div.product_detail span.cents {font-size: 10px; margin-top: -10px}

div.color-container {height: 20px; margin-top: 20px;}
div.color-container div.color {width: 20px; height: 20px; float: left; padding-right: 2px;}

div.detail {width: 100%; height: auto;}
div.detail .image {min-width: 336px; min-height: 373px; width: auto; height: auto; margin: 15px; float: left;}
div.detail .info {float: left; width: 235px;}
div.detail .name {font-size: 24px; text-transform: uppercase;}

/*CHARITY SECTION*/
.notice { height: auto; width: auto; background: #cda94d; padding:10px; font-size: 9px;}
.newsletter, .study { height:auto; background: #cda94d; padding:10px; margin: 10px 0;}
.formArea {border: solid 1px #cda94d; padding:10px;}
.error {color: #990000; background: #cda94d; padding:10px;}

div.charities {margin-top: 10px; width: 100%; background: #e2cc89; }

/*FOOTER STYLES*/
div#footer {height: 64px; width: 879px; background: url(../images/footer_bg.png) no-repeat; margin-top: 10px; font-size: 10px; color: #FFF; clear: both;}
div#footer div.content {margin-top: 18px; margin-left: 10px; float: left; width: 325px;}
div#footer a {color: #FFF; text-decoration: underline;}
div#footer a:hover {text-decoration: none;}
div#footer div.content div.float-left {width: 208px;}
div#footer div.content div.social {float: right; margin-top: -27px;}

div#footer a.home {float: left; width: 78px; height: 40px; background: url(../images/footer_logo.gif) no-repeat; display: block; margin-left: 18px; margin-top: 12px;}