/* -------------------------------------------------------------------------
Filename: stylesheet.css
Title: Primary CSS file for JoyaBaby.com
Author: Toivo Betancourt, toivo@t7digitaldesigns.com
License: Copyright 2008, t7digital designs, All Rights Reserved.
Please feel free to read and learn from this, but please do not steal.
Description: This style sheet imports other style sheets and provides
basic styling for XHTML elements of the JoyaBaby website.
URL: http://www.JoyaBaby.com/css/stylesheet.css
Date: 04.15.08
---------------------------------------------------------------------------- */

@import url("base.css");

body {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
text-align:center;
}

p, fieldset {
font-family:Arial, Helvetica, sans-serif;
padding-top:15px;
color:#44110d;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:800;
color:#44110d;
padding-top:15px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:600;
color:#000;
padding-top:15px;
}

h3, h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:600;
color:#44110d;
padding-top:15px;
}

h3#attribsOptionsText, h4.optionName {
color:#000;
}

h1.nopad, h2.nopad {
padding-top:0px;
}

h2.brown {
color:#44110d;
}

a:link {
color:#44110d;
text-decoration:none;
}

a:visited {
color:#44110d;
text-decoration:none;
}

a:hover {
color:#000;
text-decoration:underline;
}

checkbox, input, radio, select {
font-size:11px;
}

label.inputLabel, label.inputLabel2 {
float:left;
font-size:11px;
width:90px;
padding-top:2px;
color:#000;
}

label.inputLabel2 {
width:160px;
}

.inputpad {
padding-top:6px;
}

input.inputtext {
width:282px;
height:18px;
}

textarea {
width:440px;
height:80px;
}

textarea.inputtext {
width:282px;
height:80px;
}

#wrapper {
margin:0pt auto;
width:940px;
}

#container {
margin:0px;
width:auto;
}

#header {
position:relative;
background:url(../images/header_bg.gif) transparent no-repeat top left;
width:auto;
height:148px;
}

#logo {
position:relative;
width:auto;
height:101px;
}

#ftr_container {
margin:50px 0 20px 0;
text-align:center;
}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
padding: 8px 0 20px 0;
font-weight: normal !important;
}

#footer div {
	width: 50%;
	float: left;
	height: 30px;
	vertical-align: center;
}

#footer-left {
	text-align: left;
	line-height: 30px;
	padding-bottom: 6px;
}

#footer-right {
	padding-top: 4px;
	vertical-align: middle;
	text-align: right;
	padding-bottom: 6px;
}

#footer-right img {
	margin-left: 8px;
}

#navbar {
position:relative;
background:url(../images/navbar_bg.gif) #45c3d3 repeat-x top left;
width:auto;
height:12px;
}

/* NAVIGATION */
#navcontainer {
position:relative;
background:url(../images/nav_bg.gif) #fff repeat-x top left;
width:auto;
height:36px;
text-align:center;
}

#nav ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#nav li {
float:left;
margin:0;
}

#nav li.spacer {
float:left;
margin:0;
width:67px;
width: 47px !important;
}

#nav li.spacer img {
	width: 47px;
	height: 1px;
}

#nav li a {
display:block;
color:#000;
text-decoration:none;
text-align:center;
width:auto;
height:20px;
background:none;
float:none;
}

#nav li a#active {
float:left;
display:block;
color:#fff;
text-decoration:none;
text-align:center;
width:auto;
height:20px;
background: url(../images/arrow.gif) transparent top center no-repeat;
}

#nav li a:hover {
float:left;
display:block;
color:#f5f5f5;
text-decoration:none;
text-align:center;
width:auto;
height:20px;
background: url(../images/arrow.gif) transparent top center no-repeat;
}

/* Hide from IE5-Mac \*/
#nav li a {
	float:none;
}
/* End hide */

#nav {
margin:0px auto;
padding-top:8px;
width:870px;
height:20px;
}

/* SHOP ONLINE - CATEGORY LIST */
#ctgcontainer {
position:relative;
width:auto;
text-align:center;
}

#category ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#category li {
float:left;
margin:0 9px 0 9px;
}

#category li a {
float:none;
display:block;
text-align:center;
width:162px;
height:195px;
}

#category li a:hover {
float:left;
display:block;
text-align:center;
width:162px;
height:195px;
}

/* Hide from IE5-Mac \*/
#category li a {
	float:none;
}
/* End hide */

#category {
margin:0px auto;
width:540px;
height:195px;
}

/* PRESS - LIST */
#presscontainer {
position:relative;
width:auto;
text-align:center;
}

#press ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#press li {
float:left;
margin:0 5px 0 5px;
width:173px;
height:288px;
}

#press li a {
float:none;
display:block;
text-align:center;
width:173px;
height:235px;
}

#press li a:hover {
float:left;
display:block;
text-align:center;
width:173px;
height:235px;
}

/* Hide from IE5-Mac \*/
#press li a {
	float:none;
}
/* End hide */

