@import url(reset.css);

.clearfix:after,
.form-row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
.form-row {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix,
* html .form-row {height: 1%;}
.clearfix,
.form-row {display: block;}
/* End hide from IE-mac */

/* Removed dotted border around anchor tags */
a { outline: none; cursor: pointer; }

.seals img { vertical-align: middle; }

body {
    background: url(../images/bg-body.gif) top left repeat-x; }

.clear { clear: both; }
.hr hr { display: none; }
.hr {
    background: url(../images/divider.gif) top left no-repeat;
    height: 20px;
    margin: 0 auto;
    width: 470px; }
#sitewrapper .disclaimer { color: #E53434; margin: 8px 0; }    

#sitewrapper {
	width: 716px;
	margin: 0 auto;
	font-family: Verdana;
	font-size: 10px;
	color: #434343; }

#header {
	position: relative;
	width: 100%;
	height: 115px;
	background: transparent url(../images/bg_header.jpg) 0 0 no-repeat; }
    #header #basket {
        background: #C3D359 url(../images/bg_basket.gif) top left repeat-x;
        padding: 4px 24px;
        position: absolute;
        left: 412px;
        top: 13px; }
        #header #basket a {
            background: #C4D559 url(../images/ico-basket.gif) 0 2px no-repeat;
            font-weight: bold;
            color: #333;
            padding-left: 14px; }
        #header #basket small { background: #C4D559; color: #333; }
    #free-shipping {
        font-size: 9px;
        color: #999;
        position: absolute;
        top: 34px;
        left: 412px }
	#header h1 {
		position: absolute;
		left: 38px;
		bottom: 10px; }
		#header h1 a {
			display: block;
			width: 255px;
			height: 74px;
			text-indent: -5000px; }
	#header ul {
		position: absolute;
		right: 51px;
		top: 78px; }
		#header ul li {
			float: left;
			height: 21px;
			margin: 0 17px 0 0; }
			#header ul li a {
				display: block;
				height: 21px;
				text-indent: -5000px; }
		#header ul li.nav-ordering {
			width: 53px;
			background: transparent url(../images/btn_ordering.jpg) 0 0 no-repeat; }
			#header ul li.nav-ordering a { width: 53px; }
			#ordering #header ul li.nav-ordering a { background: transparent url(../images/btn_ordering_active.jpg) 0 0 no-repeat; }
			#header ul li.nav-ordering a:hover { background: transparent url(../images/btn_ordering_hover.jpg) 0 0 no-repeat; }
		#header ul li.nav-testimonials {
			width: 62px;
			background: transparent url(../images/btn_testimonials.jpg) 0 0 no-repeat; }
			#header ul li.nav-testimonials a { width: 62px; }
			#testimonials #header ul li.nav-testimonials a { background: transparent url(../images/btn_testimonials_active.jpg) 0 0 no-repeat; }
			#header ul li.nav-testimonials a:hover { background: transparent url(../images/btn_testimonials_hover.jpg) 0 0 no-repeat; }
		#header ul li.nav-about {
			width: 35px;
			background: transparent url(../images/btn_about.jpg) 0 0 no-repeat; }
			#header ul li.nav-about a { width: 35px; }
			#about #header ul li.nav-about a { background: transparent url(../images/btn_about_active.jpg) 0 0 no-repeat; }
			#header ul li.nav-about a:hover { background: transparent url(../images/btn_about_hover.jpg) 0 0 no-repeat; }
		#header ul li.nav-gift-ideas {
			width: 53px;
			margin: 0;
			background: transparent url(../images/btn_gift-ideas.jpg) 0 0 no-repeat; }
			#header ul li.nav-gift-ideas a { width: 53px; }
			#gift-ideas #header ul li.nav-gift-ideas a { background: transparent url(../images/btn_gift-ideas_active.jpg) 0 0 no-repeat; }
			#header ul li.nav-gift-ideas a:hover { background: transparent url(../images/btn_gift-ideas_hover.jpg) 0 0 no-repeat; }
            
