/**
 * Style Sheet for DrawPRO.com
 *
 * Contains styling information specific to the content and appearence of DrawPRO.com.
 *
 * @author     Sebo Marketing <http://www.sebomarketing.com>
 * @copyright  2008 by DrawPRO, All Rights Reserved
 * @version    1.0
 */
/* Reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
html, body { height: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 1.5em; font-weight: normal; font-style: normal; }
p { margin: 0 0 1.4em; line-height: 1.4em; }
ul, ol {margin: .4em 0 .8em .4em; list-style-type: disc;  }
img, fieldset { border: none; }
form { display: inline; }
a { text-decoration: none; }
strong, label { font-weight: bold; }
em { font-style: normal; }
ul li { padding-bottom: 10px; }
ul li ul li {padding-bottom: 0px; }
li li { padding-left: 10px; }

/* Global Links */
a:link, a:visited {
	color: #ff2b22;
}
a:hover, a:active {
	text-decoration: underline; 
}

/* Content Layout and Appearance */
#content {
	position: relative;
	width: 960px;
	min-height: 482px;
	height: auto !important;
	height: 482px;
	background:url('images-layout/col2-outside-bg.gif') 52px -8px repeat-y;
	border-bottom:2px solid #b9b9b9;
}

#columnWrapper {
	position: relative;
}

/* Flash Styles*/
#flashContent {
	float:right;
	width:422px;
	height:226px;
}

/* Column Styles */
.columnStyle1 {
	position:relative;
	padding: 36px 0 0 0;
	border: 1px solid #575757;
	width:702px;
}
	.columnStyle1 .columnTopLeft {
		display:none;
	}
		.columnStyle1 .columnTopRight {
		}
	.columnStyle1 .center {
		padding:0 20px;
		border-top:1px solid #575757;
	}
		.columnStyle1 h1 {
			position: absolute;
			top: 0px;
			left: 0px;
			margin:0;
			padding: 2px 2px 2px 8px;
			width:692px;
			height:28px;
			font-size: 1.5em;
			color: #fff;
			
			background: #2b2b2b url('images-layout/col1-h1-bg.gif') top right no-repeat;
			border-bottom:4px solid #ff1f16;
		}
	.columnStyle1 .columnBottomLeft {
		display:none;
	}
		.columnStyle1 .columnBottomRight {
		}

.columnStyle2 {
	border: solid #999;
	border-width: 1px 0 0 0;
}
.columnStyle2 .columnTopLeft {
	display:none;
}
.columnStyle2 .columnBottomLeft {
	display:none;
}

/* List Styles */
.ulStyle1 {
	margin: .4em 0 .8em .4em;
	
	list-style-type: disc;
	list-style-position: inside;
}
.ulStyle1 li {
}
.ulStyle1 li a {
}
.ulStyle1 li a:hover, .ulStyle1 li a:active {
}
.ulStyle1 ul {
	margin: .4em 0 4px .4em;
	padding-left: 0;
	
	list-style: none;
}
.ulStyle1 ul li {
	margin-bottom: .4em;
	padding-left: 12px;

	background: url('images-layout/bullet-red-circle.gif') 0 7px no-repeat;
}

.ulStyle2 {
	margin: .4em 0 .8em .4em;
	
	list-style-type: disc;
	list-style-position: inside;
}
.ulStyle2 li {
	font-size: 75%;
	padding-bottom: 1px;
}
.ulStyle2 li a {
}
.ulStyle2 li a:hover, .ulStyle1 li a:active {
}
.ulStyle2 ul {
	margin: .4em 0 4px .4em;
	padding-left: 0;
	
	list-style: none;
}
.ulStyle2 ul li {
	margin-bottom: .4em;
	padding-left: 12px;
	
	background: url('images-layout/bullet-red-circle.gif') 0 7px no-repeat;
}

.ulStyleSpaced li {
	margin-bottom: .6em;
	list-style-type: disc;
}

.olStyleSpaced li {
	margin-bottom: .6em;
	list-style-type: disc;
}
.olStyleSpaced li p {
	padding: .6em 0 0 0;
}


/* Table Stlyles */
.information {
	width:100%;
}
.information td {
	
}
.comparison {
	width:100%;
	background:#2C2C2C url('images-layout/comparison-top-bg.gif') top right no-repeat;
}
	.comparison th {
		font-family:impact,arial,sans-serif;
		color:#F68427;
		font-size:1.5em;
		letter-spacing:2px;
	}
	.comparison td {
		text-align:center;
		background-color:#fff;
		
	}
	.comparison .columnLeft {
		width:300px;
		padding-left:25px;
		text-align:left;
		font-size:125%;
		font-weight:bold;
		background-color:#999;
		color:#fff;
	}
	.comparison .columnLeft2 {
		width:300px;
		padding-left:25px;
		text-align:left;
		font-size:125%;
		font-weight:bold;
		background-color:#555;
		color:#fff;
	}
	.tablePrice {
		color:red;
		font-size:120%;
		font-weight:bold;
	}
	.comparison .tableNone {
	}
/* Text Styles */
.price {
	font-weight: 600;
	color: #065e25;
}
.bonusText {
	font-weight: bold;
	color: #f00;
}

h2.error {
	margin: 1em 0;
	text-align: center;
	color: #c00;
}
p.error {
	margin: 1em 8%;
	padding: 1%;
	width: 80%;
	border: 2px solid #c00;
	background: #fcc;
}

h2.message {
	margin: 1em 0;
	text-align: center;
	color: #090;
}
p.message {
	margin: 1em 8%;
	padding: 1%;
	width: 80%;
	border: 2px solid #090;
	background: #cfc;
}

.error {
	color: #f00;
}

.bigger {
	font-size: 120%;
}
.smaller {
	font-size: 76%;
}

.strike {
	text-decoration: line-through;
	font-weight: 600;
}
.yes {
	font-weight: 600;
	color: #065e25;
}
.no {
	font-weight: 600;
	color: #8f2525;
}

.quote {
	padding: 0 3px;
}

.alignStyle1 {
	text-align: center;
}
.alignStyle2 {
	text-align: right;
}

.extraLine {
	margin-bottom: 1.5em;
}
.halfLine {
	margin-bottom: .5em;
}
