/*

Global - non page specific items
Front Page - Front page specific layout and classes
Footer - Footer layout and class
Subpage - Secondary layout and classes
Styles - Non page specific classes and styles

*/	


*
{
margin: 0px;
padding: 0px;
list-style: none;
}


body 
{
font-size: 12px;
margin: 0px;
text-align: center;
background: #ffffff url(img/body.jpg) center repeat-y;
color: #161616;
font-family: Arial, Helvetica, sans-serif;
}

/* @group Global ***********************************************/

#header
{
position: relative;
margin: 5px auto 8px auto;
width: 774px;
height: 87px;	
background: url(img/TME_LOGO_HIGH.png) top left no-repeat;
}

#advantnav
{
position: absolute;	
display: block;
top: 0px;
right: 0px;
width: 217px;
height: 46px;
z-index: 100;
}

#contactinfo
{
position: relative;	
padding-top: 50px;
height: 15px;

text-align: right;
font-weight: bold;
font-size: 14px;
color: #4C4C4C;
}

#topnavigation
{
position: relative;
padding-top: 6px;
text-align: right;	
}

#topnavigation li
{
position: relative;
float: right;	
}

#topnavigation a:link, #topnavigation a:visited
{
position: relative;
float: left;	
padding: 0px 10px 0px 10px;
font-size: 11px;
font-weight: bold;
color: #890C08;
background: url(img/nav_liner.gif) top left no-repeat;
text-decoration: none;
}

#topnavigation a:hover
{
background: #890C08 url(img/nav_liner.gif) top left repeat-y;
color: #ffffff;
}

#contentwrap
{
position: relative;
margin: auto;
width: 774px;
background: #ffffff;
}
/* @ End */

/* @group Font Page ***********************************************/

#frontfeature
{
position: relative;
padding: 8px;
width: 758px;
height: 277px;
background: url(img/big_bg.gif);
overflow: hidden;
}

.featureleft
{
position: relative;
float: left;
width: 558px;
height: 273px;	
}

.featureright
{
position: relative;
float: right;
width: 193px;
height: 273px;	
}

.lowerfeature
{
position: relative;
margin-bottom: 1px;
padding: 8px 0px 11px 0px;
width: 774px;
text-align: left;
font-size: 11px;
}

#fpdropdown
{
position: relative;
padding: 5px 15px 10px 15px;		
width: 107px;	
background: url(img/dropdown_bg.gif) top left no-repeat;
}

.thedd
{
width: 107px;
height: 20px;	
}

.bottomborder
{
background: url(img/circle.gif) repeat-x bottom left;	
}

.topborder
{
background: url(img/circle.gif) repeat-x top left;	
}

.lwrapper /* cosmetic only */
{
position: relative;	
float: right;
margin-left: 1px;
padding-left: 4px;
background: url(img/circle.gif) top left repeat-y;
}

.lwrapperinside
{
position: relative;
padding: 7px 7px 2px 8px;
width: 211px;
height: 98px;	
background: url(img/small_frontpage_box_bg.gif) repeat-x;
}

.lwrapperinsidewide
{
position: relative;
padding: 7px 7px 2px 8px;
width: 422px;
height: 98px;	
background: url(img/small_frontpage_box_bg.gif) repeat-x;
}

.lwrapperlarge
{
position: relative;
padding: 7px 7px 2px 8px;
height: 98px;	
background: url(img/small_frontpage_box_bg.gif) repeat-x;
}

.lowerright1
{
position: relative;	
padding: 7px 0px 2px 157px;
width: 140px;
height: 98px;	
background: url(img/doughnutmaker.gif) no-repeat top left;
}

.lowerright2
{
position: relative;	
margin-top: -9px;
padding: 7px 0px 2px 140px;
width: 160px;
height: 98px;	
background: url(img/pastery.gif) no-repeat top left;
}

.loginwrap
{
position: relative;
padding-top: 2px;
height: 20px;	
}