#home #product-categories { display: none; }
#product-categories { background: #F6FCD4; margin: 0 0 0 38px; padding: 0 0 8px 10px; height: 11px; width: 627px; }
    #product-categories a { color: #A7C653; }
    #product-categories li {
        background: url(../images/bullet-bottle.gif) center left no-repeat;
        float: left;
        font-size: 10px;
        font-weight: bold;
        margin-right: 9px;
        overflow: auto; 
        padding-left: 17px; }
    #product-categories li.first { background: none; padding-left: 0; }
    #product-categories li.last { margin-right: 0; }
    body#pins-messages #product-categories li#nav-pins-messages a,
    body#pins-messages #product-categories li#nav-pins-messages a:hover,
    body#baby-shower-games-favors #product-categories li#nav-baby-shower-games-favors a,
    body#baby-shower-games-favors #product-categories li#nav-baby-shower-games-favors a:hover,
    body#frames-special-order #product-categories li#nav-frames-special-order a,
    body#frames-special-order #product-categories li#nav-frames-special-order a:hover,
    body#holiday-special-occasion #product-categories li#nav-holiday-special-occasion a,
    body#holiday-special-occasion #product-categories li#nav-holiday-special-occasion a:hover { color: #666; text-decoration: none; cursor: text; }

#content {
	position: relative;
	width: 667px;
	min-height: 394px;
	_height: 394px;
	padding: 25px 0 0 49px; }
	#content #about {
		width: 316px;
		min-height: 160px;
		padding: 67px 0 0 20px;
		_height: 160px;
		background: transparent url(../images/bg_about.jpg) 0 0 no-repeat; }
		#content #about h2 { text-indent: -5000px; }
		#content #about p {
			width: 100px;
			padding: 0 0 22px 0;
			line-height: 150%; }
			#content #about p a {
				font-weight: bold;
				color: #ef94b5; }
	#content #pins {
		position: absolute;
		right: 49px;
		top: 20px;
		width: 253px;
		height: 108px;
		padding: 21px 0 0 0;
		background: transparent url(../images/btn_pins.jpg) 0 0 no-repeat; }
		#content #pins a {
			display: block;
			width: 253px;
			height: 79px;
			text-indent: -5000px;
			background: transparent url(../images/btn_pins.png) 0 -21px no-repeat; }
			#content #pins a:hover { background: transparent url(../images/btn_pins_active.png) 0 -21px no-repeat; }
	#content #baby-shower {
		position: absolute;
		right: 49px;
		top: 128px;
		width: 253px;
		height: 108px;
		padding: 30px 0 0 0;
		background: transparent url(../images/btn_baby-shower.jpg) 100% 0 no-repeat; }
		#content #baby-shower a {
			display: block;
			width: 253px;
			height: 79px;
			text-indent: -5000px;
			background: transparent url(../images/btn_baby-shower.png) 0 -30px no-repeat; }
			#content #baby-shower a:hover { background: transparent url(../images/btn_baby-shower_active.png) 0 -30px no-repeat; }
	#content #frames-special-order {
		position: absolute;
		right: 49px;
		top: 246px;
		width: 253px;
		height: 111px;
		padding: 32px 0 0 0;
		background: transparent url(../images/btn_frames-special-order.jpg) 0 0 no-repeat; }
		#content #frames-special-order a {
			display: block;
			width: 253px;
			height: 81px;
			text-indent: -5000px;
			background: transparent url(../images/btn_frames-special-order.png) 0 -32px no-repeat; }
			#content #frames-special-order a:hover { background: transparent url(../images/btn_frames-special-order_active.png) 0 -32px no-repeat; }
	#content #holiday-special-occasion {
		position: absolute;
		left: 49px;
		top: 264px;
		width: 333px;
		height: 108px;
		padding: 15px 0 0 0;
		background: transparent url(../images/btn_holiday-special-occasion.jpg) 0 0 no-repeat; }
		#content #holiday-special-occasion a {
			display: block;
			width: 333px;
			height: 79px;
			text-indent: -5000px; }
			#content #holiday-special-occasion a:hover { background: transparent url(../images/btn_holiday-special-occasion_active.jpg) 0 -15px no-repeat; }

