/*  
Theme Name: TheUnstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 1.2.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
Image sizes: Main hero image for latest post is 593 x 225, secondary 293 x 150.
Files must be hosted on your own domain in order for timthumb script to work
properly re: thumbnailing / caching.
*/

body { 
	background: #fff; 
	color: #333; 
	font-family: arial, verdana, sans-serif; 
	font-size: 16px;
	//border-top: 4px solid #F5F5F5;
}

/* = main structure */
#main-wrapper { 
	margin: 0 auto; 
	padding: 0 7px; 
	width: 960px; 
}

/* = basic reused style rules */
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 2em; }
h2 { font-size: 2em; }
	h2.under { font-size: 0.9em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }

ul#leaderboard-nav, h3.module-title, .ofcontact-title, h1.home-welcome, .potd, #firsttime p, .about li.lead, h4.about-header, #home-promise, .difference-header, .left h1, .left h2, .why-desc, h2.why-header, ol#why li, #single-help ul li a , .info_icon, .since-1977, .talk-header, span.blue, span.red, span.green, .awesome {
  font-family: 'Droid Sans', arial, verdana, sans-serif;
}


a { 
	border-bottom: 1px solid #ddd; 
	color: #3c6c92; 
	text-decoration: none; 
}
	a:hover { 
		border-color: #3c6c92; 
		color: #3c6c92; 
	}
.noborder { border: none !important; }
ul li { list-style: circle; }
.hidden { display: none; }
.bold { font-weight: bold; }
.discontinued {
	font-weight: bold;
	color: #ca1717;
	font-size: 0.8em;
}
span.loyalty {
	font-weight: bold;
	color: #009933;
	font-size: 0.8em;
}
p.discontinued {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	background: #F5F5F5;
	color: #ca1717;
	border: 2px solid #ca1717;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
	padding: 5px;
}
p.loyalty {
	font-size: 0.8em;
	font-style: italic;
	background: #F5F5F5;
	color: #009933;
	border: 2px solid #009933;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
	padding: 5px;
	margin-right: 10px!important;
	cursor: pointer;
}
	p.loyalty a {
		font-size: 1em;
		font-style: italic;
		padding: 5px;
		color: #009933;
		font-weight: normal!important;
		border-bottom: none;
	}
		p.loyalty a:hover {
			text-decoration: none;
			border-bottom: none;
		}
p.sample {
	font-size: 0.8em;
	background: #F5F5F5;
	color: #3c6c92;
	border: 2px solid #3c6c92;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-background-clip: padding-box;
	padding: 5px;
	-webkit-transition: all 0.5s ease;
}
	p.sample:hover {
		background: #3c6c92;
		cursor: pointer;
		color: #FFF!important;
	}
		p.sample:hover a {
			color: #FFF;
		}
	p.sample a {
		font-size: 1em;
		font-weight: bold;
		padding: 5px;
		color: #3c6c92;
		font-weight: normal!important;
		border-bottom: none;
		-webkit-transition: all 0.5s ease;
	}
		p.sample a:hover {
			text-decoration: none;
			border-bottom: none;
		}
/* = css3 border radius link */
#main-nav li { list-style: none; }
	.radius-link a { 
		-webkit-transition: all 0.5s ease;
		border-radius: 12px;
		-moz-border-radius: 12px; 
		-webkit-border-radius: 12px; 
		-webkit-background-clip: padding-box;
		background: #f5f5f5; 
		color: #3c6c92; 
		display: block; 
		font-size: 13px; 
		padding: 7px 15px; 
		text-decoration: none;
		border: none;
		font-weight: normal!important;
	}
	.radius-link a:hover { 
		background: #3c6c92; 
		color: #fff;
	}
.since-1977 {
	text-align: center;
	font-size: 1.1em;
}
.talk-header {
	float: right;
	font-size: 1.4em;
	text-align: center;
	padding: 16px 10px 0px 0px;
}
/* = css3 border radius link
#main-nav li { list-style: none; }
	.radius-link a { 
		border-radius: 3px;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		background: #eee; 
		border: 1px solid #ddd; 
		color: #888; 
		display: block; 
		font-size: 14px; 
		padding: 7px 15px; 
		text-decoration: none; 
	}
	.radius-link a:hover { 
		background: #3c6c92; 
		border-color: #888; 
		color: #fff; 
		text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 1px; 
	}*/
	
/* = text input */
.text-input { 
	background: #fff url(images/bg-input-gradient.png) repeat-x 0 0; 
	border-left-color: #aaa; 
	border-top-color: #999; 
	border: 1px solid #ccc; 
	font-family: arial, verdana, sans-serif; 
	font-size: 0.8em; 
	padding: 4px; 
}

/* = masthead */
#leaderboard { 
	margin: 0 auto;
	margin-top: -4px;
	width: 960px;
	padding: 0 0 30px; 
	position: relative;
}
#site-name { 
	float: left; 
	width: 400px;
	padding-top: 20px;
	}
	#site-name h4 { 
		font-size: 1.6em; 
		margin-top: 15px; 
	}
	#site-name a img { 
		margin-top: 1px; 
	}
	
/* = main navigation top of page */
ul#leaderboard-nav {
	margin-top: 60px;
	list-style-type: none;
	float: right;
	font-weight: bold;
}
	ul#leaderboard-nav li {
		list-style-type: none;
		display: inline;
		float: left;
		margin: 0 2px 0 2px;
	}
		ul#leaderboard-nav li a{
			text-decoration: none;
			border-bottom: none;
			padding: 4px 12px;
			border: 1px solid transparent;
			border-radius: 16px;
			-moz-border-radius: 16px;
			-webkit-border-radius: 16px;
			-webkit-background-clip: padding-box;
			font-size: 0.9em;
			text-transform: uppercase;
			color: #333;
		}
			ul#leaderboard-nav li a:hover{
				background: #F5F5F5;
				color: #3c6c92;
			}
			ul#leaderboard-nav li a.active{
				background: #FFF;
				color: #3c6c92;
				font-weight: bold;
				border: 1px solid #3c6c92;
			}
