@import "ttnews.css";
@import "typo3.css";

body {
	margin: 0 0 0 0px;
	text-align: left;
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #685e55;
	background: #C4C18E;
}
.inner {
	clear: both;
	background: url(../imgs/content_bg.gif) repeat-y top right;
}

/*//////////////////////////////////////////////////////////////
GLOBAL STYLES
//////////////////////////////////////////////////////////////*/
a {
	color: #690e0e;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
table {
	font-size: 100%;
}
div.clear {
clear: both;
}

/*//////////////////////////////////////////////////////////////
HEADER STYLES
//////////////////////////////////////////////////////////////*/
#Header {
	padding-top: 15px;
	text-align: right;
}
#Header .logo {
	position: absolute;
	height: 45px;
	width: 108px;
	top: 20;
	left: 72px;
}
#Header .meddir {
	position: absolute;
	top: 47px !important; top: 49px;
	left: 200px;
}
#Header .centerphone {
	font-size: 14px;
	position: absolute;
	text-align: right;
	z-index: 1001;
	top: 47px !important; top: 49px;
	left: 0px;
	width: 970px;
}
#Header .links {
	position: absolute;
	z-index: 1000;
	top: 30px;
	left: 0px;
	width: 970px;
	text-align: right;
	height: 40px;
	font-family: Arial;
	font-size: 85%;
	color: #5e2f0e;
}
#Header .links FORM { float:right; }
#Header .links .tx-indexedsearch-searchbox-sword2 { background-color:#FAF6E3; border:1px solid #C4BE9D; padding:1px; font-size:11px;   }
#Header .links .tx-indexedsearch-searchbox-button { background-color:#DED9BE; border:1px solid #C4BE9D; padding:0px; font-size:9px;   }

#Header .links .box { 
float: right; 
margin-top: 2px; 
margin-bottom: 2px !important; margin-bottom: 0px;
 }

#Header .logo a, #Header .logo a:hover {
	text-decoration: none;
}
#Header .logo a img {
	border: 0;
}
#Header .links a {
	color: #5e2f0e;
	text-decoration: none;
}
#Header .links a:hover {
	text-decoration: underline;
}
/*//////////////////////////////////////////////////////////////
NAVIGATION STYLES
//////////////////////////////////////////////////////////////*/
#Nav {
margin-top: 0px !important; margin-top: 0px;
	height: 48px !important; height: 25px;
	width: 800px;
	background: url(images/nav_bg.bmp) no-repeat bottom left;
}
#navMain {
	height: 25px;
	margin: 20px 6px 0 0 !important; margin: 0px 2px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
#navMain li {
	float: left;
	background: url(images/left_both2.bmp) no-repeat left top;
	margin:  0 2px 0 0;
	padding: 0 0 0 6px;
}
#navMain li a {
	display: block;
	width: .1em;
	padding: 4px 10px 0px 6px;
	line-height: 21px;
	text-decoration: none;
	font-weight: bold;
	color: #7a7064;
	background: url(images/right_both2.bmp) no-repeat right top;
}
#navMain li a {
	width: auto;
}
#navMain li a:hover {
	color: #333;
}

#navMain li#selected {
	background-position: 0 -27px;
	border-width: 0;
}
#navMain li#selected a {
	background-position: 100% -27px;
	color: #333;
}
#navMain li:hover, #navMain li:hover a {
	color: #333;
}
#navMain li#selected {
	background-position: 0 -27px;
	border-width: 0;
}
#navMain li#selected a {
	background-position: 100% -27px;
	color: #333;
}
#navMain li:hover, #navMain li:hover a {
	color: #333;
}
 
#home .nav-home, #news .nav-news, #products .nav-products, #about .nav-about, #contact .nav-contact {
	background-position: 0 -27px;
	border-width: 0;
}
#home .nav-home a, #news .nav-news a, #products .nav-products a, #about .nav-about a, #contact .nav-contact a {
	background-position: 100% -27px;
	color: #333;
}
#navMain li:hover, #navMain li:hover a {
	color: #333;
}
/*///////////////////////
SECOND TIER NAV
///////////////////////*/
#navMain li ul.sub {
	display: none;
	background-image: none;
}
#navMain li a:hover ul.sub, #navMain li:hover ul.sub, #navMain li.over ul.sub {
	display: block;
}
#navMain ul.sub {
	position: absolute;
	display: block;
	z-index: 6000;
	height: auto;
	margin: -1px 0 0 -6px;
	padding: 0;
	border-right: 1px solid #97aebe;
	border-left: 1px solid #97aebe;
	border-bottom: 4px solid #97aebe;
	font-size: 10px;
	list-style: none;
	background-color: #cccde2;
	background-image: none;  

}
#navMain ul.sub li {
	width: 180px;
	float: none;
	height: auto;
	line-height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: none;
	background-position: none;
}
#navMain ul.sub li a {
	display: block;
	margin: 0;
	padding: 0 6px;
	line-height: auto;
	color: #582b0e;
	background: none;
	bckground-position: none;
}
#navMain ul.sub li a:hover {
	color: #000;
	background: #f9f5e2;
	background-image: none !important;
	background-position: none;
}
/*///////////////////////
SECOND ROW OF NAVIGATION
///////////////////////*/
.tab2 {
clear: both;
line-height: 2em;
text-align: left;
padding: 0 10px;
background: #E9E3C5;
}

