/*
CSS Document 

This documents sets all Default HTML tags to 0 so all broswers are the same.  In the redefine section I redefine all HTML tags for your site. 

For: Decimus Software
Date: 10/31/10
Created By: Zack Davis
Website: 2721west.com / OctopodaMedia.com


Colors for Site: 
Aqua Green:#00F1E3
Black:#000;
Red:#D52929
Dark Aqua: #188D89


*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.hide {
	text-indent:-9999px;
	display:none;
}

.clear {
	clear:both;
}


.floatLeft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;	
}

.floatRight {
	float:right;
	margin-left:10px;
	margin-bottom:10px;	
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*================================================================================ */
/*                Redefine all Defaults                     					   */
/*================================================================================ */


/* Setup the Aller Font Face for use in Browser */
@font-face {
	font-family: 'Aller';
	src: url('aller/aller_lt-webfont.eot');
	src: local('☺'), 
			url('aller/aller_lt-webfont.woff') format('woff'), 
			url('aller/aller_lt-webfont.ttf') format('truetype'), 
			url('aller/aller_lt-webfont.svg#webfontsapQlAqq') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Setup the Cicle Font Face for use in Browser */
@font-face {
	font-family: 'Cicle';
	src: url('cicle/Cicle_Semi-webfont.eot');
	src: local('☺'), 
		url('cicle/Cicle_Semi-webfont.woff') format('woff'), 
		url('cicle/Cicle_Semi-webfont.ttf') format('truetype'), 
		url('cicle/Cicle_Semi-webfont.svg#webfontUU2jQdJo') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Cicle';
	src: url('aller/aller_lt-webfont.eot');
	src: local('☺'), url('aller/aller_lt-webfont.woff') 
		 format('woff'), url('aller/aller_lt-webfont.ttf') 
		 format('truetype'), url('aller/aller_lt-webfont.svg#webfontsapQlAqq') format('svg');
	font-weight: normal;
	font-style: normal;
}



body { 
	margin:0; 
	background:url(../images/body_background.jpg) top center no-repeat #000;
	font-family:"Cicle", Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link, a:visited { 
	text-decoration:none;
	color:#00F1E3;
}

a:hover, a:active {
	color:#188D89;
}

p {
	font-size:12px;
	font-family:"Cicle", Arial, Helvetica, sans-serif;
	line-height:16px;
	margin-bottom:10px;
	color:#FFF;
}

dt, dd {
	font-size:12px;
	font-family:"Cicle", Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#FFF;
}

strong { font-weight:bold}
em {font-style:italic}

span {}

/* Leave Empty! only used for Main Logo for SEO*/ 
h1 {}

/* Software Headlines */
h2 {
	font-family: 'Aller', sans-serif;
	font-size:30px;
	color:#FFF;
	margin:10px 0 30px 0;
}

/* Main Content Headlines */
h3 {
	font-family: 'Aller', sans-serif;
	font-size:22px;
	color:#00F1E3;
	margin:30px 0 10px 0;
	line-height:32px;
}

h4 {
	font-family: 'Aller', sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	margin:10px 0 10px 0;
	line-height:32px;	
}

h5 {
	font-family: 'Aller', sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	margin:10px 0 10px 0;
	line-height:18px;	
}

h6 {
	font-size:12px;
	font-family: 'Aller', sans-serif;
	font-weight:bold;
	color: #188D89;
	margin:10px 0 10px 0;
	line-height:15px;
}

pre {
	font-size:12px;
	font-family: 'Inconsolata', Courier, monospace;
	line-height:16px;
	margin-bottom:10px;
	color:#FFF;
}

blockquote {}

ul {}

ol {}

ul li {
	list-style:disc;
	color:#FFF;
	margin:8px 0 8px 0;
	line-height:16px;
}

ol li {}

form {}

input {}

fieldset {}

textarea {}

table {
	margin:20px 0 20px 0;
}

table tr {}

table tr td {
	padding:10px;
}

address {
	color:#FFF;
	font-size:15px;
	line-height:24px;
	margin-left:30px;	
}

/* CSS Document -All Classes 

For: Decimus Software
Date: 10/31/10
Created By: Zack Davis
Website: 2721west.com / OctopodaMedia.com 


*/

/* Main Div Structure for site */


#siteWrapper {
	margin:auto;
	width:900px;
	min-height:555px;
	background:url(../images/siteWrapper_background.jpg) top center	no-repeat #000; 
}

#siteWrapper.small {
	background:url(../images/small_siteWrapper_bg.jpg) top center no-repeat #000;	
}




