/* Main css*/

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

img{
	border:none;
}


#main {
  background : #FFFFFF url(../images/leemac_main_bg.gif) top left no-repeat;
  border : solid 1px #CCCCCC;
  width : 541px;
  float : left;
  padding : 0px;
  margin : 0px 0px 3px 0px;
}

#main h1 {
  font-weight : bolder;
  font-size : 180%;
  padding : 12px 24px 6px 24px;
  margin : 0px 0px 0px 0px;
}

#main h2 {
  font-size : 100%;
  margin : 24px 12px 12px 12px;
  padding : 3px 6px 3px 6px;
  background : #EEEEEE;
  color : #000000;
  clear : both;
  font-weight : bolder;
}

#contactAddress {
	width: 275px;
    float:left;
	border:1px solid #333333;
   	border: none;
	font-size: 12px;
	color: #000000;
	margin-top:50px;
	padding-left:20px;
}

.f-left{
float:left;
}


/*#main p {
  padding : 6px 24px 6px 24px;
  margin : 0px;
  color : #000000;
}*/

#main p.intro {
  font-size : 120%;
  line-height : 140%;
  color : #000000;
}

#main fieldset {
  border : solid 1px #CCCCCC;
  margin : 12px;
  padding : 12px;
}

#main fieldset p {
  padding : 6px 12px 6px 12px;
  margin : 0px;
}

#main legend {
  background : #FFFFFF;
  margin : 0px 0px 6px 0px;
  padding : 3px 6px 3px 6px;
  font-size : 11px;
}

#main table.table {
  width : 529px;
}

#main td p {
  padding : 0px;
  margin : 0px;
}

#main fieldset.productoption {
  clear : both;
  border : solid 1px #EEEEEE;
  background : #F8F8F8;
  margin-top : 3px;
  margin-bottom : 3px;
}

#main fieldset.left {
  border : solid 1px #EEEEEE;
  width : 227px;
  float : left;
  margin : 6px 5px 6px 6px;
  font-size : 85%;
}

html>body #main fieldset.left {
  margin : 6px 5px 6px 12px;
  padding : 0px 12px 12px 12px;
}

#main fieldset.right {
  border : solid 1px #EEEEEE;
  width : 227px;
  float : left;
  margin : 6px 0px 6px 6px;
  font-size : 85%;
}

html>body #main fieldset.right {
  margin : 6px 0px 6px 6px;
  padding : 0px 12px 12px 12px;
}

#main img {
  border : solid 0px #EEEEEE;
}

#main fieldset.news {
  border : #CCCCCC solid 1px;
  margin : 3px;
  padding : 12px;
  background : #EEEEEE;
  font-size : 11px;
  color : #999999;
  text-align : center;
}

