/* CSS Document */

html, body{
margin: 0; 
padding: 0; 
font-family: "Lucinda Grande", Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
background-repeat: repeat-x;
background-color:#fce775;
background-image: url('gradient.gif');
background-repeat: repeat-x;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

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

#topsection{
height: 180px;
background: url('backgroundgrad.gif') #fff; 
}

#yellow{
height: 33px;
margin: 140px 0px 0px 20px;
padding-top:5px;
float:left;
font-size: 11px;
width:300px;
}

.yellowbox{
margin: 0;
padding: 0;
float: left;
font: 11px Arial;
background: #FFCC00;
height:33px;
background:url(images/yellowback.gif) repeat-x center;
}

.yellowbox li{
display: inline;
}

.yellowbox li a{
float: left;
color: #95760b;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #c2990b;
}

.yellowbox li a:visited{
color: #95760b;
}

.yellowbox li a:hover, .yellowbox li .current{
color: #95760b;
background: #fdd857;
}



#maininner{
float:left;
width: 530px;
padding-top: 30px;
padding-bottom: 50px;
}

#maininner2{
float:left;
width: 750px;
padding-top: 30px;
padding-bottom: 50px;
padding-left:30px;
}

#mainsection{
background-color:#FFFFFF;
width: 799px;
float:left;
border-right:1px solid #cacaca;
border-left: 1px solid #cacaca;
min-height: 500px;
}

.links ul{
list-style:none;
margin: 0px;
padding: 0px;
width: 180px;
font-size: 11px;

}

.links li{
border-bottom:#CCCCCC dashed 1px;
padding: 3px 18px 5px;
margin: 0px;
background: url('bullet_red.gif') 2px 2px no-repeat;
}

.links{
width: 180px;
float:left;
border-right:#CCCCCC solid 1px;
margin: 30px 20px 50px 20px;
padding-right:15px;
font-size:11px;
}

#searchbar{
height:180px;
width: 180px;
background: center url('searchbar.gif') no-repeat;
margin-top:10px;
margin-bottom:30px;
}

#innersearch{
padding:110px 10px 20px 20px;
}


#logo{
background: url('jolly_logo.gif') no-repeat; 
width: 238px;
height: 180px;
float:left;
margin-left:5px;
}

#basket{
background:url('jolly_basket.gif') no-repeat right;
width: 200px;
height: 180px;
float: right;
margin-right:10px;
}

#basketinner{
margin-top: 53px;
margin-left:22px;
}

#footer{
clear: both;
background:#f7d86c url("yellow_bottom.gif") repeat-x;
height: 50px;
color:#fff;
padding-left: 50px; 
padding-top: 20px;
font-family:"Lucida Grande", Arial, Verdana, Helvetica;
font-size:11px;
border-right:1px solid #ae0700;
border-left: 1px solid #ae0700;
}

#frontpagebox{
width:150px;
height:160px;
background:#f0dfa6;
border: 1px solid #ffc603;
margin: 5px;
display: inline;
float:left;
font-size:11px;
color:#000;
}

.fronttext{
float:left;
width:465px;
padding:10px;
font-size:11px;
}

.boxes{
padding: 10px 5px 30px 5px;
float:left;
}

.clearfloat{
clear:both;
}

.bestsellers{
background:#f0dfa6;
border: 1px solid #ffc603;
margin: 5px;
}