/**************************************************************/
/* Headers */

h1, h2, h3, h4, h5, h6 {
	margin: 3px 0 11px;
}

h1 {
	font-size: 140%;
	color: #425E9A;
}

h2 {
	font-size: 135%;
}


h3 {
	font-size: 120%;
	margin-bottom: 1ex;
	margin-top: 1em;
}

h4 {
	font-size: 110%;
	margin: 8px 0 6px;
}

h5 {
	font-size: 105%;
}

#content h1 {
	margin-bottom: 1ex;
}

#content h2 {
	margin-bottom:0;
	margin-top: 5ex;
}

#content h1.sub {
	font-size: 14pt;
	font-weight: bold;
	float: left;
	margin: 3px 1em 0 0;
}


#content h2.sub {
	font-size: 9pt;
	line-height: 13pt;
	padding-top: 5pt;
	padding-bottom: 6pt;
	font-weight: normal;
	margin: 3px 0 0 0;
}

#content h2.subtitle {
	margin-top: 3px;
}

#content h2.notable {
	margin-bottom: 11px;
}


/**************************************************************/
/* Links */

a:link {
	font-weight: bold;
	color: #4B5DC2;
}

a:visited {
	font-weight: bold;
	color: #4B5DC2;
}

a:link img, a:visited img {
	border: none;
}

a:hover {
	text-decoration: underline;
}

a.productlink:hover {
	text-decoration: none;
}

/**************************************************************/
/* Forms */

input, textarea, option, select, button {
	vertical-align: middle;
}

input[type=text], input[type=password], textarea, option, select {
	background: white;
	color: black;
}

input[type=text].error, input[type=password].error, textarea.error, option.error, select.error {
	background: salmon;
	color: black;
}