/* = home */
h1.home-welcome {
	border-bottom: 1px solid #eee; 
	border-top: 1px solid #ccc; 
	margin: 0 0 10px; 
	padding: 9px 3px 7px;
	font-size: 1.5em;
	text-align: center;
}
	span.undertext {
		font-size:0.8em;
	}
	span.red {
		color: #ca1717;
		font-weight: bold;
	}
	span.blue {
		color: #3c6c92;
		font-weight: bold;
	}
	span.green {
		color: #009933;
		font-weight: bold;
	}
	
.potd {
	display: inline;
	font-size: 1.3em;
}
#home-promise {
	border-bottom: 1px solid #eee; 
	border-top: 1px solid #ccc; 
	margin: 10px 0 10px; 
	padding: 9px 3px 7px;
	font-size: 1.1em;
	text-align: center;
}
	#home-promise span.promise {
		font-size: 0.9em;
	}
	.difference-header {
		font-size: 1.1em;
		font-weight: bold;
	}
/* = home posts */
.left, .recent-leads { width: 607px; margin: 0; }
.post-comments { 
	position: absolute; 
	right: 7px; 
	top: -1px; 
	z-index: 1;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px; 
	-moz-border-radius-bottomright: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	-webkit-background-clip: padding-box; 
	background: transparent; 
	border: 1px solid #ddd; 
	color: #555; 
	display: block; 
	font-size: 0.7em; 
	padding: 7px; 
	text-align: center;
	text-transform: uppercase; 
	margin: 0px !important;
	-webkit-transition: all 0.2s ease;
}
	.info_icon { 
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
		color: #FFF;
		padding: 2px 4px;
	}
		
		.new {
			background: #ca1717;
			text-transform:uppercase;
			border: 1px solid #ca1717;
		}
		.sale {
			background: #3c6c92;
			border: 1px solid #3c6c92;
		}
		.eco {
			background: #009933;
			text-transform:uppercase;
			border: 1px solid #009933;
		}
		.usa {
			background: #FFF;
			text-transform:uppercase;
			border: 1px solid #BF0A30;
			color: #002868;
		}
		.rush {
			background: #F27405;
			text-transform:uppercase;
			border: 1px solid #F27405;
		}
		.info_single {
			text-transform: capitalize;
			margin-bottom: 20px;
		}
		
.about {
	clear: both;
}
	.about ul {
		//padding-top: 10px;
	}
		.about li {
			list-style-type: none;
			display: inline-block;
			width: 198px;
			margin: 10px 5px 10px 5px;
			background: #f5f5f5;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			-webkit-background-clip: padding-box;
			padding: 8px;
		}
			.about li p.sidebar-desc {
				font-size: 0.8em;
				text-align: justify;
			}
			.about li.lead {
				width: 240px;
				font-size: 2.4em;
				font-weight: bold;
				background: #fff;
				margin-right: 10px;
				line-height: 1.4em;
			}
	h4.about-header {
		font-size: 1.1em;
		text-align: center;
		font-weight: bold;
	}
	.about-under {
		background: #f5f5f5;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-webkit-background-clip: padding-box;
		padding: 8px;
		float: right;
		width: 657px;
		margin-right: 8px;
	}
	
