@import url(fontKits/fonts.css);

/* @group Main Reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, header, nav, article, section, dialog, figure, aside, footer {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display: block;}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

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

/* Corrects inline-block not defined in IE6/7/8 and FF3*/
audio[controls], 
canvas, 
video {
	display: inline-block;
}

/* @end */

/* @group Base Structure */
html, 
body {
	min-height:100%;
	height:100%;
	background: #383354;
}

html {
	min-height:100%;
	height:100%;
	font-size: 100%;
	overflow-y: scroll; /* Force a scrollbar in non-IE */
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0 auto;
	font-family: "OpenSansRegular", "HelveticaNeue", Helvetica, sans-serif;
	font-size: 14px;
	color: #272234;
	height: 100%;
}

/* Headings/small
---------------------------------------- */
h1,h2,h3,h4,h5,h6 { }

h1 { 
	margin: 10px 0; 
	font: normal 26px/28px 'BitterRegular', sans-serif;
	color: #5e3d84; 
	}
h2 { 
	margin: 15px 0 10px;
	font: normal 26px/1 'BitterRegular', sans-serif;
	color: #5e3d84;
	
 }
h3 { font: normal 20px/42px 'OpenSansItalic', sans-serif; color:  #9867d4; }
h4 { font: normal 18px/32px 'BitterRegular', sans-serif; color: #5e3d83; }
h5 { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
h6 { font-size: 14px; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p {
	font: normal 13px/18px "OpenSansRegular", "HelveticaNeue", Helvetica, sans-serif;
	color: #272234;
	margin: 0 0 12px 0;
}
	
	p.fancy {
		font-family: "OpenSansSemiBold";
	}

small {
	font-size: 10px; /* 10px */
}
hr {
	clear: left;
	border: 0;
	height: 1px;
	margin: 10px 0;
	padding: 0;     
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}

strong {
	font-weight: bold;
}

.float_left {
	float: left !important;	
}
.float_right {
	float: right !important;
}
img.alignnone,
img.aligncenter { 
	margin:20px 0;
} 
img.aligncenter {
	margin: 0 auto;
}
img.alignleft {
	float: left !important;	
	margin: 0 20px 20px 0 !important;
}
img.alignright {
	float: right !important;
	margin: 0 0 20px 20px !important;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* @end */



/* @group Elements */
.element label {
	font: normal 15px/18px 'BitterRegular', sans-serif;
	display:block;
	clear:both;
	color:#5e3d84;
	text-shadow:0px 1px 1px #eee;
	padding:0;
	margin:0 0 5px;
	width:100%;
	text-indent: 5px;
	}
.element label span {color:#777;font-size:10px;line-height:12px;font-weight:normal;}
.element .radio {
	
}
.element.radio .input-label {
	display: inline-block;
	width: auto;
	margin:5px 30px 0 10px;
	color: #272234;
	font: normal 14px/18px 'OpenSansRegular', sans-serif;
}
.element.radio input {
	margin-right: 5px;
}

.qty {
	position: relative;
	z-index: 100;
}

.element .upload-field {
	position: absolute;
	top: 16px;
	z-index: 2;
	width: 232px;
	height: 35px;
	display: block;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0); 
	-moz-opacity:0;
 	-khtml-opacity: 0;
	opacity:0;   
	cursor: pointer;   
	left: -10px;

}
.element .upload-field-button {
	display: block;
	text-align:center;
	line-height: 30px;
	color: #444;
	position: relative;
	width: 232px;
	height: 30px;
	margin-top: 22px;
	z-index: 1;
	background: url(../images/button-bg.png) 0 0 repeat-x;
	cursor: pointer;
	border: 1px #cbcac6 solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}
.element .upload-field-button:hover {
	text-decoration: none;
	cursor: pointer;
}
.add-upload-field, .remove-upload-field {
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	line-height: 28px;
	font: normal 30px/28px 'OpenSansBold', sans-serif;
	color: #fff;
	background: #615493;
	border-radius:7px;
	position: absolute;
}
#inner-content .element p.note {
	font-size: 12px;
	color: #777;
}
.upload-field-button:hover,
.add-upload-field:hover {
	cursor: pointer;
}
.add-upload-field:hover, .remove-upload-field:hover {
	color: #fff;
	text-decoration: none;
}

	.add-upload-field {
		right: -15px;
		top: 22px;
		z-index: 100;
	}
	
	.remove-upload-field {
		left: -35px;
		top: 23px;
		font-weight: 100;
		line-height: 22px;
		background: #c00;
	}

.element {
	width:100%;
	padding:0;
	margin:0 0px 10px;
	position:relative;
	background: none;
}
	.element.eight {width:11.62% !important;float:left;margin-right:1%;}
	.element.seventh {width:13.428% !important;float:left;margin-right:1%;}
	.element.sixth {width:15.83% !important;float:left;margin-right:1%;}
	.element.fifth {width:19.2% !important;float:left;margin-right:1%;}
	.element.fourth {width:24.25% !important;float:left;margin-right:1%;}
	.element.twothird {width:65.50% !important;float:left;margin-right:1%;}
	.element.third {width:32.66% !important;float:left;margin-right:1%;}
	.element.half {width:49.5% !important;float:left;margin-right:1%;}
	.element.threefourth {width:72.75% !important;float:left;margin-right:1%;}


.element.w10 {width: 10px !important;float:left;margin-right:5px;}
.element.w20 {width: 20px !important;float:left;margin-right:5px;}
.element.w30 {width: 30px !important;float:left;margin-right:5px;}
.element.w40 {width: 40px !important;float:left;margin-right:5px;}
.element.w50 {width: 50px !important;float:left;margin-right:5px;}
.element.w60 {width: 60px !important;float:left;margin-right:5px;}
.element.w70 {width: 70px !important;float:left;margin-right:5px;}
.element.w80 {width: 80px !important;float:left;margin-right:5px;}
.element.w90 {width: 90px !important;float:left;margin-right:5px;}
.element.w100 {width: 100px !important;float:left;margin-right:5px;}
.element.w110 {width: 110px !important;float:left;margin-right:5px;}
.element.w120 {width: 120px !important;float:left;margin-right:5px;}
.element.w130 {width: 130px !important;float:left;margin-right:5px;}
.element.w140 {width: 140px !important;float:left;margin-right:5px;}
.element.w150 {width: 150px !important;float:left;margin-right:5px;}
.element.w160 {width: 160px !important;float:left;margin-right:5px;}
.element.w170 {width: 170px !important;float:left;margin-right:5px;}
.element.w180 {width: 180px !important;float:left;margin-right:5px;}
.element.w190 {width: 190px !important;float:left;margin-right:5px;}
.element.w200 {width: 200px !important;float:left;margin-right:5px;}
.element.w210 {width: 210px !important;float:left;margin-right:5px;}
.element.w220 {width: 220px !important;float:left;margin-right:5px;}
.element.w230 {width: 230px !important;float:left;margin-right:5px;}
.element.w240 {width: 240px !important;float:left;margin-right:5px;}
.element.w250 {width: 250px !important;float:left;margin-right:5px;}
.element.w260 {width: 260px !important;float:left;margin-right:5px;}
.element.w270 {width: 270px !important;float:left;margin-right:5px;}
.element.w280 {width: 280px !important;float:left;margin-right:5px;}
.element.w290 {width: 290px !important;float:left;margin-right:5px;}
.element.w300 {width: 300px !important;float:left;margin-right:5px;}
.element.w310 {width: 310px !important;float:left;margin-right:5px;}
.element.w320 {width: 320px !important;float:left;margin-right:5px;}
.element.w330 {width: 330px !important;float:left;margin-right:5px;}
.element.w340 {width: 340px !important;float:left;margin-right:5px;}
.element.w350 {width: 350px !important;float:left;margin-right:5px;}
.element.w360 {width: 360px !important;float:left;margin-right:5px;}
.element.w370 {width: 370px !important;float:left;margin-right:5px;}
.element.w380 {width: 380px !important;float:left;margin-right:5px;}
.element.w390 {width: 390px !important;float:left;margin-right:5px;}
.element.w400 {width: 400px !important;float:left;margin-right:5px;}
.element.w410 {width: 410px !important;float:left;margin-right:5px;}
.element.w420 {width: 420px !important;float:left;margin-right:5px;}
.element.w430 {width: 430px !important;float:left;margin-right:5px;}
.element.w440 {width: 440px !important;float:left;margin-right:5px;}
.element.w450 {width: 450px !important;float:left;margin-right:5px;}
.element.w460 {width: 460px !important;float:left;margin-right:5px;}
.element.w470 {width: 470px !important;float:left;margin-right:5px;}
.element.w480 {width: 480px !important;float:left;margin-right:5px;}
.element.w490 {width: 490px !important;float:left;margin-right:5px;}
.element.w500 {width: 500px !important;float:left;margin-right:5px;}
.element.w510 {width: 510px !important;float:left;margin-right:5px;}
.element.w520 {width: 520px !important;float:left;margin-right:5px;}
.element.w530 {width: 530px !important;float:left;margin-right:5px;}
.element.w540 {width: 540px !important;float:left;margin-right:5px;}
.element.w550 {width: 550px !important;float:left;margin-right:5px;}
.element.w560 {width: 560px !important;float:left;margin-right:5px;}
.element.w570 {width: 570px !important;float:left;margin-right:5px;}
.element.w580 {width: 580px !important;float:left;margin-right:5px;}
.element.w590 {width: 590px !important;float:left;margin-right:5px;}
.element.w600 {width: 600px !important;float:left;margin-right:5px;}
.element.w610 {width: 610px !important;float:left;margin-right:5px;}
.element.w620 {width: 620px !important;float:left;margin-right:5px;}
.element.w630 {width: 630px !important;float:left;margin-right:5px;}
.element.w640 {width: 640px !important;float:left;margin-right:5px;}
.element.w650 {width: 650px !important;float:left;margin-right:5px;}
.element.w660 {width: 660px !important;float:left;margin-right:5px;}
.element.w670 {width: 670px !important;float:left;margin-right:5px;}
.element.w680 {width: 680px !important;float:left;margin-right:5px;}
.element.w690 {width: 690px !important;float:left;margin-right:5px;}
.element.w700 {width: 700px !important;float:left;margin-right:5px;}
.element.w710 {width: 710px !important;float:left;margin-right:5px;}
.element.w720 {width: 720px !important;float:left;margin-right:5px;}
.element.w730 {width: 730px !important;float:left;margin-right:5px;}
.element.w740 {width: 740px !important;float:left;margin-right:5px;}
.element.w750 {width: 750px !important;float:left;margin-right:5px;}
.element.w760 {width: 760px !important;float:left;margin-right:5px;}
.element.w770 {width: 770px !important;float:left;margin-right:5px;}
.element.w780 {width: 780px !important;float:left;margin-right:5px;}
.element.w790 {width: 790px !important;float:left;margin-right:5px;}
.element.w800 {width: 800px !important;float:left;margin-right:5px;}
.element.w810 {width: 810px !important;float:left;margin-right:5px;}
.element.w820 {width: 820px !important;float:left;margin-right:5px;}
.element.w830 {width: 830px !important;float:left;margin-right:5px;}
.element.w840 {width: 840px !important;float:left;margin-right:5px;}
.element.w850 {width: 850px !important;float:left;margin-right:5px;}
.element.w860 {width: 860px !important;float:left;margin-right:5px;}
.element.w870 {width: 870px !important;float:left;margin-right:5px;}
.element.w880 {width: 880px !important;float:left;margin-right:5px;}
.element.w890 {width: 890px !important;float:left;margin-right:5px;}
.element.w890 {width: 890px !important;float:left;margin-right:5px;}
.element.w900 {width: 900px !important;float:left;margin-right:5px;}
.element.w910 {width: 910px !important;float:left;margin-right:5px;}
.element.w920 {width: 920px !important;float:left;margin-right:5px;}
.element.w930 {width: 930px !important;float:left;margin-right:5px;}
.element.w940 {width: 940px !important;float:left;margin-right:5px;}
.element.w950 {width: 950px !important;float:left;margin-right:5px;}
.element.w960 {width: 960px !important;float:left;margin-right:5px;}

		.element.last,
		.element .last {margin-right:0 !important;}

.element select,
.element input[type="text"],
.element input[type="password"] {
	display: block;
	width: 98% !important;
}
.gecko.mac .element select {
	position: relative;
	top: 3px;
}
.element.blank {
	min-height: 40px;
}
.select-field select{
	margin-top: 23px !important;
}


/* @end */






input[type=submit], #submit-order {
	background: url(../images/submit-bg.png) repeat-x;
	height: 27px;
	line-height: 27px;
	color: #fff;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 10px;
	width: 100px;
	display: block;
	margin: 0 auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}

.product-row {
	clear: both;
	position: relative;
}

#shipping-holder {
	display: none;
	width: 100%;
	float: left;
	clear: both;
}


#output {
	width: 660px;
	padding: 25px;
	z-index: 10000;
	font-size: 13px;
	line-height: 20px;
	background: #7E6A9A;
	margin: 25px 0;
	color: #fff;
	overflow: hidden;
	display: none;
}

	#output h3 {
		color: #fff;
	}

	.invalid {
		border: 1px #f00 solid !important;
		box-shadow: 0px 0px 2px rgba(255,0,0,0.8)  !important;
		-moz-box-shadow: 0px 0px 2px rgba(255,0,0,0.8)  !important;
		-webkit-box-shadow: 0px 0px 2px rgba(255,0,0,0.8)  !important;
	}
	
	.error {
		float: left;
		clear: both;
		margin: 5px;
		background: rgba(0,0,0,0.4);
		padding: 5px;
	}


/* @end */




/* @group Blockquotes */
blockquote, 
q {
	quotes: none;
}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {
	content: '';
	content: none;
}

blockquote, 
q, 
cite {
	font-style: italic;
}

blockquote {
	padding-left: 20px;
	border-left: 1px solid #ddd;
}

blockquote > p {
	padding: 0;
}
/* @end */

/* @group Figures and Embedded Content */
figure {
	margin: 0;
}

object, 
video {
	max-width: 100%; 
	/* Automatically scales images larger than the container. Consider this first: http://unstoppablerobotninja.com/entry/fluid-images/ */
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* Improve IE's resizing of images: css-tricks.com/ie-fix-bicubic-scaling-for-images */
}

/* @end */

/* @group Abbr and sub-typography */
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

mark {
	background: #ff0;
}

ins {
	text-decoration: none;
	background: #ff9;
}

del {
	text-decoration: line-through;
}


dfn {
	font-style: italic;
}

var, 
address {
	font-style: normal;
}

/* Position 'sub' and 'sup' without affecting line-height: gist.github.com/413930 */
sub, 
sup {
	font-size: 10px;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -5px;
}

sub {
	bottom: -5px;
}
/* @end */

/* @group Lists */
ul, 
ol      { margin: 0 0px 20px 20px;list-style: none; }
ul li,
ol li {
	margin-bottom: 10px;
}

li ul, 
li ol       { margin:0 0px 10px 15px; }

ol {
	list-style: decimal;
}

dl          { margin: 0 0 15px 0; }
dl dt       { font-weight: bold; }
/* @end */

/* @group Links */ 
a img { border: none; }

a, 
a:visited {
	text-decoration: none;
	color: #5e3d84;
}

a:hover {
	transition:all 0.2s;
	-moz-transition:all 0.2s;
	-webkit-transition:all 0.2s;
}

	#inner-content a:hover {
		color: #b185e6;
	}

