/* ===================================== *\
	CLIENT:				MTC
	BUILT & POWERED BY:	The Commercial Group
	DATE:				May 2009
	TITLE:				MTC Master CSS
\* ===================================== */
@import "menuconfig.css";
@font-face {
	  font-family: "MuseoSans";
	  src: url(/conf/fonts/MuseoSans_500.otf);
}

/* GRAND MASTER RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus 	{ outline: 0; }
body 	{ line-height: 1; color: black; background: white; }
ol, ul 	{ list-style: none; }
table	{ border-collapse: separate; border-spacing: 0; }
caption, th, td	{ text-align: left; font-weight: normal; }
form	{ display: inline; }
/* ----------------- */

body,html		{ height: 100%; }
body			{ background: url(/img/backgrounds/background-butterfly.jpg) repeat-x 50% 0; font-family: MuseoSans,Corbel,"Lucica Grande","Lucida Unicode",Lucida,sans-serif; color: rgb(21,21,21); }
a				{ color: rgb(0,98,176); text-decoration: none; }
#siteMap a:hover,
#head a:hover,
#socialMe a:hover,
a:hover			{color: rgb(93,166,210); }
#tupperware		{ position: relative; min-height: 100%; height: auto; }

#head						{ height: 68px; margin: 0 0 1px 0; background: url(/img/backgrounds/background-white80.png); }
#head h1					{ position: absolute; top: 15px; left: 50%; height: 36px; width: 157px; margin-left: -479px; background: url(/img/misc/MTC-logo.png) no-repeat 0 0; }
#head h1 a					{ display: block; height: 36px; width: 157px; text-indent: -50000px; }
#head ul					{ position: absolute; top: 15px; right: 50%; margin-right: -480px; }
#head li					{ height: 14px; margin: 3px 0; font-size: .75em; text-transform: uppercase; overflow: hidden;}
#head li a					{ display: block; padding: 0 0 0 25px; line-height: 14px; color: rgb(37,37,37); }
#head li.login a			{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat -16px -176px; }
#head li.login a:hover 		{background-position: -16px -255px;}
#head li.contactUs a		{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat -17px -196px; }
#head li.contactUs a:hover 	{background-position: -17px -275px;}
#head li.phone, #head li.fax {
	background: url(/img/icons/phone.png) no-repeat 0 50%;
	line-height: 14px;
	padding: 0 0 0 25px;
}
#head li.fax {
	background: url(/img/icons/fax.png) no-repeat 0 50%;
}

#outterMenu		{ position: relative; z-index: 500; height: 34px; min-width: 1000px; border-bottom: 1px solid white; background: url(/img/backgrounds/background-white80.png); }
#innerMenu		{ position: relative; right: 50%; float: right; height: 34px; }
#bodyBlock		{ min-height: 490px; padding-bottom: 340px; }

#bodyBlock.article { min-height: 470px; width: 1000px; margin: 20px auto 0; padding-top: 2px; padding-bottom: 360px; background: url(/img/backgrounds/background-white80.png); font-size: .75em; line-height: 1.4; color: rgb(41,41,41); font-family: "Lucica Grande","Lucida Unicode",Lucida,sans-serif;}
#bodyBlock.article h1.title	{margin-bottom:0;  border-bottom: 1px solid rgb(200,200,200); font-family: MuseoSans,Corbel,"Lucica Grande","Lucida Unicode",Lucida,sans-serif;}
#bodyBlock.article h4.date	{margin: .4em 0 2em; color: rgb(141,141,142);}
#bodyBlock.article h1	{margin: 0 0 .8em; font-size: 1.8em;}
#bodyBlock.article h2	{margin: 0 0 .8em;font-size: 1.5em;}
#bodyBlock.article h3	{margin: 0 0 .8em;font-size: 1.2em;}
#bodyBlock.article h4	{margin: 0 0 .8em;font-size: 1em;}
#bodyBlock.article h5	{margin: 0 0 .8em;font-size: .8em;}
#bodyBlock.article h6	{margin: 0 0 .8em;font-size: .6em;}
#bodyBlock.article p	{margin: 1em 0;}
#bodyBlock.article u	{text-decoration: underline;}
#bodyBlock.article em,
#bodyBlock.article i	{font-style: italic;}
#bodyBlock.article strong,
#bodyBlock.article b	{font-weight: bold;}
#bodyBlock.article ul	{ list-style: square; margin: 1em 0; padding-left: 40px; -webkit-padding-start: 40px; }
#bodyBlock.article li	{ display: list-item; padding: 3px 0; }
#bodyBlock.article ol	{ list-style: decimal; margin: 1em 0; -webkit-padding-start: 40px; }
.waxPaper			{ margin: 5px; padding: 15px; background: url(/img/backgrounds/wax.png); }
#toc				{ float: right; width: 200px; margin: 0 0 25px 25px; padding: 0 0 5px; border: 5px solid rgb(200,200,200);}
#toc a				{ display: block; line-height: 1.3; margin: 7px 10px}
#toc h4				{  padding-bottom: 4px; background: rgb(200,200,200); text-indent: 10px; color: rgb(75,75,75); text-transform: uppercase; }
#foot						{ position: absolute; bottom: 0; width: 100%; overflow: hidden;}
#foot p						{ text-align: center; }
#controlStrip				{ height: 68px; background: url(/img/backgrounds/background-blue80.png); }
#controlStrip ul			{ height: 68px; width: 1000px; margin: 0 auto; overflow: auto; }
#controlStrip li			{ float: left; height: 48px; width: 25%; margin: 10px 0;}
#controlStrip li.onlineApp	{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat 20px -291px; }
#controlStrip li.requestCall{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat 20px -124px; }
#controlStrip li.map		{ height: 50px; margin: 8px 0; background: url(/img/sprites/sprite-controlStrip.png) no-repeat 20px -35px; }
#controlStrip li.printApp	{ height: 46px; margin: 12px 0 10px; background: url(/img/sprites/sprite-controlStrip.png) no-repeat 20px -209px; }
#controlStrip a				{ display: block; color: white; padding: 9px 0 0 80px; font-size: .88em; }
#controlStrip a:hover		{ text-decoration: underline;}
#controlStrip li.printApp a	{ padding: 7px 0 0 80px; }
#controlStrip li.map a		{ padding: 10px 0 0 80px; }
#saranwrap					{ padding: 25px 0; background: url(/img/backgrounds/background-white80.png); }
#adBlock					{ width: 1000px; margin: 0 auto; overflow: auto; }
#adBlock #ad1				{ float: left; margin-left: 50px;}
#adBlock #ad2				{ float: right; margin-right: 50px; }
#adBlock a					{ display: block; height: 50px; width: 347px; text-indent: -50000px; }
#adBlock #ad1 a				{ background: url(/img/ads/ad-ccma.png) no-repeat 0 0; }
#adBlock #ad2 a				{ background: url(/img/ads/ad-macte.png) no-repeat 0 0; }
#socialMe					{ margin-left: -225px; padding: 25px 0 25px 50%; overflow: auto; }
#socialMe a					{ display: block; margin: 0 15px; padding: 0 0 0 33px; font-size: .88em; color: rgb(144,144,142); line-height: 26px; }
#siteMap li,
#socialMe li				{ float: left; }
#socialMe a#rss				{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat 0 -348px; }
#socialMe a#facebook		{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat 0 -92px; }
#socialMe a#twitter			{ background: url(/img/sprites/sprite-controlStrip.png) no-repeat 0 0px; }
.info						{ font-size: .75em; color: rgb(144,144,142); }
#siteMap					{ margin: 0 0 0 -400px; padding: 25px 0 25px 50%; overflow: auto; }
#siteMap a					{ margin: 0 10px; text-transform: uppercase; white-space: nowrap;}
#siteMap a,
.copy						{ font-size: .63em;  color: rgb(144,144,142); }

#popLogin					{ position: fixed; display: none; top: 0; left: 0; z-index: 10000; height: 100%; width: 100%;  background: url(/img/backgrounds/background-blue80.png); }
#loginBox					{ position: absolute; top: 50%; left: 50%; width: 450px; height: 200px; margin: -100px 0 0 -250px; padding: 0 25px; background: white; border: 10px solid rgb(0,98,176);}
#loginBox input[type="password"],
#loginBox input[type="text"]{ display: block; width: 430px; padding: 5px 10px; margin: 5px 0; border: 1px solid rgb(0,98,176); background: rgb(255,255,220);  font-size: 18px; color: rgb(100,100,100); }
#loginBox h1.title			{ margin: 10px 0 18px; font-size: 21px; text-transform: uppercase; }
#loginBox p					{ margin: 4px 0; font-size: 12px; } 
#loginBox a					{ float: right; font-size: 10px; line-height: 16px; }
#windowClose				{ position: absolute; top: 5px; right: 5px; height: 14px; width: 14px; background: url(/img/backgrounds/button-close.png) no-repeat 0 0; overflow: hidden; cursor: pointer; }
#windowClose:hover			{ background-position: 0 -28px;}
/*CONTENT STYLING*/
p > img[src="/arrow_rdgif-r100120"] { background: url(/img/misc/asterisk_orange.png) no-repeat 50% 50%; width: 0px; padding: 0 30px 0 0;}