/* = title overlay */
.title-insert { 
	text-align: center;
	-moz-opacity: .8; 
	background: #f5f5f5;
	bottom: 0; 
	filter: alpha(opacity=80); 
	left: 0; 
	opacity: .8; 
	position: absolute; 
	right: 0; 
	width: 100%;
	display: block;
	line-height: 1.4em;
	z-index: 1;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px; 
	-moz-border-radius-bottomright: 3px; 
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	-webkit-background-clip: padding-box;
}
	.title-insert a { 
		border: 0; 
		color: #333; 
		display: block; 
		font-size: 0.6em; 
		//padding: 0 8px;
		width: 100%; 
		
	}
		.title-insert a:hover { color: #000; }
	.title-insert h4 a {
		font-weight: normal;
		font-size: 0.6em;
	}
.main-post-bg, .secondary-post-bg { 
	background: #FFF; 
	display: block; 
	overflow: hidden; 
	overflow: hidden; 
	position: relative; 
	border: 1px solid #ddd; 
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-webkit-transition: all 0.2s ease;
}
.main-post-bg { 
	height: 225px; 
	margin: 0 0 10px 0; 
	width: 593px; 
}
.main-post-bg.showhero { margin-left: 7px; }
.secondary-post-bg { 
	height: 150px; 
	margin: 0 7px 10px 0; 
	width: 293px; 
}
.thumb, .thumb_big {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.thumb_big {
	width: 593px;
	height: 195px;
}
.thumb {
	width: 293px;
	height: 106px;
}
.main-post-bg-hover, .secondary-post-bg-hover {
	border: 1px solid #3c6c92;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px; 
	-moz-border-radius-bottomright: 3px; 
	-webkit-background-clip: padding-box;
	-webkit-border-bottom-left-radius: 3px; 
	-webkit-border-bottom-right-radius: 3px;
	cursor: pointer;
}
.post-comments-hover {
	border: 1px solid #3c6c92;
}
.price {
	font-size: 0.9em;
}
.featured a {
	font-weight: bold;
}
.featured p {
	margin-top: 6px;
}
/* = single entry style */
.home.is-single { border-top: 1px solid #ccc; }
.post.single { 
	line-height: 1.4em; 
	padding-top: 15px; 
}
	.post.single h2, .post.single h2 a, .post.single h1, .post.single h1 a { 
		border: 0; 
		color: #333; 
		font-size: 1.1em; 
		line-height: 1.4em; 
	}
	.post.single h2 a:hover,.post.single h1 a:hover { color: #3c6c92; }
	.post.single .showhero h2 a, .post.single .showhero h1 a { color: #333; }
	.post.single .showhero h2 a:hover, .post.single .showhero h1 a:hover { color: #000; }
	.post.single .entry { 
		border-top: 1px solid #ccc; 
		padding: 10px 10px 0 80px; 
		clear: both; 
	}
	.post.single .meta { 
		font-size: 0.8em; 
		//overflow: hidden; 
		margin-left: 10px; 
		padding: 0; 
	}
		.post.single .meta li { 
			list-style: none; 
			float: left; 
			margin: 0 5px 0 0; 
			padding: 2px 7px; 
		}
		.post.single .meta li.first { 
			background: #eee; 
			border: 1px solid #ccc; 
			border-radius: 3px; 
			-moz-border-radius: 3px; 
			-webkit-border-radius: 3px; 
			-webkit-background-clip: padding-box;
			padding: 2px 7px; 
		}
		
		dl.nav { display: block; width: auto; height: 27px; margin: 0; }
		dl.nav dt, dl.nav dd { float: left; display: inline; }
		dl.nav dt { color: #999; font-weight: normal; }
		dl.nav dd a { background: #fff; text-decoration: none; margin-left: 6px; padding: 5px 12px;
		 border: none; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -webkit-background-clip: padding-box;}
		dl.nav dd a:hover { background: #f5f5f5; }
		dl.nav dd.active a { background: #3c6c92; color: #fff; }
		
	.post.single p { 
		line-height: 1.4em; 
		margin: 1.5em 0; 
	}
		.post.single p a, .post.single li a { font-weight: bold; }
	.post.single h3 { margin-top: 20px; }
	.post.single blockquote, .post.single ul, .post.single ol { 
		color: #555; 
		margin: 0 15px; 
	}
	.post.single ul li { margin: 0 20px; }
	.post.single ol li { 
		list-style: decimal; 
		margin: 0 20px; 
	}
	.post.single blockquote { 
		border-left: 1px solid #ccc; 
		font-style: italic; 
		margin-left: 20px; 
		padding-left: 10px; 
	}
	.post.single img.floatleft, .post.single img.alignleft { 
		float: left;
		margin: 4px 10px 0 0; 
	}
	.post.single img.floatright, .post.single img.alignright { 
		float: right; 
		margin: 4px 0 0 10px; 
	}
	.post.single .wp-caption-text { 
		color: #888; 
		font-size: 0.8em; 
		text-align: center; 
		text-transform: uppercase; 
	}
.gallery-item a img { border-color: #eee !important; }
.gallery_box { padding: 4px 0; }

ul#pfincluded {
	list-style-type: none;
	margin-left: 0px;
}
	ul#pfincluded li {
		list-style-type: none;
	}
#colors ul { 
	//padding-left: 80px;
	padding-top: 10px;
}
	#colors ul li { 
		list-style-type: none;
		width: 200px;
		float: left;
		font-size: 0.9em;
	}
	
	.indent {
		margin-left: 35px;
	}
		.color_name {
			position: relative;
			top: -6px;
		}

#detailicons {
	text-align: center;
}
	#detailicons img {
		padding-left: 10px;
		padding-right: 10px;
	}
.navigation { 
	clear: both; 
	font-weight: bold; 
	padding: 10px 0; 
}
	.navigation a { float: left; }
	.navigation .left, .navigation .right { width: 120px; }
	.navigation .left { text-align: left; }
	.navigation .right { 
		margin-right: 10px; 
		text-align: right; 
	}
* html .navigation .right { margin-right: 7px; }
.navigation .right a { float: right; }
.for-tags { 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	background: #eee; 
	border: 1px solid #ddd; 
	border-radius: 3px; 
	-webkit-background-clip: padding-box;
	font-size: 0.8em; 
	padding: 7px 10px;
	//margin-left: 80px!important;
	margin-right: 10px!important;
}

.spec {
	list-style-type: none;
}
#shipdate {
	padding: 5px;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-background-clip: padding-box;
	background: #f5f5f5;
	text-align: center;
}
	#shipdate li {
		display: inline-block;
		width: 150px;
		margin: 0px 4px 0px 4px;
		text-align: center;
	}
	#shipdate .shipdate-header {
		text-transform: uppercase;
		font-size: 0.8em;
		font-weight: bold;
		line-height: 1.4em;
	}
	#shipdate .shipdate-date {
		font-size: 0.8em;
		color: #009933;
		font-weight: bold;
		text-transform: uppercase;
	}
#breadcrumb {
	font-size: 0.8em;
}
	#breadcrumb ul {
		margin: 4px 0px 0px 10px;
	}
		#breadcrumb ul li {
			list-style-type: none;
			display: inline;
			margin: 0px;
			color: #999;
		}
		#breadcrumb ul li.header {
			font-weight: bold;
		}
span.sppatype {
	color: #999999!important;
	font-style: italic;
	font-size: 0.9em;
}
/* = sidebar and widgets style */
.home .right { 
	overflow: hidden; 
	width: 340px; 
}
	.home .right h3 { 
		font-size: 1em; 
		padding: 9px 3px 7px; 
	}
h3.module-title, h3.widgetTitle { 
	border-bottom: 1px solid #eee; 
	border-top: 1px solid #ccc; 
	font-size: 1em; 
	margin: 0 0 10px; 
	padding: 9px 3px 7px; 
}
	.left h3.module-title {
		width: 590px;
	}
h3.module-title a, h3.widgetTitle a { border: 0; }
.widgetContainer { margin: 0 0 20px 0; }
	.widgetContainer .textwidget { 
		font-size: 0.8em; 
		line-height: 1.4em; 
		margin: 0 7px; 
	}
