@charset "utf-8";
/* CSS Document */

/* ###########################################################################

	Typography Styles:
	- CSS Resets | CSS3
	- Default Body
	- Headings | Logo | Slogan
	- Text Elements
	- Blockquote | Cite
	- Drop Cap
	- Article Insets
	- Horizontal Lines
	- Lists
	- Tables
	- Misc Classes
	- Image Formatting
	- Cart Specific 

########################################################################### */


/* CSS RESET | CSS3
-------------------------------------------------------------------------- */

/*CSS3 tags*/
article, aside, figure, footer, header, hgroup, nav, section { display: block; }

html { -webkit-font-smoothing: antialiased; }

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {}
body a {outline:none !important; text-decoration:none;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }



/* DEFAULT BODY 
-------------------------------------------------------------------------- */
body { 
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

p,dl,hr,h1,h2,h3,h4,ol,ul,
pre,table,address,fieldset {
	margin-bottom: 10px;
}
h5,h6 { margin-bottom: 5px; }


/* HEADINGS | LOGO | SLOGAN
-------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 	{ text-rendering: optimizeLegibility; }
h1,h2,h3,h4,h5,h6 	{ font-weight: normal; }
h1 a,h2 a,h3 a,
h4 a,h5 a,h6 a 		{ text-decoration: none; }
h1 					{ letter-spacing:-0.05em; }

h1, h1 a { color: #000; font-size: 24px; border-bottom:solid 2px #069; width:100%; font-weight:bold; }
h2, h2 a { color: #000; font-size: 18px; }
h3, h3 a { color: #000; font-size: 16px; }
h4, h4 a { color: #000; font-size: 14px; }
h5, h5 a { color: #000; font-size: 14px; }
h6, h6 a { color: #000; font-size: 14px; }



	/*Homepage Featured Product Text*/
	h1.specials {}
	
	/*Format Logo Text Here*/
	.logo 	{}
	
	/*FAQ, Timed Content, Product Review*/
	.fla-question, .content-item-title, 
	.prod-detail-review-item h5 { color: #0991ac; font-size: 125% !important; }
	.content-item-date, .prod-detail-review-item-date { color:#898989;  font-size: 12px; }
	
	
	/*Pre-Definded Text Colors*/
	.color-green	{ color: #39b54a; }
	.color-blue		{ color: #336699; }
	.color-purple 	{ color: #9933cc; }
	.color-red 		{ color: #d12525; }
	.color-orange 	{ color: #ff6600; }
	.color-yellow 	{ color: #fbfb06; }
	.color-white 	{ color: #ffffff; }
	.color-black 	{ color: #000000; }
	.color-gray 	{ color: #898989; }
	.color-brown 	{ color: #754c24; } 


/* TEXT ELEMENTS
-------------------------------------------------------------------------- */
p   { line-height: 1.35em; }

a:hover, a:active 		{ outline: none; }
a, a:active, a:visited	{ color: #000; text-decoration: none; }
a:hover     			{ color: #000; text-decoration: underline; }

a:link 					{ -webkit-tap-highlight-color: #FF5E99; }
a:focus 				{ outline: 1px dotted; }

small 		{ font-size:70%; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
sub 		{ vertical-align: sub; font-size: smaller; }
sup 		{ vertical-align: super; font-size: smaller; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
abbr[title], 
dfn[title] 	{ border-bottom: 1px dotted #000; cursor:help; }

address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; text-decoration: line-through; }
mark 		{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
ins 		{ background-color:#ff9; color:#000; text-decoration:none; }

pre			{ padding: 15px; white-space: pre; white-space:pre-wrap; white-space: pre-line; word-wrap: break-word; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }



/* BLOCKQUOTE | CITE
-------------------------------------------------------------------------- */
blockquote {
	display: block;
	font-size: 13px;
	line-height: 130%;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #ebebeb;
	border: 1px solid #e1e1e1;
	text-align: left;
}
cite, .signature 		{ font-size: 12px; }


/* DROP CAP
-------------------------------------------------------------------------- */
p.dropcap {
	overflow: hidden;
}
span.dropcap {
	color: #acacac;
	display:block;
	float:left;
	font-size:400%;
	line-height:110%;
	margin:0 5px 0 0;
}


/* ARTICLE INSETS
-------------------------------------------------------------------------- */
.inset-left, .inset-right {
	display: block;
	padding: 15px;
	width: 35%;
	font-size: 16px;
	font-weight: normal;
}
.inset-left 	{ color: #0991ac; float: left; }
.inset-right 	{ color: #598527; float: right; }


/* HORIZONTAL LINES
-------------------------------------------------------------------------- */
hr { 
	display:block; 
	height:1px!important; 
	border:0; 
	border-top:1px solid #ccc; 
	margin:1em 0; 
	padding:0; 
	width:97%!important;
}


/* LISTS
-------------------------------------------------------------------------- */
li ul, 
li ol       { margin:0 1.5em; }

ul, ol 		{ margin: 0 0 22px; padding: 0 0 0 20px; }
ul li, 
ol li 		{ margin: 0 0 5px; }

ul          { list-style-type: disc; }
ul ul       { list-style-type: square; }
ul ul ul    { list-style-type: circle; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 20px 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/*Graphic Lists*/
.blue-bullets, .green-bullets, .red-bullets, .gray-bullets, .black-bullets,
.blue-arrow, .green-arrow, .red-arrow, .gray-arrow, .black-arrow {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
}
.blue-bullets li, .green-bullets li, .red-bullets li, .gray-bullets li, .black-bullets li,
.blue-arrow li, .green-arrow li, .red-arrow li, .gray-arrow li, .black-arrow li {
	background-position: 0 4px;
	background-repeat: no-repeat;
	padding: 0 0 0 17px;
}
/*Bullets*/
.blue-bullets li 	{ background-image: url(../../../images/assets/bullet_blue.png); }
.green-bullets li 	{ background-image: url(../../../images/assets/bullet_green.png); }
.red-bullets li		{ background-image: url(../../../images/assets/bullet_red.png); }
.gray-bullets li  	{ background-image: url(../../../images/assets/bullet_gray.png); }
.black-bullets li  	{ background-image: url(../../../images/assets/bullet_black.png); }
/*Arrows*/
.blue-arrows li 	{ list-style-image: url(../../../images/assets/bullet_blue_arrow.png) }
.green-arrows li	{ list-style-image: url(../../../images/assets/bullet_green_arrow.png) }
.red-arrows li		{ list-style-image: url(../../../images/assets/bullet_red_arrow.png) }
.gray-arrows li		{ list-style-image: url(../../../images/assets/bullet_gray_arrow.png) }
.black-arrows li	{ list-style-image: url(../../../images/assets/bullet_black_arrow.png) }

.no-bullets			{ list-style-type: none; }
	


/* TABLES
-------------------------------------------------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */
table       	{ border-collapse: separate; border-spacing: 0; }
table 			{ font-size:inherit; font:100%; }
th          	{  }
thead th 		{ background: #c3d9ff; }
th,td,caption 	{ }
tr.even td  	{ background: #e5ecf9; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }

table.dialogbox-example-table { margin: 20px 0; }


/* MISC CLASSES
-------------------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.none  		{ display: none; }
.hide 		{ display: none; }
.show		{ display: block; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#d6eeb1; }
.highlight-dark  { background:#898989; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.float-left 	{ float: left; }
.float-right 	{ float: right; }

.text-left 	{ text-align: left; }
.text-right 	{ text-align: right; }
.text-center 	{ text-align: center; }

.asterisk 	{ font-size: 9px; color:#999; }

.no-border 	{ border: none !important; }
.no-padding { padding:  0px !important; }
.no-margin 	{ margin: 0px !important; }


/* IMAGE FORMATTING 
-------------------------------------------------------------------------- */
img, a img  { border: 0; }

img.contentImage {
	border: 10px solid #ccc;
	text-align: center;
}

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

.image-top-left, .image-middle-left, .image-bottom-left,
.image-top-right,  .image-middle-right,  .image-bottom-right { display: block; }

.image-top-left, .image-middle-left, .image-bottom-left { float: left; } 
.image-top-right, .image-middle-right, .image-bottom-right { float: right; }

.image-top-left			{ margin: 0px 10px 10px 0px; }
.image-middle-left 		{ margin: 10px 10px 10px 0px; }
.image-bottom-left 		{ margin: 10px 10px 0px 0px; }

.image-top-right		{ margin: 0px 0px 10px 10px; }
.image-middle-right 	{ margin: 10px 0px 10px 10px; }
.image-bottom-right		{ margin: 10px 0px 0px 10px; }


/* `Clear Floated Elements
-------------------------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}
* html .clearfix { height: 1%; }/* Hides from IE-mac*/