/* Structure div for Navigation bar */
#navBar {	
	width:100%;
	height:67px;
	clear:right;
}

#content {
	padding: 5px 28px 10px 28px;
	margin-top: 30px;
}

#content h3 {
	line-height:26px;	
}


/* Structure Div for Footer */
#footer {
	border-top:1px solid #FFF;
	margin-top:30px;
	padding-top:10px;
	text-align:center;
}

/* Structure for News Dropdown */
#news {
	margin-left:40px;
	position:absolute;
	top:-9999px;
	z-index:9999;
}




/*
CSS Document -All Classes 

For: Decimus Software
Date: 10/31/10
Created By: Zack Davis
Website: 2721west.com / OctopodaMedia.com


Colors for Site: 
Aqua Green:#00F1E3
Black:#000;
Red:#D52929
Dark Aqua: #188D89


*/

.red {
	color:#D52929 !important;	
}

.aquaGreen {
	color:#00F1E3;	
}

.darkAqua {
	color:#188D89	
}

/*================================================================================ */
/*                              Header                      					   */
/*================================================================================ */

/* Main Logo in Navbar */
.logo  {
	/* Logo Setup */
	display:block;
	background:url(../images/logo.png) top left no-repeat;
	text-indent:-9999px;
	width:185px;
	height:56px;
	
	/* Logo Placement*/
	margin-left:41px;
	position:relative;
	top:-6px;
}

/* Main Navigation */
.nav {	
	float:right;
	margin:0;
	margin-top:-31px;
	margin-right:20px;
}

/* line up main nav links */
.nav li {
	margin:0;
	line-height:0;
	list-style:none;
	float:left;
}

/* Setup main nav links */
.nav li a:link, .nav li a:visited {
	color:#FFF;
	padding:21px;
	font-family:"Cicle", Arial, Helvetica, sans-serif;
	font-size:21px;	
	list-style:none;

}

/* Background change on hover and click */
.nav li a:hover, nav li a:active {
	background:#0E5250;
}

/* Currently Active Main Link */
.nav li a.active {
	background:#0E5250;
}


/* Social Navigation  Facebook and Twitter Icons*/
.socialMenu {
	margin:0;
	float:right;
	margin:8px 30px 0px 10px;	
}

/* makes social icons line up */
.socialMenu li {
	float:left;
	margin-bottom:8px;
	list-style:none;	
}

/* facebook icon */
.facebook {
	display:block;
	text-indent:-9999px;
	background:url(../images/facebook_icon.png)  no-repeat;
	background-position:0px 0px;
	width:29px;
	height:37px;
	margin-right:5px;	
}

.facebook:hover {
	background-position:0px -38px;	
}

/* twitter icon */
.twitter {
	display:block;
	text-indent:-9999px;
	background:url(../images/twitter_icon.png) no-repeat;
	background-position:0px 0px;
	width:39px;
	height:37px;
}

.twitter:hover {
	background-position:0px -38px;	
}

/* News Dropdown */

/* Controls Copy for News Dropdown */
.newsCopy {
	color:#FFF;
	background:#D52929;
	padding:12px 20px 13px 20px;
	width:400px;
	border-bottom:1px solid #D52929;	
}

.newsCopy p {
	margin:10px 0;
	padding:0;	
}

/* Makes the buttons for news drop down line up */
.newsdrop {
	padding:0;
	margin:0;	
}

.newsDrop li{
	line-height:0px;
	margin:0;
	list-style:none;
	float:left;
	font-size:16px;
}

/* The left side of the button for News Dropdown */
.newsLeft {
	background:url(../images/news_left.png) top left no-repeat;
	width:46px;
	height:33px;	
}

/* the button for News Dropdown */
.newsDropDown {
	display:block;
	cursor:pointer;
	color:#FFF !important;
	height:33px;
	font-size:14px;
	background:url(../images/news_drop.png) top center repeat-x;
	line-height:23px;
}