ul.module-list, .widgetContainer ul { margin: 0 0 20px 0; }
.module-list li, .widgetContainer li { 
	font-size: 0.9em; 
	line-height: 1.4em; 
	margin: 0 3px 7px 21px; 
}
.emphasis {
	white-space: nowrap;
	font-weight: bold;
	color: rgb(51,51,51);
	background: #eee;
	padding: 2px;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-webkit-background-clip: padding-box;
	border: none;
	-webkit-transition: all 0.5s ease;
}
.emphasis:hover {
	border: none;
}
.related {
	font-size: 0.8em;
	line-height: 2em;
	padding-left: 5px;
}
#sidebarlogos {
	margin: 0 auto;
}
.brandlogos {
	display: inline;
	margin-left: 12px;
	margin-right: 12px;
}
.brandlogo {
	float: left;
	padding: 5px;
	padding-right: 15px;
}
.spotlight-header {
	width: 585px;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.1, rgb(238,238,238)),
	    color-stop(0.5, rgb(245,245,245)),
	    color-stop(0.79, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
	    center top,
	    rgb(238,238,238) 10%,
	    rgb(245,245,245) 50%,
	    rgb(255,255,255) 79%
	);
	font-weight: normal;
	font-size: 0.9em;
	color: #333;
	line-height: 1.2em;
	text-align: center;
	cursor: pointer;
}
	.spotlight-title {
		line-height: 3em;
	}
		.spotlight-title img {
			border: 2px solid #ddd;
			padding: 0px!important;
			margin: 15px 10px 15px;
		}
.sidebar-nextprev { 
	overflow: hidden; 
	width: 320px;
}
	.sidebar-nextprev li { 
		float: left; 
		height: 60px; 
		list-style: none; 
		width: 159px;
		cursor: default; 
		display: table-row;
	}
		.sidebar-nextprev li.previous { 
			//border-right: 1px solid #ccc;
			text-align: right;
		}
		.sidebar-nextprev li.next { 
			border-left: 1px solid #ccc; 
			float: right; 
			margin-left: -1px; 
		}
		.sidebar-nextprev li { 
			border-left: 1px solid #ccc; 
			border: 0; 
			color: #ccc; 
			display: block; 
			font-size: 1.4em; 
			font-weight: bold; 
			height: 53px; 
			margin-left: -1px; 
		}
			.sidebar-nextprev li a:hover { 
				border-color: #3c6c92; 
				color: #3c6c92; 
			}
			.sidebar-nextprev li span { 
				display: table-cell;
				padding: 15px 5px 0 5px;
				border-color: #3c6c92; 
				//color: #3c6c92;  
			}
			.sidebar-nextprev li.next span { 
				color: #666;  
			}
			.sidebar-nextprev li.next span.savings { 
				color: #009933;
				font-size: 0.8em;
				vertical-align: bottom;
			}
				.sidebar-nextprev li.next span.savings span{ 
					color: #009933;
				}
			.sidebar-nextprev li.previous span { 
				color: #3c6c92;
				text-align: right;
				float: right;
			}
			.sidebar-nextprev li span .text {
				font-size: 0.5em;
				padding: 0;
			}
				.sidebar-nextprev li.previous span .text {
					float: right;
				}
			.sidebar-nextprev li span.regprice {
				color: #666;
				font-size: 0.8em;
				padding-top: 20px;
			}
			.sidebar-nextprev li span.rptext {
				font-size: 0.5em;
				padding: 0;
				float: right;
				color: #666;
				text-decoration: none!important;
			}
			.sidebar-nextprev li span.levelA, .sidebar-nextprev li span.levelB, .sidebar-nextprev li span.levelC {
				display: none;
			}
	#customize-button {
		text-align: center;
	}
		.levelc {
			margin-top: 6px;
			margin-bottom: 6px;
		}
		.levelb {
			margin-top: 11px;
			margin-bottom: 6px;
		}
	.free {
		color: #3c6c92;
	}
	.awesome, .awesome:visited, button.awesome, button.awesome:visited {
		background: #003366 url(images/alert-overlay.png) repeat-x;
		display: inline-block;
		padding: 5px 25px 6px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		line-height: 1;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
		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;
	}
	
	.awesome:hover							{ background-color: #3c6c92; color: #fff; }
	.awesome:active							{ top: 1px; }
	
	.small.awesome, .small.awesome:visited 			{ font-size: 0.7em; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 1.7em; padding: 8px 14px 9px; }
	.xlarge.awesome, .xlarge.awesome:visited 			{ font-size: 2em; padding: 8px 14px 9px; }
	
	.gray.awesome, .gray.awesome:visited		{ background-color: #222; }
		.gray.awesome:hover						{ background-color: #666; border-bottom: 1px solid rgba(0,0,0,0.25); }
		
	.green.awesome, .green.awesome:visited		{ background-color: #009933; }
		.green.awesome:hover						{ background-color: #009900; border-bottom: 1px solid rgba(0,0,0,0.25); }
		
.widgetContainer #wp-calendar { 
	border-collapse: collapse; 
	width: 100%; 
}
#wp-calendar caption { 
	font-weight: bold; 
	margin-bottom: 7px; 
}
#wp-calendar thead th { 
	border-width: 1px 0; 
	border: 1px solid #ccc; 
	padding: 4px 0 4px 3px; 
}
#wp-calendar td { 
	color: #777; 
	padding: 3px 0 7px 3px; 
}
	#wp-calendar td a { font-weight: bold; }
#middle-widgets { width: 970px; }
	#middle-widgets .widgetContainer { 
		clear: top; 
		float: left; 
		margin: 0 11px 15px 0; 
		width: 312px; 
	}
.sidebar-desc { 
	font-size: 0.9em; 
	line-height: 1.4em;
	margin: 0 4px;
}
.bplogo {
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
}
	.bplogo ul {
		width: 220px;
		margin: 0 auto;
	}
		.bplogo li {
			margin: 4px 0px 4px 0px;
			border-bottom: 1px solid #eee;
			list-style-type: none;
			padding: 4px 0px 4px 0px;
			font-size: 0.9em;
		}
			.bplogo li:last-child {
				border-bottom: none;
				padding-bottom: 0px;
			}
			.bplogo li a {
				border-bottom: none;
			}
