/*
   style.css
   balloongram.com.au

   Created by Callum Wilson on 2009-01-29.
   Copyright 2009 Oxygen Kiosk. All rights reserved.
*/
* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {background: #fff; font-size: 76%; font-family: helvetica, verdana, arial, sans-serif; color: #000; line-height: 1.3;}

/* ================= */
/* = Sticky Footer = */
/* ================= */
.wrapper {height: auto !important;min-height: 100%;height: 100%; position: relative;}
#footer {position: absolute; z-index: 150;}
#nonfooter {padding-bottom:100px;}
/*	* html #nonfooter {height:  100%;}*/
#footer {margin: 0 auto;  padding-top:15px; background:url(/skin/frontend/default/balloongram/images/footer-top.png) top left repeat-x #fff; color:#000; width: 940px; padding-left: 20px; bottom:0;}

/*Front Page*/
body.cms-balloongram .wrapper {background:transparent;}
body.cms-balloongram #nonfooter {height: 733px; background: #35C6E1;padding-bottom: 13px; }
body.cms-balloongram #footer {position:relative;}

/* ============== */
/* = Typography = */
/* ============== */
/* Widths and Margins  */
h2, h3, h4, h5, p, ul, ol, dl, legend, table, blockquote {margin-bottom: 1em;}
table {width: 100%;}
ol, ul {margin-left:  20px; padding-left:  20px;}

/* Weights */
h2, h3, h4, legend, th, dt {font-weight: bold;}

/* Sizes */
h2, .category-head h2 {font-size: 2em; color: #fff; line-height: 1; font-weight: bold;}
h3 {font-size: 1.2em; color: #fff; }
h4, legend {font-size: 1.4em;color: #fff;}
p, dt, dd, li {font-size: 1.1em;}
li li {font-size: 1em;}

a img {border:none}

/* Tables */
table {width: 100%; border-collapse: collapse;}
	table.information td {width:50%;}
td, th {padding: 5px 0;}
td.price {width:100px; text-align: right;}
th {text-align: left;}
th.heading-right {text-align: right;}
caption	{text-align: left; font-weight: bold; margin-bottom: 0.5em;}

/* Forms */
fieldset {border: none; margin-bottom: 1em; /*border-bottom: 1px solid #000;*/}
legend {margin-bottom: 1em;}
form ol {list-style: none; margin-left: 0; padding-left: 0;}
form ul {list-style: none; margin-left: 0; padding-left: 0;}
	form ol li {margin-bottom: 1em; clear: left;}
		form ol li label {display: block; font-weight: bold;}
		form ol li input[type=radio], form ol li input[type=checkbox] {float: left; margin-right: 10px;}
			form ol li.size input[type=radio] {margin-bottom: 50px;}
		form ol li label span.product-name {font-weight: bold;}
		table input {margin: 0 auto; margin-left: 10px;}
		input[type="text"], input[type="password"], textarea {padding: 2px; font-weight: bold; font-size: 1.2em;}

		table.color-table {width:300px;}
		input#your_message {float:left; width:200px}
		div.counter {float:left; width:150px; font-weight: bold; margin-left: 10px; height:25px; line-height: 25px}

		li.message {margin-bottom: 1em;}


		li.delivery_location {display:none}
		li.instructions textarea {width:100%;}

		li.quantity label, li.message label {float:left; width:100px; height: 25px; line-height: 25px;}
			li.quantity label.error, li.message label.error {float:none; width:100%; height: auto; line-height: 1.6;}
		li.quantity input {width:60px;}
		input#use_billing_address {float:left; margin-right:10px}
		/*  Form Errors */
		input.error, select.error {background-color: #FFFFD5; border:1px solid red;color:red;margin:0;}
		label.error {font-weight: bold; background:red; color:white; padding:5px;}

    /* Date Picker */
    table.ui-datepicker td {padding:2px; border-bottom:none; font-size:0.8em}
      table.ui-datepicker td.ui-datepicker-unselectable {color:#999}

    /* Table */
    table.color-shape-size th, table.color-shape-size td {width:15%}
    table.color-shape-size td {text-align: center;}
    table.color-shape-size tr.header-row th {text-align:center;}
    table.color-shape-size td input {display: inline}
/* ========== */
/* = Layout = */
/* ========== */
.wrapper {width: 960px; margin: 0 auto; background: #35C6E1; height: auto !important; min-height: 100%; height: 100%;}
#nonfooter {border-left: 1px solid #fff; border-right: 1px solid #fff;}
	#header {background: #35C4E2 url('/skin/frontend/default/balloongram/images/balloons-header-2.png') 100% bottom no-repeat; position: relative;z-index: 10;}
		#header h1#logo {padding: 20px;width: auto; padding: 0; margin: 10px 0 0 10px;}
			#header h1#logo a {display: block;}
	/* Navigation */
	ul#nav {list-style: none; background: url('/skin/frontend/default/balloongram/images/menu-large.png') top left repeat-x transparent; height: 52px; margin-left: 0; margin-bottom: 0; padding: 0;}
		ul#nav * {float: left;}
		ul#nav li {display: inline; font-size: 11px;}
			ul#nav li a {display: block; line-height: 40px; height: 38px; color: #000; font-weight: bold; text-decoration: none; text-transform: uppercase;background: url('/skin/frontend/default/balloongram/images/menu-divider.png') center right no-repeat; text-align: center; padding: 0 10px;text-shadow: 0 1px 1px #fff;}
			ul#nav li a span {cursor: pointer;}
        ul#nav li.last a {background:none;}
				ul#nav li:hover a, ul#navigation li.active a {color: #fff;text-shadow: none;}
				ul#nav li ul {display: none;}

	#content {padding: 10px 20px; padding-bottom: 100px; min-height:400px;}
.column {width: 290px; float: left;}
.column-2 {width: 600px; float: left;}

.column-full {width: 525px; float:left; margin-right:20px;}
.column-sub {width: 330px; float:left; background:#D7F94B; padding: 19px; margin-bottom: 1em; border:1px solid #C9E945;}

.bottom {clear:left; margin-bottom: 1em;}
	.bottom img {padding: 2px; background: #eee;}
body#home #wrapper {min-height: 500px;}
body.cms-balloongram .column-large {background: url('/skin/frontend/default/balloongram/images/balloons-beyond-imagination.png') right bottom no-repeat; position: relative; z-index: 100;height: 560px; padding-top: 27px;}
/*body.cms-balloongram .column-large {background: url('/skin/frontend/default/balloongram/images/home-2.jpg') right bottom no-repeat; position: relative; z-index: 100;height: 560px; padding-left: 20px; padding-top: 27px;}*/
body#home #wrapper .column {height:100%; position: relative;}
p.order a {background: url('/skin/frontend/default/balloongram/images/order.png') top left no-repeat; display: block; width: 300px; height: 110px; text-indent: -9999em; position:absolute; bottom:35px; }

p.non-home {text-align:center; font-size: 1.2em; font-weight: bold;}
p.non-home a {position:static; margin:0 auto; margin-top:1em; background: url(/skin/frontend/default/balloongram/images/order-small.jpg) top left no-repeat; width:200px; height:73px;}

.bottom p.non-home a {margin-top: 80px}

body#home #content {overflow: visible;}

.notice {}
#show {font-weight: bold; cursor: pointer; text-decoration: underline;}
div.errors {padding:1em; margin-bottom:1em; background:#ff150c; color:#fff; font-weight: bold; text-align:center; font-size: 1.6em}


#final-info {background:#6de0ff; text-align:center; color:#111; clear:both; padding:1em; margin-bottom: 1em; border:1px solid #45e0ff;}
	#final-info p {font-size: 1.4em; font-weight: bold; margin-bottom:0}
	#final-info p.order a  {position:static; margin: 0 auto;}

.postit {background: url(/skin/frontend/default/balloongram/images/postit-text.jpg) top left no-repeat; width:300px; height:257px; text-indent:-9999em; float:left}

/* ========== */
/* = Footer = */
/* ========== */
#footer {text-align: left;}
#footer p {font-size:0.9em;}
	#footer p.footer-column {width: 150px; float: left; margin-right: 20px; padding-top: 10px;}
		#footer p.last-column {margin-right: 0;}
	#footer p.logos  {margin-top:-10px; width:420px;}
	#footer p.footer-column a {color: #000;}
	#footer p.footer-column a:hover {color: #CEFF00;}

/* ===================== */
/* = Float Containment = */
/* ===================== */
#wrapper, ul#navigation, #main, #footer, .column-large, #content, .notice, .message, #final-info, .bottom, .non-home, .middle-container {display: inline-block; overflow: hidden;}
#wrapper, ul#navigation, #main, #footer, .column-large, #content, .notice, .message, #final-info, .bottom, .non-home, .middle-container {display: block;}


/* ========== */
/* = Ticker = */
/* ========== */
div#ticker-mask {width:340px; overflow: hidden; position: absolute; bottom:7px; left:173px;}
div#ticker {list-style: none; margin-top: 10px; white-space: nowrap;}
	div#ticker span {font-size: 1.1em; color:#fff; font-weight: bold; padding-right: 40px;}

/* ================= */
/* = Magento Fixes = */
/* ================= */
h1#logo {margin: 0;}
.header-top {padding: 0; width:auto; /*overflow:hidden;*/}
.header-top-container {background:transparent; border:none;}
.header-nav-container, .middle, .middle-container, .footer-container  {background:transparent;}
.header-nav, .header, .middle-container {width: auto;}
.breadcrumbs, .shopping-cart-totals .checkout-types {margin-left: 0; padding-left: 0;}
.middle-container {margin: 0; padding: 0; overflow:hidden; display: inline-block;} 
.middle-container {display: block;}
.base-mini {border: none;}
.base-mini .head, .account-nav .head  {background: url(../images/head-top.png) top left repeat-x #D7F94B; margin: 0;}
.base-mini .head h4 {font-size: 1.2em;}
.something-else {display: none;}
#newsletter {width: 100px;}
.middle {padding: 0;padding-top:10px;}
body.cms-balloongram .middle {padding-top:0;}
.col-right {margin: 10px 20px 0 0;}
.page-head, .page-head-alt {text-align: left; border-bottom: none;}
.data-table thead tr th {background: #CFFF05; }
.page-head h3, .page-head-alt h3 {font-size: 1.5em !important; color: #fff; line-height: 1;}
.listing-type-list .listing-item {border-top:none;}
/*div.middle.col-3-layout {float: left;}*/
div.middle.col-2-right-layout {padding: 0;}
.middle-container {padding: 10px 20px 100px;}
body.cms-balloongram .middle-container {padding: 10px 0px 100px 20px;}
div.product-essential {background:transparent; border: none; padding: 0;}
.product-info-box {border: none;}
.breadcrumbs li a, .breadcrumbs li, td.label, .product-essential p {color: #fff;}
.regular-price .price, .product-info-box .product-name {font-size: 2em; color: #000;}
.product-essential td, .product-essential th {border-bottom: none;}
.quick-access {width:138px; background-color: transparent; position: absolute;bottom:-33px; right:10px; z-index: 100; color:#000; font-size: 0.8em;}
.quick-access a {color:#000;}
.product-collateral {background:transparent;}
.base-mini ol {margin:0; padding: 0;}
#search_mini_form {display:none;}
.shop-access, .shop-access ul {margin:0; padding:0;}
#product-options-wrapper {background:transparent; padding: 0; border:none; width: 270px; float: right;}
.product-options dt label {font-size: 1.4em; color: #fff;}
.one-page-checkout-progress h4 {font-size: 1.1em;}
.product-options dd {padding: 0;}
.product-img-box , #image {width:400px;}
.product-collateral .collateral-box h4 {color: #fff;}
.product-collateral .up-sell .generic-product-grid td, .product-collateral .up-sell .generic-product-grid, .product-collateral .up-sell .generic-product-grid td img, .product-collateral .up-sell .generic-product-grid td.empty-product {background:transparent; border: none;}
.listing-type-grid .last {margin: 0; padding:0;}
table.pager, table.view-by {display:none;}
/*.listing-type-grid li.item {width:50%; padding:0}*/
	.listing-type-grid li.item h5, .catalog-listing h5,  .listing-type-grid li.item {text-align: center;}
	.listing-type-grid {background:transparent;}
#footer ul {margin: 0; padding:0; background:#CEFF00; overflow: hidden; margin: -15px 0 1em -20px; padding: 5px 20px; text-align:center; border: 1px solid #fff; }
	#footer ul li {display:inline; font-size: 1em;}
	#footer ul li img {vertical-align: middle;}
		#footer ul li a {color:#000; padding: 0 10px; font-weight: bold; text-decoration: none;}
ol.grid-row {margin:0; padding:0;}
.listing-type-grid .grid-row {border:none;}
body.cms-balloongram .middle-container {position: relative;top:-20px; z-index: 1; padding-left: 0;}
body.cms-balloongram .column {float: none; width: auto;}
	body.cms-balloongram .column p {font-size: 1em;}
	body.cms-balloongram .column li {font-size: 0.85em;}
body.cms-balloongram ul {list-style: disc outside;}
.button-set {border:none; margin-top: 0;}

#contactForm .group-select h4, .group-select .legend {background:transparent; border:none; color: #000; margin-top: 0; float:none;}
#contactForm .group-select .legend {color: #000;}
.group-select label {color: #000}
.group-select {border: 1px solid #8DAF00;}
a.left {color: #fff; font-weight: bold;}
a.left {color: #fff; font-weight: bold;}

ul#actions {list-style: none; margin:0;padding:0; text-align: center; position:absolute; top:386px;}
ul#actions li {list-style: none; padding:0; font-size: 0.9em; display: inline;}
	ul#actions li a {text-align: center; font-size: 1.1em; background: url('../images/examples.png') top center no-repeat transparent; color:#000; width:164px; height:154px; text-transform: uppercase; font-weight: bold;text-decoration: none; text-shadow: 0 1px 1px #eee; text-indent: -9999em; display: block;}
	ul#actions li#buy a {background: url('../images/front-page-buttons.png') top center no-repeat transparent; }
	ul#actions li#contact a {background: url('../images/examples.png') bottom center no-repeat transparent; margin-top: 10px;}
/*		ul#actions li a:hover {background: url('../images/front-page-buttons.png') top center no-repeat transparent; padding-top:21px;}*/
.product-options dd, .product-collateral .head {border: none;}
.one-page-checkout h4, .login-box h4 {color: #000;}
.one-page-checkout .allow h3, .account-nav .head h3 {color:#000};
.one-page-checkout .active h3 {color: #000;}
.one-page-checkout .active .step-count {background: #fff; color:#000; border:1px solid #000;}
.one-page-checkout .allow .head {background:#99BF00;}
.one-page-checkout .active .head {background: #CFFF05; color:#000;}
.one-page-checkout .active .box {background: #fff; color:#000; border:1px solid #CFFF05;}
.login-box .col-1, .login-box .col-2, .group-select, .account-box, .shopping-cart-collaterals .box, #contactForm .group-select {background: #CFFF05; color:#000;}
.login-box .content, .login-box .button-set {background:transparent;}
.login-box h4, .account-box .head {border-bottom:1px solid #fff;}
.content label {color: #000;}
.account-nav ul, .one-page-checkout .box-no-padding, .giftmessages .gift-box {margin-left: 0; background: #fff;}
.account-nav li.on, .qty-box label, a.back {color:#000}
.account-nav li a:hover {color:#CFFF05;}
#form-validate label, .account-box a {color: #000;}
.product-shop a {color: #fff;}

.product-options dd select {width: auto;}
.base-mini .head h4, .account-nav .head h3, .shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4, .group-select .legend {text-shadow: 0 1px 1px #fff; padding-top: 5px; font-size: 1em;}
.shopping-cart-totals .checkout-types {padding: 0;}
.giftmessages .gift-header, td.attributes-col h4.title a {color: #000;}
.giftmessages .gift-box {border: none;}
.quick-access a:hover {color: #fff;}
.shopping-cart-collaterals .discount-codes h4, .shopping-cart-collaterals .shipping-estimate h4 {color: #000}
.shopping-cart-collaterals .col2-set .col-2 {float: none;}
.listing-type-list .product-shop .description  {font-size:1.2em; line-height:1.2; margin-top:1em;}
.mini-product-view .head h4 {background: url(../images/icon_tag_green.gif) center left no-repeat;}
.quick-access a.top-link-checkout, body.customer-account-index .mini-newsletter, body.customer-account-index .mini-compare-products {display: none;}
.account-nav {border:none}
.messages, .messages li, li.success-msg ul {margin: 0; padding: 0; font-size: 1em;}
.category-description {margin-bottom: 1em;}
.category-description, .catalog-listing {border: 1px solid #fff; padding: 20px; background: #CFFF05; overflow: hidden; border-bottom: none; }
#product-grid {border: 1px solid #fff; background: #CFFF05; overflow: hidden; margin-bottom: 1em;}
	.category-description h2, .category-description h4, .listing-type-list .product-shop h2 {color:#000; text-shadow: #fff 0 0 1px;}
	.category-description img {float: right; margin: 0 0 1em 1em;}
.quick-access li {font-size: 0.85em;}
div.listing-item div.product-image, div.listing-item div.product-image img {float: left;width: 380px; height: 220px;}
.listing-type-list .product-shop {width: auto; float: none; overflow: hidden; padding: 0; margin: 0 12px;}
.listing-type-list .product-shop a {color: #000; font-weight: bold;}
.listing-type-list .product-image {width: auto; margin-right: 1em;}
.listing-type-list .listing-item  {padding: 0; position:relative;}
.product-image img {display: block;}
.listing-item {border-bottom: 1px solid #fff;}
.listing-type-grid li.item h5, .catalog-listing h5, .listing-type-grid li.item {text-align: left; font-size: 2em;text-shadow: #fff 0 0 1px; line-height:1.6;}
.listing-type-grid li.item h5 a, .catalog-listing h5 a, .listing-type-grid li.item {text-decoration: none;}
.listing-type-list .product-shop .price-box {float:none;}
.catalog-listing {padding: 0}
span.label label {color: #fff;}
#discount-coupon-form p, .box li {font-size: 1em;}
.product-img-box .product-image-zoom {overflow: visible;}
.product-info-box .availability {display: none;}
body.product-valentines .product-info-box .product-name {width: 180px;}
body.product-valentines .price:after {content: " small";}
body.cms-balloongram .middle-container {z-index: 11;}
/*body {background: url('../images/val-back.jpg') center top no-repeat #6B6B6B;}*/
marquee p {color: #fff; font-weight: bold;}
.description ul, .description ul li, description p {list-style: disc; font-size:1em;}
.product-shop h2 {font-size:1.6em; margin-bottom:0; margin-top:1em;}

/* ================= */
/* = Style changes = */
/* ================= */
body.catalog-category-view .side-col {display:none;}
body.catalog-category-view #main {float: none; width: auto; margin-left:0;}
body.catalog-category-view #main .div.middle.col-3-layout {float: none};
body.catalog-category-view .product-image img {width: 380px; height: 220px;}
.listing-type-list .product-shop .form-button  {position:absolute; bottom: 10px; right: 10px;}
.col-3-layout .col-main { float:none; width: auto; margin-left:0;}
body.catalog-category-view .form-button span, body.catalog-product-view  .form-button span {background:transparent url('../images/add-to-cart.png') center no-repeat; display:inline-block; width: 125px; height: 48px; text-indent:-9999em; border: 0; margin: 0;}
body.catalog-product-view  .form-button span {background:transparent url('../images/add-to-cart-alt.png') center no-repeat;}
body.catalog-product-view  h3.product-name {color:#fff}
body.catalog-category-view .description small  {display:none;}
.product-essential .product-shop {width: 270px;}
p.category-description {font-weight:bold;}
.product-img-box .product-image-zoom {width: 400px; height:360px;}
.add-to-cart-box .qty-box {margin-top:7px;}
.add-to-cart-box .qty-box label {margin-top:5px;}
.category-description p {font-size:1.4em;}
.cms-balloongram-terms-conditions .category-description p, .cms-balloongram-faqs .category-description p {font-size:1.2em;}
.cms-balloongram-terms-conditions .category-description h3, .cms-balloongram-faqs .category-description h3 {color:#000}
/* Marquee
---------------------------------------- */
#marquee {background:rgba(0,0,0,0.5); padding:5px 0; position:absolute; bottom:0; left:0; width:100%;}

/* ================== */
/* = Give hasLayout = */
/* ================== */
ul#nav, .listing-type-list .product-shop {display:inline-block;}
ul#nav, .listing-type-list .product-shop {display:block;}