.newsDropDown:hover {
	color:#000 !important;	
}

/* The right side of the button for News Dropdown */
.newsRight {
	background:url(../images/news_right.png) top left no-repeat;
	width:46px;
	height:33px;
}	

/*================================================================================ */
/*         Main Content Broken into Pages                      					   */
/*================================================================================ */

/*====== Content Area Setup =======*/

/* creates one column div*/ 
.oneColumn {
	width:225px;
	padding:0px 20px 0px 20px;
	float:left;
}

/* creates a two column div */
.twoColumn {
	width:500px;
	padding:0px 20px 0px 20px;
	float:left;	
}

.halfWidth {
	width:360px;
	float:left;
	padding:0 20px 0 20px;
}

.informationColumn {
	width:600px;
	padding:0 20px 0 20px;
	float:left;	
}


/* creates a three column div */
.threeColumn {
	width:760px;
	padding:0px 20px 0px 20px;	
	float:left;
}

/* Controls Tabs on Any Page */
.tabs {
	float:right;
	margin-right:30px;
	margin-bottom:12px;
}

/* Aligns tabs side by side */
.tabs li {
	list-style:none;
	margin:0;
	float:left;	
}

/* controls tab font styles and backgrounds */
.tabs li a:link, .tabs li a:visited {
	font-size:12px;
	color:#FFF !important;
	padding:10px;
}

/* Tabs hover */
.tabs li a:hover, .tabs li a:active {
	color:#000 !important;
	background:#CCC;	
}

/* Active tab */
.tabs li a.active {
	color:#000 !important;	
	background:#FFF;
	
}

/* Line below Tabs */
.tabLine {
	border-top:1px solid #FFF;
	width:90%;
	margin-left:20px;	
}

/* =============== Download Buttons ========  */
.buttonSet {
	float:left;	
}

.buttonGrouping {
	float:right;
}	


