/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @licensehttp://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */

/* Layout ================================================================================= */


body { background-image:url(../images/background.png); background-repeat:repeat; }
.wrapper {}
.page { width:950px; margin:0 auto; text-align:left; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main { background-image:url(../images/main.jpg);background-repeat:repeat; }

/* Base Columns */ 
.col-left { float:left; width:210px; padding:5px 5px 0; }
.col-main { float:left; width:706px; }
.col-right { float:right; width:210px; padding:5px 5px 0; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto;clear:left; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:464px; margin-left:10px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */


/* Header ================================================================================ */
.logo { float:left; width:200px; height:63px; overflow:hidden; } 
.header-container {height:180px;}
.header { background-image:url(../images/header.jpg); height:149px; }
.header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; }
.header .logo a { display:block; width:200px; height:63px; }
.header .welcome-msg { font-weight:bold; text-align:right; }
.header .form-search { text-align:center; }
.header .form-search .search-autocomplete { z-index:999; }
.header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; }
.header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.selected {}
.header .form-language { text-align:center; }


/********** < Navigation */

#nav-bar {font-size:12px;float:left;width:950px;height:40px;background-image:url(../images/navigation.jpg);}
#searchBox { float:right;margin-right:20px;margin-top:6px;}
#searchBox .input-text{width:170px;}
#searchBox .button {width:73px; height:21px; }
#searchBox span {font-family: "Courier New", Courier, monospace;font-weight:600;font-size:16px;}
#nav {padding-left:15px;width:280px;float:left; font-family: "Courier New", Courier, monospace;font-weight:600;font-size:20px;}
#nav-links {float:left;margin-left:40px;text-align:center;}
#nav-lins .links {float:left;margin-left:30px;}

/* All Levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { font-size:20px;display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav li li.parent {}

/* 0 Level */
#nav li { float:left; }
#nav li.active a { color:#2a2824; }
#nav a { float:left; padding:0px 30px 6px 8px; color:#000000; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#2a2824; }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ddd; }
#nav ul li.over {}
#nav ul li.last { background:#656461; padding-bottom:0px; }

#nav ul a,
#nav ul a:hover { float:none; padding:6px 0px 0px 0px !important; font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;letter-spacing:normal !important;line-height:normal !important; }
#nav ul li a {}


/* Level 2*/
#nav ul {position:absolute; width:6em; top:25px; left:-10000px;}

/*Level 3*/
#nav ul ul { top:1px; }


/* Show Menu */

#nav li.over > ul { left:-7px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a {color:#898885; }
#nav ul li a:hover { color:#fff !important; }
#nav ul span,
#nav ul li.last li span { padding:6px 15px 4px 15px; border-bottom:1px dotted #000;} 


/* individual colours for the drop down */

#nav ul li.nav-mens-humour a:hover {background:#7FCDED; }
#nav ul li.nav-mens-humour {background:#4ABDEA;}

#nav ul li.nav-mens-flora-and-fauna a:hover {background:#7FCDED; }
#nav ul li.nav-mens-flora-and-fauna {background:#4ABDEA;}

#nav ul li.nav-mens-retro a:hover {background:#7FCDED;}
#nav ul li.nav-mens-retro {background:#4ABDEA;}

#nav ul li.nav-mens-in-the-garden a:hover {background:#7FCDED; }
#nav ul li.nav-mens-in-the-garden{background:#4ABDEA;}

#nav ul li.nav-women-humour a:hover {background:#E666A1; }
#nav ul li.nav-women-humour {background:#ED1E79;}

#nav ul li.nav-women-flora-and-fauna a:hover {background:#E666A1;}
#nav ul li.nav-women-flora-and-fauna {background:#ED1E79;}

#nav ul li.nav-women-retro a:hover {background:#E666A1;}
#nav ul li.nav-women-retro {background:#ED1E79;}

#nav ul li.nav-women-in-the-garden a:hover {background:#E666A1;}
#nav ul li.nav-women-in-the-garden{background:#ED1E79;}

#nav ul li.nav-kids-animals-and-insects a:hover {background:#FCB70B}
#nav ul li.nav-kids-animals-and-insects {background:#F5921B;}

#nav ul li.nav-kids-flora-and-fauna a:hover {background:#FCB70B}
#nav ul li.nav-kids-flora-and-fauna {background:#F5921B;}

#nav ul li.nav-kids-in-the-garden a:hover {background:#FCB70B}
#nav ul li.nav-kids-in-the-garden {background:#F5921B;}