.subpage {}
    .subpage a,
    #footer a { color: #EC6A92; }
    .subpage #content {
        font-size: 11px;
        line-height: 17px; 
        padding-bottom: 18px;
        width: 612px; }
        .subpage #content h2 { font-size: 16px; margin: 18px 0 2px 0; clear: both; }
        .subpage #content h3 { color: #ACC557; font-size: 14px; margin: 12px 0 2px 0; }
        body.subpage #content .first-top { margin-top: 0; padding-top: 0; }
        .subpage #content p { margin: 0 0 12px 0; }
        .subpage #content ul { margin: 0 0 12px 0; }
        .subpage #content blockquote { margin: 0 0 12px 0; font-style: italic; }
        .subpage #content cite { display: block; font-style: normal; margin-top: 2px }
        .subpage #content .heading { font-size: 18px; margin-bottom: 8px; height: 19px; }
            .subpage #content .heading span {
                background-position: top left;
                background-repeat: no-repeat;
                display: block;
    			text-indent: -5000px; }
        .subpage #content #h-ordering {
            background-image: url(../images/h-ordering.gif);
            width: 83px;
            height: 24px; }
        .subpage #content #h-testimonials {
            background-image: url(../images/h-testimonials.gif);
            width: 102px; }
        .subpage #content #h-about {
            background-image: url(../images/h-about.gif);
            width: 56px; }
        .subpage #content #h-gift-ideas {
            background-image: url(../images/h-gift-ideas.gif);
            width: 89px; }
        .subpage #content #h-pins-messages {
            background-image: url(../images/h-pins-messages.gif);
            height: 25px;
            width: 154px; }
        .subpage #content #h-baby-shower-games-favors {
            background-image: url(../images/h-baby-show-games-favors.gif);
            height: 23px;
            width: 278px; }
        .subpage #content #h-frames-special-order {
            background-image: url(../images/h-frames-special-order.gif);
            height: 23px;
            width: 221px; }
        .subpage #content #h-holiday-special-occasion {
            background-image: url(../images/h-holiday-special-occasion.gif);
            height: 23px;
            width: 253px; }
        .subpage #content #h-contact {
            background-image: url(../images/h-contact.gif);
            width: 71px; }
        .subpage #content #h-thank-you {
            background-image: url(../images/h-thank-you.gif);
            width: 87px; }
        .subpage #content #h-basket {
            background-image: url(../images/h-basket.gif);
            width: 58px; }
        .subpage #content #h-error {
            background-image: url(../images/h-error.gif);
            width: 44px; }
        .subpage #content #h-checkout {
            background-image: url(../images/h-checkout.gif);
            width: 86px; }
        .subpage #content #h-not-found {
            background-image: url(../images/h-not-found.gif);
            height: 21px;
            width: 88px; }
        .subpage #content #h-privacy {
            background-image: url(../images/h-privacy.gif);
            height: 25px;
            width: 66px; }
        .subpage #content #h-resources {
            background-image: url(../images/h-resources.gif);
            height: 21px;
            width: 89px; }
        
body#ordering #content #col1 { width: 265px; float: left; }
body#ordering #content #col2 { width: 245px; float: right; }
    body#ordering #details {
        background: url(../images/goga-single-multi-sitting.jpg) top right no-repeat;
        padding-right: 175px; }

body.products #content ul li { font-style: italic; color: #666; }
body.products #content ul li em { font-weight: bold; font-style: normal; }

body#testimonials #content {
    min-height: 294px;
	_height: 294px; }
body#testimonials #content blockquote {
    background: url(../images/bg-testimonials.gif) top left no-repeat;
    border-bottom: dotted 1px #ccc;
    padding: 8px 0 8px 12px; }
    body#testimonials #content blockquote p { margin: 0 0 4px 0; padding: 0; }
body#testimonials #content blockquote.last { border-bottom: none; }

body#gift-ideas #content .photo {
    display: block;
    float: right;
    border: solid 1px #EF648D;
    padding: 2px;
    margin: 0 0 12px 12px; }
    body#gift-ideas #content .photo:hover { border-color: #E1F175; }
    body#gift-ideas #content .photo img { display: block; }
