/***********************************************/
/* salespage.css                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	}

p {
	font-size: 100%;
	background-color: #ECECFF;
	padding: 10px;
	color: #666666;
	text-align: left;
	}

.nowrap {
clear:both;
}

.zen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-variant: small-caps;
	color: #993399;
	}
	
em {
	color: #990000;
}

.emphasis { 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
    color: #9966CC;
    font-size: 110%;
    font-style: italic;
    font-weight: bold;
    background-color: transparent;
	text-align:center;
    }

.emphasisblctr { 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
    color: black;
    font-size: 100%;
    font-style: italic;
    font-weight: bold;
    background-color: transparent;
	text-align:center;
    }

p.emphasissm {
	padding: 10px;
	color: #3399ff;
	font-family: Times,serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	background-color: transparent;
	line-height: 100%;
	text-align:center;
    }

  p.emphasisy { 
  	padding: 10px;
    color: #3399ff;
    font-family: Times,serif;
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    background-color: Yellow;
    }

  .mypullquotebc { 
	border: 3px solid ;
    margin: 0px 0px 10px 20px;
    padding: 10px;
    background-color: #ccffd8;
    color: #0066FF;
    float: right;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 25%;
    }
	
.mypullquotebcleft { 
	border: 3px solid ;
    margin: 0px 0px 20px 20px;
    padding: 10px;
    background-color: #FFFFCC;
    color: #333366;
    float: left;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 25%;
    }

  p.mypullquotenote {
	border: 3px solid;
	padding: 10px;
	background-color: #fff1cc;
	color: rgb(0, 0, 0);
	float: right;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	width: 90%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
    }

  p.mypullquoteyr { 
  border: 3px solid ;
    margin: 0px 0px 10px 20px;
    padding: 10px;
    background-color: #ffccf3;
    color: #0000ff;
    float: right;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    width: 25%;
    }
	
	.mypullquotennew {
	border: 3px solid;
	padding: 10px;
	background-color: #fff1cc;
	color: rgb(0, 0, 0);
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	width: 90%;
    }

  p.red_box {
	border: 1px inset;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	text-align: center;
	background-color:#FFFFFF;
	padding: 20px;
	border-color: #FF0000;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
     }
	 
p.red_boxsm {
	border: 1px inset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: left;
	background-color:#FFFFFF;
	padding: 10px;
	border-color: #FF0000;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
     }
	 
p.red_boxsm img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

  p.reduced { 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    }

  p.reduced9 { 
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    }

  span.alttext { 
	color: #3333FF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: italic;
    font-weight: lighter;
    background-color: White;
    }

  span.alttextctr {
	color: #3366FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
	background-color: White;
	margin: 10px;	
    }

  span.emphasis { 
  	color: #800080;
    font-family: Times,serif;
    font-size: 14pt;
    font-style: italic;
    text-align: center;
    background-color: transparent;
    }

  span.emphasisy { 
  	padding: 10px;
    color: black;
    font-family: Times,serif;
    font-size: 14pt;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: Yellow;
    }


.left {
	float: left;
	margin-right: 15px;
}

.leftimage {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
}

.right {
	float: right;
	margin-left: 15px;
}

.center30 {
	
	margin-top: 10px;
	margin-right: auto;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	margin-left: 30px;
	border: 1px solid #000000;
	text-align: center;
	padding: 5px;	
}

.center150 {
	
	margin-top: 10px;
	margin-right: auto;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	margin-left: 150px;
	border: 1px solid #000000;
	text-align: center;
	padding: 5px;	
}

a{
	color: #006699;
	text-decoration: none;
	cursor: hand;
}

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

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

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 130%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 125%;
 color: #006699;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h2 em{
	color:#990000;
	font-variant: small-caps;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 text-align:center;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
 clear:both;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
 padding-left:10px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper {
	width: 780px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #000000;
	text-align: center;
	background-image: url(../articles/images/titleback.jpg);
	padding: 5px;	
}

#wrapperwhite {
	width: 780px;
	margin-top: 10px;
	margin-right: auto;
	background-color:#FFFFFF;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #000000;
	text-align: center;
	padding: 5px;	
}

#wrapperpurple {
	width: 675px;
	margin-top: 10px;
	margin-right: auto;
	background-color:#CCCCCC;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 5px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #999999;
	border-left-color: #999999;
	}
	
#wrapperltgrey {
	background-color:#e5e4e4;
	color:#666666;
	width:575px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border-top-color: #000000;
	border-top-style: groove;
	border-top-width: thick;
	border-right-color: #000000;
	border-right-style: groove;
	border-right-width: thick;
	border-bottom-color: #999999;
	border-bottom-style: groove;
	border-bottom-width: thick;
	border-left-color: #999999;
	border-left-style: groove;
	border-left-width: thick;
	}
	
.title {
	font-size:18px; color:#901F09;
	text-align:left;
	padding-left: 20px;
	}
				
.text {
	padding:10px 24px 10px 24px;
	text-align:justify;
	font-size: 16px;
	}
	
.name {
	font-size:24px; 
	color:#FFFFFF; 
	text-align:center;
	}
	
.namered {
	font-size:24px; 
	color: red; 
	text-align:center;
	}
	
.info	{font-size:10px; color:#666666; padding:5px; text-align:center;}

.infofoot	{font-size:10px; color:#FFFFFF; padding:5px; text-align:center;}

.line {
	border-top: 1px solid rgb(167, 171, 178);
	}

	
#header {
	background-image:url(../images/header_tile.gif);
	background-repeat: repeat-x;
	height: 74px;
	width: 575px;
	margin-bottom: 20px;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;

	}
	
#footer {
	background-image:url(../images/header_tile.gif);
	background-repeat: repeat-x;
	height:77px;
	width:575px;
	margin-right: auto;
	margin-left: auto;
	}