/* COLORS
======================================================================
	#000	: body text
	#ebe5d8 : tan (gradient strong)
	#f5f1eb : tan (subtle border)
	#191919 : dark gray (footer background)
	#dbe1dd : tinted green (nav and toolbar)
	#00713b : green (link)
	#501f73 : purple (hover)
	#aa9db3 : light purple (link)
====================================================================== */


@import url(base.css);


/* GENERAL
====================================================================== */

html {
	background: #191919;
}

body {
	min-width: 980px;
	background: #fff url(../_images/bg.png) repeat-x center top;
}

body, input, select, textarea {
	color: #333;
	font-family: arial, sans-serif;
}

h1 {
	color: #501f73;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.95em;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
	margin-top: 2.2em;
	color: #000;
	line-height: 1.4;
}

h2 {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

h3 {
	font-size: .95em;
}

h4, h5, h6 {
	font-size: .8em;
}

h5, h6 {
	font-weight: normal
}

h6 {
	color: #333;
}

p, address, dl, ul, ol, table,
input, select, textarea, label {
	font-size: .8em;
	line-height: 1.6;
}

p, address, dl, ul, ol, table {
	margin-top: 1.5em;
}

p img,
img.Left,
img.Right {
	margin: 5px 15px 15px 15px;
}

img.Left,
p img[align="left"] {
	margin-left: 0;
}

img.Right,
p img[align="right"] {
	margin-right: 0;
}

img.Left {
	float: left;
}

img.Right {
	float: right;
}

h1 + h2 {
	margin-top: .5em;
}

h3 + p,
h4 + p,
h5 + p,
h6 + p {
	margin-top: .85em;
}

table {
	font-size: .7em;
}

ul {
	margin-left: 1.5em;
	list-style-type: disc;
}

ul ul {
	margin-top: 0;
	list-style-type: circle;
}

ol {
	margin-left: 1.5em;
	list-style-type: decimal;
}

ol ol {
	margin-top: 0;
	margin-left: 1.5em;
	list-style-type: lower-alpha
}

dd {
	margin: 0;
}

dt {
	margin-top: 1.5em;
	font-weight: bold;
}

blockquote {
	margin: 2.2em 0;
	padding: .5em 2em 1.5em 2em;
	background: #f5f3eb;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

blockquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.6;
	font-style: italic;
}

cite {
	margin-top: -1em;
	font-family: arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	text-align: right;
	font-style: normal;
	display: block;
}

cite:before {
  content: "- ";
}

em, q { font-style: italic; }

strong { font-weight: bold; }

a:link,
a:visited {
	color: #501f73;
}

a:hover,
a:active {
	color: #333;
}




/* FORMS
====================================================================== */
fieldset div {
	margin-top: .75em;
}

label {
	font-weight: bold;
}

label span {
	margin-left: .5em;
	font-weight: normal;
}

.Current label {
	color: #555;
}

.Radio {
	position: relative;
	margin-left: 1.8em;
}

.Radio input {
	position: absolute;
	left: -2.3em;
}

.Radio label {
}

.Radio p {
	margin: 0 0 1em 0;
}




/* CONTAINERS
====================================================================== */
#outer {
	margin: 0 auto;
	width: 980px;
	/* try this if you need a clear */
	/* overflow: auto; */
}

#inner {
	padding: 45px 0 45px 0;
	background: #fff url(../_images/inner-bg.png) repeat-x 0 0;
	overflow: auto;
}

.HasSidebar {
	margin-left: 290px;
	padding: 0 45px 0 0;
}

.HasNoSidebar {
	padding: 0 180px 0 180px;
}




/* HEADER
====================================================================== */
#header {
	position: relative;
	padding: 6px 0 1px 0;
}

#logo {
	margin: 0 auto;
	width: 168px;
	height: 86px;
	display: block;
	background: url(../_images/logo.png) no-repeat 0 0;
}

#logo span {
	display: none;
}

#pga {
	position: absolute;
	left: 20px;
	/* top: 30px;
	width: 159px;
	height: 38px; */
	
	/*top: 18px;
	width: 250px;
	height: 58px;*/
		
	top: 22px;
	width: 213px;
	height: 52px;
	display: block;
}




/* TOOLBAR
====================================================================== */
ul#toolbar {
	position: absolute;
	top: 30px;
	right: 20px;
	margin: 0;
	list-style-type: none;
	text-align: right;
}

