/* Stylesheet for Beneel */

* {
	padding: 0;
	margin: 0;
}

body {
	background-repeat:repeat;
	background-attachment:fixed;
    background-position:center top;
	text-align: left;
	font-family: Tahoma, Arial, Verdana,  sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #3e4358;
	padding-bottom: 5px;
}
.generalBgrnd {
    background-image: url(../images/webimages/calleja-bgrnd.jpg);
    /*background-image: url(../images/webimages/christmas-background.jpg);*/
}
.generalBgrnd2 {
    background-image: url(../images/webimages/Calleja_Background_Valentines.jpg);
}
.generalBgrnd3 {
    background-image: url(../images/webimages/christmas-background.jpg);
}
.landingPageBackground {
    background-image: url(../images/bgrnd.jpg);
    background-attachment:scroll;
    background-repeat:no-repeat;
}

.bgTOP {
    background-image: url(../images/webimages/header.png); 
    
}
p {
	padding: 10px 0;
	text-align: justify;
}

h2 { font-size: 19px; }
h3 { font-size: 17px; font-weight: bold; }
h4 { font-size: 14px; }

h1,h2,h3,h4 {
	font-family: Tahoma, sans-serif;
	color: #FFAC5E;
	font-weight: normal;
}

a {
    color:white; font-size:10pt; text-decoration: none;
}


a img { border: 0; }

/*a:link, a:visited {
	color: #ab2b2b;
	outline: none;
	
}

a:hover {
	color: #ab2b2b;
	outline: none;
	text-decoration: underline;
}*/

.wrapper {
	width: 1134px;
	margin: 0 auto;
	height:auto;
}

#header, #logo
{
    float: left;
}

#header 
{
    height:103px;
    width: 1124px;
}

#search-box 
{
    float: right;
    margin-top: 20px;
    width:236px;
}

#logo 
{
    width: 256px;
}

input#searchBox 
{
   background-image: url('../images/search-box.png');
   width: 248px;
   height: 35px;
   border: 0;
   background-color: transparent;
   text-indent: 40px;
   background-position: bottom;
}

#menu 
{
    width: 1124px;
	background-image: url(../images/webimages/menu.png);
	background-repeat: repeat-x;
	height: 49px;
	font-weight: normal;
	color: #4f4f4f;
	font-size: 14px;
	text-align: center;
}

#menu ul 
{
    list-style-type: none;
	padding-left: 50px;
	
}

#menu li 
{
	text-transform: capitalize;
	float: left;
	color: #4f4f4f;
	display: block;
	line-height: 60px;
	text-align: center;
	height: 45px;	
	line-height: 41px;
}

#menu li.lastItem 
{
    background-image: none !important;
}

#menu li a, #menu li a:visited {
	color: #4f4f4f;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	padding:0 20px;
	display: block;
}

#menu li a:hover {
	color: #4f4f4f !important;
	text-decoration: none;
	font-weight: normal;
	display: block;
}

#menu ul li ul {
	position:absolute; 
	z-index:10;
	margin-top: 3px;
	display: none;
	padding-bottom: 0;
	padding-top: 0;
	background-color: #E3E3E3;
	color: #e5d9b8;
	/*width: 400px !important;*/
	/*width: 375px;*/width:560px;
	float: left;
	padding-left: 0 !important;
	text-align: center;
	/*background-image: url("../images/sub-menu-bg.jpg");
	background-repeat: repeat;*/
	overflow:hidden; 
}

#menu ul li ul li {
	text-align: left;
	font-size: 12px;
	/*background-image: url("../images/sub-menu-bg.jpg");
	background-repeat: repeat-x;*/
	background-color: #E3E3E3;
	line-height: 25px;
	height: 25px;
	color: #564f4f;
	/*width: 375px;*/width:560px;
	text-transform: capitalize;
	background-image: none !important;
	
}

#menu ul li ul li div { float:left;}

#menu ul li ul li a
{   
	text-align: left;
	text-transform: uppercase;
    color: #564f4f;
	line-height: 25px;
	height: 25px;
	/*background-image: url("../images/sub-menu-bg.jpg");
	background-repeat: repeat-x;*/
	font-size: 12px;
	/*width: 160px !important;*/width: 145px;
	
}