#main fieldset.news strong {
  color : #000000;
}
/*General CSS*/
/* Global Styles */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */
body, td, p, a, h1, h2, input, option, textarea, div {
  font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #0000FF; text-decoration : none;}
a:visited					{color : #0000FF; text-decoration : none;}
a:hover						{color : #0000FF; text-decoration : underline;}




body {
	background:url(../images/top-bg.jpg) repeat-x top left;
  	color : #000000;
  	font-size : 80%;
  	letter-spacing : normal;
  	line-height : normal;
	text-align:center; 
	font-family:Arial;
}

#container {
  	width:1002px;
	margin:0px auto;
	height:auto;
	overflow:hidden;
}

.alignleft {
  text-align : left;
}

.floatleft {
  float : left;
}

.alignright {
  text-align : right;
}

.floatright {
  float : right;
}

.aligncenter {
  text-align : center;
}

.hide {
  display : none;
}

.clear {
  clear : both;
}

.redtext {
  border : #CC0000 solid 1px;
  color: #CC0000;
  margin : 12px;
  padding : 12px;
  background : #FFFFFF;
  clear:both;
  text-align:left;
}

hr {
  border : #CCCCCC dotted 1px;
  height : 1px;
}

html>body hr {
  border : #000000 solid 0px;
  border-top : #CCCCCC dotted 1px;
  border-bottom : #000000 solid 0px;
  display : block;
  margin : 3px 0px 3px 0px;
  background : #FFFFFF;
}

div.backbutton {
  border : #000000 solid 0px;
  float : left;
  width : 20px;
  height : 30px;
  display : inline;
}

div.nextbutton {
  border : #000000 solid 0px;
  float : left;
  width : 20px;
  height : 30px;
  text-align : right;
  display : inline;
}

div.pagenumbers {
  border : #000000 solid 0px;
  float : left;
  width : 500px;
  height : 20px;
  text-align : center;
  display : inline;
}

strong.pagenumber, a.pagenumber {
  border : #000000 solid 0px;
  background : #EEEEEE;
  padding : 3px;
  margin : 2px;
  text-decoration : none;
}

div.productthumb1 {
  border : #000000 solid 0px;
  background : #EEEEEE;
  width : 200px; 
  float : left; 
  display : block;
  margin : 10px;
  padding : 10px;
}


/* FORM STYLES - START */
form {
  margin : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

label {
  font-weight : normal;
}

label.formleft {
  display : block;
  width : 150px;
  float : left;
  text-align : left;
margin:4px 0;
}

small.formnote {/* margin left same width as label.formleft width */
  margin : 0px 0px 0px 0px;
  display : block;
  float:left;
}

input.checkbox {
  width : 20px;
  float : left;
}

label.labelright {
  display : block;
  width : 90%;
  float : left;
  margin-right : 6px;
  text-align : left;
  font-size : 9px;
  font-weight : normal;
  color : #000000;
  padding-top : 4px;
}
fieldset {
	margin : 12px;
	padding:0 12px;
	width: 90%;
	clear: both;
}

#search fieldset {
  margin : 12px 12px 12px 12px;
  padding : 6px;
  width: 290px;
  height: 60px;
  border: 1px solid #cccccc;
}

fieldset.address {
  width : 45%;
  float : left;
  margin : 12px;
  padding : 6px;
}

legend {
  color : #000000;
  font-weight : bolder;
  padding:0 6px;
}

.formmsg {
  color: #CC0000;
  padding-top : 6px;
}

.form {
  width : 350px; margin:4px 0; float:left;
}

.remember{
	float:left;
}

.chk{
	float:left; margin:2px 4px 0 0;
}

textarea {
float:left;
font-size:12px;
width:350px;}

.button {
  background-color : #014C76;
  color: #ffffff;
  border:1px solid #666666;
  font-size:10pt;
  font weight: bold;
  float:left;
  padding:1px 9px;
  margin:4px 0 0 0;
}
/* FORM STYLES - END */

table {
  margin-top : 12px;
  margin-bottom : 12px;
  border : 0px;
}

caption {
  text-align : left;
}

th {
  background-color : #CCCCCC;
  padding-left : 3px;
  padding-right : 3px;
  padding-top : 3px;
  padding-bottom : 3px;
  font-size : small;
  font-weight: normal;
  text-align : left;
  border : 0px;
}

td.right, td.data, td.center {
  background-color : #EEEEEE;
  padding-left : 3px;
  padding-right : 3px;
  padding-top : 3px;
  padding-bottom : 3px;
  border : 0px;
}

td.right {
  text-align : right;
}

#highlight a.title {
  color: #999999;
  font-size: 18px;
  font-weight:bold;
  text-decoration:none;
  font-family:Arial, Helvetica, sans-serif, Verdana ;
}

#highlight small {
  color: #000000;
  font-size: 10px;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#highlight p.pricelabel {
  color: #000000;
  font-size: 12px;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#highlight p.price {
  color: #CC0000;
  font-size: 14px;
  font-weight:bold;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#highlight .mainimg {
	margin-right: 10px;
	margin-left: 10px;
}
	
#highlight {
  background-image: url(../images/highlight_bg.gif);
	background-repeat: none;
	background-position: center top;
}