#toolbar li {
	display: -moz-inline-box;  /* for Mozilla based browsers */
	display: inline-block;
}

#toolbar li a:link,
#toolbar li a:visited {
	display: block;  /* for Mozilla based browsers */
	display: inline-block;
	margin-left: -4px;
	padding: 0 14px 2px 14px;
	background: url(../_images/toolbar-divider.png) no-repeat right center;
	color: #dbe1dd;
	font-size: .85em;
	line-height: 1;
}

#toolbar li.Last a:link,
#toolbar li.Last a:visited {
	background: none;
	padding-right: 0;
}

#toolbar li a:hover,
#toolbar li a:active {
	color: #fff;
}




/* NAVIGATION
====================================================================== */
ul#nav {
	margin: 0;
	min-height: 32px;
	list-style-type: none;
	text-align: center;
}

#nav li {
	display: -moz-inline-box;  /* for Mozilla based browsers */
	display: inline-block;
}

#nav li a:link,
#nav li a:visited {
	display: block;  /* for Mozilla based browsers */
	display: inline-block;
	margin-left: -4px;
	padding: 9px 14px 9px 14px;
	background: url(../_images/nav-divider.png) no-repeat right center;
	color: #dbe1dd;
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
}

#nav li.Last a:link,
#nav li.Last a:visited {
	background: none;
}

#nav li a:hover,
#nav li a:active {
	color: #fff;
}

#nav li.Current a:link,
#nav li.Current a:visited {
	background: #ebe5d8 url(../_images/nav_current-bg.png) repeat-x 0 0 !important;
	color: #00713b;
}




/* SIDEBAR
====================================================================== */
#sidebar {
	float: left;
	width: 245px;
	min-height: 400px;
	background: #fff url(../_images/sidebar-bg.png) no-repeat right top;
}

ul#sidebar {
	margin: 0;
	list-style-type: none;
	text-align: left;
}

#sidebar li a:link,
#sidebar li a:visited {
	margin: 0 1px 0 0;
	padding: .4em 1em .4em 23px;
	border-top: 1px solid #ece5d7;
	background: url(../_images/arrow.png) no-repeat 10px 7px;
	color: #222;
	font-size: .85em;
	display: block;
}

#sidebar li a:hover,
#sidebar li a:active {
	color: #501f73;
	background-color: #f6f6f6;
	background-image: url(../_images/arrow-over.png);
}

#sidebar li.Current a:link,
#sidebar li.Current a:visited {
	color: #000;
	font-weight: bold;
	background-color: inherit;
	background-image: url(../_images/arrow-on.png);
}




/* HOME
====================================================================== */
#section_home h1 {
	padding-top: 15px;
	color: #fff;
	font-size: 1.7em;
	font-style: italic;
	text-align: right;
}

#section_home h2 {
	margin-top: 15px;
	/* padding-bottom: 35px; */
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	padding: 0;
}

#homepage_special {
list-style: none;
float: left;
background-image: url(/_images/homepage_banner_background.jpg);
background-repeat: no-repeat;
width: 252px;
height: 167px;
padding: 0;
margin: 0;
}

#section_home #content {
	position: relative;
	margin-top: -25px;
}

#section_home .Feature {
	min-height: 167px;
	padding-right: 310px;
	text-align: center;
	background: url(../_images/feature-bg.png) repeat-x 0 0;
}

#section_home .Feature img {
	position: absolute;
	top: 8px;
	right: 40px;
}

#section_home .Feature p {
	position: relative;
	float: right;
	margin-right: 90px;
	z-index: 100;
}

#section_home .Feature a.BtnLg {
	margin: 0 30px 0 20px;
}

#section_home #options {
	margin-top: 35px;
	clear: right;
}

#section_home #options .Option {
	float: left;
	width: 327px;
	min-height: 300px;
	background: url(../_images/divider-vert.png) no-repeat right top;
	text-align: center;
}

#section_home #options .Last {
	background: none !important;
	width: 326px;
}

#section_home #options .Option img {
	margin-bottom: 10px;
}

#section_home #options .Option ul {
	list-style-type: none;
	margin: 0;
	margin-top: 2em;
	border-bottom: 1px solid #f5f1eb;
	visibility: hidden;
}

#section_home #options .Option:hover ul {
	visibility: visible;
}

#section_home #options .Option p,
#section_home #options .Option li {
	margin: 0;
	padding: 1em 3.4em;
	border-top: 1px solid #f5f1eb;
	font-size: .7em;
}