a:focus {
	outline: none;
}

/* Better CSS outline suppression: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, 
a:active {
	outline: none;
}
/* @end */

.clear { clear:both; }


/* @group Forms and Inputs */

form {
	margin: 0;
}

fieldset {
	border-top: 1px solid #aaa;
	padding: 80px 0 50px;
	position: relative;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

legend {
	font: normal 18px/32px 'BitterRegular', sans-serif;
	color: #5e3d84;
	position: absolute;
	top: 30px;
}


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

button, input {
	line-height: normal;
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"], 
input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

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

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  /* IE8, IE9, IE10 */
  top: 0;
}

/* iPad */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}

/* iPhone 3 */
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

/* iPhone 4 */
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;   

		background: #ddd url(../images/button.png) repeat-x;  

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  /*
    Helvetica Neue present, because it works better for line-height on buttons than Arial, on OS X.
  */
  font: bold 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 30px;
  border-radius: 5px;
  text-indent: 5px;
}

/*
  Separate rule for Firefox.
  Separate rule for IE, too.
  Cannot stack with WebKit's.
*/
::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

:invalid {
  /* Suppress red glow that Firefox adds to form fields by default, even when user is still typing. */
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

select[size],
select[multiple] {
  height: auto;
}

/* Tweaks for Safari + Chrome. */
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
		
		background-image: url(../images/select_arrow.gif);

    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 13px/17px 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
    height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border: 0;
  }
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}
/* @end */