/********** Navigation > */


/*********************** top Links, UL ************/


/* All Levels */
.links li { position:relative; text-align:left; }
.links li.over { z-index:999; }
.links a,
.links a:hover { display:block; line-height:1.3em; text-decoration:none; }
.links span { display:block; cursor:pointer; white-space:nowrap; }
.links li ul span {white-space:normal; }
.links li li.parent {}

/* 0 Level */
.links li { float:left; }
.links li.active a { color:#000000; }
.links a { float:left; padding:5px 5px 6px 8px; color:#898885; font-weight:bold; }
.links li.over a,
.links a:hover { color:#2a2824; }

/* 1st Level */
.links ul li,
.links ul li.active { float:none; margin:0; padding-bottom:1px; background:#ddd; }
.links ul li.over {}
.links ul li.last { background:#656461; padding-bottom:0; }

.links ul a,
.links ul a:hover { float:none; padding:0; background:none; }
.links ul li a { font-weight:normal !important; }

/* 2nd leven */
.links ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; }

/* 3rd+ Level */
.links ul ul { top:5px; }

/* Show Menu */
.links li.over > ul { left:0; }
.links li.over > ul li.over > ul { left:100px; }
.links li.over ul ul { left:-10000px; }

.links ul li a { background:#f6f6f6; color:#ffffff; }
.links ul li a:hover { background:#ccc; color:#fff !important; }
.links ul span,
.links li.last li span { padding:3px 15px 4px 15px; }

/* end top Links UL */

/* ======================================================================================= */


/* Global Styles ========================================================================= */

/* Links */

a {font-size:12px; color:#d90060; font-weight:bold;line-height:1.3em;text-decoration:none;}
a:hover {color:#2a2824;text-decoration:none;}

h3 a{font-size:16px;}

/* Form Elements */
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option {}
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
/*button::-moz-focus-inner { padding:0; border:0; }*/
button.button { overflow:visible; width:auto; background:#f6f6f6; border:1px solid #717171; cursor:pointer; /*-webkit-border-fit:lines;*/ }
button.button span { display:block; margin:0; padding:0 8px 1px; font:bold 12px/16px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#000; }
button.disabled {}
button.disabled span {}
/* Input & Textarea stretched for 100% */
.field-100 { border:1px solid #888; padding:2px; overflow:hidden; }
.field-100 input.input-text,
.field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}
.highlight {}*/

/* Form lists */
.form-list li { margin:0 0 5px; }
.form-list label { font-weight:bold; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:250px; }
.form-list select { width:256px; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }

.buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; }
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; }

.buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; }


/* Lists Decoration */
li.odd {}
li.even { background-color:#f6f6f6; }
dt.odd,
dd.odd {}
dt.even,
dd.even { background-color:#f6f6f6; }


/* Main Page guff */

#main-text { background-image:url(../images/main.jpg); background-repeat:repeat;font-family: "Times New Roman", Times, serif; font-size:18px;height:605px;}
.main-text-1 {float:left;margin-left:60px;width:390px;line-height:1.2em}
.main-text-2 {float:left;margin-left:40px;width:390px;line-height:1.2em}
.main-image {float:left;clear:left;width:950px;}
.main-image a{display:inline;}
.main-image img {display:inline;}

.bottom-image {float:left;height:123px;}
.secure {float:right;margin-right:25px;margin-top:35px;}

/* Footer ================================================================================ */
.footer {padding:10px; background-image:url(../images/footer.jpg);background-repeat:no-repeat;}
.footer p { text-align:right; }
.footer address { text-align:right; }
.footer ul { float:left; padding:0 20px 0 0; }
/* ======================================================================================= */

#messageNav img {
border:1px solid #145160;
}
#messageNav {
width:100%;
float:left;
margin:10px 10px 10px 10px;
position:relative;
z-index:89;
text-align:center;
}
#messageNav a:link, #messageNav a:visited, #messageNav a:active {
display:inline;
margin-right:20px;
}
#message {
text-align:left;
width:950px;
z-index:99;
height:436px;
}
#message div {
position:absolute;
display:none;
height:426px;
text-align:center;
width:950px;
top:189px;
}
#message img {
border:medium none;
}
#message1 {
width:950px;
display:block;
}
#message2 {
width:950px;
display:block;
}
#message3 {
width:950px;
display:block;
}
#message4 {
width:950px;
display:block;
}