#section_home #options .Option li {
	font-size: .85em;
}

#section_home #options .Option p.MoreInfo,
#section_home #options .Option li {
	padding: .4em 0;
}

#section_home #options .Option p.MoreInfo a:link,
#section_home #options .Option p.MoreInfo a:visited {
	display: block;
}

#section_home #options .Description {
	min-height: 115px;
}




/* PRODUCT
====================================================================== */
.ProductFeature {
	float: left;
	/*margin: 1.8em 1.8em 0 0;*/
	margin: 1.8em 1.8em 0 0;
}

#description {
	overflow: auto;
}

#description_brief {
	margin-left: 325px;
	margin-right: 2em;
}

#description_brief span.Price {
	display: block;
}

#description_brief .Btn {
	margin: 0;
}

#description_additional {
	margin-top: 2em;
	padding-top: 1.2em;
	background: url(../_images/divider-horz.png) no-repeat center top;
}




/* COMPARISON
====================================================================== */
table#comparison {
	width: 735px;
	background: url(../_images/comparison-bg.png) no-repeat 0 125px;
}

.HasNoSidebar table {
	margin-left: auto;
	margin-right: auto;
}

table#comparison th,
table#comparison td,
table#comparison tr.Heading th {
	padding: .4em 1em .6em 1em;
	width: 25%;
	border: 1px solid #f5f1eb;
	border-width: 0 0 1px 0;
	font-weight: normal;
	text-align: center;
}

table#comparison tr.Heading th {
	padding-bottom: 1em;
}

table#comparison th {
	text-align: right;
}

table#comparison img {
	position: relative;
	top: .4em;
}

table#comparison p.Price {
	margin: .8em 0;
	font-size: 2em !important;
}




/* CONFIGURATION
====================================================================== */
form#configuration {
	position: relative;
	font-size: .85em;
}

form#configuration fieldset {
	margin-top: 2em;
	margin-right: 225px;
	padding-top: 2em;
	border: 1px solid #f5f1eb;
	border-width: 1px 0 0 0;
}

form#configuration h3 {
	margin: 0;
}

form#configuration .MoreInfo {
	margin-left: .5em;
	font-size: .9em;
	font-weight: normal;
}

form#configuration #description {
	margin: 0 0 .75em 0;
}

form#configuration #description p {
	margin-top: .75em;
}

form#configuration .Buttons p {
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}

form#configuration .Buttons span.Price {
	margin-left: .5em;
	font-size: 1.6em !important;
	font-weight: normal;
}

form#configuration .Buttons .Btn {
	margin-right: 0;
}

form#configuration #subtotal {
	position: fixed;
	top: 198px;
	left: 50%;
	width: 980px;
	margin-left: 245px;
	/* position: absolute; */
	/* top: -60px; */
	/* right: -45px; */
	padding: 30px 0 0 65px;
	min-height: 300px;
	background: url(../_images/divider-vert.png) no-repeat 0 0;
	width: 180px;
	text-align: center;
}

form#configuration #subtotal p.Price {
	margin: .75em 0 1.3em 0;
}




/* FOOTER
====================================================================== */
#footer {
	position: relative;
	padding-top: 12px;
	min-height: 100px;
	background: #191919 url(../_images/footer-bg.png) repeat-x 0 0;
	text-align: center;
	clear: both;
	z-index: 100;
}

#footer p {
	margin: 0 auto;
	width: 980px;
	font-size: .7em;
}

#patent { padding: 0 1em; }

#footer,
#footer a:link,
#footer a:visited { color: #666; }

#footer a:hover,
#footer a:active { color: #999; }

p#credit {
	margin-top: 1em;
	display: none;
}

#credit a:link,
#credit a:visited { color: #333; }

#credit a:hover,
#credit a:active { color: #666; }

#credit a:hover span,
#credit a:active span { color: #a8d936; }




/* NAVIGATION - FOOTER
====================================================================== */
ul#nav_footer {
	margin: 0;
	margin-bottom: 10px;
	list-style-type: none;
	text-align: center;
}

#nav_footer li {
	display: -moz-inline-box;  /* for Mozilla based browsers */
	display: inline-block;
}

#nav_footer li a:link,
#nav_footer li a:visited {
	display: block;  /* for Mozilla based browsers */
	display: inline-block;
	margin-left: -4px;
	padding: 0 18px 2px 18px;
	background: url(../_images/nav_footer-divider.png) no-repeat right center;
	color: #dbe1dd;
	font-size: .85em;
}