#press {
margin:0px auto;
width:915px;
height:556px;
border-bottom:1px solid #000;
}

/* FLV PLAYER */
#flvplayer {
position:relative;
padding-top:20px;
width:auto;
height:270px;
border-bottom:1px solid #000;
text-align:center;
}

/* PRESS - THUMB LIST */
#th_container {
position:relative;
width:auto;
padding-top:20px;
text-align:center;
}

#th_press ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#th_press li {
float:left;
margin:0 5px 0 5px;
width:173px;
height:148px;
}

#th_press li a {
float:none;
display:block;
text-align:center;
width:173px;
height:107px;
}

#th_press li a:hover {
float:left;
display:block;
text-align:center;
width:173px;
height:107px;
}

/* Hide from IE5-Mac \*/
#th_press li a {
	float:none;
}
/* End hide */

#th_press {
margin:0px auto;
width:915px;
height:300px;
border-bottom:1px solid #000;
}

.press_tall {
	height: 438px !important;
}

/* SHOP ONLINE - ITEM LIST */
body#std #content #itmcontainer {
position:relative;
width:550px;
text-align:center;
}

body#std #content #item ul {
list-style:none;
width:auto;
margin:55px 0 0 0;
padding:0;
color:#000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}

body#std #content #item li {
float:left;
margin:0 15px 0 15px;
width:140px;
height:195px;
}

body#std #content #item {
margin:0px auto;
width:540px;
}

/* SHOP ONLINE - ITEM THUMBNAILS "Click to enlarge" */
#it_thumbcntr {
position:relative;
width:270px;
text-align:center;
background-color:#f5f5f5;
}

#it_thumb ul {
list-style:none;
width:auto;
margin:0;
padding:0;
}

#it_thumb li, #it_thumb li.additionalImages {
float:left;
margin:0 26px 10px 0;
margin:0 10px 10px 0;
}

#it_thumb li a, #it_thumb li.additionalImages a {
float:left;
display:block;
text-align:center;
width:48px;
height:48px;
}

#it_thumb li a:hover, #it_thumb li.additionalImages a:hover {
float:left;
display:block;
text-align:center;
width:48px;
height:48px;
}

/* Hide from IE5-Mac \*/
#it_thumb li a, #it_thumb li a.additionalImages {
	float:none;
}
/* End hide */

#it_thumb {
margin:0px auto;
padding:10px;
padding-left: 36px;
padding-left: 10px;
width:auto;
height:48px;
}

/* PRODUCT FEATURES LIST */
body#std #content ul#features {
margin:0 0 10px 0;
padding:0px;
list-style-type:disc;
color:#44110d;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:16px;
}

body#std #content ul#features li {
margin:0 0 0 40px;
padding:1px;
color:#44110d;
width: 300px;
}


/* SPLASH PAGE */
body#splash, html {
margin:0px;
text-align:center;
background:url(../images/splash_bg.gif) #44110d repeat top left;
height:99%;
}

body#splash #wrapper {
margin:0px auto;
display:table;
height:100%;
#position:relative;
overflow:hidden;
width:940px;
}

body#splash #container {
#position:absolute;
#top:50%;
#left:50%;
display:table-cell;
vertical-align:middle;
}

body#splash #content {
#position:relative;
#top:-50%;
#left:-50%;
padding:0px;
}

/* MAIN PAGE */
body#main, html {
margin:0px;
text-align:center;
background: none;
background-color:#fff;
}

body#main #wrapper {
margin:0px auto;
width:940px;
}

body#main #container {
margin:0px;
width:auto;
}

body#main #content {
margin:0px;
width:auto;
height:503px;
text-align:left;
background:url(../images/main_bg.gif) #fff no-repeat top left;
background: #fff;
}

body#main #content p {
display:block;
width:350px;
}

body#main #padmain {
padding:88px 135px 0px 134px;
}

body#main #padmain img {
	display: block;
}

body#main #floatmain {
float:right; 
padding-top:6px;
padding-right: 14px;
}

#floatmain p {
font-size:13px;
line-height:19px;
}

/* SECONDARY PAGES - About */
body#std, html {
margin:0px;
text-align:center;
background: none;
background-color:#fff;
font-size:12px;
}

body#std #wrapper {
margin:0px auto;
width:940px;
}

body#std #container {
margin:0px auto;
width:auto;
}

body#std #backdrop {
margin:0px;
width:auto;
background:url(../images/pghd_bg.gif) #fff repeat-x top left;
}

body#std #content {
margin:0px;
width:auto;
text-align:left;
height:auto;
}

body#std #content ul {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#44110d;
}

body#std #content p {
display:block;
width:550px;
}

body#std #content p#heading {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-top:0px;
padding-bottom:12px;
color:#44110d;
width:320px;
}

body#std #content #fs11 p {
font-size:11px;
line-height:16px;
}

body#std #content #fs13 p, body#std td {
font-size:13px;
line-height:19px;
}

body#std #padstd {
padding:25px 30px 75px 45px;
}

