/******************************************************************
*******************************************************************
This CSS Document has been created by TSW Interactive. Please feel
free to learn as much as you possibly can from this stylesheet, but
do not duplicate it (all or portions) for use on the web.

Copyright(c) 2005 - TSW Interactive - All Rights Reserved.
******************************************************************/


/******************************************
General Layout Controlling Styles
******************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #CEDAE1;
	background-image: url(../images/layout/body_bg2.gif);
	background-repeat: repeat-x;
}
div#container {
	background-color: #FFFFFF;
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-image: url(../images/layout/container_watermark.gif);
	background-repeat: no-repeat;
}
#pageBody {
	width: 770px;
	float: left;
	padding-top: 6px;
	margin: 0px;	
}
a img {
	border: none;
}

/******************************************
Header Styles
******************************************/
#header {
	float: left;
	clear: left;
}
#header_navigation {
	margin-left: 197px; /* Pushes yellow/red/green buttons to the right side of the screen */
}
#header_navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header_navigation ul li {
	display: inline;
}
#header_navigation ul li a {
	width: 177px;
	height: 26px;
	float: left;
	display: block;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 9px;
	padding-left: 9px;
}
#header_navigation ul li#nav_1 a {
	color: #FFFFFF;
	background-color: #FFC726;
}
#header_navigation ul li#nav_1 a:hover {
	background-color: #EFA803;
}
#header_navigation ul li#nav_2 a {
	color: #FFFFFF;
	background-color: #ED3422;
	margin-left: 6px;
}
#header_navigation ul li#nav_2 a:hover {
	background-color: #C92210;
}
#header_navigation ul li#nav_3 a {
	color: #FFFFFF;
	background-color: #00A500;
	margin-left: 6px;
}
#header_navigation ul li#nav_3 a:hover {
	background-color: #008200;
}

/******************************************
Side Column Controlling Styles
******************************************/
#side_column {
	width: 175px;
	float: left;
	clear: left;
	margin-left: 3px;
	background-color: #E0E0E0;
}
#side_navigation {
	width: 170px;
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#side_navigation a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 170px;
	height: 20px;
	background-color: #0099CC;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 5px;
	padding-left: 5px;
}
#side_navigation ul {
	color: #0086BE;
	list-style-type: circle;
	margin: 3px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
}
#side_navigation ul li a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	background-color: #E0E0E0;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	display: inline;
}
#side_navigation ul li a#selected_page {
	color: #0066CC;
}
#side_navigation ul li a:hover {
	background-color: #E0E0E0;
	text-decoration: underline;
}
#side_navigation a:hover {
	background-color: #999999;
}
#side_column p {
	padding-left: 5px;
	margin: 10px 0px 12px;
}

/******************************************
Content Controlling Styles
******************************************/
#content {
	float: right;
	width: 575px;
	margin-right: 1px;
	color: #333333;
}

/*** Text Styles ***/
#content h1 {
	background-image: url(../images/layout/h1_dots.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
h1#title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0099CC;
	background-repeat: repeat-x;
}
.h1_wd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #EFA803;
	padding: 0px;
	margin-top: 15px;
	font-weight: normal;
	margin-bottom: 6px;
}
.h1_regular {
	color: #666666;
	margin-left: -5px;
}
.h1_wm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ED3422;
	padding: 0px;
	margin-top: 15px;
	font-weight: normal;
	margin-bottom: 6px;
}
.h1_ci {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00A500;
	padding: 0px;
	margin-top: 15px;
	font-weight: normal;
	margin-bottom: 6px;
}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #0099CC;
	margin-bottom: 0px;
	margin-top: 23px;
}
#content p {
	margin: 10px 0px 12px;
	padding: 0px;
}
.highlight {
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
}

/*** Column Styles ***/
.content_col_1 {
	float: left;
	width: 255px;
	margin-left: 1px;
}
.content_col_2 {
	float: right;
	width: 255px;
	margin-right: 8px;
}
.content_full {
	padding-right: 15px;
	padding-left: 2px;
	display: block;
	clear: both;
}

/*** Table Styles ***/
#content th {
	color: #FFFFFF;
	background-color: #0099FF;
	text-align: left;
}
#content table.tabular td {
	background-color: #F3F3F3;
}

/*** Floating Box Styles ***/
.float_screenshot_left {
	width: 185px;
	float: left;
	text-align: center;
	display: inline;
}
.float_screenshot_center {
	width: 188px;
	float: left;
	text-align: center;
	display: inline;
}
.float_screenshot_right {
	width: 185px;
	float: right;
	text-align: center;
	display: inline;
}

/******************************************
Footer Styles
******************************************/
#footer {
	width: 760px;
	height: 150px;
	background-image: url(../images/layout/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	vertical-align: bottom;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer p {
	float: right;
	margin-top: 114px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
.contact_form_textbox {
	width: 250px;
}
.contact_form_textfield {
	width: 250px;
	height: 65px;
}
ul li.largeSpaces {
	padding-bottom: 15px;
}
.picRight {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 2px;
	margin-right: 0px;
}
img {
	border: none;
}
.oldPrice {
	text-decoration: line-through;
}
.salePrice {
	color: #FF0000;
	font-weight: bold;
	font-size: 110%;
}