/* @group Media Queries (other than forms and inputs) */
/* Mobile (portrait) ----------- */
@media only screen and (min-width : 320px)  {

}

/* Mobile (landscape) ----------- */
@media only screen and (min-width : 480px) {

}

/* Tablet (portrait AND landscape) ----------- */
@media only screen and (min-width : 768px)  {

}

	/* Tablet (landscape ONLY) ----------- */
	@media only screen 
	and (min-width : 768px) 
	and (max-width : 1024px) 
	and (orientation : landscape) {

	}

	/* Tablet (portrait ONLY) ----------- */
	@media only screen 
	and (min-width : 768px) 
	and (max-width : 1024px) 
	and (orientation : portrait) {

	}

/* Desktops and laptops 1024 to 1600px ----------- */
@media only screen and (min-width : 1024px) {
}

/* Large screens 1600px + ----------- */
@media only screen and (min-width : 1600px) {
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}
/* @end */

/* @group Print Styles */
/* Print styles inlined to avoid extra HTTP connection */
@media print {
	* {
		background: transparent !important;
		color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	a, 
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/* Do not show javascript and internal links */
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""; 
	}

	/* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
	thead {
		display: table-header-group;
	}

	tr, 
	img {
		page-break-inside: avoid;
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}
}
/* @end */

/* @group Primary Styling */
.wrapper {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#header {
	position: relative;
	width: 100%;
	height: 143px;
	background: url(../images/header-bg.png) 0 0 repeat-x;
	z-index: 1;
}
#logo {
	display: inline-block;
	position: relative;
	top: 10px;
}
	#nav {
		margin: 0;
		padding: 0;
		width: 750px;
		height: 23px;
		overflow: hidden;
		position: absolute;
		bottom: 10px;
		right: -60px;
	}
	#nav li {
		display: block;
		float: left;
	}
	#nav li a {
		display: block;
		float: left;
		font: normal 13px/13px 'BitterBold', sans-serif;
		text-transform: uppercase;
		color: #fff;
		text-shadow: 1px 0 1px #000;
		padding: 5px 12px 5px 12px;
		background: url(../images/nav-link-bg.png) 100% 50% no-repeat;
	}
	#nav li a.last {
		background: none;
	}
	#nav li a:hover {
		color: #f1d182;
		text-decoration: none;
	}

