body {
background-color: #edebdf;
}

/*some useful styles	*/
.clear{clear: both;}
.success, .information, .error{padding: 10px; margin: 10px 0; font-size: 1em !important;}
.success li, .information li, .error li{margin-left: 10px;}
.success{background-color: #E8FCEA; border: 4px solid #008000;}
ul.success li{background-image: url(images/accept.png);}
ul.success li, ul.error li, ul.information li{background-repeat: no-repeat; background-position: left center; padding-left: 24px; margin: 4px 0; list-style-type: none;}

#header-wrapper {
background-image: url(images/header-background.png);
height: 71px;
position: relative;
z-index: 10;
}
#logo {
	position: absolute;
	left: 50%;
	margin-left: -445px;
	z-index: 30;
}
#header {
margin: 0 auto;
width: 890px;
}
#header #logo,
#header ul#navigation {
float: left;
margin-left: 204px;
}
#header #user-controls {
float: right;
}
#header #user-controls a{
margin-top: 8px;
display: block;
float: left;
margin-left: 4px;
height: 19px;
width: 83px;
text-indent: -9999px;
background-repeat: no-repeat;
}

#header #user-controls a#log-in{
    background-image: url(images/log-in-button.png)
}
#header #user-controls a#log-in:hover{
    background-image: url(images/log-in-active.png)
}
#header #user-controls a#log-out{
    background-image: url(images/log-out-button.png)
}
#header #user-controls a#log-out:hover{
    background-image: url(images/log-out-active.png)
}
#header #user-controls a#sign-up{
    background-image: url(images/sign-up-button.png)
}
#header #user-controls a#sign-up:hover{
    background-image: url(images/sign-up-active.png)
}
#header #user-controls a#your-account{
    background-image: url(/fileadmin/templates/images/account.png)
}
#header #user-controls a#your-account:hover{
    background-image: url(/fileadmin/templates/images/account-active.png)
}

#header ul#navigation {
list-style-type: none;
}
#header ul#navigation li {
float: left;
}
#header ul#navigation li a {
color: #fff;
text-decoration: none;
display: block;
padding: 9px 10px;
font-family: Helvetica;
font-size: 1em;
}
#header ul#navigation li.currentNav a,#header ul#navigation li a:hover {
background-image: url(images/navigation-link-background.gif);
color: #a27743;
}
#main-content-wrapper {
background-image: url(images/main-content-background.jpg);
background-position: top center;
min-height: 600px;
/* shift up to allow gradient to sit over it */
margin-top: -33px;
padding-top: 33px;
}
#main-content {
margin: 0 auto;
width: 960px;
padding-bottom: 1.5em;
}
#main-content a {
color:#AA7821;
font-weight:bold;
text-decoration:none;
}
/*columns*/
/*main content columns	*/
#main-content #left-col{float: left; width: 155px;}
#main-content #right-col{float: right; width: 250px}
#main-content #right-col h3{background-image: url(images/right-col-header.png); background-repeat: no-repeat; height: 20px; color: #000000; padding: 3px 0 0 5px; margin-bottom: 5px;}
#main-content  #center-col{float: left;width: 440px; padding-left: 50px}
#main-content .sub-nav{width: 100%;}
#main-content .sub-nav li{border-bottom: 1px solid #aaaaaa; padding: 5px 0; list-style-type: none; background-image: url(images/sub-nav-li-bg-everyday.gif); background-repeat: no-repeat; background-position: left center; padding-left: 16px}
#main-content .sub-nav a{font-size:1.1em; color: #AA7821; text-decoration: none;}
#main-content .sub-nav a:hover{color: #AA7821;}
#main-content .sub-nav li.current {background-position: 0px 11px;}
#main-content .sub-nav li.current a{color: #AA7821;}
#main-content .sub-nav .sub-nav-second-level li{border-bottom: none; background-position: left center; }
#main-content .sub-nav .sub-nav-second-level li a{color: #000; font-size: 12px;}
#main-content .sub-nav .sub-nav-second-level li.current a{color: #AA7821;}
#main-content #main-col{float: left; width: 600px;}


