* { padding: 0; margin: 0; }

html, body {
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #704D24;
}

.wrapper{
width:800px;
margin-left:auto;
margin-right:auto;
}

.head{
width:800px;
height:232px;
background:url(../img/headBG.jpg);
background-repeat:no-repeat;
text-align:center;
}

.plank{
width:800px;
height:323px;
background:url(../img/plank.jpg);
background-position:center;
background-repeat:no-repeat;
}

.content{
width:560px;
padding:20px 20px 40px 20px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../img/contentBG.jpg) #f6d996;
background-position:bottom;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
}

.contentBG{
width:800px;
background:url(../img/bgWheat.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

.footer{
width:800px;
height:90px;
background:url(../img/footerBG.jpg);
background-position:center;
background-repeat:no-repeat;
}

/* -----------------------------------------SECTION TITLES STYLE ------------------------------------- */
/* -----------------------------------------SECTION TITLES STYLE ------------------------------------- */
/* -----------------------------------------SECTION TITLES STYLE ------------------------------------- */

.plankSmall{
width:800px;
height:117px;
background:url(../img/plank_small.jpg);
background-position:center;
background-repeat:no-repeat;
}

.plankTitle{
padding-left:90px;
padding-top:23px;
width:385px;
height:44px;
}

.privacy{
background:url(../img/plank_privacy.jpg) no-repeat right bottom;
}

.terms{
background:url(../img/plank_terms.jpg) no-repeat right bottom;
}

.childrens{
background:url(../img/plank_childrens.jpg) no-repeat right bottom;
}

.indoor{
background:url(../img/plank_indoor.jpg) no-repeat right bottom;
}

.outdoor{
background:url(../img/plank_outdoor.jpg) no-repeat right bottom;
}

.toysGames{
background:url(../img/plank_toysGames.jpg) no-repeat right bottom;
}

.utility{
background:url(../img/plank_utility.jpg) no-repeat right bottom;
}

.contact{
background:url(../img/plank_contact.jpg) no-repeat right bottom;
}

.cart{
background:url(../img/plank_cart.jpg) no-repeat right bottom;
}

.checkout{
background:url(../img/plank_checkout.jpg) no-repeat right bottom;
}

.search{
background:url(../img/plank_search.jpg) no-repeat right bottom;
}

/* -----------------------------------------HEADER MENU STYLE ------------------------------------- */
/* -----------------------------------------HEADER MENU STYLE ------------------------------------- */
/* -----------------------------------------HEADER MENU STYLE ------------------------------------- */

#tabs {
width:800px;
font-size:93%;
line-height:normal;
text-align:center;
}

#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url("../img/menu_left.jpg") no-repeat left top;
margin:0;
padding:0 0 0 13px;
text-decoration:none;
}

#tabs a span {
float:left;
display:block;
background:url("../img/menu_long.jpg") no-repeat right top;
padding:5px 15px 4px 6px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#704d24;
}

#tabs a:hover {
float:left;
background:url("../img/menu_left_over.jpg") no-repeat left top;
margin:0;
padding:0 0 0 13px;
text-decoration:none;
}
#tabs a:hover span {
float:left;
display:block;
background:url("../img/menu_long_over.jpg") no-repeat right top;
padding:5px 15px 4px 6px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FEF28E;
}

/* ----------------------------------------- FOOTER STYLE ------------------------------------- */
/* ----------------------------------------- FOOTER STYLE ------------------------------------- */
/* ----------------------------------------- FOOTER STYLE ------------------------------------- */

#footerContent{
width:625px;
height:34px;
margin-left:auto;
margin-right:auto;
padding-top:25px;
color:#F6D996;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
}

#footerContent a {
color:#F6D996;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
text-decoration:none;
}

#footerContent a:hover {
color:#F6D996;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
text-decoration:underline;

}

#footerCopy{
float:right;
text-align:right;
}



/*--------------------------------------------------------------------PLANK STYLING------------------------------------------------------*/
/*--------------------------------------------------------------------PLANK STYLING------------------------------------------------------*/
/*--------------------------------------------------------------------PLANK STYLING------------------------------------------------------*/

.plankLeftWrap{
background:url(../img/parchmentLarge.jpg) no-repeat right bottom;
width:411px;
height:255px;
padding-left:90px;
padding-top:30px;
}

.plankLeftContent{
padding-left:50px;
padding-top:35px;
}

.plankLeftTitle{
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:24px;
letter-spacing:-2px;
color:#704d24;
}

.plankLeftImg{
width:300px;
height:150px;
border:2px solid #704d24;
}


.plankRightWrap{
float:right;
background:url(../img/parchmentSmall.jpg) no-repeat left bottom;
width:181px;
height:254px;
padding-right:90px;
padding-top:30px;
}

.plankRightContent{
padding:45px 15px 25px 25px;
width:135px;
color:#704d24;
}

#whiteBox a{
position:absolute;
z-index:20;
width:300px;
height:150px;
border:2px solid #704d24; 
}

#whiteBox a:hover{
position:absolute;
z-index:20;
width:300px;
height:150px;
background:url(../img/whiteBox.gif);
border:2px solid #704d24; 
}



/*--------------------------------------------------------------------BUTTON STYLING------------------------------------------------------*/
/*--------------------------------------------------------------------BUTTON STYLING------------------------------------------------------*/
/*--------------------------------------------------------------------BUTTON STYLING------------------------------------------------------*/



.button{
background:url(../img/buttonbg.jpg);
border:1px solid #666666;
font-size:14px;
padding:5px;
}

.button:hover{
background:url(../img/buttonbg_over.jpg);
border:1px solid #666666;
font-size:14px;
padding:5px;
color:#FFFF99;
}

.bigButton{
background:url(../img/buttonbg.jpg);
border:1px solid #666666;
font-size:18px;
padding:10px;
}

.bigButton:hover{
background:url(../img/buttonbg_over.jpg);
border:1px solid #666666;
font-size:18px;
padding:10px;
}

.buttonDiv{
text-align:center;
margin-top:10px;
}




/* ----------------------------------------- MISC. CLASSES ------------------------------------- */
/* ----------------------------------------- MISC. CLASSES ------------------------------------- */
/* ----------------------------------------- MISC. CLASSES ------------------------------------- */

.formFieldDiv{
background:#E1CE93;
padding:10px;
margin-top:5px;
}

.preloadImg{
display:none;
}

/*--------------------ALERT CLASS---------------------*/
.alert {
background: #6BA0DE url(../img/alert.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #5883b6;
border-bottom: 2px solid #5883b6;
color:#FFFFFF;
margin-bottom:20px;
}