.downloadButton:link, .downloadButton:visited {
	display:block;	
	background:url(../images/download.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:115px;
	height:40px;
	margin-top:10px;
	text-align:left;
	
	color:#FFF !important;
	font-size:11px;
	line-height:60px;
	padding-left:15px;
	float:right;
	clear:both;
}

.downloadButton.sub {
	background-image:url(../images/download_subtext.png);	
}

.downloadButton:hover, .downloadButton:active {
	background-position:0px -39px;	
}

 
 /* Removes the Download text from the button used for SEo */
.downloadButton span {
	display:none;	
}

/* use to keep buttons inline instead of stacked. */
.downloadButton.inline {
	clear:none;
}


/* tool tips for download buttons */
.tooltip {
	position:absolute;
	color:#000;
	display:none;
}



.tooltipTop {
	background:url(../images/tooltip_top.png) top center no-repeat;
	width:185px;
	height:18px;	
}

.tooltipMid {
	background:url(../images/tooltip.png) top center repeat-y;
	width:145px;
	padding:0px 20px 10px 20px;
}

.tooltipBottom{
	background:url(../images/tooltip_bottom.png) top center no-repeat;
	width:185px;
	height:20px;
}


.tooltipMid p {
	font-size:11px;	
	line-height:13px;
	margin-bottom:0;
	margin-top:10px !important;
	color:#000 !important;
}

.tooltip a {
	color:#188D89 !important;	
}

.tooltipMid .red {
	color:#D52929 !important;
}

.tooltip h6 {
	margin-top:0;
}

.tooltip .noMarginTop {
	margin-top:0 !important;	
}

/* =========== Buy Buttons ========== */

.buyButton:link, .buyButton:visited {
	display:block;	
	background:url(../images/buy.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:100px;
	height:39px;
	line-height:39px;
	float:left;
	clear:both;
	margin-top:10px;
	text-align:right;
	padding-right:15px;	

	color:#FFF !important;
	font-size:20px;
	
	
}

.buyButton:hover, .buyButton:active {
	background-position: 0px -39px;
	color:#000 !important;
}

/* Removes BUY text from button used for SEO */
.buyButton span {
	display:none;	
}

/* use to keep buttons inline instead of stacked. */
.buyButton.inline {
	clear:right;
	margin-right:-40px;
}


/* ====== Main Home Page */

.home {
	text-align:center;
	margin-left:30px;
}

.home p {
	margin-top:50px;
	text-align:left;
	min-height:150px;
}

.home h2 {
	color:#FFF;
	padding-top:10px;
}


/* =========== Product Pages ========= */

.productHeader {
	margin-bottom:45px;
}


.productHeader img {
	float:left;
	margin-left:120px;
	margin-top:40px;	
}

.productHeaderText {
	float:left;
	text-align:left;
	width:386px;
	margin-left:40px;
}	

.productHeaderText h2 {
	margin-bottom:5px;
	font-weight:bold;
	color:#FFF;
}



.productHeaderText p {
	color:#111;
	margin-top:3px;
}


.productHeaderText h4 {
	color:#FFF;
}

/* Product Information Div */

.productInformation {
	clear:both;	
	text-align:left;
	padding:20px 0 0 20px;
	margin-left:0px;
}

.productInformation h3 {
	margin-bottom:0px;	
}

.productInformation p {
	margin-top:5px;	
}

.emphasis {
	font-size:14px;
	line-height:20px;	
}

.productInformation ul {
	margin-top: 5px;
}

.productInformation ul li {
	background:url(../images/bullet.jpg) top left no-repeat;
	list-style:none;
	padding-left:20px;
	margin-top: 15px;	
}

.productInformation ul li:first-child {
	margin-top: 0px;
}

.video {
	margin:12px;
}

/* removes bullets for list */
.bulletLess li {
	list-style:none;
	list-style-image:none !important;	
	background:none !important;
}

/* Synk Product Page Content With Image Left*/
.synkImageLeft {
	width:800px;
	clear:both;
	margin:40px 0;
	padding-bottom:20px;
}

.synkImageLeft img {
	float:left;	
	margin:10px 40px 0 40px;
}

.synkImageLeft ul {
	float:left;
	width:400px;
}

.synkImageLeft h3 {
	margin-top:10px;
}

.synkImageLeft p {
	float:left;
	margin-top:20px;
	width:400px;
		
}



/* Synk Product Page Content With Image Right*/
.synkImageRight {
	width:800px;
	clear:both;
	margin:40px 0;
	padding-bottom: 20px;
}

.synkImageRight img {
	float:right;	
	margin:0px 40px 0 0px;
}

.synkImageRight h3 {
	margin-left:40px;
	margin-top:5px;
}

.synkImageRight p {
	float:left;
	width:400px;
	margin: 20px 0 0 40px;	
}

.synkImageRight ul {
	float:left;
	width:500px;
	margin:20px 0 0 40px;
}

.getStarted p {
	width:280px;
}

.getStarted h3 {
	padding-top:30px;	
}

.beExclusive p {
	width:300px;
}

.beExclusive h3 {
	padding-top:30px;	
}

.safetyNet {
	padding-bottom: 20px;
}

.safetyNet img {
	padding-left:80px;
	margin-top: 20px;
}

.safetyNet p {
	margin-left:20px;
}	

.safetyNet .twoColumn {
	width:400px;
	margin-top: 20px;
}

.safetyNet .oneColumn {
	margin-top: 20px;
}


.safetyNet h3 {	
	margin-left:40px;
}

.playsWell {
	padding-bottom: 0px;
}

.playsWell ul {
	width:400px !important;
}

.synkFeaturesColumn h3 {
	margin-top:5px;
}


/*  Other Pages main Defaults  */

.nonProduct ul {
	margin-left:45px;
	margin-top:10px;	
}

.nonProduct .informationColumn {
	border-right:1px solid white !important;	
}

.nonProduct .informationColumn.noline {
	border-right:none !important;	
}

.nonProduct h3 {
	margin-top:80px;	
}

.nonProduct h2 {
	margin:30px 0;
}

/* Release Notes */

.releaseNoteTitle {
	padding-top:40px;
}



/* About Page */

.personPic {
	float:left;
	padding-right:10px;
	padding-bottom:10px;	
}

h4.productInfo {
	margin-top:30px;	
}

.productInfoTable tr td {
	padding:10px;
	color:#FFF;
	vertical-align:middle;
}

.productInfoTable tr td a {
	margin-top:-40px;
	disply:block;	
}

.productInfoTable h2 {
	margin-bottom:5px;
	margin-top:-10px;	
}


.pressReleases {
	margin-bottom:-10px;	
}

.aboutTitle  {
	float:left;
}

.aboutSocial {
	clear:right;
	position:relative;
	left:20px;
	top:5px;
}	

.aboutSocial li{
	width:30px;
	float:left;
	list-style:none;
}

.twitterWhite {
	display:block;
	text-indent:-9999px;
	background:url(../images/twitter_icon_white.png) no-repeat;
	background-position:0px 0px;
	width:30px;
	height:26px;
	float:right;
}

.twitterWhite:hover {
	background-position:0px -27px;
}	


.facebookWhite {
	display:block;
	text-indent:-9999px;
	background:url(../images/facebook_white.png) no-repeat;
	background-position:0px 0px;
	width:30px;
	height:26px;
	float:right;
}

.facebookWhite:hover {
	background-position:0px -28px;
}	


.linkedinWhite {
	display:block;
	text-indent:-9999px;
	background:url(../images/linkedin_white.png) no-repeat;
	background-position:0px 0px;
	width:30px;
	height:26px;
	float:right;
}

.linkedinWhite:hover {
	background-position:0px -28px;
}	


/* ========= sidebars  ==========*/

.sidebar {
	float:left;
	position:relative;
	padding-left:40px;
	width:180px;
	
	position: absolute;
	float:right;
    margin-left: 630px;
	margin-top: 50px;
}

.sidebar li {
	list-style:none;
	border-bottom:1px solid white;
	padding:10px 0 10px 0;	
	font-size:16px;
}


.sidebar label {
	width:120px;
	text-align:left;	
}

.sidebar h3 {
	color:#FFF;
	border-bottom:1px solid white;
	margin-top:5px;
	margin-left:-10px;	
}

.sidebar ul {
	margin:0 0 20px 10px;
}

.sidebar ul li {
	list-style:none;	
}



/* ======  Blog Page ======= */

.blog_post {
	margin:30px 0 30px 40px;
	max-width:600px;	
}

.pagination {
	color:#FFF;	
	margin-left:40px;
	font-size:15px;
	height:30px;
	line-height:30px;
}

.backButton {
	display:inline-block;
	text-indent:-9999px;
	background:url(../images/arrows.png) top left no-repeat;
	width:30px;
	height:30px;	
	margin:-40px 10px 0 40px;
}

.pagination span.previous_page {
	display:none;	
}

.pagination a.previous_page {
	display:inline-block;
	text-indent:-9999px;
	background:url(../images/arrows.png) top left no-repeat;
	width:30px;
	height:30px;	
	margin:-40px 10px 0 0;
}

.pagination span.next_page {
	display:none;	
}

.pagination a.next_page {
	margin-left:10px;
	display:inline-block;
	text-indent:-9999px;
	background:url(../images/arrows.png) top right no-repeat;
	width:30px;
	height:30px;	
}


.pagination em {
	font-style:normal;	
}

.RSSIcon {
	margin-top:40px;
	background:url(../images/rssIcon.png) top left no-repeat;
	font-size:24px;
	padding-left:30px;
	line-height:90px;
}

.blogSidebar {
	margin-top: 50px;
	margin-left: 10px;
	float:right;
	width:180px;
}

.blogSidebar h3 {
	margin-top: 20px;
	color: white;
}

.blogSidebar ul {
	margin-left: 10px;
}

.blogSidebar li {
	list-style-type: none;
}



/* Support Page */

#support h4{
	margin-top:80px;
}

	
#support-search-bar{
	position:relative;
	top:30px;
	font-family: 'Aller', sans-serif;
	font-size:22px;
	color:#00F1E3;
	line-height:32px;
}