/*column stuff*/
.blog-spotlight, .promo {
    background-color:#FFFBDF;
    border:1px solid #E4C56A;
    margin-bottom:12px;
    padding:12px;
    width:202px !important;
}
#main-content #right-col h1{font-size: 1.4em;}
#left-col ul, #left-col ol, #right-col ul, #right-col ol { margin-left: 0; padding-left: 0; }


/*footer*/

#page-footer {
border-top: 6px solid #f6f4e7;
min-height: 120px;
}
#page-footer #footer-inner {
font-size: 0.8em;
width: 960px;
margin: 0 auto;
color: #795432;
}
#page-footer #footer-inner ul {
list-style-type: none;
padding-left: 0;
width: 960px;
float: left;
margin-top: 25px;
}
#page-footer #footer-inner ul li {
float: left;
line-height: 0.8em;
}
#page-footer #footer-inner ul li.first a {
padding-left: 0;
}
#page-footer #footer-inner ul li.last a {
border-right: none;
}
#page-footer #footer-inner ul li a {
text-decoration: none;
color: #795432;
border-right: 1px solid #795432;
padding: 0 6px;
display: block;
}
#page-footer #footer-inner ul li a:hover{text-decoration: underline; }

#page-footer #footer-inner p {
margin-bottom: 0.5em;
line-height: 1.25em;
}



/*home page styles*/

#home-splash {
	height: 392px;
	position: relative;
	top: -34px;
	z-index: 15;
	background-image: url(images/promo-bg.jpg);
	background-color: #444236;
}

#home-splash p {
	color: white;
	text-align: center;
	padding-top: 180px;
}

#home-info-panels {
	background-image: url(images/info-panels-background.png);
	background-repeat: no-repeat;
	padding: 33px 49px;
	min-height: 330px;
    margin-top: -33px	
}

#home-info-panels h1 {
	font-size: 2.35em;
	font-weight: normal;
}

#home-info-panels p b {
	color: #49473a;
}

#home-info-panels ul {
	margin: 0px;
	padding: 0px 0px 0px 1em;
}

#home-info-panels td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#home-info-panels .imgtext-nowrap td img {
	margin-left: -11px;
}

.info-box {
	width: 200px;
	float: left;
	width: 247px;
	margin: 0px 20px;
}



/*form styles (contact and registration) */	
#main-content .twinings-form{width: 600px; background-color: #f3f3f3; border: 1px solid #cccccc; padding: 10px;}
#main-content .twinings-form * { font-size: 11px; line-height: normal; }
#main-content .twinings-form fieldset{margin: 10px 0;}
#main-content .twinings-form a{color: #AA7821;}
#main-content .twinings-form p { margin-bottom: 0px; }
#main-content .twinings-form p.hint { color: #777 }
#main-content .twinings-form dd { margin-left: 0; }
#main-content .twinings-form label{display: block; width: 120px; float: left; text-align: left; margin-bottom: 10px; color: #777; font-weight: bold; }
#main-content .twinings-form input, #main-content .twinings-form select{width: 150px; margin-bottom: 8px; padding: 0}
#main-content .twinings-form .personal-information, #main-content .twinings-form .other-information{width: 280px; text-align: right;}
#main-content .twinings-form .personal-information{float: left;}
#main-content .twinings-form .other-information{float: right; margin-top: -3px;}
#main-content .twinings-form .full-width{width: 100% !important; float: left; text-align: left;}
#main-content .twinings-form .full-width label{color: #777; font-weight: normal !important; width: auto !important; margin-right: 5px;}
#main-content .twinings-form .full-width input{float: left; margin-right: 5px; width: auto !important;}
#main-content .twinings-form .full-width textarea{float: left; margin-right: 5px; width: 466px;}
#main-content .twinings-form .full-width .message-label{width: 120px !important; font-weight: bold !important;}
#main-content .twinings-form #ecrm-signup{background-color: #ddd; border: 1px solid #aaa; padding: 10px 5px 10px 5px;}
#main-content .twinings-form #ecrm-signup p{width: 100%;}*/