#highlight legend {
	color: #328CB7;
	font-size:110%;
	font-weight: bolder;
	margin: 0px 0px 0px 10px;
}

#highlight .smallimg_1 {
  float:left;
  margin:10px 0px 0px 0px;
}

#highlight .smallimg_2 {
  float:right;
  margin:10px 0px 0px 0px;
}

#highlight .smallimg_3 {
  float:left;
  margin:3px 0px 0px 0px;
}

.highlightbutton {
  margin:20px 0px 0px 40px;
}
/*	Newsletter Box Start	*/

#newsletter{
	background: url(../images/bg_neswletter.gif) left top no-repeat;
	width: 126px;
	padding: 20px 100px 10px 10px;
	height: 129px;
}
#newsletter p{font-size: 11px; line-height: 14px;}

#newsletter h2{font-size: 15px; padding: 0px; font-weight: bolder; margin:0px;}


/*	Newsletter Box End	*/
/* top CSS */
#top {
  	width:1002px;
	float:left; 
	height:113px;
}
#top .logo{
	/*background:url(../images/logo.jpg) no-repeat top left;*/
	width:363px;
	height:63px; 
	margin:23px 0 0 15px; 
	float:left
}
#top .blog{
	background:url(../images/blog.jpg) no-repeat top left;
	width:142px;
	float:right;
	height:37px;
 	margin:36px 6px 0 0;
 	font-size:16px;
 	font-weight:bold; line-height:35px;
 	text-align:right;
}

#top .blog a{
	 color:#333;
	 text-decoration:none;
}

#top .blog a:hover{
	 color:#333;
	 text-decoration:underline;
}




/*#topnavi {
  border : solid 1px #CCCCCC;
  background : #EEEEEE;
  width : 748px;
  padding : 6px;
  margin : 3px 0px 3px 0px;
}

#topnavi p {
  padding : 0px;
  margin : 0px;
}*/

#topnavi{
	width:1002px;
	float:left; height:33px; padding:9px 0 0; text-align:left; width:994px; padding:9px 0 0 11px;
}

#topnavi a{
	color:#FFF;
	font-size:14px;
	text-decoration:none; padding:4px 19px; float:left;
}

#topnavi a:hover{
	color:#FFF;
	font-size:14px;
	text-decoration:underline; padding:4px 19px; float:left;
}

#topnavi a#active{
	color:#000; background:url(../images/nav-seleted-lt.jpg)  no-repeat left top;
	font-size:14px;
	text-decoration:none; padding:7px 0 13px 16px; float:left;
}

#topnavi a#active span{
	color:#000; background:url(../images/nav-seleted-rt.jpg)  no-repeat right top;
	font-size:14px;
	text-decoration:none; padding:7px 16px 13px 0;
}


#topnavi a.news{
	color:#FFF;
	font-size:14px;
	text-decoration:none; padding:4px 30px; float:left;
}

#topnavi a.news:hover{
	color:#FFF;
	font-size:14px;
	text-decoration:underline; padding:4px 30px; float:left;
}

#topnavi a.news#active{
	color:#000; background:url(../images/nav-seleted-lt.jpg)  no-repeat left top;
	font-size:14px;
	text-decoration:none; padding:7px 0 13px 16px; float:left;
}

#topnavi a.news#active span{
	color:#000; background:url(../images/nav-seleted-rt.jpg)  no-repeat right top;
	font-size:14px;
	text-decoration:none; padding:7px 16px 13px 0;
}



#topnavi .call{
	background:url(../images/call.jpg) no-repeat top left;
	width:200px;
	float:right;
	height:24px;
	color:#FFF; font-size:18px; padding:0 0 0 30px; width:127px;
}


#banner{
	width:1002px;
	float:left;
	clear:both; 
	margin:12px 0 0px 0; 
	_margin:7px 0 0px 0;
}

#banner img{
	float:left; margin:0 9px;
}

#banner img.no-margin{
	margin:0px!important;
}
/* Nav css*/
#navi {
  border : solid 1px #CCCCCC;
  width : 214px;
  float : left;
  padding : 0px 0px 6px 0px;
  margin : 0px 3px 3px 0px;
}