#support-search-bar input{
	float:none;	
	width:40%;
	margin-left:10px;
}

.supportResults {
	clear:both;	
	margin-bottom:80px;
	margin-top:20px;
	position:abosulte;
	display:none;
}

.support {
	float:left;
	width:180px;
	margin-left:20px;	
}

.support h3 {
	border-bottom:1px solid white;
	color:#FFF;	
}

.support ul {
	margin-left:20px;
}	

.support ul li{
	border-bottom:none;
	list-style:none;
}


.supportQuestions li {
	list-style:none;
	margin:10px 0;
	cursor:pointer;
	color:#00F1E3
}

.supportQuestions li div {
	margin:10px 0px;
	font-size:12px !important;
}	

.supportQuestions p {
	margin-left:-20px;
}	


.supportIcons li a{
	text-indent:0px;
	background-position:top left;
	width:100%;
	height:32px;
	font-size:15px;
	color:#FFF;
	font-family:"Aller", san-serif;
	display:block;
	padding-top:-10px;
}

.supportIcons li a img {
	padding-right:10px;	
}

.supportIcons li a span {
	display:inline-block;
	position:relative;
	top:-10px;
}

.loadingGif {
	width:24px;
	height:24px;
	position:relative;
	top:-30px;
	left:400px;
}