/*//////////////////////////////////////////////////////////////
TAB STYLES
//////////////////////////////////////////////////////////////*/
#Tabs {
	height: auto;
	width: 720px;
	margin: 10px 6px 0 0;
	background: url(../imgs/tab_bg.gif) repeat-x bottom left;
}
#Tabs ul {
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../imgs/tab_bg.gif) repeat-x bottom left;
}
#Tabs li {
	float: left;
	background: url(../imgs/tab_left_both.gif) no-repeat left top;
	margin:  0 2px 0 0;
	padding: 0 0 0 6px;
	line-height: 22px;
	list-style: none;
}
#Tabs a {
	float: left;
	display: block;
	padding: 0px 10px 0px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #785a44;
	background: url(../imgs/tab_right_both.gif) no-repeat right top;
}
#Tabs #tab-selected {
	background-position: 0 -23px;
	border-width: 0;
}
#Tabs #tab-selected a {
	background-position: 100% -23px;
	font-size: 100%;
	color: #333;
}
#Tabs li:hover, #Tabs li:hover a {
	color: #333;
}
.tabContent {
	clear: left;
	height: auto;
	width: 723px !important; width: 720px;
	margin: 0 6px 0 0;
	padding: 0px;
	border-left: 1px solid #b19950;
	border-right: 1px solid #b19950;
	border-bottom: 1px solid #b19950;
	border-top: 1px solid #b19950;
	line-height: 1.5em;
	background: #fffdf1;
}
.tabContent td {
	padding: 10px;
}
.tabContent img {
	float: left;
	padding-right: 6px;
}

/*//////////////////////////////////////////////////////////////
LIST STYLES
//////////////////////////////////////////////////////////////*/
#Tips {
	border: 0px;
	margin: 5px 5px 5px 5px;
	width: auto;
	padding: 0px;
}

#TipsMain {
	border: 0px;
	margin: 0px 0px 0px 0px;
}
#Tips ul {
	margin: 5px;
	padding: 5px 5px 5px 20px;
}

#TipsMain li {
	margin:  0px 0px 0px 0px;
	padding: 0 0 0 6px;
}

INPUT.BUTTON
{
    BORDER-RIGHT: #6699CC 2px solid;
    BORDER-TOP: #ffffff 2px solid;
    BACKGROUND: #B0C4DE;
    BORDER-LEFT: #ffffff 2px solid;
    COLOR: #685e55;
    BORDER-BOTTOM: #6699CC 2px solid;
    FONT-FAMILY: Trebuchet MS
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

SELECT
{
    BORDER-RIGHT: #6699CC 2px solid;
    BORDER-TOP: #6699CC 2px solid;
    BACKGROUND: #FFFFFF;
    BORDER-LEFT: #6699CC 2px solid;
    COLOR: #685e55;
    BORDER-BOTTOM: #6699CC 2px solid;
    FONT-FAMILY: Trebuchet MS
    FONT-SIZE: 11px;
}

INPUT.BOX
{
    BORDER-RIGHT: #6699CC 1px solid;
    BORDER-TOP: #6699CC 1px solid;
    BACKGROUND: #FFFFFF;
    BORDER-LEFT: #6699CC 1px solid;
    COLOR: #685e55;
    BORDER-BOTTOM: #6699CC 1px solid;
    FONT-FAMILY: Trebuchet MS
    FONT-SIZE: 11px;
}

TEXTAREA
{
    BORDER-RIGHT: #6699CC 1px solid;
    BORDER-TOP: #6699CC 1px solid;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #6699CC 1px solid;
    COLOR: #685e55;
    BORDER-BOTTOM: #6699CC 1px solid;
    FONT-FAMILY: Trebuchet MS
    FONT-SIZE: 11px;
}