#navi ul {
  margin : 3px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  display : block;
}

#navi li {
  border : #FFFFFF solid 1px;
  margin : 0px 3px 0px 3px;
  padding : 0px;
  display : block;
  list-style-type : none;
}

#navi li a.section {
  border : #FFFFFF solid 0px;
  border-top : #CCCCCC dotted 1px;
  font-size : 11px;
  line-height : 14px;
  text-decoration : none;
  margin : 0px;
  padding : 3px 12px 3px 12px;
  display : block;
}

#navi li a.section:hover {
  background : #EEEEEE;
}

#navi li a.subsection {
  border : #FFFFFF solid 0px;
  font-size : 11px;
  line-height : 14px;
  text-decoration : none;
  margin : 0px;
  padding : 1px 12px 1px 24px;
  display : block;
}

#navi li a.subsection:hover {
  background : #F8F8F8;
}

#navi p {
  margin : 6px 12px 6px 12px;
  font-size : 85%;
}

#navi fieldset {
  border : #CCCCCC solid 1px;
  margin : 3px;
  padding : 12px;
  background : #EEEEEE;
  font-size : 11px;
  color : #666666;
}
/* Base*/
#base {
  clear : both;
  border : solid 1px #CCCCCC;
  background : #EEEEEE;
  width : 748px;
  padding : 6px;
  margin : 0px;
}

#base p {
  text-align : center;
  margin : 6px;
  font-size : 85%;
  line-height : normal;
  color : #999999;
}

#base a:link {
  color : #666666; 
  text-decoration : none;
}

#base a:visited	{
  color : #666666; 
  text-decoration : none;
}

#base a:hover {
  color : #666666; 
  text-decoration : underline;
}
.captchaimage{ 
float:left;
}
.captchaimage1{
	float:left;

}


#content{
	background:url(../images/content-top1.jpg) bottom left no-repeat;
	width:987px;
	margin:0px auto; 
	clear:both; 
	margin:12px 0 0 10px; 
	height:13px; 
	float:left; 
	display:inline;
}

#content-bg{
	background:url(../images/content-bg.jpg) top left repeat-y;
	width:987px;
	margin:0px auto; clear:both; margin:0 0 0 10px; float:left; display:inline;
}
#content-bot{
	background:url(../images/content-bot.jpg) top left no-repeat;
	width:987px;
	margin:0px auto; clear:both; margin:0 0 0 10px; height:13px; float:left; display:inline;
}

#left{
	background:#eceeef ; border:1px solid #cdcdcd; border-bottom:none;
	border-top:none; width:283px;
	float:left;
	height:auto;
	margin:0  0 0 12px; clear:left; display:inline; text-align:left;
}

#left-content{
	background:url(../images/dot.jpg) repeat-y top right;
	width:308px;
	float:left;
}
#left-top{
	background: url(../images/box-lt-top.jpg) no-repeat top left; overflow:hidden; 
	float:left;
	height:11px;
	margin:0 12px; clear:left; width:285px; display:inline; padding:0px;
}

#left-bot{
	background: url(../images/box-lt-bot.jpg) no-repeat top left; 
	float:left;
	height:11px;
	margin:0 12px; clear:left; width:285px; display:inline; overflow:hidden; 
}

#left h2{
	color:#014c76;
	font-size:14px;
	font-weight:normal; 
	border-bottom:1px solid #CCC;  
	padding:0 0 6px 11px;

}

.dash{
	background: url(../images/dash-bg.jpg) repeat-x top right;
    float:right ;
	height:94px; margin:4px 9px 0px 0; display:inline;
width:267px;
}
.text2{
	font-size:14px; color:#333; font-weight:bold;
	padding:12px 0 0 103px;
}


.text1{
	font-size:12px; padding:3px 0 0 103px;
}

.newsletter{
	background:url(../images/news-bg.jpg) repeat-x top left;
	float:left;
	width:284px; height:90px; clear:both; margin:12px 0 0 12px; display:inline;
}