/* ============================= Store ============================ */

.store {
	float:left;
	width:160px;
	margin:60px 0 0 10px;
	border-left:1px solid white;
	padding-left:20px;
}

.store h3 {
	margin:10px 0;	
}

.store h4{
	cursor:pointer;
	line-height:20px;
	font-size:14px;
}

.store h4.noLink {
	cursor:auto;	
}

.store h4:hover {
	color:#CCC;	
}

.store h4.noLink:hover {
	color:#FFF;
}	

.store ul {
	margin-left:15px;	
}
.store div {
	border-bottom:1px solid white;	
}


.store div:last-child {
	border-bottom:none;	
}

.SSLBadges {
	margin:auto;
	clear:both;
	width: 150px;
	position:relative;
	top: 50px;
	bottom: 50px;
}

.brainTreeBadge {
	margin:auto;
}


#return_policy {
	margin-top:50px;
}

.store_table {
	color:#FFF;
	width:100%;
}	

.store_table td,th {
	vertical-align:middle;
	text-align:center;
}	

.store_table thead th {
	padding-left:7px;
	font-size: 16px;
	font-family:"Aller" ,Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.store_table td:first-child,th:first-child {
	text-align:left;
}

.store_table th {
	border-bottom:1px solid white;
	padding-bottom:8px;
}

.store_table .total td {
	border-top: 1px solid white;
	font-size: 16px;
	font-weight: bold;
}

.store_table .total td:first-child+td {
	text-align: right;
}

.product_information td {
	font-size:13px;
}

.product_subline td {
	padding-top: 0px;
}

.product_subline td:first-child {
	padding-left:30px !important;
}

.sidebar_cart_icon {
	height:32px;	
}

.quantity {
	font-size:15px;
	font-weight:bolder;	
	font-family:"Aller", Arial, Helvetica, sans-serif;
}

.price {
	font-family:"Aller", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bolder;	
	text-align:center !important;
}


#statement_txninfo {
	clear:both;	
	margin-top:10px;
}

#statement_txninfo dt {
	float:left;
	margin-right:5px;	
}



/* Store Errors */
.error {
	color:#D52929;
	font-size:12px;	
}


#store h3 {
	margin-top:50px;	
}

.emailForm .error {
	border:1px solid white;
	text-align:left;
	color:#D52929;	
	position:absolute;
	top:10px;
	left:10px;
}

h6.invoiceSent {
	font-size:12px;
	margin:20px 0;	
	color:#FFF;
}


/* Edit User Profile */

.edit_user .actions {
	clear: both;
	margin-left: 210px;
}

.edit_user .actions a {
	margin-top: 10px;
	margin-left: 10px;
}


/* ============================= Login ============================ */

.new_user_session input[type="submit"] {
	clear: both;
	margin-left: 280px;
}

.edit_password input[type="submit"] {
	clear: both;
	margin-left: 280px;
}


/*================================================================================ */
/*                               Footer                      					   */
/*================================================================================ */

/* controls type on footer */
.footerType {
	color:#FFF;
	font-size:11px;	
}

.footerType a:link, .footerType a:visited {
	color:#00F1E3	
}

.footerType a:hover, .footerType a:active, {
	color:#CCC;
}


/*================================================================================ */
/*                              Buttons                      					   */
/*================================================================================ */ 


.button, .button:visited, #email_invoice_button, a.button {
	background: #188D89 url(../images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
 

