/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	background-color: #C0C0C0;
	font-family:"trebuchet ms", verdana, arial, sans-serif;
}

#container {
	display: block;
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
}

/* Contains rest of HTML */
#centrecontainer {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
}


/* --- Header section ------------------------------------------------ */
#header {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    height: 179px;
    position: relative;
    width: 998px;
    background-color: #711371;
}

#header .header_logo {
    float: left;
    display: block;
    width: 166px;
    height: 179px;
    overflow: hidden;
}

#header_title {
    float:			left;
    margin-top:		33px;
    margin-left:	45px;
    width:			600px;
    height:			110px;
    overflow:		visible;
}

#header_title h1 {
    color: #FFFFFF !important;
    font-size: 2.2em !important;
    line-height: 1.4em !important;
    padding: 0 !important;
}

#header_title h2, #header_title p, #header_title a {
	color: #FFFFFF;
}

#find_us {
    background-image: url("../templateimages/find_us_clear.jpg");
    display: block;
    float: right;
    height: 140px;
    position: relative;
    right: -1px;
    width: 148px;
}

#find_us:hover { background-image: url('../templateimages/find_us_hover.jpg'); }

#search_bar {
	position:   absolute;
	bottom:     15px;
	right:      35px;
	width:      209px;
	height:     19px;
}
		
	.search_textbox {
		float:          left;
		margin:         0px;
		padding:        0px 0px 0px 8px;
		width:          174px;
		height:         16px;
		color:          #595959;
		font-size:      0.9em;
		border:         1px solid #7E9DBA;
	}

    .search_textbox:focus {
        font-size: 0.9em !important;
    }
		
	#search_bar a {
		display:            block;
		float:              right;
		width:              15px;
		height:             19px;
		background-image:   url('../templateimages/search_button_clear.jpg');
	}
			
	#search_bar a:hover { background-image: url('../templateimages/search_button_hover.jpg'); }
			
	.search_button {
		float:              left;
		margin:             0px 0px 0px 10px;
		padding:            0px;
		width:              15px;
		height:             19px;
		border:             0px solid #000000;
		background-image:   url('../templateimages/search_button_clear.jpg');
		background-repeat:  no-repeat;
	}
			
	.search_button:hover {
		cursor:             pointer;
		background-image:   url('../templateimages/search_button_hover.jpg');
	}

#header2{
	background-color: #4d4d4d;
	width:100%;
	height: 21px;
}

/* Top links */
#header2 .links {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-size: 0.95em;
}


#header2 .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links a:link, #header2 .links a:visited
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-weight: bold;
	margin: 0px 12px 5px 0px;
	}


#header2 .links a:hover
	{
	position: relative;
	text-decoration: none;
	color: black;
	font-weight: bold;
	}

#header2 .links2 {
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 0px;
}

#header2 .links2 li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links2 a:link, #header2 .links2 a:visited
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: white;
	font-size: 0.625em;
	font-weight: normal;
	}


#header2 .links2 a:hover
	{
	color: black;
	text-decoration: underline;
	}

/*-----------------------------------------------------------------------------------------------*/

/* --- Primary Navigation ------------------------------------------------ */

.clearer { clear: both; }

#navcontainer {
	width:			998px;
	min-height:		36px;
	border-left:	1px solid #FFFFFF;
	border-right:	1px solid #FFFFFF;
}

    #navcontainer, #navcontainer ul { background-color: #B7B309; }

	#navcontainer ul, #navcontainer li, #navcontainer a { display: block; }

	#navcontainer ul, #navcontainer li {
		float:		left;
		margin:		0px;
		padding:	0px;
	}

	#navcontainer ul { width: 100%; }

		#navcontainer li { position: relative; }

			#navcontainer a {
			    margin:             0px;
				padding:			8px 23px;
				min-height:			20px;
				color:				#FFFFFF;
				text-decoration:	none;
				font-size:			1.15em;
                font-weight:        normal;
				line-height:		1.3em;
			}

			.drop_down_top {
				background-color:	#B7B309;
				border-right:		1px solid #FFFFFF;
			}

			.drop_down_link {
				display:          none !important;
				position:         absolute;
				padding:          8px 12px !important;
				left:             0px;
				background-color: #939AA0 !important;
			}

			li:hover .drop_down_top {
				color:				#711371 !important;
				background-color:	#F2F0F9 !important;
			}

			li:hover .drop_down_link { display: block !important; }

			.drop_down_link:hover { background-color: #B7B309 !important; }

			.first   { top: 36px; border-top: 1px solid #FFFFFF; }
			.second  { top: 72px; }
			.third   { top: 108px; }
			.fourth  { top: 144px; }
			.fifth   { top: 180px; }
			.sixth   { top: 216px; }
			.seventh { top: 252px; }

			.plan_your_visit .drop_down_link	{ width: 200px; z-index: 60; }
			.collections .drop_down_link		{ width: 197px; z-index: 50; }
			.learning .drop_down_link			{ width: 255px; z-index: 40; }
			.venue_hire .drop_down_link			{ width: 250px; z-index: 30; }
			.support_us .drop_down_link			{ width: 223px; z-index: 20; }
			.about_us .drop_down_link			{ width: 97px; z-index: 10; }
			
			.shop .drop_down_top {
				padding-left: 23px !important;
				padding-right: 23px !important;
				border: none !important;
			}

/*-----------------------------------------------------------------------------------------------*/

/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding: 0px;
	margin: 0px;
}

/* Dynamic page content section of page body */
#pagecontent {
}

#pagecontent_pad {
    float: left;
    margin-left: 14px;
    margin-top: 20px;
    width: 648px;
}


/* Right hand section of page body (if you have one!) */
#left {
    float: left;
	margin-left: 16px;
    width: 308px;
}

/* Right hand section of page body */
#leftmenu {
    float: left;
	margin-left: 16px;
    width: 308px;
	margin-top: 0px;
	padding-top: 0px;
}

.category_shortened_block {
    float: left;
    margin-bottom: 20px;
    width: 314px;
    overflow: hidden;
    background-color: #711371;
}

.category_shortened_block img {
    margin-top: 0px !important;
}

.category_shortened_block a {
    display: block;
    width: 100%;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.category_shortened_block span {
    display: block;
    padding: 10px 14px 12px 14px;
    width: 100%;
    text-align: left;
    font-size: 1.8em;
}



/*-----------------------------------------------------------------------------------------------*/

/* --- Footer -------------------------------------------------------- */

#footer {
    padding:	0px 22px;
    width:		955px;	
    color:		#393737;
    background-color: #EBEBEB;
}

	#footer a {
        color: #393737;
        font-weight: normal;
    }

	.link, #translate {
	    display:		block;
		float:			left;
		padding-top:	9px;
		height:			26px;
		font-size:		0.9em;
		line-height:    1.4em;
	}

    .link { margin-right: 13px; }
    
    .footer_spacer {
		padding-top:		8px;
		text-decoration:	none; 
    }
	
	#translate { margin-left: 20px; }
	
	.logo {
		display:		block;
		float:			right;
		margin:         8px 0px 7px 15px;
        width:          auto;
        height:         20px;
	}

/*-----------------------------------------------------------------------------------------------*/

/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 148px;
}

#searchbox #searchbutton {
	width: 10px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}



/* ----- CUSTOM --- */

.maintitle{
	font-size:1.7em;
	margin-bottom:15px;
	height:30px;
	color: #605f5f;
	font-weight: bold;
    border-bottom: 1px solid #999999;
}