body#std #padstd2 {
padding:25px 10px 75px 10px;
}

#col1 {
width:210px;
text-align:left;
padding-top:12px;
}

#col2 {
float:right;
width:340px;
text-align:left;
padding-top:12px;
}

body#std #content #listcol1 {
width:285px;
}

body#std #content #listcol2  {
float:right;
width:255px;
}

body#std #content #listcol1 p {
color:#44110d;
width:285px;
padding-top:10px;
}

body#std #content #listcol2 p  {
color:#44110d;
width:255px;
padding-top:10px;
}

#listcol1 h2, #listcol2 h2 {
width:240px;
color:#44110d;
}

/* CLASSES */
.floatR {
float:right;
}

.clear {
clear:left;
}

.clearboth {
clear:both;
}

.nopad {
padding:0px;
}

.black {
color:#000;
}

.center {
text-align:center;
}

/* ZenCart Related Styles */
#cartAdd {
padding-top:0px;
padding-bottom:25px;
text-align:center;
}

.attribImg {
float:left;
margin:0.1em .5em;
width:160px;
text-align:center;
height:180px;
}

#cartImage {
margin:0.5em 1em;
}

.centeredContent, th, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, label#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align:center;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding:0.5em 0em;
}

.cartRemoveItemDisplay {
width:3.5em;
}

.important {
font-size:1.2em;
}

#cartAttribsList {
margin-left:1.1em;
}
form, select, input {
font-size:11px;
}

.centershop {
text-align:left;
}

#cartSubTotal {
border-top:1px solid #7FCDD0;
font-weight:bold;
line-height:2.2em;
padding-right:2.5em;
text-align:right;
}
.cartTableHeading, #cartSubTotal {
background-color:#fff;
height:2.2em;
}

tr.tableHeading {
background-color:#7FCDD0;
height:2em;
}

.back {
float:left;
}
#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin:0.5em;
}

.forward {
float:right;
}

.rowEven {
background-color:#ffffff;
height:1.5em;
vertical-align:top;
}

.rowOdd {
background-color:#f3f3f3;
height:1.5em;
vertical-align:top;
}

th {
font-weight:bold;
font-size:13px;
}

label.attribsSelect, h4.optionName {
line-height:1.25em;
padding:0em;
}

.wrapperAttribsOptions {
margin:0.6em 0em;
}

fieldset {
border:1px solid #e1e1e1;
margin:0.5em 0em;
padding:0.5em;
}

legend {
font-weight:bold;
padding:0.3em;
}

.alert {
color:#c90000;
font-size:0.9em;
margin-left:0.1em;
}

label.inputLabel {
float:left;
font-size:0.95em;
width:10em;
}

checkbox, input, radio, select {
font-size:11px;
}

.clearBoth {
clear:both;
}

label.checkboxLabel, label.radioButtonLabel {
font-size:0.95em;
margin:0.2em 0.5em;
}

form, select, input {
display:inline;
font-size:1em;
margin:0.2em;
}

.advisory {
padding-top:6px;
}

ul#myAccountGen, ul#myAccountNotify {
list-style-type:disc;
margin-top:10px;
margin-left:20px;
}

ul#myAccountGen li, ul#myAccountNotify li {
margin:3px 0 7px 20px;
}

ul#myAccountGen li a {
color:#000;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
margin:10px 0px;
width:46%;
}

.important {
font-size:1.1em;
}

#categories-table {
display:none;
}

#cartBoxListWrapper ul {
list-style-type:disc;
margin:0 0 0 10px;
}

#cartBoxListWrapper ul li {
margin:3px 0 6px 12px;
}

h2.centerBoxHeading {
margin-bottom:20px;
}

h2.cartEmptyText {
padding-top:0px;
}

#whatsNew ul {
list-style-type:none;
width:auto;
margin:0;
padding:0;
}

#whatsNew li {
float:left;
margin:0 10px 0 0;
width:100px;
height:75px;
}

#whatsNew li a {
float:left;
display:block;
text-align:center;
width:100px;
height:75px;
}

#whatsNew li a:hover {
float:left;
display:block;
text-align:center;
width:100px;
height:75px;
}

/* Hide from IE5-Mac \*/
#whatsNew li a {
	float:none;
}
/* End hide */

#whatsNew {
margin:0px auto;
padding-top:10px;
width:auto;
height:75px;;
}

label.attribsCheckbox, label.attribsRadioButton {
color:#000;
font-size:11px;
}

.leftbox a {
color:#000;
}

.bgreen {
	vertical-align: middle;
}

body#std #padAbout {
padding:25px 0 75px 45px;
}

#aboutText {
	width: 440px;
	margin-right: 0;
}

#aboutText p {
	width: 440px !important;
	color: #666;
	font-size: 12px !important;
	line-height: 1.2 !important;
	padding: 0 0 12px 0;
	margin: 0;
}

.aboutHeader {
	color: #45C3D3 !important;
}