.button:hover , .finished	{ background-color:#222 !important; color: #fff !important;  }

.finished {
	cursor:move;
}	

.button:active							{ top: 1px; }

.small.button, .small.button:visited 	{ font-size: 11px}

.button, .button:visited, .medium.button, .medium.button:visited 	{ 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 1; 
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.large.button, .large.button:visited { 
	font-size: 15px;
	font-weight:bold; 
	padding: 8px 14px 9px; 
}
											  
.super.button, .super.button:visited { 
	font-size: 34px; 
	padding: 8px 14px 9px; 
}


/*
CSS Document -All Classes 

For: Decimus Software
Date: 10/31/10
Created By: Zack Davis
Website: 2721west.com / OctopodaMedia.com


Colors for Site: 
Aqua Green:#00F1E3
Black:#000;
Red:#D52929
Dark Aqua: #188D89


*/

form p {
	clear:left;
	color: #FFF;	
}

form span {
	color: #FFF;
	float: left;
}


fieldset {
	clear:both;	
}


label {
	font-size:15px;	
	color:#FFF;	
	margin:10px 20px 10px 10px;
	text-align:right;
	width:30%;
	clear:left;
	float:left;
	line-height:24px;
}

legend {
	font-family: 'Aller', sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
	margin:60px 0 10px 0;
	line-height:60px;
}


input {
	margin:10px 0;
	border:none;
	float:left;
	clear:right;
}

select {
	margin-top:15px;
	border:none;
	float:left;
	clear:right;
}

textarea {
	margin: 10px 0;
	float: left;
	clear: right;
}

input[type="text"] {
	padding:5px;
	width:40%;
}	

input[type="email"] {
	padding:5px;	
}

input[type="password"] {
	padding: 5px;
}

input[type="number"] {
	padding:5px;
}

input[type="checkbox"] {
	padding: 5px;
	margin-top: 17px;
}

input[type="radio"] {
	clear:both;	
}

input.emailOK {
	background:url(../images/ok_button.png) center center no-repeat;
	height:40px;
	width:40px;	
	cursor:pointer;
	position:relative;
	left:-10px;
	top:-10px;
	color:#000;
	font-weight:bold;
}

input.purchase {
	margin-left:210px;
}

input.productsContinue {
	margin-left:210px;
	margin-top:20px;	
}

input.paypalConfirm {
	float:right;
	clear:right;	
}


.search {
	-moz-border-radius:6px;
	-moz-padding-start:8px;	
}


#upgrades_available label{
	font-size:13px;
	width:185px;
}

#upgrades_available select {
	position:relative;
	width:185px;
}

#upgrades_available span {
	clear: none;
	font-size: 13px;
	margin-top: 17px;
	margin-left: 4px;
}

/* Payment Info */

#processor {
	margin-left:200px;	
}

#processor fieldset {
	padding-bottom:10px;
}	

#processor img {
	margin-right:3px;	
}

#processor input {
	margin-right:20px;
	margin-top:10px;	
}

.processing {
	margin-left:220px;	
}

/* Ketchup */

.emailForm .errorContainer {
	margin-top:-10px;	
}




.errorContainer {
  display: none;
  position: absolute;
  width: auto;
}

.noticeMessage, .warningMessage, .errorMessage {
	width: 50%;
	text-align: center;
	margin:5px auto 5px auto;
}

.validationContainer {
	width:250px;	
	clear:both;
	position:relative;
	left:210px;
}

.errorContainer ol, .noticeMessage ol, .warningMessage ol, .errorMessage ol, .validationContainer ol {
  font-size: 12px;
  color: #FFF;
  background: #D52929;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  list-style: none;
  line-height: 16px;
  font-family:Arial, Helvetica, sans-serif !important;
}

.noticeMessage ol {
	background:#FFF;
	color:#000;
	text-shadow: 0 -1px 1px rgba(24,141,137,0.5);
	font-weight:bold;
	font-size:14px;
}

.warningMessage ol {
	background:#E1B313;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight:bold;
	font-size:14px;
}

.errorMessage ol {
	color:#FFF;	
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight:bold;
	font-size:14px;
}

.emailForm .errorContainer ol {
  font-size: 12px;
  color: #FFF;
  background: #D52929;
  padding: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  list-style: none;
  line-height: 16px;
  margin-left:30px;
}