.brandmore {
	font-size: 0.8em;
	border-bottom: 1px solid #ccc;
	width:  593px;
	margin-top: -6px;
}
.brandmore-full {
	font-size: 0.7em;
	border-bottom: 1px solid #ccc;
	//margin-top: -4px;
}
.brandlinks {
	padding: 0px 6px 0px 6px;
	margin: 6px 0px 6px 0px;
}
	.brandlinks li {
		text-align: center;
		border-bottom: 1px solid #eee;
		margin: 4px 0px 4px 0px;
		padding-bottom: 2px;
	}
	
#firsttime {
	background: #f5f5f5;
	border: 1px solid #DDD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	padding: 8px;
	text-align: center;
}
	#firsttime p {
		margin-bottom: 8px;
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.2em;
	}
ul#homelogos {
	margin-left: 20px;
	margin: 0 auto;
	display: inline;
}
	ul#homelogos li.logo {
		list-style-type: none;
		padding: 8px;
		display: inline-block;
		margin: 0px 7px 12px 8px;
		border: 1px solid #eee;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-webkit-background-clip: padding-box;
		-webkit-transition: all 0.2s ease;
	}
		ul#homelogos li.logo:hover {
			border: 1px solid #ccc;	
		}
#fpg ul{
	
}
	.fpgli {
		list-style-type: none;
		width: 178px;
		display: inline-block;
		margin: 0px 10px 24px 0px!important;
		text-align: center;
		line-height: 1.1em;
		cursor: pointer;
	}
		.fpgli a {
			border-bottom: none!important;
		}
		.fpgli h4 {
			font-size: 0.9em;
			display: inline;
			line-height: 1.4em;
		}
			.fpgli h4 a {
				border-bottom: none!important;
				color: #000;
				-webkit-transition: all 0.2s ease;
			}
				.fpgli h4 a span {
					font-size: 1.1em;
				}
				.fpgli h4 a:hover, .fpg-hover {
					color: #ca1717!important;
					-webkit-transition: all 0.2s ease;
					border-bottom: none;
				}
		.fpgli span {
			font-size: 0.8em;
			color: #666;
			font-weight: normal!important;
		}
			.fpgli span a {
				border-bottom: none;
				color: #666;
				font-weight: normal!important;
			}
			.fpgli span.price {
				font-style: italic;
				font-weight: normal!important;
			}
ul#home-ptime, ul#home-budget {
	
}
	ul#home-ptime li, ul#home-budget li {
		display: inline-block;
		border: 1px solid #ddd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
		background: #f5f5f5;
		margin: 0px 6px 5px 0px;
		padding: 2px;
		-webkit-transition: all 0.2s ease;
	}
		ul#home-ptime li:hover, ul#home-budget li:hover {
			border: 1px solid #ccc;
		}
		ul#home-ptime li a, ul#home-budget li a {
			padding: 2px;
			border: none;
			color: #333;
			-webkit-transition: all 0.2s ease;
		}
			ul#home-ptime li a:hover, ul#home-budget li a:hover {
				color: #3c6c92;
				font-style: italic;
			}
/* = legacy comments style support */
.legacy .commentlist li { 
	border-top: 1px solid #ccc; 
	margin: 0; 
	padding: 7px 0 15px 80px; 
}
.legacy img.avatar { 
	float: right; 
	margin: 0 7px 0 0; 
}
.legacy cite { font-style: normal; }
.legacy .commentlist li p { margin: 1em 0; }
.legacy .commentlist li ul, .legacy .commentlist li ol, .legacy .commentlist li blockquote { margin: 1em 15px; }
.legacy .commentlist li ul li, .legacy .commentlist li ol li { 
	border: 0 !important; 
	margin: 0 15px !important; 
	padding: 0 !important; 
}
.legacy .commentlist ol li { list-style: decimal; }
.legacy #respondform { 
	margin-left: 80px; 
	padding: 10px 0 0 0; 
}
.nocomments { 
	background: #ffffcc; 
	border: 1px solid #BEBE3C; 
	font-size: 0.8em; 
	font-weight: bold; 
	padding: 10px 0; 
	text-align: center; 
}

/* = style support for threaded comments */
#comments-wrapper, #comments-wrapper-form {}
#comments-wrapper p { margin: 15px 0; }
#comments-wrapper .navigation { margin: 0 0 25px 80px; }
h3#comments { 
	clear: both; 
	margin: 20px 0 20px 80px; 
}
.commentlist { 
	font-size: 0.9em; 
	line-height: 1.4em; 
}
	.commentlist li.comment, .commentlist li.pingback { 
		border-top: 1px solid #ccc; 
		margin: 0; 
		padding: 7px 0 15px 80px; 
	}
	.commentlist li.comment-author-admin { border-color: #3c6c92; }
	.commentlist li.comment ul, .commentlist li.comment ol, .commentlist li.comment blockquote { margin: 0 15px; }
	.commentlist li.comment blockquote { 
		border-left: 1px solid #ccc; 
		color: #777; 
		font-style: italic; 
		padding-left: 10px; 
	}
	.commentlist ul.children { 
		margin: 0 !important; 
		padding: 0; 
	}
	.commentlist .children li.comment { 
		list-style: none; 
		margin: 15px 0 0 0; 
		padding: 7px 0 0 45px; 
	}
.comment-author img.avatar { 
	float: right; 
	margin: 0 7px 0 0; 
}
.comment-author cite { font-style: normal; }
.comment-meta { font-size: 0.8em; }
#respond { 
	clear: both; 
	margin-left: 80px; 
	padding: 10px 0 0 0; 
}
li.comment #respond { margin-left: 0; }
#respond h3 { margin: 0 0 15px 0; }
#respond .text-input { 
	font-size: 12px; 
	margin-right: 4px; 
	width: 160px; 
}
#respond textarea.text-input, #respondform textarea.text-input { 
	margin-right: 0; 
	overflow: auto; 
	width: 97%; 
}