body#gift-ideas #content ul li {
    background-position: 0 3px;
    background-repeat: no-repeat;
    margin: 8px 0;
    padding-left: 16px;
    position: relative; }
body#gift-ideas #content ul li.bottle { background-image: url(../images/ico-bottle.gif); }
body#gift-ideas #content ul li.rattle { background-image: url(../images/ico-rattle.gif); }

body.basket-page #basket-table {
    font-size: 10px;
    line-height: 14px;
    width: 100%;
}
    body.basket-page table.basket .remove {
        font-size: 9px;
        background: url(../images/ico-remove.gif) 0 3px no-repeat;
        color: #BC2525;
        padding-left: 10px; }
    body.basket-page table.basket td.item { width: 350px; }
    body.basket-page table.basket tr.total td {
        border-bottom: none;
        font-size: 14px;
        font-weight: bold;
        padding: 4px;
        text-align: right;
        vertical-align: top; }
        body.basket-page table.basket tr.subtotal td,
        body.basket-page table.basket tr.shipping td,
        body.basket-page table.basket tr.sales-tax td { font-size: 12px; }
            body.basket-page table.basket td span {
                color: #999;
                display: block;
                font-size: 9px;
                font-weight: normal; }
            body.basket-page table.basket td small {
                color: #666;
                font-size: 10px; }
        body.basket-page table.basket tr.subtotal td { border-top: solid 1px #eee; }
    body.basket-page table.basket .price { text-align: right; }
    body.basket-page table.basket span.options { font-size: 9px; color: #999; }
    body.basket-page .basket-actions { font-weight: bold; margin: 18px 0; }
    body.basket-page .basket-actions #btn-empty { float: left; }
    body.basket-page .basket-actions #btn-checkout { float: right; }
        body.basket-page .basket-actions #btn-checkout span {
            background-image: url(../images/ico-lock.gif);
            background-position: 0 2px;
            background-repeat: no-repeat;
            padding-left: 11px; }
    body.basket-page #content .seals { float: right; }
    body#checkout-page #content .seals { float: none; margin: 18px 0 2px 0; }
    body.basket-page #content .continue { float: left; }

body.products { }
    .products #content #col1 { float: left; width: 130px; }
    .products #content #col2 { float: right; width: 470px; }
    .products .product {
        background: url(../images/bg-product.gif) top left repeat;
        border: solid 1px #FBCAD1;
        clear: both;
        display: block;
        float: left;
        height: 100px;
        margin: 0 0 20px 0; 
        padding: 10px;
        width: 100px; }
    .products .product:hover {
        border-color: #F784A8; }
        .products .product img { display: block; clear: both; }

#baby-shower-games-favors #directions { list-style-type: circle; margin-left: 2em; }
    #baby-shower-games-favors #directions li { font-style: normal; margin: 2px 0; color: #333; }
    
    
/*--- Checkout Page ---*/
#checkout-page #no-cc-required {
    background: #FEF5F8 url(../images/ico-info.gif) 2% 50% no-repeat;
    margin-bottom: 8px;
    padding: 8px 8px 8px 60px; }
    #checkout-page #no-cc-required p { margin: 0; padding: 0; }

#checkout-page #addresses { background: #f2f2f2; margin-top: 12px; }
    #checkout-page #addresses h2 { margin-top: 0; padding-top: 0; }
    #checkout-page #content #addresses .address { float: left; padding: 12px; width: 280px; }
    #checkout-page #addresses #shipping-address { border-right: solid 2px #fff; }
    #checkout-page #content {
        background: url(../images/ico-lock.gif) 142px 32px no-repeat; }
    
    #shipping_name { width: 164px; }
    #shipping_address,
    #shipping_address2
     { width: 275px; }
    #shipping_postal { width: 45px; }

    #checkout-page #receipt {
        border: solid 1px #eee;
        font: normal 12px Courier, monospace;
        padding: 12px; }
        #checkout-page #receipt h1 { margin-bottom: 12px; }
        #checkout-page #receipt #addresses { background: #fff; margin: 12px 0 12px 0; }
            #checkout-page #receipt #addresses .address { float: left; padding: 0; width: 280px; }
        #checkout-page .print {
            background: url(../images/ico-print.gif) top left no-repeat;
            padding: 1px 0 1px 18px; } 
            