#menu ul li ul li a:hover {
	background-image: url("../images/sub-menu-bg.jpg");
	background-repeat: repeat-x;
	color: #564f4f !important;
	text-decoration: none;
	/*width: 160px !important;*/width: 145px !important;
}

#menu li:hover ul { display: block; } 
.categories-menu {
    margin-bottom: 25px;
    float:left;
}
/*Styling for categories side menu*/
.cm-ul {
    width: 205px;
    list-style-type: none;
}

.cm-ul li {
    margin: 2px 0px 4px 0px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.cm-ul > li > a, .cm-ul > li > a:visited {
    color: #fff;
    font-family: Tahoma;
    text-transform: uppercase;
    width: 185px;
    display: block;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.cm-ul li a:hover {
    text-decoration: none;
    /*opacity: 0.5;*/
}

.cm-ul > li:first-child a, .cm-ul > li:first-child a:visited {
    color: #fff;
    font-size: 15px;
}

.cm-ul li:first-child a:hover {
    opacity: 1;
}

.cm-ul-sub {
    list-style-type: none;
}

.cm-ul-sub li {
background-image: none;
/*background-color: #b2b2b2;*/
margin-left: 18px;
}

.cm-ul-sub li a, .cm-ul-sub li a:visited {
font-family: Tahoma;
direction: ltr;
font-size: 12px;
text-transform: capitalize;
display: block;
height: 27px;
line-height: 27px;
margin-bottom: 1px;
padding-left: 4px;
cursor: pointer;
color: #fff;
}

.cm-ul-sub li a:hover {
    text-decoration: none;
}
menu-color {
    background-color: #A1D042;
    color: #fff; font-weight:200; font-size:10pt;
}

.menu-color1 {
    background-color: #A1D042;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color2 {
    background-color: #F13D6D;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color3 {
    background-color: #21C1C3;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color4 {
    background-color: #FFBA41;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color5 {
    background-color: #71ADE3;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color6 {
    background-color: #F5772D;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color7 {
    background-color: #D6D427;
    color: #fff; font-weight:200; font-size:10pt;
}
.menu-color8 {
    background-color: #5DC1C3;
    color: #fff; font-weight:200; font-size:10pt;
}
/*----------------------------------------*/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	line-height: 0; 
	height: 0; 
	font-size: 0; 
	text-indent: 0;
}

.banner 
{
    float: left;
    width: 787px;
    height: 265px;
}

.seasonal-container
{
    float: right;
}

.seasonal-box 
{
    background-image: url(../images/webimages/specialoffers.png); background-repeat:no-repeat;
    width: 320px; height:339px;
}

.seasonal-item 
{

    margin-left: 10px;
    margin-top: 20px;
    margin-right: 8px; 
}
.seasonal-image
{
    float: left;
    max-height:120px; overflow:hidden;
}
.seasonal-desc 
{
    float:left;
    margin-top: 10px;
    text-align: left;
}

.seasonal-name 
{
    color: #42494a; 
    font-size: 14px;
    text-align: left;
    font-weight:800; width:140px;
}

.seasonal-text 
{
    margin-top: 10px;
    width: 110px;
    color: #363636;
    font-size: 11px;
    text-align: left;
}

.seasonal-item-price-new 
{
    color: #363636;
    font-size: 14px;
}

.seasonal-item-price-was 
{
    color: #afa4a4;
    font-size: 11px !important;
}

#latest_trend_toys 
{
    margin-top: 10px;
    width: 598px;
    float: left;
    background-color:White;
    padding-bottom:20px;
    position:relative; left:10px;
    
}

.latest_trend_toys
{
    background-color:White;
    min-height: 172px;
    width: 598px;
}

.toy-item 
{
    float: left;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-left:6px;
    background-color:White;
}


.toy-image
{
    margin-left: 10px;
    margin-top: 10px;
    height:130px; overflow:hidden;
}

.toy-name 
{
    color:#919191;
    font-size: 18px; height:48px; max-height:48px; line-height:24px;
    text-transform: uppercase; text-align:left; padding-bottom:10px;
}

.toy-text 
{
    margin-top: 6px;
    font-size: 11px;
    color: #363636;
}

.toy-desc 
{
    margin-left: 10px;
    width: 180px;
}

.toys-item-price-new 
{
    color: #363636;
    font-size: 14px;
    float: left;
    margin-right: 10px;
     text-align:left;
}

.toys-item-price-was 
{
    color: #363636;
    font-size: 11px !important;
     text-align:left;
}

.prplBtn {
    background-image: url(../images/webimages/purple-button.png);
    width:161px; height:27px;
}
.orangeBtn {
    background-color:#FF6766;
    width:100px; height:30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.voucher 
{
    float: right;
    width: 320px;
    height: 150px;
    position:relative; top:-6px;
}

#educational-toys 
{
    margin-top: 10px;
    width: 788px;
    float: left;
}

#latest-news 
{
    margin-top: 10px;
    float: right;
    width: 305px;
    min-height: 106px;
}

.news-box 
{
    background-color: #fff;
    width: 301px;   
    min-height: 175px;
}

.news-box-wrap 
{
    padding: 10px;
}
.news-item 
{
    margin-bottom: 25px;
    float :left;
}

.news-item p 
{
    margin-top: -8px;
}

.first-column 
{
    float: left;
    width: 598px;
}

.content-box-1 
{
	width: 450px;
	margin-right: 50px;
	float: left;
}

.white-box 
{
    background-color: #fff;
    min-height: 380px;
    width: 100%;
    margin-top: 20px;
}

.content-wrap 
{
    background-color: transparent;
	padding: 10px;
	float: left;
}

#list-services ul 
{
    float: left;
    width: 200px;
    margin-right: 20px;
}

#list-services li
{
    color: #3e4358;
    list-style-type: none;
    border-left: 7px solid #9eb2be;
    text-indent: 30px;
    padding-bottom: 20px;
}


#list-services .last
{
    list-style-type: none;
    border-left: 7px solid #9eb2be;
    text-indent: 30px;
    padding-bottom: 0px !important;
}

#list-services li a:link, #list-services li a:visited
{
    color: #3e4358;
    font-weight: normal;
}

#list-services li a:hover 
{
    color: #3e4358;
    font-weight: bold;
    text-decoration: none;
}

#content 
{
    float: left;
    
}

.content-box
{
	width: 30%;
	margin-right: 35px;
	float: left;
}

.second-column 
{
	float: left;
	width: 278px;
	margin-left: 11px;
}

.content-box-3
{
	width: 410px;
	margin-right: 300px;
	float: left;
}

.content-box-4
{
	width: 410px;
	float: left;
}

.content-box-5
{
	width: 20px;
	float: left;
}


.divider 
{
    border-bottom: 1px solid #eaeaea;
}

.news-image 
{
    float: left;
    margin-right: 10px;
    border: 4px solid #b3a680;
}

.news-title 
{
    float: left;
    color: #5a4918;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
}

.news-title2
{
    color: #544312;
    font-family: 'PT Sans', sans-serif;
    font-size: 17px;
}

.news-desc 
{
    font-size: 11px;
    float: left;
    margin-top: 10px;
    width: 170px;
}

.news-desc2
{
    font-size: 11px;
    float: left;
    margin-top: 10px;
    width: 250px;
    
}

.contact-text
{
	float: left;
	width: 150px;
	margin-left: 50px;
	font-size: 10px;
}

.contact-address 
{
	margin-left: 100px;
	float: left;
	font-size: 11px;
}

.contact-details 
{
	margin-left: 100px;
	float: left;
	font-size: 11px;
}

.event-item 
{
	margin-top: 15px;
}

.event-name 
{
	margin-bottom: 10px;
}

.event-image 
{
	float: left;
    margin-right: 20px;
    border: 4px solid #b3a680;
    width: 225px;
}

.event-content 
{
	float: left;
	width: 400px;
}

.event-date 
{
	font-size: 15px;
	font-weight: bold;
}

.event-venue, .event-time-info 
{
	font-size: 13px;
	font-weight: bold;
}

.event-info 
{
	margin-top: 20px;
}

input[type="text"] 
{
	width: 200px;
	border: 1px solid #000;
	height: 20px;
	color: gray;
	font-size: 11px;
	font-family: Tahoma;
	padding: 2px;
}

textarea 
{
	border: 1px solid #000;
	color: gray;
	font-size: 11px;
	font-family: Tahoma;
	padding: 2px;
}

.entry-text 
{
	margin-bottom: 6px;
	font-size: 12px;
}

.left-form 
{
	margin-top: 20px;
	float: left;
	margin-right: 100px;
}

.right-form 
{
	margin-top: 50px;
	float: left;	
}


#footer 
{
	width: 100%;
	font-size: 11px;
	color: Aqua;
	height:auto;
}


.web-success 
{
    margin-top: 8px;
    margin-bottom: 15px;
    background-color: #fff;
}

.web-success div 
{
    width: 300px;
    color: #5c5353;
    padding-top: 8px;
    margin-left: 110px;
}

.footer-menu 
{
    width: 190px;
    color: #197584;
    float: left;
}

.footer-text 
{
    margin-top: 20px;
    color: #000;
    text-align: center;
}

.footer-menu ul 
{
    padding: 30px 0 10px 0;
    list-style-type: none;
    line-height: 15px;
    display: block;
    color: #000;
}

.footer-menu li 
{
    margin-bottom: 5px;
}

.footer-menu li a, .footer-menu li a:visited
{
	color: #197584;
	text-transform: uppercase;
	margin-left: 3px;
	font-size:7pt; font-weight:400;
}

.map-calleja
{
    float: left;
    margin-left: -20px;
    margin-top: 25px;
}

.contact-info 
{
    float: left;
    margin-left: 40px;
    margin-top: 25px;
}

.contact-info a 
{
    float: left;
    margin-right: 8px;
}

.contact-text
{
    margin-top: 10px;
    margin-left: 0;
    font-size: 12px;
    width: 224px;
    color: #42494a;
    line-height: 16px;
    float: left;
}
.btn
{
	margin-top:10px; border:none; background-color:#386795; width:150px; height:30px; font-family: Tahoma; font-weight:600; font-size: 13px; color: White;
}

.btnSearch {
    background-image: url(../images/webimages/Search.png); background-position:center;
    width:56px; height:35px; border:none; margin-top:9px; position:relative; right:2px;
}


/*LISTVIEW - SEARCH PAGE AND PRODUCTS PAGE*/
.prodPart {
    width:590px; background-color:white;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.thumbs-div {
    height: 40px;
    width: 50px;
    float: left;
    margin: 4px 4px;
    /*border: 2px solid #f4688d;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}
.product 
{
    width:120px;
    margin-left: 18px; margin-top:10px;
    min-height: 220px;
    float: left;
}
.pictureBorder
{
    width:120px;
    padding:2px;
    margin:0 auto;
}
.product-image 
{
    width:120px; height:120px; overflow:hidden;
}
.product-name 
{
    font-weight:400;
    font-size: 12px;
    color: #000;
    /*width:100px;height:60px;*/width:120px;height:35px; 
    line-height:15px;
    margin:10px 0px 0px 0px;
}
.numericBtns
{
    width:20px;
    color:White; background-color:#FE6200; border:1px solid White; cursor:pointer;
}
.crntNumeric
{
    width:20px;
    color:#FE6200; font-weight:600; background-color:White;
}    
#itemTemplate
{
    width:580px;
    background-color:white;
}
.sortText {
    color: #FFAC5E; line-height: 30px; margin: 0; padding: 0; display: inline; padding-left: 5px;
}
.sortDiv {
     height: 30px; line-height: 30px; cursor: pointer;
}
.sortDiv:first-child {
    padding-right:10px;
}
.sortDiv:nth-child(2) {
    padding-right:10px;
}
.sortDiv select {
    background-color:#f7941d;
    border:none;
    color:#FFAC5E;
    line-height: 30px;
    height:30px;

}
.sortDiv select:focus {
    outline:none;
}
.left
{
    float: left;
}
.ttlBar
{
    position:relative; top:-3px; background-image: url('images/webimages/latest-items.png'); background-repeat:no-repeat; 
    background-repeat:no-repeat;
    height:40px;
}
.docUpload {
    width:320px; height:40px; margin-top:30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color:#FFAC5E;
}