#nav_footer li.Last a:link,
#nav_footer li.Last a:visited {
	background: none;
	padding-right: 0;
}

#nav_footer li a:hover,
#nav_footer li a:active {
	color: #fff;
}




/* CUSTOM CLASSES
====================================================================== */
.MoreInfo a:link,
.MoreInfo a:visited,
a.MoreInfo:link,
a.MoreInfo:visited {
	color: #501f73;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.MoreInfo a:hover,
.MoreInfo a:active,
a.MoreInfo:hover,
a.MoreInfo:active {
	color: #333;
}

p.Price, span.Price {
	margin-right: 3px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2;
/*	line-height: .5; */
	font-size: 1.4em !important;
	font-style: italic;
}

a.Btn:link, a.Btn:visited,
input.Btn,
a.BtnLg:link, a.BtnLg:visited,
input.BtnLg {
	margin: 0 auto;
	padding: 0;
	width: 115px;
	height: 25px;
	background: url(../_images/btn.png) no-repeat 0 0;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 2.4 !important;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	display: block;
}

a.BtnLg:link, a.BtnLg:visited,
input.BtnLg {
	width: 172px;
	height: 35px;
	background: url(../_images/btn-lg.png) no-repeat 0 0;
	font-size: 15px !important;
}

input.Btn, input.BtnLg {
	border: none;
	line-height: 2 !important;
}

a.Btn:hover,
input.Btn:hover {
	background-position: 0 -25px;
	color: #fff;
}

a.BtnLg:hover,
input.BtnLg:hover {
	color: #fff;
	background-position: 0 -35px;
}

a.BtnHome:link, a.BtnHome:visited {
	margin: 0 auto;
	padding: 0;
	width: 170px;
	height: 25px;
	background: url(../_images/btn_wide.png) no-repeat 0 0;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 2.4 !important;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	display: block;
}

a.BtnHome:hover {
	background-position: 0 -25px;
	color: #fff;
}

.accessory {
	padding-bottom: 2em;
	margin: 2em 0;
	border-bottom: 1px solid #ece5d8;
	overflow: auto;
}

.accessory h2 {
	margin-top: 0;
}

.accessory_photo {
	width: 150px;
	min-height: 120px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

.accessory_group {
	padding-bottom: 2em;
	margin: 2em 0;
	border-bottom: 1px solid #ece5d8;
	overflow: auto;
}

.accessory_group h2 {
	margin-top: 0;
}

.accessory_group_photo {
	width: 300px;
	min-height: 200px;
	float: left;
	text-align: right;
	margin-right: 20px;
}

.shopping_cart_table {
font-size: 12px;
}

.shopping_cart_table input {
font-size: 12px;
width: 25px;
text-align: right;
}

.shopping_cart_table ul {
margin-top: 0;
font-size: 12px;
}

.shopping_cart_table .divider {
height: 1px;
border-top: 1px #999999 solid;
}

.signin_table {
font-size: 12px;
line-height: 2.6;
}

.signin_table input {
font-size: 12px;
}

.checkout_table {
width: 100%;
font-size: 0.8em;
}

.checkout_table input, .checkout_table select {
font-size: 1.0em;
}

.error_msg {
margin-top: 15px;
padding: 8px;
text-align: center;
background-color: #FF0000;
color: #ffffff;
font-weight: bold;
font-size: 0.9em;
}

.success_msg {
margin-top: 15px;
padding: 8px;
text-align: center;
background-color: #009933;
color: #ffffff;
font-weight: bold;
font-size: 0.9em;
}

div.callout {
font-size: 0.8em;
background-color: #ECE6DA;
border: 1px #DAD4C8 solid;
padding: 16px;
}

div.callout ul {
font-size: 0.8em;
}

div.callout h2 {
margin-top: 0;
font-size: 1.4em;
}

#knowledge_base {
font-size: 0.8em;
}

#more_info {
padding: 10px;
font-size: 1.4em;
}

#more_info h1 {
margin: 20px 0px 20px 0px;
line-height: 1.0em;
}

ul#sitemap li {
	font-size: 1.1em;
	font-weight: bold;
}

ul#sitemap li ul li {
	font-size: 1.0em;
	font-weight: normal;
}

.available_for {
border: 1px #c9c9c9 solid;
padding: 8px;
font-size: 1.0em;
background-color: #E8E8E8;
}

.available_for ul {
margin-top: 4px;
font-size: 0.9em;
}