/*--------IMPORTANT: you must find/replace the word 'custom' with the alphabet letter of your choosing in order to reference it correctly using the jQuery mobile swatch styling method. Ex. data-theme='z'    

- We would appreciate it if you will link to www.productscape.com if you use this! Thanks! - */

/* Custom
-----------------------------------------------------------------------------------------------------------*/
body {font-family: 'Oxygen', Helvetica, Arial, sans-serif;}
li.white {
	background-color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff, #eee); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff, #eee); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff, #eee); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff, #eee); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff, #eee);
	color:#000;
}
.copy {
	font-size:12px;
	font-weight:300;
}
p.tab {
	margin-top:5px;
	margin-right:30px;
	padding-right:30px;
	height:auto;
	text-wrap:normal;
	overflow:inherit;
	}
/* BEGIN SPAN COLORS */
.gold {
	color:#FC0;
}
.silver {
	color:#999;
}
.bronze {
	color:#960;
}
/* END SPAN COLORS */
a:hover {
	color:#6CF;
}
a:active {
	color:#6FF;
	text-decoration:line-through;
}
a:visited {
	color:#FFF
}
h1, h2, h3, h4, h5, h6 {font-weight:700;}
h2 {
	font-size:14px;
	padding:2px;
	color:#FC3;
}
p {
	font-size:13px;
	line-height:18px;
}
h6 {
	font-size:50%;
	font-weight:100;
}
.ui-bar-f, .ui-bar-b {
	background: #012;
	color: #fff;
	font-weight: bold;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#036), to(#012)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #036, #012); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #036, #012); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #036, #012); /* IE10 */
	background-image:      -o-linear-gradient(top, #036, #012); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #036, #012);
}
.ui-bar-f, .ui-bar-f input, .ui-bar-f select, .ui-bar-f textarea, .ui-bar-f button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-f .ui-link-inherit {
	color: #fff;
}
.ui-bar-f .ui-link {
	color: #011;
	font-weight: bold;
}
.ui-body-f {
	background: #000;
	color: #fff;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#011), to(#000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #011, #000); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #011, #000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #011, #000); /* IE10 */
	background-image:      -o-linear-gradient(top, #011, #000); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #011, #000);
}
.ui-body-f, .ui-body-f input, .ui-body-f select, .ui-body-f textarea, .ui-body-f button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-f .ui-link-inherit {
	color: #fff;
}
.ui-body-f .ui-link {
	color: #fff;
	font-weight: bold;
}
.ui-br {
	border-bottom: rgb(130,130,130);
	border-bottom: rgba(130,130,130,.3);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.ui-btn-up-f, .ui-btn-up-b {
	background: #069;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#069), to(#036)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #069, #036); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #069, #036); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #069, #036); /* IE10 */
	background-image:      -o-linear-gradient(top, #069, #036); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #069, #063);
}
.ui-btn-up-f a.ui-link-inherit {
	color: #fff;
}
.ui-btn-hover-f, .ui-btn-hover-b {
	background:#012;
	font-weight: bold;
	color:#0cf;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0), to(#fc3); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ff0, #fc3); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #ff0, #fc3); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ff0, #fc3); /* IE10 */
	background-image:      -o-linear-gradient(top, #ff0, #fc3); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ff0, #fc3);
}
.ui-btn-hover-a a.ui-link-inherit {
	color: #fco;
}
.ui-btn-active, .ui-btn-down-f {
	background: #86B669;
	font-weight: bold;
	color: #fc3;
	text-decoration:line-through;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#069), to(#0cf)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #069, #0cf); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #069, #0cf); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #069, #0cf); /* IE10 */
	background-image:      -o-linear-gradient(top, #069, #0cf); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #069, #0cf);
}
.ui-btn-down-f a.ui-link-inherit {
	color: #fc3;
}
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}
footer {bottom:0;}