#top-info {
	position: absolute;
	top: 30px;
	right: 0;
	width: 415px;
}
#top-info p {
	font: normal 24px/1 'BitterBold', sans-serif;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	display: block;
	width: 200px;
	float: left;
}

#top-info form {
	white-space: 200px;
	float: right;
	position: relative;
	height: 28px;
	width: 206px;
	background: url(../images/search.png) 0 0 no-repeat;
}
#top-info form input[type=text],
#top-info form input[type=text]:focus{
	background: none;
	border: none;
	outline: none !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 160px;
	padding: 0 0 0 10px;
	height: 28px;
	color: #767095;
}
#top-info form input::-webkit-input-placeholder,
#top-info form input:-moz-placeholder,
#top-info form input:-ms-input-placeholder {
	color: #767095;
}
#top-info form input[type=submit] {
	background: none;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 28px;
}

#cat-nav {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 2;
	display: block;
	margin: 0;
	padding: 0px 0;
	border: 10px solid #fff;
	border-radius:5px;
	background: #fff;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	width: 200px;
}
#cat-nav li {
	display: block;
	background: #dccdef;
	margin: 0;
}

#cat-nav li.first {
	padding-top: 10px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#cat-nav li.last {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	padding-bottom: 5px;
}

#cat-nav li a {
	display: block;
	font: normal 12px/24px 'BitterRegular', sans-serif;
	text-transform: uppercase;
	padding: 0px 20px;

}
#cat-nav li a:hover {
	background: #b699d9;
	text-decoration: none;
}

#cat-nav li ul.cat-subnav {
	display: none;
}
#cat-nav li:hover ul.cat-subnav {
	display: block;
	position: absolute;
	left: 155px;
	top: -10px;
	width: 220px;
	z-index: 200;
	display: block;
	margin: 0;
	padding: 0px 0;
	border: 10px solid #fff;
	border-radius:5px;
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	background: #fff;
}
#cat-nav li ul.cat-subnav p {
	line-height: 1.4;
	text-transform: capitalize !important;
	color: #5e3d84;
}

#cat-nav li ul.cat-subnav li {
	padding: 15px;
	border-radius: 5px
}
#cat-nav li ul.cat-subnav li a {
	padding: 0;
}
#cat-nav li ul.cat-subnav li a:hover {
	background: transparent;
}



#banner {
	height: 430px;
	background: #000;
	position: relative;
	z-index: 0;
	margin: -10px auto -15px;
	padding: 0;
}

#banner #banner-image img,
#banner #banner-image{
	height: 430px;
	width: 980px;
	display: block;
	margin: auto;
}

	#banner-text {
		position: absolute;
		right: 0;
		bottom: 35px;
		color: #f1d182;
		font-weight: bold;
		margin: 0 5px 0 0;
		font-size: 14px;
		text-transform: uppercase;
	}
	
		#banner-text:hover {
			color: #fff;
		}
		
#banner .homepage_banner_cover {
	position: absolute;
	top: 0;
	left: 0;
}

#content {
	position: relative;
	z-index: 0;
	background: url(../images/content-bg.jpg) 0 0 repeat;
	height: auto;
	min-height: 400px;
	padding: 30px 0 60px;
	margin-top: -10px;
	overflow: hidden;
}
#content .left-content  {
	/*width: 300px;*/
	float: left;
}

#content .right-content {
	width: 365px;
	float: right;
}


#content.homepage {
	height: 243px !important;
	min-height: 243px;
	background: url(../images/content-bg-homepage.png) 0 0 repeat-x;
}
#content.homepage .left-content  {
	width: 500px;
	float: left;
}
#content.homepage .left-content h1{
	margin-top: 30px;
}
#content.homepage .right-content {
	width: 480px;
	float: right;
}
#content .ribbon-callout {
	height: 131px;
	width: 435px;
	background: url(../images/ribbon-callout2.png) 0 0 no-repeat;
	padding: 60px 15px 60px 15px;
	margin-left:20px;
}

#content .ribbon-callout img {
	height: 160px;
	width: 120px;
	float: left;
	margin: -12px 20px 0 0;
	background-color: #ffffff;
	border: 10px solid white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content .ribbon-callout h2 {
	margin-top: 0;
}

#content .ribbon-callout .button {
	background: #4a2f76;
	padding: 5px 10px;
	border-radius:5px;
	color: #fff;
	display: inline-block;
	margin: 10px 0 0 0;
	font: normal 13px/18px 'BitterBold', sans-serif;
	text-shadow: 0 1px 1px #000;
}
#content .ribbon-callout .button:hover {
	
}