/*--- Privacy Page ---*/
#privacy-page #content ul { list-style-type: circle; margin: 8px 0 0 24px; }
    #privacy-page #content ul li { margin: 2px 0 4px 0; }
            
#content-lower {
	float: left;
	width: 626px;
	padding: 10px 0 10px 11px;
	margin: 0 0 0 37px;
	_margin: 0 0 0 18px;
	background: #f6fcd4 url(../images/bg_content-lower.gif) 0 0 no-repeat; }
	#content-lower #gogababy-slideshow {
		float: left;
		width: 336px;
		padding: 12px 0 0 0; }
		#content-lower #gogababy-slideshow a.btn_forward {
			float: right;
			display: block;
			width: 18px;
			height: 18px;
			margin: 24px 0 0 0;
			background: transparent url(../images/btn_forward.gif) 0 0 no-repeat;
			text-indent: -5000px; }
		#content-lower #gogababy-slideshow a.btn_back {
			float: left;
			display: block;
			width: 18px;
			height: 18px;
			margin: 24px 20px 0 0;
			background: transparent url(../images/btn_back.gif) 0 0 no-repeat;
			text-indent: -5000px; }
		#content-lower #gogababy-slideshow #slideshow-container { width: 260px; overflow: hidden; position: relative; }
            #content-lower #gogababy-slideshow ul { width: 10000px; left: 0; top: 0; }
                #content-lower #gogababy-slideshow ul li {
				    float: left;
				    margin: 0 22px 0 0; }
	#content-lower blockquote {
		float: left;
		display: block;
		width: 213px;
		padding: 14px 0 0 20px;
		margin: 0 0 0 28px;
		font-style: italic;
		background: transparent url(../images/bg_blockquote.gif) 0 0 no-repeat; }
		#content-lower blockquote cite {
			display: block;
			font-style: normal;
            margin-top: 8px; }

            