.formbtn
{
position: relative;	
padding-top: 2px;
height: 18px;
width: 136px;
background: url(img/btn_bg.gif) no-repeat;
color: #ffffff;
font-weight: bold;
text-align: center;
border: none;
font-size: 11px;
}

.right
{
float: right;
margin-top: -2px;	
}

.center
{
text-align: center;	
}

.login
{
position: relative;
float: right;
margin-top: -2px;
width: 134px;
border: 1px solid #999999;	
}

.newsletter
{
position: relative;
margin-top: -2px;
width: 162px;
border: 1px solid #999999;	
}
/* @ End */

/* @group Footer ***********************************************/

#footer
{
position: relative;
margin: 9px auto;
padding-top: 14px;
width: 774px;
color: #838383;
}

#footer ul
{
padding-bottom: 6px;
margin-left: 170px;
}

/*#footer li
{
position: relative;
display: inline;	
border-right: 1px solid #838383;
}*/

#footer li
{
float: left;	
border-right: 1px solid #838383;
display: inline;
}
#footer li.last {
	border-right: none;
}

#footer a:link, #footer a:visited
{
position: relative;
padding: 0px 5px 0px 6px;
color: #838383;
text-decoration: none;	
}

.noborder
{
border-right: none;
}
/* @ End */

/* @group Subpage ***********************************************/

#left
{
position: relative;
float: left;
width: 191px;	
text-align: left;
}

.leftgreybox
{
position: relative;
padding: 11px 5px 5px 7px;
background: #ECECEC url(img2/gb_bg.gif) top left repeat-x;
}

.roundbreak
{
padding: 10px;
background: url(img/circle.gif) repeat-x center left;		
}

.quotebox1
{
position: relative;
padding-top: 15px;
background: url(img/subnav_bkg.jpg) top center repeat-y;
border: 1px solid #e3c676;
}

.quotebox2
{
position: relative;
padding: 0px 8px 30px 8px;
background: url(img2/quotebottom.gif) bottom right no-repeat;
}

.quotebox2 p
{
text-indent: 40px;
line-height: 21px;
background: url(img2/quotetop.gif) top left no-repeat;
}

#right
{
position: relative;
float: right;
width: 570px;	
text-align: left;
}

.floatbox
{
position: relative;
float: left;
margin: 12px;
width: 162px;	
line-height: 15px;
text-align: center;
}

.floatbox img
{
border: 1px solid #890C08;	
}

.submenu1
{
position: relative;
padding-top: 15px;
background: url(img/subnav_bkg.jpg) top center repeat-y;
border: 1px solid #e3c676;
}

.submenu2
{
position: relative;
padding: 0px 5px 30px 5px;
/*background: url(img/subnavbottom.gif) bottom left no-repeat;*/
}

.submenu2 li
{
position: relative;
margin-left: 5px;	
}

.submenu2 a:link, .submenu2 a:visited
{
position: relative;
display: block;
padding: 4px 0px 4px 14px;
border-bottom: 1px dotted #ab9559;
color: #583e03;
height: 14px;
text-decoration: none;
background: url(img/arrows.gif) 4px 50% no-repeat;
}
.submenu2 a:hover {
	background-color: #fef3d7;
}


.submenu2 a.active {
	background-color: #fef3d7;
}


.pagecontent
{
position: relative;
margin-left: 12px;
margin-right: 12px;
}

.more
{
margin-left: 5px;
padding-left: 8px;
background: url(img/arrows.gif) left center no-repeat;	
}

.pagecontent p
{
line-height: 18px;
margin: 8px 0px 8px 0px;	
}

/* @ End */


/* @ group Styles ***********************************************/

h2
{
/*position: relative;*/
margin-bottom: 5px;
padding: 5px 0px 3px 0px;
color: #890C08;	
background: url(img/circle.gif) repeat-x bottom left;	
font-size: 18px;
}

h3
{
/*position: relative;*/
margin-bottom: 5px;
padding: 5px 0px 3px 0px;
color: #000;	
font-size: 15px;
}

a:link, a:visited
{
color: #890C08;		
}

a:hover
{
color: #161616;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */