/* CSS Document for MK Digital Direct Website */
/* ------------- "generic" styles */

body {
	background-image:url(../images/template/background.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	margin-bottom: 0; padding-bottom: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px;
	margin: 0px; padding:0px;
}
/* --------------------------------------------------------------------------------------------------*/

/* ------------------------------ MAIN CONTENT STYLE-----------------------------------------*/
#content {
	position:relative;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px ; margin:0px;
	/*line-height:1.5em; */
	font-size:12px; /*previous text-size: 11px */
	top:0px;
	width:960px;
	height: auto; 
	_height: auto;
	/* border: solid 1px #606; */ 
}
#content .normal {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0; margin:0;	/*line-height:1.5em; */
	font-size:12px; line-height: 1.50em; 
	}
#content ul{margin-top: -.1em; }
#content ol{margin-top: -.1em; }
/* ------------------------------ HEADING STYLES-----------------------------------------*/
p {	margin: 0px; padding: 0px;
	/*margin: 0px 0px 1px 0px; padding:0px 0px 1px 0px; */}
a {	color: #606; 	text-decoration:underline;}
a img {	border: 0; }
h1 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px; 	
	/*color: #606;*/ 		margin: 0; padding:0;}
h1 a{/*color: #606;*/ 	 	text-decoration:none;}
h1 a:hover {text-decoration: underline;}

h2 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;		
	/*color:#EC6704;*/
	/* color: #e26204; --- ORANGE COLOR */
	margin: 0; padding:0;}
h2 a{text-decoration:none; 	/*color:#EC6704;*/}
h2 a:hover {text-decoration: underline;}

h3 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;		
	/*color: #606;*/ 	margin: 0; padding:0;}
h3 a{text-decoration:none;	/*color: #606;*/ 	 }
h3 a:hover {text-decoration: underline;}
h3.paddingBottom {padding: .2em 0 .5em 0;}

h4 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 	
	/*color: #606;*/ 	margin: 0; padding:0;}
h4 a{text-decoration:none;/*color: #606;*/ 	}
h4 a:hover {text-decoration: underline;}

h5 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; 	
	/*color:#EC6704;*/ 	margin: 0; padding:0;}
h5 a{text-decoration:none;  /*color:#EC6704;*/}
h5 a:hover {text-decoration: underline;}

h6 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 	
	/*color: #606;*/  	margin: 0; padding:0;}
h6 a{text-decoration:none;/*color: #606;*/ }
h6 a:hover {text-decoration: underline;}

/* ------------------------------ FONT STYLES-----------------------------------------*/
.font10px {font-size: 10px;}
.font10px_Bold { font-weight: bold; font-size:10px;}
.font11px {font-size: 11px;}
.font11px_Bold { font-weight: bold; font-size:11px;}
.font12px {font-size: 12px;}
.font12px_Bold { font-weight: bold; font-size:12px;}
.font12px-mT { font-size:12px margin-top: .5em;}
.font12px_Bold { font-weight: bold; font-size:12px;}
.font13px {font-size: 13px;}
.font13px_Bold { font-weight: bold; font-size:13px;}
.font14px {font-size: 14px;}
.font14px_Bold { font-weight: bold; font-size:14px;}
.font16px {font-size: 16px;}
.font16px_Bold { font-weight: bold; font-size:16px;}
.font18px {font-size: 18px;}
.font18px_Bold { font-weight: bold; font-size:18px;}
.font20px {font-size: 20px;}
.font22px {font-size: 22px;}
.font24px {font-size: 24px;}
.font26px {font-size: 26px;}
.font28px {font-size: 28px;}
.font30px {font-size: 30px;}
.font32px {font-size: 32px;}
.font34px {font-size: 34px;}
.font36px {font-size: 36px;}
.notes {font-size: 11px; color:#999; font-style:italic;}
.notes a {text-decoration: none; color:#999;}
.nounderline a{text-decoration:none; color:#000000;}
.nounderline a:hover{text-decoration:underline; color:#000000;}
/* -----------------------  COLORED FONTS STYLES----------------------------------------*/
.color-orange {color:#EC6704;}
	.color-orange a{color:#EC6704; }
.color-purple {color:#606;}
	.color-purple a{color:#606;}
	.color-purple a:hover{color:#606; text-decoration: underline;}
.color-purple_bold {color:#606; font-weight:bold;}
	.color-purple_bold a{color:#606;}
.color-white {color:#FFF;}
	.color-white a{color:#FFF; text-decoration: none; }
	.color-white a:hover{color:#FFF; text-decoration:underline; }
.color-red {color:red;}
.color-lightblue {color: #00acee; }
.color-blue {color:#03F;}
.color-guinda {color:#906;}
	.color-guinda a{color:#906;}
/* -----------------------  CSS LAYOUT STYLES-----------------------------------------*/
#general{width: auto;	height: auto;	/*border: solid 1px magenta; */}
#general_1em-Pad{	width: auto;	height: auto;	padding: 1em;	/* border: solid 1px magenta; */}
#nav-status {	position: relative;	clear: both;	width: 100%;	height: auto;	margin: 0; padding: 0;	/*border: solid 1px magenta;*/}
#nav-status-text {	width: auto;	color:#666;		text-decoration: none;	margin: .5em 0 .5em .5em;	font-style:italic;}
#nav-status-text a{	color:#666;	text-decoration: none;}	
#nav-status-text a:hover{	color:#606;}
#main-title {position: relative;	width:auto;	top: 5px;	border-bottom: 1px solid #CCC;		margin-bottom: 12px;	padding: 0px;}	
#main-title h1{font-size: 24px;}
#menu-accessories {background-image:url(../images/shared/background1.png); background-position: top left; background-repeat: no-repeat;
width: 830px; height:190px;}
#menu-accessories #accessories-content { position: relative; padding:15px 10px 10px 10px;  width: auto; height:auto;}
#div205 {width:200px; height:160px; float: left; text-align:center;}
#announcements { /*border: 1px solid #606; padding: 3px; width: auto; */ visibility:hidden;}
#news-banner { /*border: 1px solid #606; padding: 3px; width: auto; */ visibility:hidden;}
/* -----------------------  Other Styles LAYOUT STYLES-----------------------------------------*/
.pageTitle-1 {border-bottom: 1px solid #CCC; padding-bottom: 0px; margin-bottom: 4px;}
.mklogo img { position:relative; top:6px;}

#bottom-border-gray { position: relative;  border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom:10px;  height: auto; width: auto;/*width: auto; height: auto;  _height:auto; _width: auto;*/}
#bottom-border-purple { position: relative;  border-bottom: 1px solid #606; padding-bottom: 5px; margin-bottom:5px;  height: auto; width: auto;/*width: auto; height: auto;  _height:auto; _width: auto;*/}
#top-border-purple { position: relative;  border-top: 1px solid #606; padding-top: 10px; margin-top:10px; height: auto; width: auto;
/*width: auto; height: auto;  _height:auto; _width: auto;*/}

.bottom-border-gray { position: relative;  border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom:10px; }
.top-border-purple { position: relative;  border-top: 1px solid #606; padding-top: 10px; margin-top:10px;
/*width: auto; height: auto;  _height:auto; _width: auto;*/}

#floatleft280{width:280px; float:left; }
#floatright280{width:280px; float:right; }

#dhtmltooltip{position: absolute; left: -300px; width: 150px; border: 1px solid black;
padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer{position:absolute;	left: -300px;	z-index: 101;	visibility: hidden;}
.balloonstyle{position:absolute;	top: -500px;
left: 0;	padding: 5px;	visibility: hidden;	border:1px solid black;	font:normal 12px Verdana;	
line-height: 18px;	z-index: 100;	background-color: white;	width: 200px;	
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}
#arrowhead{z-index: 99;   position:absolute;   top: -500px;    left: 0;   visibility: hidden;}

/* -----------------------  CSS PADDING AND MARGIN STYLES-----------------------------------------*/
img.tbMargin_halfem {margin: .5em 0; }
img.tbMargin_1em {margin: 1em 0; }
.half_margin {margin: 1em ; padding:0; }
.half-tbMargin {margin: .5em 0;  }
.half-rlMargin {margin: 0 .5em;  }
.half-trlMargin {margin: .5em .5em 0; }
.half-brlMargin {margin: 0 .5em .5em; }
.half-topMargin {margin-top: .5em; }
.half-bottomMargin {margin-bottom: .5em; }
.half-rightMargin {margin-right: .5em; }
.half-leftMargin {margin-left: .5em; }

.1em_padding {padding: 1em ; margin:0; }
.1em_margin {margin: 1em ; padding:0; }
.1em-tbMargin {margin: 1em 0;  }
.1em-rlMargin {margin: 0 1em;  }
.1em-trlMargin {margin: 1em 1em 0; }
.1em-brlMargin {margin: 0 1em 1em; }
.1em-topMargin { margin-top: 1em; }
.1em-bottomMargin {margin-bottom: 1em; }
.1em-rightMargin {margin-right: 1em; }
.1em-leftMargin {margin-left: 1em; }
.2em-topMargin {margin-top: 2em; }
.2em-bottomMargin {margin-bottom: 2em; }
.2em-rightMargin {margin-right: 2em; }
.2em-leftMargin {margin-left: 2em; }
.1em-topPadding{padding-top: 1em; }
.1em-bottomPadding{padding-bottom: 1em; }
.1em-rightPadding {padding-right: 1em; }
.1em-leftPadding {padding-left: 1em; }
.2em-topPadding{padding-top: 2em; }
.2em-bottomPadding{padding-bottom: 2em; }
.2em-rightPadding {padding-right: 2em; }
.2em-leftPadding {padding-left: 2em; }
.half-bottomMargin  {margin-bottom: .5em; }
.half-bottomPadding { padding-bottom: 1em; }
.half-topMargin  {margin-top: .5em; }
.half-topPadding { padding-top: 1em; }
.half_padding {padding: .5em ; margin:0; }
.half_margin {margin: .5em ; padding:0; }
.bold {font-weight: bold;}
.ul-short li { margin-left: -10px; padding-left:0px; }
.ul-short2 { margin: 0px; padding:0px;}
.ul-short3 li { margin-left: -18px; padding-left:0px; }