/* Special Offer CSS Template */

/* Page Layout Items */

#wrapper {
	margin: 0 auto;
	width: 800px;
	/*used*/
}

#testimonial {
	align: center;
	text-align: left;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFF;
	width: 400px;
	/*used*/
}

#order {
	width: 400px;
	text-align: center;
	/*used*/
} 

body  { 
	background-image:   url("assets/so_site-background.gif");
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	color: #666; 
	font-family: normal "Lucida Grande", Geneva, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	/*used*/
}

#footer {  
	margin: 0 auto;
	width: 800px;
	text-align: center;
	/*used*/

}


/* Typography */

h1    { 
	font: italic bold 11pt "Lucida Grande", Geneva, Verdana, Helvetica, sans-serif;
	color: #006633; 
	margin-top: 0px; 
	margin-bottom: -6px; 
	margin-left: 0px; 
	padding: 10px; 
	width: 100%; 
	/* border-bottom: 1px dotted gray; */
	/* border-top: 1px solid black; */
	align: left;
	/*used*/
} 

h2    { 
	font: bold 32pt  "Bookman Old Style", Georgia, Palatino, serif; 
	color: #003366; 
	margin-top: 18px; 
	margin-bottom: 22px;
	margin-left: 65px; 
	margin-right: 65px;
	padding: 10px; 
	text-align: center;
	line-height: 48px;
	align: center;
	/*used*/
}

h3    { 
	font: italic bold 13pt "Lucida Grande", Geneva, Verdana, Helvetica, sans-serif; 
	color: #670001;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	align: left; 
	margin-left: 60px;
	/*used*/
}

h4    { 
	color: #003366; 
	font:  bold 18pt "Bookman Old Style", Georgia, Palatino, serif; 
	text-align: center;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
	align: center;
	/*used*/ 
}

h5    { 
	color: #006633; 
	font:  bold 15pt "Lucida Grande", Geneva, Verdana, Helvetica, sans-serif; 
	margin-left: 15px; 
	margin-bottom: -3px;
	text-align: center;
	/*used*/ 
}

h6    { 
	align: center;
	text-align: center;
	/*used*/ 
}

li    { 
	list-style-type: disc;
	list-style-image:  url("assets/so_bone-bullet.png"); 
	color: #000; 
	font: normal 11pt Verdana, Helvetica, sans-serif; 
	line-height: 20px;
	margin-bottom: 6px;
	margin-left: 18px;
	/*used*/
}

ul    { 
	list-style-type: disc;
	list-style-image:  url("assets/so_blue-check-bullet.png");
	color: #000; 
	font: normal normal 11pt Verdana, Helvetica, sans-serif; 
	line-height: 14px;
	margin-bottom: 6px;
	/*used*/
}

p	  { 
	color: #000; 
	margin-top: 12px;
	margin-left: 30px;
	margin-right: 30px;
	text-indent: 0px;
	align-text: left;
	line-height: 20px;
	/*used*/
}


/* Link Properties */

.footer a:link    { color: #FFF; text-decoration: none;   }
.footer a:active  { color: #FFF; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #809AB5; text-decoration: underline;  }
	
a:link  { color: #0000FF;  }  
a:active { color: #000FF;  }
a:visited { color: #670001;  }
a:hover { color: #6e86a5; text-decoration: none; }

.style5 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.style6 {font-size: 13pt}
.style9 {color: #670001}
.style12 {font-size: 8pt}
.style17 {color: #0000FF; font-weight: bold; font-size: 9pt; line-height: 9pt}

/* Rounded Corners */

/* Basic styling, used when JavaScript is unsupported */

.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}

/*.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}*/

/* Normal styling */

.cb {
	margin:0.5em 0;
}
	
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background: url("assets/so_box.png") no-repeat 100% 0;
}

.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background: url("assets/so_box.png") no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background: url("assets/so_box.png") no-repeat 100% 100%;
}

.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background: url("assets/so_box.png") no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background: url("assets/so_borders.png") repeat-y 0 0;
}
	
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background: url("assets/so_borders.png") repeat-y 100% 0;
}
	
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

.i3 {display:inline-block;}

.i3 {display:block;}