/* = categories */
.categories { 
	margin: 35px 0 45px; 
	padding: 10px 0; 
}
	.categories h3 { margin-bottom: 10px; }
	.categories ul { 
		color: #ccc; 
		font-size: 0.9em; 
		line-height: 1.2em; 
	}
	.categories li { 
		display: block; 
		float: left; 
		margin: 0 8px 0 7px; 
		text-align: right; 
		width: 145px; 
	}
		.categories li li { width: 138px; }
		.categories li li li { width: 131px; }
		.categories li li li li { width: 124px; }
		.categories li li li li li { width: 117px; }
		.categories li a { 
			float: left; 
			text-decoration: none; 
			margin: 3px 0;
		}

.collections-home { 
	margin: 0px 0 45px; 
	padding: 10px 0; 
}
	.collections-home h3 { margin-bottom: 10px; }
	.collections-home ul { 
		color: #ccc; 
		font-size: 0.9em; 
		line-height: 1.2em; 
	}
	.collections-home li { 
		display: block; 
		float: left; 
		margin: 0 8px 0 7px; 
		text-align: right; 
		width: 145px; 
	}
		.collections-home li li { width: 138px; }
		.collections-home li li li { width: 131px; }
		.collections-home li li li li { width: 124px; }
		.collections-home li li li li li { width: 117px; }
		.collections-home li a { 
			float: left; 
			text-decoration: none; 
			margin: 3px 0;
		}

/* = search */
#searchForm { margin: 0; }
#searchWrap {
	width: 340px;
	margin-right: 0px;
}
#searchWrap span { 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	background: #fff; 
	border-radius: 3px; 
	-webkit-background-clip: padding-box;
	border: 1px solid #ccc; 
	display: block; 
	padding: 2px; 
}
#searchWrap input { 
	color: #777; 
	width: 324px; 
}

/* = footer */
#footer {
	border-top: 1px solid #CCC;
	margin-top: 15px; 
	padding: 20px 0 72px; 
}
	#footer a { font-weight: bold; }
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#666;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#003366; font-weight:bold; font-size:13px;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494; font-size:11px; line-height:20px;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://pensfast.com/wp-content/themes/theunstandard/js/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

#faq_inner ul {
	padding-left: 8px;
	padding-right: 8px;
}

#faq_inner ul li {
	
}

.faq_question {
	font-weight: bold;
}

.faq_answer {
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 6px;
}

.help {
	width: 23%;
	border-right: 1px solid #d7d7d7;
	display: inline;
	float: left;
	padding-left: 12px;
	padding-bottom: 1px;
	font-weight: bold;
}

.help:last-child {
	border-right: none;
}

.help:first-child {
	padding-left: 0px;
}

.help_det {
	width: 23%;
	border-right: 1px solid #d7d7d7;
	display: inline;
	float: left;
	padding-left: 12px;
	padding-bottom: 3px;
}

.help_det:last-child {
	border-right: none;
}

.help_det:first-child {
	padding-left: 0px;
}

/*Order Form*/
#orderform {
	display: block;
	height: 530px;
}
#ofnavi {
	display: block;
	width: 685px;
}
ul#penbuilder {
	margin: 0;
}
	ul#penbuilder li {
		list-style-type: none;
		margin: 0;
	}
	.formfield {
		font-size: 0.9em; 
		margin: 0!important;
		margin-top: 10px!important;
	}
		.formfield label {
			font-weight: bold;
		}
			.formfield label span {
				font-weight: normal;
				font-size: 0.8em;
			}
	.formfield-hover {
		//background: #FFF7C0;
		border: 1px solid #ddd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
	}
	.ofoptions {
		margin: 0!important;
	}
		.ofoptions li {
			list-style-type: none;
			width: 184px;
			height: 20px;
			float: left;
			font-size: 0.8em;
			padding: 3px;
			margin: 0px 5px 5px 5px!important;
			cursor: pointer;
		}
	#quantity {
		font-size: 1.2em;
	}
	.textbox {
		background: white url(http://pensfast.com/wp-content/themes/theunstandard/images/bg-input-gradient.png) repeat-x 0px 0px;
		font-size: 1em;
		border: 1px solid #ddd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
	}
	.ofnormal {
		font-size: 0.8em;
		margin: 0!important;
		padding-top: 10px;
		text-align: center;
	}
	.oferror {
		font-size: 0.8em;
		color: red;
		font-weight: bold;
	}
	.ofsuccess {
		font-size: 0.8em;
		color: #009933;
		font-style: italic;
	}
	ul#penbuilder .error {
		display: none;
	}
ul.progress {
	width: 700px;
	margin-bottom: 20px!important;
	margin-top: 20px!important;
}
	.progress li {
		list-style-type: none;
		width: 132px;
		margin-left: 4px;
		margin-right: 4px;
		border-top: 4px solid #333;
		float: left;
		padding-top: 4px;
		font-size: 0.9em;
		padding-left: 6px;
	}
		.practive {
			width: 394px!important;
			font-weight: bold;
			font-size: 1.1em!important;
			padding-top: 8px!important;
		}
			.activedesc {
				font-size: 0.9em;
			}
		.prfuture {
			color: #666!important;
			border-color: #666!important;
		}
		.prpast {
			color: #333!important;
			border-color: #333!important;
			font-weight: bold;
		}
			.check {
				color: #009933;
				float: right;
				padding-right: 6px;
				font-weight: bold;
				font-size: 1.1em;
			}
		.progress li.customize {
			color: #ca1717;
			border-color: #ca1717;
		}
		.progress li.brand {
			color:  #F27405;
			border-color: #F27405;
		}
		.progress li.review {
			color:  #009933;
			border-color: #009933;
		}
	.formdesc {
		margin: 6px 0px 10px 7px;
		border: 1px solid #ddd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
		background: -webkit-gradient(
		    linear,
		    left top,
		    left bottom,
		    color-stop(0.1, rgb(238,238,238)),
		    color-stop(0.5, rgb(245,245,245)),
		    color-stop(0.79, rgb(255,255,255))
		);
		background: -moz-linear-gradient(
		    center top,
		    rgb(238,238,238) 10%,
		    rgb(245,245,245) 50%,
		    rgb(255,255,255) 79%
		);
		font-weight: normal;
		font-size: 0.9em;
		color: #333;
	}
		.formdesc-title {
			border-right: 1px solid #ddd;
			font-size: 1em!important;
			line-height: 3em;
			padding: 12px 10px;
			font-weight: bold!important;
			margin-right: 10px;
		}