/* INNER PAGE STYLING */
#inner-content {
	width: 700px;
	min-height: 400px;
	float: right;
}
#inner-content p {
	color: #272234;
	font: normal 14px/20px "Helvetica Neue", "HelveticaNeue", Helvetica, sans-serif;
	margin-bottom: 10px;
	text-shadow: 0 1px 1px #eee;
}
#inner-content ol {
	color: #272234;
	text-shadow: 0 1px 1px #eee;
	margin: 20px 0 20px 20px;
}
#aside {
	width: 200px;
	z-index: 2;
	display: block;
	float: left;
	padding: 0 20px;
}
.callout {
	padding: 10px 30px 20px;
	margin: 30px 0 0;
	background: url(../images/sidebar-callout.png) 0 0 repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 55px;
	border-radius: 5px;
}
.callout h3 {
	font: normal 18px/1 'BitterBold', sans-serif;
	color: #5e3d84;
	margin: 10px 0 20px;
}
.callout p {
	color: #272234;
}
.callout a.button {
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 88px;
	height: 28px;
	line-height: 28px;
	background: url(../images/button.png) 0 0 no-repeat;
	text-align: center;
	margin-top: 20px;
}
.callout a.button:hpver {
	
}



#sub-nav {
	width: 180px;
	z-index: 2;
	display: block;
	margin: 10px 0 10px 0px;
	padding: 0px 0;
	border: 10px solid #fff;
	border-radius:5px;
	background: #fff;
	box-shadow: 0 0 5px #777;
}
#sub-nav li {
	display: block;
	background: #dccdef;
	margin: 0;
}

#sub-nav li.first {
	padding-top: 10px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#sub-nav li.last {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	padding-bottom: 5px;
}

#sub-nav li a {
	display: block;
	font: normal 12px/24px 'BitterRegular', sans-serif;
	text-transform: uppercase;
	padding: 0px 20px;

}
#sub-nav li a:hover {
	background: #b699d9;
	text-decoration: none;
}


/* LISTINGS & PRODUCT PAGES */
#breadcrumbs {
	padding-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
#breadcrumbs a {
	
}
#breadcrumbs a:hover {
	
}



#items {
	overflow: hidden;
	padding-top: 10px;
	margin-left: -10px;
}
#items .item {
	width: 200px;
	float: left;	
	margin-right: 20px;
	text-align: center;
	padding: 10px;
	height: 271px;
}
#items .item.last {
	margin-right: 0 !important;
}
#items .item .image {
	background: #fff;
	box-shadow: 0 0 4px #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: table-cell;
	padding: 5px;
	width: 205px;
	height: 193px;
	margin-bottom: 15px;
	vertical-align: middle;
}

#items .image a img{
	display: block;
	border: none;
	width: 205px;
	height: 193px;
}

#items .item a h4 {
	line-height: 1.1;
	margin-bottom: 5px;
	margin-top: 15px;
	text-shadow: 0 1px 1px #eee;
}
#items .item p {
	color: #272234;
	font: normal 14px/18px 'BitterRegular', sans-serif;
}

/* products */
#items a h3 {
	color: #5e3d84;
	font: normal 18px/32px 'BitterRegular', sans-serif;
	text-shadow: 1px 1px 1px #ddd;

}

/* product */

.small-image {
	width: 100px;
	height: 100px;
	float: left;
	border: 1px #333 solid;
	overflow: hidden;
	margin: 0 25px 0 0;
}

.search-result {
	float: left;
	clear: both;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	border-bottom: 1px #fff solid;
	width: 100%;
}

	.search-result:last-child {
		border-bottom: none;
	}
	
a.details {
	float: right;
	display: block;
	padding: 8px;
	background: #b699d9;
	color: #fff;
	margin: 8px 0;
	font-size: 12px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

div.details {
	float: left;
	width: 350px;
}

#product .image {
	background: #fff;
	box-shadow: 0 0 4px #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 363px;
	width: 556px;
	padding: 40px;
	margin: 30px 0 10px;
	text-align: center;
}

	#product .image img {
		display: inline;
		text-align: center;
	}

#product h1 {
	margin-top: 25px;
}

