*{ padding:0px; margin:0px; border:none; outline:none;}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:25px;
	font-size: 13px;
	color: #000;
	font-weight: normal;
}

input, textarea { background-color: #EDF2C7;}
a { font-weight: normal; color: #61523C; text-decoration: none; outline: none; }
a:focus, a:active { outline:none; }
a:hover { color: #AECB2A;}
a.button { position: relative; display: block; float: left; background-color: #AECB2A; padding: 5px; color: #ffffff; font-size: 87%; line-height: 13px; margin-right: 10px;}
a.button:hover { background-color: #61523C;}
p { margin-bottom: 10px; }
h1 { margin-bottom: 10px; }
ul { list-style-type: none; }
span.imglink {display:none;}
div.clear {clear: both;}
html { height: 100%; }
body { background-color: #ffffff; height: 100%; min-width: 960px;}
#wrapper { position: relative; width: 960px; height: 100%; margin: 0 auto; }
#content {  }
#sidebar { position: absolute; width:208px; height: 100%; min-height: 720px	; top:0; left: 700px; color: #fff; background: #000000 url(../images/sidebar_bg.png) repeat-y; z-index: 900;}
#sidebar a { color: #ffffff; }
#sidebar a:hover, #sidebar a.active { color: #AECB2A;}
#sidebar #logo {position: relative; z-index: 100; left: -24px; width: 165px; height: 155px; background: url(../images/tutm_logo.png) 0 10px no-repeat; }
#sidebar #logo a { display: block; width: 165px; height: 139px; }
#sidebar #navigation { font-size: 123.1%;}
#sidebar #navigation li { width: 208px; padding: 10px 0 10px 0; text-align: center; border-top: 2px dotted #61523C; }
#sidebar #navigation li.last { border-bottom: 2px dotted #61523C; }
#sidebar #navigation li#theodor_logo { border: none; height: 225px; background: url(../images/theodor_logo.png) center center no-repeat;}

#home { background: url(../images/eifel-tower_xlrg.jpg) top center no-repeat; }
#home p { color: #ffffff; }
#home div.intro_text { width: 232px; text-align: right; position: absolute; left: 434px; top: 50px;}
#home div.intro_text h1.love_story { background: url(../images/a_love_story_of_tea.png) no-repeat top right; width: 232px; height: 24px; }
#home #tins { position: absolute; top: 500px; left: 280px;}
#home #tin1 { position: absolute; top: 0px; left: 0px; width: 181px; height: 212px; background: url(../images/home_tin1.png) top left no-repeat;}
#home #tin3 { position: absolute; top: 20px; left: 130px; width: 181px; height: 212px; background: url(../images/home_tin2.png) top left no-repeat;}
#home #tin2 { position: absolute; top: 0px; left: 260px; width: 181px; height: 212px; background: url(../images/home_tin3.png) top left no-repeat;}

#about #slideshow { position:relative; left: -100px;}
#about div.intro_text { position: absolute; width: 270px; top: 170px; z-index: 100; }
#about div.intro_text p { color: #61523C; line-height: 18px;}
#about div.intro_text h1.four_minutes { background: url(../images/four_minutes.png) no-repeat top left; width: 182px; height: 24px; }

#shop #content { background: url(../images/shop_bg.jpg) top left no-repeat; height: 700px;}
#shop div.intro_text { position: absolute; width: 250px; top: 66px; left: 414px;}

#stores { background: url(../images/stores_bg.jpg) top center no-repeat; color:#ffffff;}
#stores #content { position: relative; top: 45px; left: 35px; }
#stores h2 { text-transform: uppercase; font-size: 100%; color: #ffffff; font-weight: bold; }
#stores a { color: #ffffff; }
#stores a span.url { color: #A69881; }
#stores a:hover span.url { color: #AECB2A; }
#stores #signature_stores h1 { background: url(../images/signature_stores.png) top left no-repeat; width: 148px; height:23px; }
#stores #signature_stores ul { background: url(../images/stores_tutm_logo.png) top left no-repeat; height: 124px; padding: 15px 0 0 140px; }
#stores #signature_stores li { display: block; float: left; padding-right: 20px; }
#stores #theodor_retailers h1 { background: url(../images/theodor_retailers.png) top left no-repeat; width: 198px; height:20px; }
#stores #theodor_retailers ul { position: relative; display: block; float: left; width: 190px; }

#contact { background: url(../images/contact_bg.jpg) center 270px no-repeat; }
#contact #content { position: relative; width: 470px; left: 180px; top:50px; }
#contact #content h1 { background: url(../images/contact_header.png) top left no-repeat; width: 388px; height: 117px; position: relative; left: -70px; }
#contact #content label { clear: left; float: left; width: 70px; text-transform: uppercase; color: #75654E;}
#contact #content label.error { width: 280px; color: red;}
#contact #content input { float: left; width: 210px; height: 20px; padding: 2px; margin-bottom: 7px;}
#contact #content textarea { width: 450px; height: 160px; padding: 10px;}
#contact #content .submit { float: right; width: 80px; height: 22px; background-color: #AECB2A; padding: 5px 10px; color: #ffffff; font-size: 87%; line-height: 13px; }
#contact #content .submit_button:hover { background-color: #61523C;}
#contact #content #address { float: right; width: 160px; line-height: 20px; }

#wholesale { background: url(../images/wholesale_bg.jpg) center 220px no-repeat; }
#wholesale #content { position: relative; top: 90px; left: 35px;}
#wholesale p.logo { background: url(../images/wholesale_tutm_logo.png) top left no-repeat; width: 435px; height: 133px; padding: 20px 0 0 152px; color: #75654E;}
#wholesale #login { margin-left: 25px;}
#wholesale #login h2 { background: url(../images/customer_login.png) top left no-repeat; width: 103px; height: 18px; margin-bottom: 10px;}