.newsletter input{
	float:left; margin:15px 6px 0 0;
width:215px;
}

.newsletter input.go{
	float:left; margin:15px 0px 0 0!important; width: auto!important;
}

h3{
	border-bottom:#38a2d9 1px solid; color:#FFF; font-weight:normal; font-size:14px; text-align:left; padding:9px 0;
}
.newsletter input.go{
	float:left; margin:15px 0px 0 0!important; width: auto!important;
}

.twitter{
	margin:9px 12px 0 0;
}

#right-content{
	width:653px;
	float:right;
	background:url(../images/head-bg.jpg) repeat-x top left;
	text-align:left;
}

#right-content ul{
	margin:9px 0 9px 28px; font-size:12px;
}


#right-content ul li{
	text-align:left;
	list-style:inside;
	line-height:21px;
}

#right-content ul li ul li{
	text-align:left;
	list-style:inside;
	line-height:21px;
	list-style: circle;
}

#right-content p{
	font-size:12px;
	text-align:left; 
	padding:5px 12px 5px 16px; 
	line-height:18px;
}

#right-content h1{
	background:url(../images/head-lt.jpg) no-repeat top left;
	width:633px;
	float:right;
	height:36px; 
	font-size:16px;
	font-weight:bold;
	text-align:left; 
	line-height:34px; 
	margin:0 0 12px;
	padding-left:20px;
}


#right-content h2{
	color:#014c76;
	font-size:14px;
	font-weight:normal; 
	border-bottom:1px solid #CCC;  
	padding:0 0 6px 11px;

}
.read{
	background:#014c76 url(../images/read.jpg) top left no-repeat; height:18px;
	width:auto;
	float:right;
	margin:0 12px 0 0;
	color:#fff;
}

.read a{
	color:#FFF;
	text-decoration:none;
}


#footer{
	background:#e1e0e0;
	width:100%;
	height:68px; margin:12px 0 0;
}
	
#footer-box{
	width:968px;
	margin:0px auto; font-size:11px; text-align:left; padding:11px 7px 0; overflow:hidden; color:#333;
}
.copy{
	float:right;
	width:auto;
}
#footer-box a{
	color:#333;
	text-decoration:none;
}

#footer-box a:hover{
	color:#000;
	text-decoration:underline;
}


.blue{
	color:#014C76;
	font-size:14px !important;
	padding:14px 0 4px 16px !important;
}

.link{
	width:306px;
	float:left;
}

.rev{
	margin:4px 0 0 0; width:306px;
	float:left; clear:left;
}

.select{
	width:auto;
	float:left; margin:0 3px 0 0;
}

.radio{
	margin:0 10px 0 0;
	float:left;
	width:auto;
}

.pdf{
	background:url(../images/pdf.png) no-repeat left top;
	height:30px;
padding:8px 0 5px 41px!important; font-weight:bold; text-transform:uppercase; clear:both;
}

/********************************CSS DROPDOWN **********************************/

#dropdownnav {
    font-size:12px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:820px;
	color:#fff;
	margin:0 0 0 30px;
    }
#dropdownnav, #dropdownnav ul {
    float:left;
    list-style:none;
    line-height:37px;
    padding:0;
    margin:0;
    width:820px;
	color:#fff;
	margin:0 0 0 15px;
}
#dropdownnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 10px;
}
#dropdownnav li {
    float:left;
    padding:0;
    }
	
#dropdownnav li a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 18px;
    }

#dropdownnav li a.last {
    display:block;
    color:#e37c00;
    text-decoration:none;
    padding:0px 10px;
	background:none;
    }
#dropdownnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #0f2963;
    }
#dropdownnav li li {
    min-width:110px;
    border-bottom:1px solid #0f2963;
    border-left:1px solid #0f2963;
    border-right:1px solid #0f2963;
    font-weight:bold;
	min-height:25px;
    font-family:verdana,sans-serif;
    }
#dropdownnav li li a {
    padding:5px 10px;
    min-width:130px;
    font-size:11px;
    color:#fff;
	background-image:none;
    }