.form {
    background: #FFECF3;
    border: solid 1px #FCCCDC;
    padding: 18px; }   
    
    .form #field-help { display: block; clear: both; color: #666; font-size: 10px; line-height: 14px; }
    
    #add-to-basket { margin: 6px 0 12px 0; }
    
    .form-row {
        background: #FEF5F8;
        margin-bottom: 8px;
        padding: 4px; }
        .form-row .form-row { margin: 0; padding: 0; }
        .form-row.last {
            background: transparent;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-left: 171px; }
            #add-to-basket .form-row.last { padding-left: 139px; }
    .form .field-label {
        width: 120px;
        float: left;
        padding-right: 16px;
        text-align: right;
        vertical-align: top; }
        #checkout-page .form .field-label small { display: block; font-weight: normal; }
        #contact-form .field-label { width: 150px; }
        #payment-form .field-label { width: 140px; }
        #payment-form .last { padding-left: 160px; }
            #payment-form .last .field-widget { width: 400px; }
            #content #payment-form .last .field-widget small {
                background: url(../images/ico-lock.gif) center left no-repeat;
                display: inline;
                font-weight: bold;
                padding-left: 12px; }
    
    .form .field-widget {
        width: 270px;
        float: left; }
        #checkout-page .form .field-widget small { display: block; }
        .form .field-widget img { vertical-align: middle; }
    .form .button   { padding: .2em .8em; }
    .form .req      { font-weight: bold; }
    .form input.validation-failed,
    .form select.validation-failed,
    .form textarea.validation-failed {
    	border: 1px solid #BC2525;
    	color : #BC2525; }
    .form .validation-advice {
        clear: both;
        display: block;
    	margin: 0 0 5px 0;
    	color : #BC2525;
    	font-weight: bold; }
    .form .field-error label { color: #BC2525; }
    .form .error-message {
        clear: both;
        color: #BC2525;
        font-size: 10px;
        display: block;
        padding-left: 136px; }
        #payment-form .error-message { padding-left: 156px; }
    .form .txt-field,
    .form textarea,
    .form input,
    .form select { padding: 1px; }
    .form .select { padding: 2px 2px 2px 1px; }
    .form .radio,
    .form label { vertical-align: middle; }
    .form .field-err { color: #BC2525; }
    
    .billing-choices .error-message { font-weight: bold; padding-left: 0; }
    .billing-choices.field-error label { color: #333; }
    
    #content .button {
        color: #fff;
        font-weight: bold;
        padding: 6px 10px;
        background: #F25B8E url(../images/bg-btn.gif) bottom left repeat-x;
        border: solid 1px #ccc;
        border-right-color: #999;
        border-bottom-color: #999;
        text-decoration: none; 
    }
        #content .button.gray { background: #ccc url(../images/bg-btn-gray.gif) bottom left repeat-x; }
    #content .button:hover {
       background: #F25B8E url(../images/bg-btn-hover.gif) top left repeat-x;
       border-bottom-color: #999;
    }
        #content .button.gray:hover { background: #ccc url(../images/bg-btn-gray-hover.gif) top left repeat-x; }
    #content .button:active {
        outline: none; 
        border-color: #999;
        border-right-color: #ccc;
        border-bottom-color: #ccc;
    }

.notify { padding: 8px; margin-bottom: 12px; }
.success {
    background: #eee url(../images/ico-success.gif) 8px 12px no-repeat;
    color: #333;
    font-weight: bold;
    padding-left: 24px; }
.warning {
    background: #eee url(../images/ico-warning.gif) 8px 12px no-repeat;
    color: #333;
    font-weight: bold; 
    padding-left: 24px; }
.error {
    background: #BC2525 url(../images/ico-error.gif) 8px 12px no-repeat;
    color: #fff;
    font-weight: bold; 
    padding-left: 24px; }
    .error a { color: #fff; text-decoration: underline; }
    .error a:hover { text-decoration: none; }

/*--- Checkout Form ---*/
#content .checkout-form h2 { padding-top: 24px; }
    #content .checkout-form h2.first { margin-top: 0; padding-top: 0; }
.checkout-form .form-row.last { margin-top: 36px; padding-left: 140px; }
.checkout-form #basket-table { background: #fff; } 
#payment-form { margin-top: 12px; }   
    
table.data { }
    .data tr th {
        background: #FFECF3;
        font-weight: bold;
        padding: 4px; 
        text-align: left; }
    .data tr td { border-bottom: dotted 1px #eee; padding: 12px 4px; }
    .data tr.odd td { }

   
#footer {
	clear: both;
	width: 637px;
	padding: 15px 0 0 0;
    position: relative;
	margin: 0 0 50px 37px;
	background: transparent url(../images/bg_footer.gif) 0 0 no-repeat; }
	#footer ul {
		float: right; }
		#footer ul li {
			display: inline;
			padding: 0 9px 0 0;
			margin: 0 3px 0 0;
			background: transparent url(../images/blt_gray.gif) 100% 50% no-repeat; }
        #footer ul li.current a,
        #footer a.current,
        #footer ul li.current a:hover,
        #footer a.current:hover {
            color: #000;
            cursor: text;
            font-weight: bold;
            text-decoration: none;
        }
		#footer ul li.last {
			margin: 0;
			padding: 0;
			background: transparent; }
			#footer ul li a { color: #b5c848; }
            #home #footer ul li.nav-home a,
            #home #footer ul li.nav-home a:hover,
            #ordering #footer ul li.nav-ordering a,
            #ordering #footer ul li.nav-ordering a:hover,
            #testimonials #footer ul li.nav-testimonials a,
            #testimonials #footer ul li.nav-testimonials a:hover,
            #about #footer ul li.nav-about a,
            #about #footer ul li.nav-about a:hover,
            #gift-ideas #footer ul li.nav-gift-ideas a,
            #gift-ideas #footer ul li.nav-gift-ideas a:hover {color: #000; text-decoration: none; cursor: text; }
	#footer p {
		padding: 0 0 3px 0;
		color: #999999; }
    #footer .disclaimer { width: 300px; }
    #footer .seals {
        position: absolute;
        right: 0;
        top: 40px; }
    #footer #site-by { color: #ccc; margin-top: 4px; }
        #footer #site-by a { color: #959595; }