a.formbutton:link, a.formbutton:visited, input[type=submit], input[type=button], button, input[type=reset] {
	background-color: white;
	background-image: url(buttonbg.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	color: black;
	border: 1px solid #AFB0AF;
	font-weight: normal;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

a.formbutton:hover, input[type=submit]:hover, input[type=button]:hover, button:hover, input[type=reset]:hover {
	outline: 1px outset #4C75EB;
	outline-offset: -1px;
	text-decoration: none;
}

a.formbutton:focus, input[type=submit]:focus, input[type=button]:focus, button:focus, input[type=reset]:focus {
	outline-offset: -3px;
	outline: 1px dotted buttonshadow;
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner { 
	border: 0;
	padding: 0;
	outline: 1px dotted buttonface;
	outline-offset: 0;
}

a.formbutton.important:link, a.formbutton.important:visited, input[type=submit].important, input[type=button].important, button.important, input[type=reset].important {
	background-color: #EADFEE;
	background-image: url(buttonbg-important.png);
	padding: 8px;
	font-size: 110%;
	border-color: #A06DC1;/*#7F3F98;*/
	color: #683A72;
	font-weight: bold;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

a.formbutton.checkout:link, a.formbutton.checkout:visited, input[type=submit].checkout, input[type=button].checkout, button.checkout, input[type=reset].checkout {
	background-color: #7B5E85;
	background-image: url(buttonbg-checkout.png);
	border-color: transparent;
	color: white;
	font-weight: bold;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

a.formbutton.searchfind:link, a.formbutton.searchfind:visited, input[type=submit].searchfind, input[type=button].searchfind, button.searchfind, input[type=reset].searchfind {
	background-color: #EADFEE;
	background-image: url(buttonbg-important.png);
	padding: 6px;
	border-color: #6E2A8E;
	color: #683A72;
	font-weight: bold;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

form.notable label, label.notable {
	float:left;
	clear:both;
	margin: 8px 0;
}

form.notable input, input.notable, form.notable select, select.notable, form.notable textarea, textarea.notable, form.notable button, button.notable {
	display:block;
	width: auto;
	float: right;
	clear: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: inherit;
	margin: 6px 0;
}

form.notable {
	overflow: auto;
	padding: 4px;
	width: auto;
}

form.notable input[type=text], form.notable input[type=password], form.notable textarea, form.notable select, input[type=text].notable,
		input[type=password].notable, textarea.notable, select.notable {
	border: 1px inset #AFB0AF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

form.notable input[type=submit], form.notable input[type=button], form.notable button, form.notable input[type=reset] {
	margin-top: 6px;
}

form.notable input[type=hidden] {
	margin: 0;
}

form button.image, form.notable button.image, button.image.notable {
	border:none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	background: none;
}

form button.image:hover, form.notable button.image:hover, button.image.notable:hover {
	outline: none;
}

/**************************************************************/
/* Prices */

.oldprice {
	text-decoration: line-through;
}
.price {
	color: #9370B2;
}

/**************************************************************/
/* Horizontal rules */
hr {
	width: 85%;
	height: 1px;
	text-align: center;
	color: /*#91ABE8;*/ #A06DC1;
	border: none;
	border-top: 1px solid;
	margin: 1em auto;
}

/**************************************************************/
/* Code excerpts */
code {
	display: block;
	font-size: 90%;
	border: 1px dashed #91ABE8;
	background: pink;
	padding: 1ex;
	white-space: pre;
}

/**************************************************************/

dt {
	font-weight: bold;
	margin-top: 1ex;
}

/**************************************************************/

table.columns {
	width: 100%;
}

table.columns td {
	vertical-align: top;
	padding: 5px;
}

/**************************************************************/

table.tight, table.tight td, table.tight th {
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	padding: 0;
}

/**************************************************************/

#content h1.title {
	background: #BA89C6 top right repeat-y url(../images/templates/heading-gradient.png);
	-o-background-size: 100% 100%;
	background-image: -moz-linear-gradient(left top, right top, from(#BA89C6), to(#EED9F9));
	background-image: -webkit-gradient(linear, left top, right top, from(#BA89C6), to(#EED9F9));
	filter: progid:DXImageTransform.Microsoft.Gradient(
		StartColorStr="#BA89C6", EndColorStr="#EED9F9", GradientType=1);
	color: white;
	margin-top: 0;
	margin-left: 0;
	padding: 2pt;
	padding-bottom: 1pt;
	border-bottom: 6px solid #702B8E;
	-moz-border-bottom-colors: #702B8E #702B8E #702B8E #702B8E #702B8E white;
	overflow: hidden;
	font-size: 140%;
}

#content h2.title {
	color: #6E2A8E;
	margin: 1ex 0;
	font-size: 135%;
	padding-left: 2pt;
}

#content .title {
	color: #6E2A8E;
	font-style: 105%;
	margin-left: 2pt;
}

#content p.title {
	margin-top: -1ex;
}

#content img.title {
	float: right;
	margin: 0 0 1ex 3px;
}

#content img.banner {
	margin-top: -1ex;
	clear:right;
}
#content p.banner {
	font-size: 200%;
	font-weight: normal;
	color: #6E2A8E;
	margin-top: 0;
	margin-bottom: 1ex;
	clear: right;
	letter-spacing: -1px;
}

#content h1.title a:link, #content h1.title a:visited {
	color: #F0CAFF;
	text-decoration: underline;
}

#content .fancy {
	padding-left: 2pt;
}


#content .fancy strong, #content .fancy dt {
	color: #6E2A8E;
	font-weight: bold;
}

#content .fancy dt {
	margin-bottom: 3pt;
}

#content .fancy dd {
	margin-top: 3pt;
}

#content .fancy big {
	color: #6E2A8E;
	font-weight: bold;
	font-size: 140%;
}

.fancy a:link, .fancy a:visited {
	color: #6E2A8E;
	font-weight: normal;
	font-weight: inherit;
}

#content .fancy h2 {
	color: #6E2A8E;
	margin-top: 3ex;
}

#content .fancy h3, #content .fancy h4, #content .fancy h5, #content .fancy h6, #content .fancy label.required {
	color: #6E2A8E;
}

#content .fancy li {
	margin-top: 1ex;
	margin-bottom: 1ex;
}