.radiobutton {
	display: none;
}
.radioselect, .checkboxselect {
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	background: #fff;
	-webkit-transition: all 0.2s ease;
}
.radioselect-hover, .checkboxselect-hover {
	background: #FFF;
	border: 1px solid #3c6c92;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	color: #3c6c92;
	-webkit-transition: all 0.2s ease;
}
.radioselected, .checkboxselected {
	background: #FFF;
	border: 1px solid #009933;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	color: #3c6c92;
	font-weight: bold;
}

#ofsummary {
	//position: fixed;
	//left: 742px;
	//top: 444px;
	//min-height: 600px;
}
	#ofsummary-padding {
		height: 60px;
		background: transparent;
	}
	#price_box {
		margin: 0 auto;
		border: 1px solid #ddd;
		padding: 5px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
		text-align: right;
		display: block; 
		font-size: 1.4em; 
		font-weight: bold;
	}
	#price_box p.price_item {
		margin-bottom: 4px;
		color: #3c6c92;
		padding-right: 6px;
	}
	#price_box p.price_extra {
		margin-bottom: 4px;
		color: #3c6c92;
		font-size: 0.8em;
		padding-right: 6px;
	}
	#price_box p.price_at {
		margin-top: 2px;
		width: 40px;
		float: left;
		font-size: 0.9em;
		color: #666;
	}
	#price_box p.price_qty {
		margin-top: 2px;
		margin-bottom: 2px;
		color: #666;
		padding-right: 6px;
		width: 150px;
		float: right;
	}
	#price_box p.price_item span {
		margin-bottom: 2px;
		color: #3c6c92;
		font-size: 0.5em;
	}
	#price_box p.price_extra span {
		margin-bottom: 2px;
		color: #3c6c92;
		font-size: 0.6em;
	}
	#price_box p.price_qty span {
		margin-bottom: 4px;
		color: #666;
		font-size: 0.5em;
	}
	#price_box p.price_total {
		color: #3c6c92;
		border-top: 1px solid #ccc;
		padding-top: 4px;
		font-size: 1.5em;
		padding-right: 6px;
	}
	#price_box p.price_total span {
		color: #009933;
		font-size: 0.4em;
	}
	input[type="submit"], input[type="button"], input[type="file"], input[type="reset"], button {
		border: none!important;
	}
	li.included {
		font-size: 0.9em;
		line-height: 2em;
		list-style-type: none;
	}
	#add-to-cart {
		text-align: center;
		margin: 0 auto;
	}
	#ofcontact {
		border: 1px solid #ddd;
		padding: 10px 5px 5px 5px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
		text-align: right;
		font-size: 1.4em; 
		font-weight: bold;
		line-height: 1em!important;
		width: 590px;
	}
		p.ofcontact-title {
			text-align: center;
			color: #3c6c92;
			border-right: 1px solid #ccc;
			padding: 4px 6px 4px 0px;
			margin: 0!important;
			margin-right: 8px!important;
			display: inline;
			line-height: 1em!important;
			font-size: 0.9em!important;
		}
		p.ofcontact-type {
			color: #3c6c92;
			padding-right: 6px;
			font-size: 0.8em;
			font-weight: normal;
			display: inline;
			float: right;
			margin: 0!important;
			margin-left: 6px!important;
			margin-right: 6px!important;
			line-height: 1em!important;
		}
			p.ofcontact-type a {
				border: none;
				line-height: 1em!important;
			}
			p.ofcontact-type span {
				margin: 0!important;
				margin-bottom: 2px!important;
				color: #3c6c92;
				font-size: 0.7em;
				font-weight: bold;
				color: #666;
				line-height: 1em!important;
			}
	#ofhelp {
		border: 1px solid #ddd;
		padding: 5px;
		margin-right: 10px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-background-clip: padding-box;
		text-align: right;
		display: block; 
		font-size: 1.4em; 
		font-weight: bold;
		position: absolute;
		top: 365px;
		width: 203px;
	}
		p.ofhelp-title {
			text-align: center;
			color: #3c6c92;
			border-bottom: 1px solid #ccc;
			padding-bottom: 4px;
			margin-bottom: 8px;
		}
		p.ofhelp-type {
			margin-bottom: 4px;
			color: #3c6c92;
			padding-right: 6px;
			font-size: 0.8em;
			font-weight: normal;
		}
			p.ofhelp-type a {
				border: none;
			}
			p.ofhelp-type span {
				margin-bottom: 2px;
				color: #3c6c92;
				font-size: 0.7em;
				font-weight: bold;
				color: #666;
			}
.ofartdet {
	font-size: 0.9em;
	color: #333;
	margin-left: 20px;
}
	.ofartdet li {
		height: 1.4em;
		list-style-type: circle;
	}
/* Easy Slider */
 
	#form ul, #form li.slider{
		margin:0;
		padding:0;
		list-style:none;
		}
	#form, #form li.slider{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:700px;
		height:480px;
		overflow:hidden; 
		}
	span#prevBtn {
		cursor: pointer;
	}
	span#nextBtn {
		cursor: pointer;
	}					
 