.twinings-form { overflow: auto;}
.twinings-form .personal-information { clear: left; }
#main-content .twinings-form #ecrm-signup { overflow: auto; }
#message { margin-bottom: 10px; }
#captcha-input { margin-top: 5px; }
#main-content .twinings-form input#password_confirmation, #main-content .twinings-form input#favourite_tea { margin-bottom: 20px; }
#main-content .twinings-form input#third_party { margin-bottom: 25px; }
#main-content .twinings-form .other-information { text-align:left; }

#fieldset-otherinformation3 {text-align: left !important; clear: both;}

#fieldset-otherinformation3 {width: 100% !important;}
#fieldset-otherinformation3 label, #fieldset-otherinformation3 input{float: right !important;}
#fieldset-otherinformation3 img {float: left !important;}
#fieldset-otherinformation3 label {position: absolute; margin-left: 320px; width: 120px !important;}
#fieldset-otherinformation3 input {margin-top: -10px; margin-right: 5px}
#fieldset-otherinformation3 a{margin-left:-280px; margin-top:110px; position:absolute;}
#fieldset-otherinformation3 li{position: absolute; margin-top: 20px; margin-left: 290px; *margin-left: 10px !important;}
#fieldset-otherinformation4 dd{text-align: right;}
.twinings-form textarea{width: 470px; margin-left: 5px; float: left;}

.subform {background-color: #ddd; height: 200px; margin-bottom: -170px; padding: 4px;};         


#message {width: 475px;}

.errors {
    list-style: none;
    color: #C33 !important;
    padding-left: 0px !important;
}

.errors li
{
    background-image: none !important;
    font-size: 10px !important;
    text-align: left !important;
    padding-left: 3px !important;
}

.information, .error{ 
    background-color: #FFFBDF; 
    border: 1px solid #E4C56A; 
    padding: 12px; 
    margin-bottom: 12px;
}
.shortersubform {height: 130px !important; margin-bottom: -100px !important;}
#fieldset-personalinformation label, #fieldset-user label { margin-left:4px; }

#login, #submit, #comment-form input { background-color:#C1972B; border:1px solid #666666; }



/*blog styles        */	
#main-content .journal-entry{border-bottom: 1px solid #cccccc; margin-bottom: 15px;}
#main-content .journal-entry h2 {float: left; width: 235px; font-size: 1.5em; }
#main-content .journal-entry h2 a { text-decoration: none; }

#main-content .blogList .journal-entry .poster-info{float: right; width: 200px; font-size: 0.9em}
#main-content .journal-entry .poster-info .avatar{border: 2px solid #aaaaaa; float: right;}
#main-content .journal-entry .poster-info a{text-decoration: none; font-weight: bold;}
#main-content .journal-entry .poster-info p{padding: 0; margin: 0; color: #777777}
#main-content .journal-entry .poster-info p span.author {  }
#main-content .journal-entry .journal-date, #main-content .journal-entry .journal-date a{font-size: 0.9em;}


#main-content .journal-entry .journal-entry-content{clear:both; padding-top: 10px;}
#main-content .journal-entry .journal-entry-comments-info{clear: both; padding-top: 10px;}
#main-content .journal-entry .journal-entry-comments-info p{font-size: 0.9em;}
#main-content .journal-entry .journal-comments{}
#main-content .journal-entry .journal-comments .add-journal-comment textarea{background-color: #f6f6f6; border: 1px solid #cccccc; margin: 10px 0 5px 0; padding: 5px; width: 430px; color: #333; font-family: helvetica, arial, sans-serif; font-size: 1em;}
#main-content .journal-entry .journal-comments .comment{background-color: #f3f3f3; border: 1px solid #cccccc; margin: 10px 0; padding: 5px;}

p.comment-report a
{
font-size: 0.9em;
}


.pageBrowser { 
list-style-type: none;
display: inline;
padding-left: 0;
}

.pageBrowser li
{
display: inline;
color: #AA7821;
margin-left: 10px;
}

.pageBrowser li a
{
color: #AA7821;
}


/*taken from speciality theme*/

#main-content ul.pageBrowser li
{
padding-left: 2em;  
background-image: url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0.5em;
font-size: 1em;
margin-bottom: 6px;
}


table.imgtext-table, .info-box p { margin-bottom: 8px; }
.info-box li { color: #666; margin-bottom: 10px; }