/***************************************************************\
=================================================================
  MAIN.CSS
  
  Primary CSS document for Elann.Com front- and back-end
=================================================================
\***************************************************************/

/***********************\
  Defaults & Basic Body
\***********************/

* {
	font:inherit;
	color:inherit;
}

a, a:visited {
	text-decoration:none;
	color:#935001;
}

a:hover {
	text-decoration:underline;
	color:#935001;
}

body {
	background:#351B00 url(../images/mainbackground.png?20090724) top center repeat-x;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color: #333333;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

b { font-weight:bold }


/*******************\
  Currency Switcher
\*******************/

#switchcurrency a.current {
	font-weight: bold;
}

#switchcurrency a {
	text-decoration:none !important;
}

#switchcurrency a:hover {
	text-decoration:underline !important;
}

#switchcurrency {
	position:absolute;
	top:0;
	left: 0;
	background: none;
	width:100%;
	text-align:right;
}

/************************\
  Layout Block Structure
\************************/

#main_outer {
	text-align:center;
}

#main {
	width:778px;
	background:white;
	margin-left:auto;
	margin-right:auto;
	border:1px #999999;
	border-style:none solid;
	padding-bottom: 25px;
	text-align:left;
}

#content {
	background: white;
	margin: 40px 50px 0;
}

#footer {
	width:750px;
	border:none;
	color:white;
	padding:0;
	padding-top:24px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


/***********\
  Title Bar
\***********/

#titlebar {
	width:100%;
	height:145px;
	background: #351b00 url(../images/titlebar.jpg?20090724) top left no-repeat;
	color:white;
	position:relative;
}

#titlebar #titlebar_link_home {
	display:block;
	position:absolute;
	top: 10px;
	left: 15px;
	width: 110px;
	height: 40px;
}

#titlebar a, #titlebar a:visited, #titlebar a:active {
	color:white;
	text-decoration:none;
}

#titlebar a:hover, #titlebar a.current, #titlebar a:visited.current {
	color:#ae7c41;
	text-decoration:none;
}

#titlebar #titlebar_print_logo {
	/* The titlebar print logo is displayed only when printing. */
	display: none;
}

/* Login */
.login_btn 
{
	padding: 0;
	background-color: Transparent;
	border: none;
	cursor: pointer;
	color: #ae7c41;	
}

input.login_btn 
{
	font-size: 10px;
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Titlebar Main Navigation *\
\* ------------------------ */

#titlebar #navigation {
	width:100%;
	height:21px;
	position:absolute;
	left:0;
	bottom:20px;
}

#titlebar #navigation a {
	background: #ae7c41 url(../images/nav/corner_normal.gif) top right no-repeat;
	color: white;
	font-size:11px;
	text-transform:uppercase;
	position:absolute;
	top:0;
	height:17px;
	text-align:center;
	padding-top: 4px;
}

#titlebar #navigation a:hover, #titlebar #navigation a.current {
	background: #935001 url(../images/nav/corner_selected.gif) top right no-repeat;
}

#titlebar #navigation a#navigation_home { width: 78px; left:1px; }
#titlebar #navigation a#navigation_products { width: 116px; left:1px; }
#titlebar #navigation a#navigation_promotion { width: 108px; left:118px; }
#titlebar #navigation a#navigation_community { width: 135px; left:227px; }
#titlebar #navigation a#navigation_yarninfo { width: 127px; left:363px; }
#titlebar #navigation a#navigation_support { width: 169px; left:491px; }
#titlebar #navigation a#navigation_contact { width: 116px; left:661px; }

/* Titlebar Sub-Navigation *\
\* ----------------------- */

#titlebar #subnavigation {
	white-space:nowrap;
	width:100%;
	height:20px;
	position:absolute;
	left:0;
	bottom:0;
	padding:0;
	text-align:center;
	margin:0;
}

#titlebar #subnavigation p {
	padding:0;
	margin:0;
	padding-top:3px;
}

/* Titlebar Search Box *\
\* ------------------- */

#titlebar #search {
	font-size:12px;
	vertical-align:bottom;
	text-align:right;
	width:33%;
	padding:0;
	margin:0;
	position:absolute;
	right:21px;
	bottom:53px;
}

#titlebar #search span {
	vertical-align:bottom;
	position:relative;
	top:-3px;
}

#titlebar #search #titlebar_search_query {
	border: 1px solid #ae7c41;
	height: 17px;
	width: 94px;
	vertical-align:bottom;
	margin-right:7px;
	color: black;
}

/* Titlebar Member Navigation *\
\* -------------------------- */

#titlebar #membernavigation {
	text-align:right;
	white-space:nowrap;
	width:auto;
	position:absolute;
	padding:0;
	margin: 0;
	right:21px;
	top:10px;
}

#titlebar #membernavigation p {
	margin:0;
	padding:0;
}

#titlebar #membernavigation a {
	margin: 0 4px;
}

/****************\
  Dropdown Menus
\****************/

ul.dmenu 
{
    text-indent:0;
    padding:0;
    margin:0;
    list-style:none;
    z-index:5000;
    position:absolute;
    top:0;
    left:0;
	border-bottom: 1px solid #935001;
	border-top: 1px solid #351B00;
}

ul.dmenu li 
{
    text-indent:0;
    padding:0;
    margin:0;
    list-style:none;
}

ul.dmenu a 
{
    display:block;
	background: #F4F0EB;
	color: #351B00;
	font-size:11px;
	height:15px;
	width:130px;
	text-align:left;
	padding: 3px 20px 2px 24px;
	text-transform:lowercase;
	border: 1px solid #935001;
	border-bottom:none;
}

ul.dmenu a:hover {
	background: #351B00 url(../images/dmenubullet.gif) top left no-repeat;
	color: white;
	text-decoration:none;
}


/*********************\
  Content Area Layout
\*********************/

#content h1 {
	margin:0;
	padding:0;
	font-size:21px;
	font-weight: normal;
	margin-bottom: 32px;
	color:#935001;
}

#content h2 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
}

#content p {
	margin: 0;
	padding: 0;
	font-size:100%;
	margin-bottom: 14px;
}

/****************\
  Footer Details
\****************/

#footer a, #footer a:visited, #footer a:hover, #footer a:active {
	color:white;
	text-decoration:none;
}

#footer p {
	margin:0 0 13px 0;
}

.mytitle {font-family: Verdana, Arial; font-size: 12px; font-weight: bold;	color: #935001; }

.bodycss { text-align: left; }


/****************\
  Page title
\****************/
.featured_title_header
{
    float:left;
	font-family: Century Gothic;
	font-size: 24px;
	font-weight: normal;
	color: #935001;
	text-decoration: none;
	margin-top:25px;
	margin-bottom:10px;
}


.featured_text, .featured_text a:active,  .featured_text a:visited, .featured_text a:hover
{
    color:#F1E9DF !important;
    font-family:verdana !important;
    font-size:24px !important;
    text-decoration:none !important;
    float:left;
    padding-top:10px;
}

/****************\
  General Colours
\****************/

/****************\
.style_dark { color: #003060; }
.style_midium { color: #0060C0; }
.style_light { color: #0080E0; }
.style_title { color: #0060C0; }
.style_title_bold { color: #0050A0; }
.style_search_text { color: Gray; }
\****************/
.style_dark { color: #351B00; }
.style_midium { color: #935001; }
.style_light { color: #AE7C41; }
.style_title { color: #993300; }
.style_title_bold { color: #7b1d20; }
.style_search_text { color: Brown; }