#dropdownnav li ul ul {
    margin:-21px 0 0 150px;
    }
#dropdownnav li li:hover {
    text-decoration:underline;
    }
#dropdownnav li ul li:hover a, #dropdownnav li ul li li:hover a, #dropdownnav li ul li li li:hover a, #dropdownnav li ul li li li:hover a {
    color:#fff;  text-decoration:underline;
    }
#dropdownnav li:hover a, #dropdownnav li.sfhover a {
    color:#fff; background:#0469a1; /* background:url(../images/nav-seleted-lt.jpg)  no-repeat left 4px; */
    }
#dropdownnav li:hover a, #dropdownnav li.sfhover a span {
	color:#fff; /*background:url(../images/nav-seleted-rt.jpg)  no-repeat right top 4px;*/
	text-decoration:none;
}
#dropdownnav li:hover li a, #dropdownnav li li:hover li a, #dropdownnav li li li:hover li a, #dropdownnav li li li li:hover li a {
    color:#fff; background:none;
    }
#dropdownnav li:hover ul ul, #dropdownnav li:hover ul ul ul, #dropdownnav li:hover ul ul ul ul, #dropdownnav li.sfhover ul ul, #dropdownnav li.sfhover ul ul ul, #dropdownnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#dropdownnav li:hover ul, #dropdownnav li li:hover ul, #dropdownnav li li li:hover ul, #dropdownnav li li li li:hover ul, #dropdownnav li.sfhover ul, #dropdownnav li li.sfhover ul, #dropdownnav li li li.sfhover ul, #dropdownnav li li li li.sfhover ul {
    left:auto;
    background:#076396; 
    }
#dropdownnav li:hover, #dropdownnav li.sfhover {
    background:none;
    }
.call {
	background:url(../images/call.jpg) no-repeat left;
	width:200px;
	float:right;
	height:24px;
	color:#FFF; font-size:18px; padding:10px 0 0 30px; width:127px;
}


/************************************Payment-form*****************************************/

.credit-txt{
	width:229px; float:left; margin:4px 0; 
}

.month{
	width:112px;
	float:left; margin:4px 4px 4px 0; 
}

.payment{
	margin:4px 0;
	padding:0px;
	float:left;
}

/*******************************Video Player******************************/


A.red_all_underline {
	color: #FF0033;
	text-decoration: none;
}

A.red_all_underline:hover {
	color: #FF0033;
	text-decoration: underline;
}

div.frame_grey{
	background-color : #ffffff;
	padding : 22px 0px 0px 0px;
	margin-bottom : 8px;
	margin-top : 5px;
	text-align : left;
	margin-right : 9px;
}


div.frame_white{
	background-color : #ffffff;
	width : 877px;
	color : #666666;
	padding : 5px 0px 7px 9px;
	text-align : left;
	border: solid;
	border-color: #666666;
	border-width : 1px 1px 1px 1px;
	margin-left : 0;
	margin-right : 9px;
	line-height : 20px;
	margin-top : 9px;
	margin-bottom : 0;
}


.player{
	margin:0 12px 1px 16px;
	float:left;
	width:320px;
	height:240px;
}

.video_name{
	font-size : 24px;
	text-align : left;
	padding-bottom : 6px;
	text-indent : -3px;
}

.note{
	font-weight : bold;
	text-align : left;
	margin-top : 48px;
	margin-bottom : 2px;
	font-size : 13px;
	padding-right: 10px;
	margin-right: 0px;
}

.upload{
	font-weight : bold;
	text-align : left;
	margin-top : 18px;
	margin-bottom : 2px;
	font-size : 13px;
}

.files{
	text-align : left;
	line-height : 20px;
	margin-top : 9px;
}

.copy{
	text-align : left;
	font-weight : bold;
	padding-top : 42px;
	margin-bottom : 10px;
	font-size : 13px;
}

.leftfloat{
	float: left;
	line-height : 40px;
}

.clear{
	clear: both;
}