#product p {
	line-height: 1.3;
	width: 480px;
	float: left;
}

#pricing {
	width: 200px;
	float: right;
	color: #272234;
}
#pricing table {
	margin-left: 30px;
	border-collapse:collapse;
}
#pricing th {
	font: normal 14px/20px 'OpenSansSemibold', sans-serif;
	color: #272234;
	text-align: center;
}
#pricing td {
	color: #272234;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	padding: 5px 10px;
}

#pricing a.large-button {
	display: block;
	width: 172px;
	height: 28px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	line-height: 28px;
	background: url(../images/large-button.png) 0 0 no-repeat;
	text-align: center;
	margin-top: 20px;

	
}

#footer {
	position: relative;
	z-index: 0;
	background: #383354;
	min-height: 100px;
	padding-bottom: 30px;
	text-shadow: 1px 1px 1px #000;
}
#footer-logo {
	display: inline-block;
	margin-top: 20px;
}

	#footer-nav {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 45px;
		left: 190px;
	}
	#footer-nav li {
		display: block;
		float: left;
		color: #fff;
		line-height: 16px;
	}
	#footer-nav li a {
		display: block;
		float: left;
		text-transform: uppercase;
		color: #fff;
		font: normal 11px/1 'BitterRegular', sans-serif;
		text-shadow: 1px 1px 1px #000;
		padding: 2px 8px;
	}
	#footer-nav li a:hover {
		
	}

#copyright {
		color: #fff;
		font: normal 11px/1 'BitterRegular', sans-serif;
		position: absolute;
		width: 380px;
		right: 0;
		top: 45px;
		text-align: right;

}
#copyright a {
		color: #fff;
		font: normal 11px/1 'BitterRegular', sans-serif;
}



.col {
	float: left;
	width: 400px;
	margin: 0 60px 0 0;
}

	hr {
		border: none;
		background: #aaa7a1;
		margin: 15px 0;
		padding: 0;
	}

	.col:last-child {
		width: 230px;
		margin: 0px;
	}
	
	.col table tr td {
		color: #5e3d84;
		font-family: "BitterRegular", serif;
		font-size: 15px;
		vertical-align: top;
		padding: 0 10px 10px 0;
	}
	
	.col table tr td + td {
		color: #272234;
		font-family: "OpenSansRegular", sans-serif;
		font-size: 14px;
		padding: 0 0 10px 0;
	}


	#gform_1 ul li {
		float: left;
		width: 100%;
		margin: 0 0 15px 0;
		padding: 0;
		clear: both;
	}
	
		#gform_1 ul li label {
			width: 67px;
			font-family: "BitterRegular", serif;
			font-size: 15px;
			color: #5e3d84;
			text-align: right;
			font-weight: normal;
			float: left;
		}
		
		.gfield_required {
			display: none;
		}
		
		#gform_1 input[type=text], #gform_1 textarea {
			float: left;
			width: 310px;
		}
		
		#gform_1 input[type=submit] {
			background: url("../images/submit-bg.png") repeat-x;
			border-radius: 5px;
			float: right;
			color: #fff;
			text-shadow: none;
		}

#page-nav {
	width: 100%;
	clear: both;
}

	#page-nav ol {
		display: block;
		list-style: none;
	}
	
	#page-nav ol li {
		display: inline-block;
		font-size: 16px;
		margin: 0 7px 0 0;
		font-weight: strong;
	}
	

.no-image {
	display: table-cell;
	width: 271px;
	height: 191px;
	vertical-align:middle;
	color: #999;
}


	h4.sub-cats {
		border-bottom: 1px #554A84 solid;
	}

body .gform_wrapper .ginput_complex .ginput_full, 
body .gform_wrapper .ginput_complex .ginput_left, 
body .gform_wrapper .ginput_complex .ginput_right {
	width: 100%;
	margin:0 0 5px 0;
	display: inline-block;
	padding:2px 0 0 1.5%;
}

body #gform_1 input[type=text] {
	width: 75%;
}

body #gform_1 ul li label {
	text-align: left;
	padding-top: 5px;
}