/* // Easy Slider */
/* Checkout CSS */
#checkouthelp {
	border: 1px solid #ddd;
	padding: 10px 5px 5px 5px;
	margin-right: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	text-align: right;
	display: inline; 
	font-size: 1.4em; 
	font-weight: bold;
	width: 560px;
	position: absolute;
	top: 30px;
	left: 350px;
}
	p.checkouthelp-title {
		text-align: center;
		color: #3c6c92;
		border-right: 1px solid #ccc;
		padding: 4px 6px 4px 0px;
		margin-right: 8px;
		display: inline;
		font-size: 0.9em!important;
	}
	p.checkouthelp-type {
		color: #3c6c92;
		padding-right: 6px;
		font-size: 0.8em;
		font-weight: normal;
		display: inline;
		float: right;
		margin-left: 6px;
		margin-right: 6px;
	}
		p.checkouthelp-type a {
			border: none;
		}
		p.checkouthelp-type span {
			margin-bottom: 2px;
			color: #3c6c92;
			font-size: 0.7em;
			font-weight: bold;
			color: #666;
		}
li.fc_cart_item_weight {
	display: none;
}
li.fc_cart_category_code {
	display: none;
}
a.fc_link_nav {
	border-bottom: none!important;
}
/*  // Checkout CSS */
/* Contact Page, Loyalty Page, Why Page, Artwork Guidelines Page, Browse Page*/
#contact, #loyalty, #branddesc{
	margin-bottom: 20px;
	width: 583px;
	border: 1px solid #d7d7d7;
	border-bottom: 2px solid #d7d7d7;
	padding: 5px;
	background: #f7f7f7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-background-clip: padding-box;
}
.contacthelp {
	padding: 5px;
	margin-right: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	text-align: center;
	display: block; 
	font-size: 1.4em; 
	font-weight: bold;
}
	p.contacthelp-type {
		margin-bottom: 15px;
		margin-top: 15px;
		color: #3c6c92;
		padding-right: 6px;
		font-size: 0.8em;
		font-weight: normal;
	}
		p.contacthelp-type a {
			border: none;
		}
		p.contacthelp-type span {
			margin-bottom: 2px;
			color: #3c6c92;
			font-size: 0.7em;
			font-weight: bold;
			color: #666;
		}
li.loyalty {
	list-style-type: none;
	font-size: 0.75em;
	line-height: 2em;
	padding-left: 5px;
	width: 315px;
	float: left;
}
.why-desc {
	font-size: 1.1em;
	text-align: justify;
}
h2.why-header {
	margin: 0 0 15px; 
	padding: 9px 3px 7px;
	font-size: 1.3em;
}
ol#why {
	list-style-type: decimal;
	margin-left: 40px;
}
	ol#why li {
		color: #3c6c92;
		font-size: 1.6em;
		margin-bottom: 20px;
		font-weight: bold;
	}
		ol#why li h3 {
			color: #000;
		}
		ol#why li p.sidebar-desc {
			color: #000;
			font-size: 0.8em;
			font-weight: normal;
		}
ul#artwork {
	list-style-type: none;
	margin-top: 15px;
}
	ul#artwork li {
		list-style-type: none;
		margin-bottom: 15px;
	}
		ul#artwork li span {
			font-weight: normal;
			font-style: italic;
			color: #666;
			font-size: 0.7em;
		}
		ul#artwork li span.file-format {
			font-style: normal;
			color: #FFF;
			font-size: 0.7em;
			background: #ca1717;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-webkit-background-clip: padding-box;
			padding: 1px 4px 2px 4px;
		}
.browse-link {
	clear: both; 
	font-weight: bold; 
	padding: 10px 0; 
	display: inline!important;
	width: 80px;
}
dl#mini-faq {
	font-size: 0.9em;
	line-height: 1.4em;
}
	dl#mini-faq dt {
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 4px;
		color: #ca1717;
	}
	dl#mini-faq dd {
		padding-left: 20px;
	}
dl.faqs {
	
}
	dl.faqs dt {
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 4px;
		color: #333;
		font-size: 0.9em;
	}
	dl.faqs dd {
		margin: 2px 0px;
		padding-left: 20px;
	}
/* // Contact Page */
/* // Pen Finder Page */
#penfinder {
	width: 100%;
	margin: 0 auto;
	font-size: 1.5em;
}
ul#penslist {
	list-style-type: none;
}
ul#penslist li {
	list-style-type: none;
	padding: 8px 0;
	padding-left: 4px;
	border-bottom: 1px solid #f5f5f5;
}
	ul#penslist li:last-child {
		border-bottom: none;
	}
ul#penslist li:hover {
	background: #F5F5F5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
span.pfvendor {
	font-size: 0.8em;
	font-style: italic;
}
ul#penslist li div.pfsub {
	font-size: 0.9em;
	padding-top: 8px;
}

ul#home-collections {
	list-style-type: none;
	margin: 0 auto;
}
	ul#home-collections li {
		list-style-type: none;
		display: inline-block;
		margin: 0 9px;
		padding: 8px;
		width: 200px;
		border: 1px solid #eee;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		font-size: 0.8em;
	}
		ul#home-collections li:hover {
			cursor: pointer;
		}
			li.homecol-green:hover {
				border: 1px solid #009933!important;
			}
			li.homecol-blue:hover {
				border: 1px solid #3c6c92!important;
			}
			li.homecol-red:hover {
				border: 1px solid #ca1717!important;
			}
			li.homecol-orange:hover {
				border: 1px solid #F27405!important;
			}
		ul#home-collections li h4 {
			font-weight: bold;
			text-align: center;
		}
			ul#home-collections li h4 a {
				text-decoration: none;
				border: none;
				color: #000;
			}
		ul#home-collections li p {
			text-align: center;
			font-size: 1.1em;
		}