/*------------------------------------------------
Theme Name: Newa: Responsive OpenCart Template
Theme URI: http://themes.hsyn.org/newa/
Description: Newa is a clean, creative and responsive OpenCart theme with tons of features offering the best way to bring your business and portfolio online!
Version: 1.0
Author: Huseyin Aydin
Author URI: http://hsyn.org
------------------------------------------------*/

/*------------------------------------------------

CSS STRUCTURE:

1. IMPORT SECTION

2. GENERAL TYPOGRAPHY
	2.1 Global Reset & Clearfix
	2.2 @Font Face
		- Sosa Icon Font
	2.3 General Styles
		- Links
		- Floating & Alignment
		- Clear Floats
	2.4 Columns Styles
	2.5 Dividers
	2.6 Basic Lists
	2.7 Headings
	2.8 Images Styles
		- Image with Caption
		- Image with Frame
	2.9 Video Styles
	2.10 Forms Styles
	2.11 Tables Styles
	2.12 Pricing Tables
	2.13 Styled Boxes
		- Framed Box
	2.14 Buttons Styles
		- Buttons Color Scheme

3. SITE STRUCTURE
	3.1 Header
		- Logo
	3.2 Navigation
	3.3 Tiny Navigation
	3.4 Intro
		- Page Title
		- Page description
	3.5 FlexSlider
		- Browser Resets
		- FlexSlider Necessary Styles
		- Direction Navigation
		- Control Navigation
		- Slider Caption
	3.6 Content
		- Section General
		- Custom Blocks Section
		- Content Slider Section
			- Content Slider Navigation
			- Content Slides Container
			- Portfolio Section
			- Blog Post Section
		- Call to Action Section
		- Clients Section
		- Services Section
		- Testimonials Section
			- Testimonials Slider
		- Related Works Section
		- Our Team Section
		- 404 Error Page
		- Testimonials
		- Contact Form
	3.7 Sidebars
		- Right Sidebar
		- Left Sidebar
	3.8 Footer
	3.9 Footer Bottom
		- Copyright
		- Footer menu
		
4. PORTFOLIO STYLES
	-General
	4.1 Filter
	4.2 Portfolio Two Columns
	4.3 Portfolio Three Columns
	4.4 Portfolio Four Columns
	4.5 Portfolio Single
	
5. WIDGET STYLES
	- Widget General
	- Sidebar Widget General
	- Footer Widget General
	5.1 Categories / Archives Widget
	5.2 Search Form Widget
	5.3 Text Widget
	5.4 Popular Posts / Recent Posts Widget
	5.5 Recent Comments Widget
	5.6 Video Widget
	5.7 Contact Info Widget
	5.8 Tags Widget
	5.9 Twitter Widget
	5.10 Flickr Widget
	5.11 Social Media Widget
	5.12 Google Map Widget
	
6. BLOG STYLES
	- General
	- Blog Slider
	6.1 Blog Single Post
	6.2 Post Navigation
	6.3 Pagination
	6.4 Comments List
	6.5 Comments Form
	
7. EXTENDED TYPOGRAPHY & SHORTCODES
	7.1 Blockquote / Pullquote
	7.2 Dropcap
	7.3 Text Highlights
	7.4 Code & Pre
	7.5 List Styles
	7.6 Icon Boxes
	7.7 Tabs & Toggles & Accordion
		- Tabs
			- Horizontal Tabs
			- Vertical Tabs
		- Toggles
		- Accordions
		
8. ANIMATED SCROLL TO TOP

------------------------------------------------*/

/*====================================================================*/
/* 1. IMPORT SECTION */
/*====================================================================*/
@import url("wide.css");

/*====================================================================*/
/* 2. GENERAL TYPOGRAPHY */
/*====================================================================*/
/*----------------------------------------------*/
/* 2.1 Global Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/) */
/*----------------------------------------------*/
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul {list-style: none; }

blockquote, q {quotes: none; }

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearfix */
.clearfix { display: block; }

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	overflow: hidden;
	height: 0;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; /* IE < 8 */ }
	
/*----------------------------------------------*/
/* 2.2 @Font Face */
/*----------------------------------------------*/
/* Sosa Icon Font
---------------------------------------------------------- */
@font-face {
    font-family: 'sosa';
    src: url('fonts/sosa-icon-font/sosa.eot');
    src: url('fonts/sosa-icon-font/sosa.eot?#iefix') format('embedded-opentype'),
         url('fonts/sosa-icon-font/sosa.woff') format('woff'),
         url('fonts/sosa-icon-font/sosa.ttf') format('truetype'),
         url('fonts/sosa-icon-font/sosa.svg#sosa') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------*/
/* 2.3 General Styles */
/*----------------------------------------------*/
html { -webkit-text-size-adjust: none; }

body {
	background-image: url('../images/patterns/pattern20.png');
	background-position: 0 0;
	background-repeat: repeat;
	
	font: 12px/22px "Open Sans", "Arial", "Helvetica", sans-serif;
	font-weight: 400;
	color: #626364;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
	
ins { 
	background-color: #ff9; 
	color: #000; 
	text-decoration: none;
}

mark { 
	background-color: #ff9; 
	font-style: italic; 
	font-weight: bold;
	color: #000; 
}

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor:help; }

small { font-size: 11px; }

input, select { vertical-align: middle; }

strong, th, thead td { font-weight: 600; }
	
cite, em { font-style: italic; }
	
code, pre {
	display: block;
	font-family: "Courier New",Courier,monospace;
	white-space: pre;
}
	
hr { 
	display: block; 
	border: 0; 
	border-top: 1px solid #e5e5e5; 
	margin: 10px 0; 
	padding: 0;
	height: 1px; 
}

a { 
	background: none; 
	color: #c71219; 
	text-decoration: none; 
	outline: none; 
	cursor: pointer;
}

a:hover { color: #101010; }

a img { 
    border: none; 
    vertical-align: bottom;
}
	
img {
	display: inline-block;
	border: 0;
	width: auto\9;/* IE8 Fix */
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
	
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="search"], input[type="password"], textarea {
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

p, ul, ol, dl, table, fieldset, blockquote, pre, code { margin-bottom: 20px; }
	
::selection {
	background: #c71219;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #c71219;
	color: #fff;
	text-shadow: none;
}

/* Links
---------------------------------------------------------- */
a.link {
	border-bottom: 1px dotted #e5e5e5;
	padding: 4px 0 2px;
	font-size: 13px;
	font-weight: 600;
	color: #101010;
}
	
a.link:hover {
	color: #c71219;
	border-color: #c71219;
}
		
span a.link { margin-left: 10px; }

a.goto {
	background: transparent url('../images/goto_arrow.png') no-repeat scroll 100% 50%;
	padding: 3px 25px 4px 0;
	font-weight: 700;
	color: #c71219;
	-webkit-transition: padding 0.1s ease-out;
	-moz-transition: padding 0.1s ease-out;
	-o-transition: padding 0.1s ease-out;
	-ms-transition: padding 0.1s ease-out;
	transition: padding 0.1s ease-out;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}

a.goto:hover { padding-right: 28px; }

.required { color: #c71219; }

/* Floating & Alignment
---------------------------------------------------------- */
.float-left, .align-left { float: left; }

.float-right, .align-right { float: right; }
	
.align-center {
	margin-left: auto;
	margin-right: auto;
}

.text-align-left {text-align: left; }
	
.text-align-right {text-align: right; }
	
.text-align-center {text-align: center; }
	
.hidden { display: none; }

/* Clear Floats
---------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
}
	
/*----------------------------------------------*/
/* 2.4 Columns Styles */
/*----------------------------------------------*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
	position: relative;
	float: left;
	margin-right: 4%;
}

.one-half { width: 42%; }
.one-third { width: 30.6667%; }
.two-third  { width: 65.3332%; }
.one-fourth { width: 25%; }
.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.two-fifth { width: 37.6%; }
.three-fifth { width: 58.4%; }
.four-fifth { width: 79.2%; }
	
.last {
	clear: right;
	margin-right: 0 !important;
}
	
/*----------------------------------------------*/
/* 2.5 Dividers */
/*----------------------------------------------*/
.divider {
	clear: both;
	display: block;
	position: relative;
	border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 35px;
	padding-top: 15px;
	height: 1px;
}
	
.divider-empty {
	clear: both;
	display: block;
	position: relative;
	padding-top: 20px;
}
	
.divider a.top {
	background: #f7f7f7 url('../images/arrow_top.png') no-repeat scroll right top;
	position: absolute;
	top: 12px;
	right: 0;
	padding: 0 8px;
	font-size: 9px;
	line-height: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #777;
}
	
.divider a.top:hover { color: #c71219; }

/*----------------------------------------------*/
/* 2.6 Basic Lists */
/*----------------------------------------------*/
ul {
	list-style-type: disc;
	margin-left: 1.5em;
}
	
ul li { margin-left: .85em; }
	
ul ul { list-style-type: square; }
	
ul ul ul { list-style-type: circle; }
	
ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 2.35em;
}
	
dt {
	margin-top: .8em;
	margin-bottom: .4em;
	font-weight: bold;
}
	
ol ol, ul ol { margin-left: 2.5em; }
	
ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; }

/*----------------------------------------------*/
/* 2.7 Headings */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
	font-weight: 400;
	line-height: 1.5em;
	color: #101010;
}

h3, h4, h5, h6 { font-weight: 600; }
	
h1 { font-size: 24px; }
	
h2 { font-size: 18px; }
	
h3 {
	font-size: 16px;
	margin-bottom: 10px;
}
	
h4 {
	font-size: 14px;
	margin-bottom: 8px;
}
	
h5 {
	font-size: 12px;
	margin-bottom: 6px;
}
	
h6 {
	font-size: 11px;
	margin-bottom: 4px;
}
	
/*----------------------------------------------*/
/* 2.8 Images Styles */
/*----------------------------------------------*/
.preloading {
	background: #fff url("../images/loading.gif") no-repeat 50% 50%;
	display: block;
}
	
img.align-left, .wp-caption.align-left { margin: 6px 20px 6px 0; }
	
img.align-right, .wp-caption.align-right { margin: 6px 0 6px 20px; }
	
img.align-center, .wp-caption.align-center {
	display: block; 
	margin: 8px auto 20px;
	text-align: center;
}
	
/* Image with Caption
---------------------------------------------------------- */
.wp-caption {
	margin-bottom: 10px;
	text-align: center;
}
	
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
	
p.wp-caption-text {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #8d8d8d;
}

/* Image with Frame
---------------------------------------------------------- */
.image-frame, .video-frame {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 5px;
	line-height: 0px;
	border-radius: 3px;
}
	
.image-frame a, .image-icon-zoom, .image-icon-link, .image-icon-play {
	display: block;
	position: relative;
}

.mask-overlay {
	background: #000;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
	
.image-overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}

.image-icon-zoom .image-overlay { background: transparent url('../images/image_icon_zoom.png') no-repeat scroll center center; }
	
.image-icon-link .image-overlay { background: transparent url('../images/image_icon_link.png') no-repeat scroll center center; }
	
.image-icon-play .image-overlay { background: transparent url('../images/image_icon_play.png') no-repeat scroll center center; }
	
.image-no-link { cursor: default; }

/*----------------------------------------------*/
/* 2.9 Video Styles */
/*----------------------------------------------*/
.video {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 56.25%;
	height: 0;
}

.video embed, .video iframe, .video object, .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*----------------------------------------------*/
/* 2.10 Forms Styles */
/*----------------------------------------------*/
fieldset {
	border: 1px solid #e5e5e5;
	padding: 1em;
}
	
legend {
	padding: 0 .8em;
	font-weight: bold;
	font-size: 1.2em;
}
	
textarea, input[type=text], input[type=password], input[type=email], select {
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: inherit;
	outline: none;
}
	
input, select { cursor: pointer; }
	
input[type=text], input[type=password], input[type=email] { cursor: text; padding: 8px; border-radius: 3px;}
		
input { padding: 5px 10px; }
	
textarea {
	overflow: auto; 
	padding: 10px;
}
	
select {
	padding: 8px;
	border-radius: 3px;
}
	
option { padding: 0 4px; }
	
input[type=button], button {
	font-size: 12px;
	cursor: pointer;
	vertical-align: middle;
}
	
label {
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
}

input.text-input, textarea.textarea, input.large-field{
	width: 94%;
	font-family: Arial, Helvetica, sans-serif;
	color: #c2c2c2;
}

input.text-input, input.large-field {
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
}
	
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,input.text-input:focus, textarea.textarea:focus, select:focus, input.large-field:focus {
	background: #fff;
	border: 1px solid #c71219;
	color: #777;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}
	
::-webkit-input-placeholder, input:-moz-placeholder { color: #c2c2c2; }
	
/*----------------------------------------------*/
/* 2.11 Tables Styles */
/*----------------------------------------------*/
table, th, td { vertical-align: middle; }
	
.table-style {
	border: 1px solid #f3f3f3;
	border-bottom: 0;
	border-left: none;
	margin-bottom: 20px;
}
	
.table-style table {
	border-left: 1px solid #f3f3f3;
	border-right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
	
.table-style thead {
	background: #f0f0f0;
	font-size: 15px;
	text-align: center;
	color: #101010;
	text-transform: uppercase;
}
	
.table-style th {
	border-right: 1px solid #f3f3f3;
	padding: 10px;
}

.table-style th:last-child { border-right: 0; }
	
.table-style td {
	border: 1px solid #f3f3f3;
	border-right: 0;
	padding: 10px;
	text-align: center;
}
	
.table-style tbody tr { background-color: #fafafa; }

.table-style tbody tr:nth-child(even) { background-color: #f6f6f6; }

.table-style tfoot { background: #f0f0f0; }
	
.table-style tfoot td {
	padding: 6px;
	font-style: italic;
}

.table-style .action img {
	vertical-align: top;
	cursor: pointer;
}
.table-style .quantity img {
	vertical-align: middle;
	cursor: pointer;
}
	
/*----------------------------------------------*/
/* 2.12 Pricing Tables */
/*----------------------------------------------*/
.pricing-table {
	position: relative;
	margin: 50px 0 20px;
	width: 100%;
}

.pricing-table .button { margin: 0; }

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6 {
	position: relative;
	width: 100%;
}

.column-2 .column, .column-3 .column, .column-4 .column, .column-5 .column, .column-6 .column { float: left; }

.column-6 .column { width: 16.6%; }
.column-5 .column { width: 20%; }
.column-4 .column { width: 25%; }
.column-3 .column { width: 33.3%; }
.column-2 .column { width: 50%; }

.pricing-table .column {
	background: #f9f9f9;
	position: relative;
}

.pricing-table .column.last-column .column-header, .column.last-column .features-list, .column.last-column .column-footer { border-right: 1px solid #e5e5e5; }

.column-header {
	background: #f3f3f3;
	border-left: 1px solid #e5e5e5;
	height: 135px;
	min-height: 135px;
	text-align: center;
}

.column-header .title {
	background: #101010;
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 36px;
	text-transform: uppercase;
	color: #f6f6f6;
}

.column-header .price {
	margin: 0;
	font-size: 60px;
	font-weight: 400;
	line-height: 55px;
	letter-spacing: -3px;
	text-transform: none;
	color: #101010;
}

.column-header .price span { font-weight: 400; }

.column-header .price .dollar-sign {
	font-size: 18px;
	letter-spacing: 1px;
}

.column-header .price .per-month {
	display: block;
	margin-top: -10px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0;
}

.column-footer {
	background: #f0f0f0;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 20px;
	text-align: center;
}

.features-list {
	list-style-type: none;
	border-left: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

.features-list li {
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	line-height: 20px;
}

.features-list li:first-child { border-top: 1px solid #e5e5e5; }

.features-list li:nth-child(even) { background: #f6f6f6; }

.features-list li .check {
	background: transparent url('../images/price_check_green.png') no-repeat scroll 0 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

.features-list li .label {
	display: none;
	margin-bottom: 5px;
	font-weight: 700;
	color: #444;
}

.features .column-header {
	background: #f3f3f3 url('../images/bg.png') repeat scroll 0 0;
	border: 0 none;
}

.features .features-list li {
	font-weight: 600;
	text-align: left;
}

.pricing-table .featured {
	position: relative;
	margin-top: -12px;
	z-index: 1;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.featured .column-header {
	background: #c71219;
	border-left: 0 none;
	border-top: 2px solid #c71219;
	height: 145px;
	min-height: 145px;
}

.ie7 .featured .column-header, .ie8 .featured .column-header { border-left: 1px solid #f3f3f3; }

.featured .title {
	background: #fff;
	padding: 5px 0;
	font-size: 16px;
	color: #c71219;
}

.featured .price {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.featured .column-footer {
	border-bottom: 2px solid #c71219;
	padding: 15px 20px 25px;
}

/*----------------------------------------------*/
/* 2.13 Styled Boxes */
/*----------------------------------------------*/
.success, .warning, .attention, .information {
	border: 1px solid #e5e5e5;
	margin-bottom: 40px;
	padding: 10px 10px 10px 45px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}
	
.information {
	background: #e6f1fa url('../images/icons/message_box_icons/info.png') no-repeat scroll 15px 11px;
	border-color: #b6Cfe5;
	color: #00529b;
}
	
.success {
	background: #eafae6 url('../images/icons/message_box_icons/success.png') no-repeat scroll 15px 11px;
	border-color: #9edc95;
	color: #5d792e;
}

.attention {
	background: #fee4e4 url('../images/icons/message_box_icons/error.png') no-repeat scroll 15px 11px;
	border-color: #e1a3a3;
	color: #d54444;
}
	
.warning {
	background: #fff9cc url('../images/icons/message_box_icons/warning.png') no-repeat scroll 15px 11px;
	border-color: #e2c74f;
	color: #9f6000;
}

.success .close, .warning .close, .attention .close, .information .close {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
	position: absolute;
	top: 22px;
	right: 15px;
	margin-top: -5px;
	width: 8px;
	height: 9px;
	cursor: pointer;
}

.information .close { background-image: url('../images/icons/message_box_icons/info_close.png'); }

.success .close { background-image: url('../images/icons/message_box_icons/success_close.png'); }

.attention .close { background-image: url('../images/icons/message_box_icons/error_close.png'); }

.warning .close { background-image: url('../images/icons/message_box_icons/warning_close.png'); }
	
.message-box {
	position: relative;
	padding: 10px 10px 0 10px;
}
	
.message-box p { margin-bottom: 10px; }

.message-box .close {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
	position: absolute;
	top: 22px;
	right: 15px;
	margin-top: -5px;
	width: 8px;
	height: 9px;
	cursor: pointer;
}

.info-box .message-box .close { background-image: url('../images/icons/message_box_icons/info_close.png'); }

.success-box .message-box .close { background-image: url('../images/icons/message_box_icons/success_close.png'); }

.error-box .message-box .close { background-image: url('../images/icons/message_box_icons/error_close.png'); }

.warning-box .message-box .close { background-image: url('../images/icons/message_box_icons/warning_close.png'); }

/* Framed Box
---------------------------------------------------------- */
.framed-box {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}
	
.framed-box-content {
	padding: 20px 20px 0 20px;
}
	
.framed-box-arrow {
	background: transparent url('../images/framed_box_arrow.png') no-repeat scroll 0 0;
	display: block;
	position: absolute;
	width: 9px;
	height: 16px;
	top: 20px;
	left: -9px;
}
	
/*----------------------------------------------*/
/* 2.14 Buttons Styles */
/*----------------------------------------------*/
input.button, button, .button, a.button, .button span {
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
input.button, button, .button, a.button {
	white-space: nowrap;
	background: #c71219;
	position: relative;
	overflow: visible;
	margin: 0 5px 20px 0;
	font-weight: normal;
	line-height: 1em;
	outline: none;
	cursor: pointer;
}
	
button::-moz-focus-inner { border: none; }
	
input.button, button.button {
	border: 0;
	margin: 0;
	padding: 0;
	text-transform: none;
}
	
.button, .button:hover { text-decoration: none; }
	
.button.full, .button.full span {
	margin: 0;
	display: block;
}
	
button.button:hover, a.button:hover, .button:hover { background: #101010; }

button.button:hover, a.button:hover span, .button:hover span { color: #fff; }
		
input.button, .button span, button.button {
	white-space: nowrap;
	position: relative;
	color: #fff;
	padding: 0.4em 1em;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
}
	
.ie7 .button span { padding: 0.4em 1em 0.5em; }
	
.button.small span, input.button.small {
	padding: 0.4em 1em;
	font-size: 11px;
	line-height: 16px;
}
	
.ie7 .button.small span { padding: 0.2em 1em 0.5em; }
	
.button.medium span, input.button.medium {
	padding: 0.5em 1em;
	font-size: 14px;
	line-height: 16px;
}

.ie7 .button.medium span { padding: 0.4em 1em 0.7em; }

.button.large span, input.button.large {
	padding: 0.6em 1em 0.7em;
	font-size:18px;
	line-height: 1em;
}
	
.ie7 .button.large span { padding: 0.4em 1em 0.8em; }
	
/* Buttons Color Scheme
---------------------------------------------------------- */
.button.black { background-color: #101010; }
.button.black:hover { background: #c71219; }
.button.black span { color: #fff; }
	
.button.gray { background-color: #ddd; }
.button.gray:hover { background-color: #bbb; }
.button.gray span { color: #666; }
.button.gray span:hover { color: #101010; }
	
.button.white { background-color: #fafafa; }
.button.red { background-color: #e61316; }
.button.orange { background-color: #FF7924; }
.button.purple { background-color: #9b4cb8; }
.button.yellow { background-color: #ffd800; }
.button.yellow span { color: #101010; }
.button.blue { background-color: #00a8ff; }
.button.pink { background-color: #FF69b4; }
.button.green { background-color: #9acd32; }
.button.coffee { background-color: #d6a581; }
.button.rosy { background-color: #F56C7e; }
	
/*====================================================================*/
/* 3. SITE STRUCTURE */
/*====================================================================*/
#page-wrap {
	background: #fff url('../images/bg.png') repeat scroll 0 0;
	position: relative;
	margin: 0 auto;
}

#page-wrap.wide { width: auto; }

#page-wrap.boxed {
	margin: 25px auto;
	width: 1040px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.container {
	position: relative;
	margin: 0 auto;
	width: 960px;
}
	
#content, #sidebar { position: relative; }
	
/*----------------------------------------------*/
/* 3.1 Header */
/*----------------------------------------------*/
#header {
	display: block;
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	z-index: 2;
}

/* Header Top
---------------------------------------------------------- */
.header-top {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	display: block;
	border-bottom: 1px dotted #e5e5e5;
	margin-bottom: 30px;
}

/* Language & Currency Switcher */
.lang-curr-switch {
	float: left;
	margin-left: -10px;
	line-height: 35px;
	min-width: 250px;
	color: #8d8d8d;
}

.lang-curr-switch .active {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.lang-curr-switch .active span { background: #fff; }

.language-switch, .currency-switch {
	float: left;
	margin-right: 5px;
}

.language-switch span, .currency-switch span {
	display: block;
	padding: 0 10px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}

.language-switch span.current, .currency-switch span.current {
	background: url('../images/down_arrow_small.png') no-repeat scroll 100% 50%;
	display: inline;
	background-size: 5px 3px;
	padding: 0 10px 0 5px;
	color: #101010;
}

.language-dropdown, .currency-dropdown {
	background: #fff;
	position: absolute;
	display: none;
	margin: 0;
	padding: 14px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	z-index: 1;
}

.language-dropdown ul, .currency-dropdown ul {
	list-style-type: none;
	margin: 0;
}

.language-dropdown ul li, .currency-dropdown ul li { margin: 0; }

.language-dropdown ul li a, .currency-dropdown ul li a {
	display: block;
	line-height: 28px;
	min-width: 110px;
	margin: 0;
	padding: 0 9px;
	color: #8d8d8d;
}

.language-dropdown ul li img {
	margin: -3px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.language-dropdown ul li a:hover, .currency-dropdown ul li a:hover, .language-dropdown ul li a.selected, .currency-dropdown ul li a.selected {
	background: #f3f3f3;
	color: #101010;
}

/* Header Links */
.header-links {
	float: right;
	width: auto;
	line-height: 35px;
}

.header-links a {
	background: url('../images/header_links_sep.png') no-repeat scroll 0 50%;
	/* float: left; */
	margin: 0 0 0 10px;
	padding: 0 0 0 11px;
	color: #8d8d8d;
}

.header-links a:hover { color: #101010; }

.header-links a:first-child {
	background: none;
	margin: 0;
	padding: 0;
}

/* Header Main
---------------------------------------------------------- */
.header-main .container {
	display: block;
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 30px;
}

/* Logo */
 #logo {
	margin-top: 0px;
	float: left;
}
	
#logo, #logo a {
	font-size: 28px;
	line-height: 30px;
	color: #101010;
	font-weight: 800;
}

/* Mini Cart */
.mini-cart {
	position: relative;
	float: right;
	margin-top: 10px;
}

.mini-cart a {
	color: #8d8d8d;
	font-weight: 400;
}
.mini-cart .empty{
	padding: 50px 0 50px 0;
	text-align: center;
}
.shopping-basket {
	background: transparent url('../images/icons/basket.png') no-repeat scroll 0 3px;
	display: block;
	padding: 0 0 0 30px;
	height: 30px;
	line-height: 30px;
}

.cart-drop {
	background: #fff;
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	border-top: 3px solid #212121;
	padding: 10px;
	width: 280px;
	color: #8d8d8d;
	z-index: 1000;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.cart-drop::after {
	content: '';
	position: absolute;
	top: -12px;
	right: 50px;
	border: 5px solid transparent;
	border-bottom-color: #212121;
}

.cart-empty {
	padding: 30px 0;
	text-align: center;
}

/* Search Form */
.header-main #search-form {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 7px auto 0;
	width: 250px;
	text-align: center;
}

/*----------------------------------------------*/
/* 3.2 Navigation */
/*----------------------------------------------*/
#mainNav {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 50px;
	font-size: 12px;
	font-weight: 700;
	background: #000;
	-webkit-box-shadow: 3px 3px 0 0 rgba(35, 35, 35, 0.1);
	box-shadow: 3px 3px 0 0 rgba(35, 35, 35, 0.1);
}
/* nav */
#mainNav nav {
	width: auto;
}
#mainNav nav h6 {
	display: none; /* this is just for the mobile display */
}
#mainNav nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 100;
}
#mainNav nav > ul > li {
	position: relative;
	display: inline;
	float: left;
	margin: 0;
}

#mainNav nav ul li img { 
    vertical-align: middle;
}

#mainNav nav ul li:hover a, #mainNav nav ul li a:hover, #mainNav nav ul li > a.current {
	text-decoration: none;
}
#mainNav nav ul li a {
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	letter-spacing: -0.02em;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#mainNav nav ul li > a.current {
	border-right: 1px solid rgba(35, 35, 35, 0.1);
	border-bottom: 1px solid rgba(35, 35, 35, 0.1);
}

#mainNav nav ul li a span {
	display: block;
	padding: 0 13px;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#mainNav nav ul li:hover a span, #mainNav nav ul li > a.current span { background: #c71219; }


* html #mainNav nav ul li a { /* IE6 hack to get sub menu links to behave correctly */
	display: inline-block;
}

#mainNav nav ul li a.hasdropdown {
	padding-right:0px;
	background: url('../images/down_arrow_small.png') no-repeat scroll 97% 50%;
}

/* current nav */
#mainNav nav ul li.current_nav {
	background-color: #e81962;
}
#mainNav nav ul li.current_nav:after {
	content:'';
	width:13px;
	height:7px;
	display: block;
	position: absolute;
	top:97%;
	left:50%;
	margin-left:-5px;
	background:url('../images/icons/red_bottom_arrow.png') no-repeat 50% 50%;
}
#mainNav nav ul li.current_nav a {
	color:#fff;
}
#mainNav nav ul li b.current_arrow {
	position: absolute;
	bottom:-7px;
	left:50%;
	margin-left:-6px;
	width:13px;
	height:7px;
	display: block;
	background:url('../images/icons/red_bottom_arrow.png') no-repeat left top;
}

/*=== submenu style ====*/
#mainNav nav ul li div.submenu,
#mainNav nav ul li div.submenu_mega {
	position: absolute;
	left:-1px;
	padding:0;
	z-index: 102;
	display: none;
	-webkit-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
	box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1);
	background: #222;
}
#mainNav nav ul div ul {
	display: table-cell;
}

#mainNav nav ul ul li {
	display: list-item;
	float: none;
	margin: 0;
}
#mainNav nav ul ul li:hover {
	background: none;
}
#mainNav nav ul ul li a:link, #mainNav nav ul ul li a:visited {
	background: #222;
	border-top: 1px solid #2e2e2e;
	border-bottom: 1px solid #101010;
	margin: 0;
	padding: 6px 15px;
	width: 150px; /* width of sub menus */
	font-weight: normal;
	color: #f6f6f6;
}
#mainNav nav ul ul li a:hover, #mainNav nav ul ul li a:active {
	color: #fff;
	background: #c71219;
}
#mainNav nav ul ul li:first-child a {
	border-top:none;
	box-shadow: none;
}

#mainNav nav ul li:hover div {
	display: block;
}


	
/*----------------------------------------------*/
/* 3.3 Tiny Navigation */
/*----------------------------------------------*/
.tinynav {
	display: none;
	margin: 15px 0 0;
	width: 100%;
	font-size: 12px;
	color: #626364;
}

/*----------------------------------------------*/
/* 3.4 Intro */
/*----------------------------------------------*/
.page-heading {
	background: transparent url('../images/custom_blocks_bg.png') repeat-y scroll 45% 0;
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.page-heading .container {
	background: #101010 url('../images/page_heading_corner.png') no-repeat scroll 100% 100%;
	display: block;
	overflow: hidden;
	padding: 15px 0;
}
					
/* Page / Product Title
---------------------------------------------------------- */
#page-title, #product-title { float: left; }
	
.page-title, .product-title {
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: 600;
	line-height: 30px;
	color: #f6f6f6;
}

.product-title {
	font-size: 36px;
	font-weight: 400;
	line-height: 40px;
}

/* Breadcrumbs
---------------------------------------------------------- */
.bcrumb {
	margin: -30px 0 20px 0;
}
.breadcrumb {
	display: block;
	font-size: 11px;
}

.breadcrumb ul {
	list-style-type: none;
	margin: 0;
}

.breadcrumb li {
	background: transparent url('../images/bullets/list_item_arrow_5.png') no-repeat scroll 0 5px;
	display: inline;
	margin: 0;
	padding: 0 10px 0 15px;
	color: #a5a5a5;
}

.breadcrumb li:first-child {
	background: none;
	padding: 0 10px 0 0;
}

.breadcrumb a { color: #a5a5a5; }

.breadcrumb a:hover { color: #000; }
	
/* Page Description
---------------------------------------------------------- */
.page-description {
	margin-bottom: 35px;
	text-align: center;
}

.page-description h1, .page-description h2, .page-description h3, .page-description h4, .page-description h5, .page-description h6 {
	margin: 0;
	font-weight: 600;
}

.page-description h1, .page-description h2 { font-weight: 300; }
.page-description h1 { font-size: 30px; }
.page-description h2 { font-size: 24px; }

.page-description p {
	margin: 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 28px;
	color: #8d8d8d;
}

.page-description hr {
	border: 0;
	margin: 15px auto;
	width: 180px;
	height: 0;
	font: 0/0 serif;
	background: none;
	border-top: 1px solid #e5e5e5;
}

/*----------------------------------------------*/
/* 3.5 FlexSlider */
/*----------------------------------------------*/
.slider-container {
	background: transparent;
	display: block;
	position: relative;
	margin: 0 0 50px;
	z-index: 1;
}
	
/* Browser Resets
---------------------------------------------------------- */
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
---------------------------------------------------------- */
.flexslider {
	background: transparent;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	zoom: 1;
}

.flexslider .slides > li {
	display: none;
	margin: 0;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

.flex-viewport { max-height: 2000px; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Navigation
---------------------------------------------------------- */
.flex-direction-nav { *height: 0; }

.flex-direction-nav li { margin: 0; }

.flex-direction-nav a {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.65);
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	text-indent: -9999px;
	z-index: 20;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.flex-direction-nav .flex-next {
	background-image: url('../images/slider_arrow_next.png');
	right: 30px;
}

.flex-direction-nav .flex-prev {
	background-image: url('../images/slider_arrow_prev.png');
	left: 30px;
}

.flexslider .flex-next:hover, .flexslider .flex-prev:hover { background-color: #c71219; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Navigation
---------------------------------------------------------- */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 25px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #f6f6f6;
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	text-indent: -9999px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.flex-control-paging li a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.flex-control-paging li a.flex-active {
	background: #101010;
	filter: alpha(opacity=100);
	opacity: 1;
	cursor: default;
}

/* Slider Caption
---------------------------------------------------------- */
.slider-caption {
	background: #101010;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	left: 30px;
	bottom: 30px;
	padding: 15px;
	width: 35%;
	color: #eee;
	border-radius: 3px;
}

.caption-title {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
	color: #f6f6f6;
}

.slider-caption p { margin-bottom: 0; }
	
.no-js .slider-caption { visibility: hidden; }
	
/*----------------------------------------------*/
/* 3.6 Content */
/*----------------------------------------------*/
#content { padding: 0 0 50px; }
	
/* Section General
---------------------------------------------------------- */
.section-wrap { margin: 0 0 55px; }
	
.section-wrap:last-child { margin-bottom: 20px; }
	
.section-title {
	background: transparent url('../images/heading_bg.png') repeat-x scroll 0 1px;
	border: 0;
	margin: 0 0 50px 0;
	padding: 0;
	height: 14px;
	font-size: 14px;
	font-weight: 800;
	line-height: 13px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 3px;
}

.section-title span {
	background: #fff url('../images/bg.png') repeat scroll 0 0;
	padding: 0 15px;
}

.section-wrap .icon-box, .section-wrap .tabs-container, .section-wrap .accordion { margin: 0; }

.section-wrap .clients-list a { margin: 0 10px; }

.section-wrap .testimonials-slider .testimonials {
	margin: 0;
	padding: 0 10px;
}

/* Custom Blocks Section
---------------------------------------------------------- */
.custom-blocks {
	background: transparent url('../images/custom_blocks_bg.png') repeat-y scroll 48% 0;
	position: relative;
}

.custom-blocks .block { float: left; }

.block-col-4 .block { width: 25%; }

.block-col-3 .block { width: 33.333333%; }

.custom-blocks .block-title {
	background: transparent url('../images/block_title_arrow.png') no-repeat scroll 100% 2px;
	position: relative;
	margin-bottom: 5px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 600;
	color: #f6f6f6;
	text-transform: uppercase;
}

.custom-blocks .block a {
	background: #101010;
	display: block;
	position: relative;
	overflow: hidden;
	margin-right: 1px;
	padding: 15px 20px 15px 90px;
	color: #f6f6f6;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.custom-blocks .block a:hover { background: #c71219; }

.custom-blocks .block:last-child a {
	background-image: url('../images/block_corner.png');
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0;
}

.equal-box {
	width: 100%;
	overflow: hidden;
}

.custom-blocks .block p {
	position: relative;
	margin-bottom: 4px;
	line-height: 1.5em;
}

.custom-blocks .block-icon-font, .custom-blocks .block-icon-image {
	position: absolute;
	top: 40px;
	left: 20px;
	border-radius: 50%;
	border: 2px solid #f6f6f6;
	padding: 5px;
}

.custom-blocks .block-icon-font {
	font-family: "sosa";
	font-size: 40px;
	line-height: 1em;
	color: #f6f6f6;
}

.custom-blocks .block-icon-image {
	width: 40px;
	height: 40px;
}
	
/* Content Slider Section
---------------------------------------------------------- */
.content-slider { position: relative; }

/* Content Slider Navigation */
#content-slider-nav {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}

.tab-slider-wrapper {
	display: inline-block;
	position: relative;
	padding: 0;
	height: 70px;
}

.ie7 .tab-slider-wrapper { display: inline; }

.tab-slider-inner-wrapper {
	position: relative;
	overflow: hidden;
	float: left;
	padding: 4px 0 0 0;
	height: 66px;
}

#active-indicator {
	background: transparent url('../images/tab_bg.png') no-repeat scroll center 0;
	position: absolute;
	left: -15px;
	top: 0;
	width: 244px;
	height: 70px;
	z-index: 9;
}

#content-slider-nav .pagination {
	list-style-type: none;
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	height: 48px;
	text-align: left;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), 0 1px 1px 0 rgba(0, 0, 0, .4);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 1), 0 1px 1px 0 rgba(0, 0, 0, .4);
}

#content-slider-nav .pagination li {
	float: left;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	width: 212px;
	height: 48px;
}

#content-slider-nav .pagination li:last-child {
	border-right: 0 none;
}

#content-slider-nav .pagination a {
	background: transparent url('../images/bullet_arrow.png') no-repeat scroll 20px 16px;
	display: block;
	position: relative;
	padding: 5px 0 3px 52px;
	z-index: 10;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	height: 48px;
}

#content-slider-nav .pagination a:hover { background: transparent url('../images/bullet_arrow_hover.png') no-repeat scroll 20px 16px; }

#content-slider-nav .pagination li.current a { background: transparent url('../images/bullet_arrow_active.png') no-repeat scroll 20px 16px; }
	
#content-slider-nav .pagination a strong {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #101010;
	text-transform: uppercase;
}

#content-slider-nav .pagination li a:hover strong { color: #c71219; }

#content-slider-nav .pagination li.current a strong, #content-slider-nav .pagination li.current a:hover strong { color: #f6f6f6; }

#content-slider-nav .pagination a small {
	display: block;
	margin-top: -4px;
	padding: 0;
	font-size: 11px;
	color: #8d8d8d;
}

#content-slider-nav .pagination li.current a small { color: #a5a5a5; }

/* Content Slides Container */
.content-slider .slides_container {
	display: none;
	padding: 0 10px;
	margin: 0 0 0 -10px;
	width: 960px;
	height: auto;
}
	
.content-slider .slide {
	position: relative;
	padding: 0;
}

.content-slider .slide > ul {
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	width: 992px;
}

.content-slider .slide > ul > li {
	float: left;
	margin: 0 32px 0 0;
	width: 216px;
	height: auto;
}

/* Blog Post Section */
.content-slider .post-wrap img { height: auto; }

.content-slider .post-wrap .post-feature { margin-bottom: 10px; }

.content-slider .post-feature .blog-slider { margin-bottom: 0; }

.content-slider .post-wrap .post-title {
	font-size: 14px;
	margin-bottom: 8px;
}

.content-slider .post-wrap .post-meta { margin-bottom: 5px; }

.content-slider .post-wrap .meta-list {
	background: none;
	float: none;
	display: block;
	margin: 0;
}

.content-slider .post-wrap .meta-list li {
	display: inline-block;
	border: none;
	margin-right: 10px;
	padding: 0;
}

.content-slider .post-wrap .meta-list li:last-child { margin-right: 0; }

.content-slider .post-wrap .meta-list span { padding: 4px 0 4px 25px; }

.content-slider .meta-list .meta-date, .content-slider  .meta-list .meta-comments { background-position: 0 5px; }

.content-slider .post-content p { margin: 0; }

.content-slider .testimonials-list {
	list-style-type: none;
	margin: 0;
}

/* Call to Action Section
---------------------------------------------------------- */
.call-to-action {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
}

.call-to-action h1, .call-to-action h2, .call-to-action h3, .call-to-action h4, .call-to-action h5, .call-to-action p {
	margin: 0;
	font-weight: 600;
}

.call-to-action p { font-weight: 400; }

.call-to-action a .colored:hover {
	color: #101010 !important;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.call-to-action .button { margin: 10px 0; }

/* Clients Section
---------------------------------------------------------- */
.clients-list {
	display: table;
	margin: 0 auto;
	text-align: center;
}

.clients-list a {
	background: transparent url('../images/bg_dark.png') no-repeat scroll 0 0;
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 0px 10px 20px 10px;
	width: 135px;
	height: 135px;
	text-align: center;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #fff;
	box-shadow: inset 0 1px 0 0 #fff;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.clients-list a:hover {
	background: #fff;
	border-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.clients-wrap .clients-list a img { width: 100%; max-width: 100%; }
	
/* Services Section
---------------------------------------------------------- */
.services-wrap ul { margin-bottom: 1em; }
	
/* Testimonials Section
---------------------------------------------------------- */
.testimonials { margin-bottom: 20px; }

.testimonials .bubble {
	background: #fff url('../images/quote_small.png') no-repeat scroll 15px 15px;
	position: relative;
	padding: 14px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.10);
}

.testimonials .bubble p {
	margin-bottom: 0;
	font: 16px/1.6em "PT Serif", "Georgia", "Times New Roman", Times, Serif;
	font-style: italic;
	text-align: center;
	text-indent: 30px;
}

.testimonials .bubble .bubble-arrow {
	background: transparent url('../images/bubble_arrow.png') no-repeat scroll 0 0;
	position: absolute;
	left: 94px;
	bottom: -15px;
	width: 30px;
	height: 15px;
}

.author {
	margin-top: 20px;
	overflow: hidden;
}

.author-thumb {
	background: transparent url('../images/author_thumb_shadow.png') no-repeat scroll 3px 100%;
	float: left;
	padding-bottom: 10px;
}

.author-thumb span {
	background: #fff;
	display: block;
	border: 1px solid #e5e5e5;
	margin: 0 15px 0 3px;
	padding: 2px;
	width: 50px;
	height: 50px;
	border-radius: 99%;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.40);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.40);
}

.author-thumb img {
	display: block;
	border-radius: 25px;
}

.author-name {
	margin-bottom: 0;
	padding-top: 10px;
	font-size: 13px;
	font-weight: 600;
}

.author-name  a {
	font-size: 13px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #e5e5e5;
	color: #101010;
}
	
.author-name a:hover {
	border-bottom: 1px dotted #c71219;
	color: #c71219;
}

.author cite {
	font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #8d8d8d;
}

/* Testimonials Slider */
.testimonials-slider { position: relative; }

.testimonials-slider .slides {
	position: relative;
	padding: 0;
}

.testimonials-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 30px;
	margin-top: -15px;
}

.testimonials-slider .flex-direction-nav a {
	background: transparent url('../images/testimonials_nav.png') no-repeat scroll 0 0;
	bottom: 100px;
	width: 30px;
	height: 30px;
	top: auto;
	right: auto;
	bottom: 73px;
	left: auto;
}

.section-wrap .testimonials-slider .flex-direction-nav a, .widget .testimonials-slider .flex-direction-nav a { bottom: 53px; }

.testimonials-slider .flex-direction-nav .flex-next { background-position: 0 0; right: 10px; }

.testimonials-slider .flex-direction-nav .flex-prev { background-position: -30px 0; right: 45px; }

#main-content .testimonials-slider .flex-direction-nav .flex-next { right: 0; }

#main-content .testimonials-slider .flex-direction-nav .flex-prev { left: 0; }

.testimonials-slider .flex-direction-nav .flex-next:hover, .testimonials-slider .flex-direction-nav .flex-prev:hover { background-color: transparent; }

/* Related Works Section
---------------------------------------------------------- */
.related-work-wrap .portfolio-item { margin-bottom: 0; }
	
/* Our Team Section
---------------------------------------------------------- */
.member-profile {
	position: relative;
	margin-bottom: 20px;
	padding: 8px 8px 0px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.member-profile:hover {
	background-color: #fff;
	background-image: none;
	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
}

.member-image {
	display: block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	z-index: 997;
}

.member-image img {
	display: inline-block;
	background: #f3f3f3;
	max-width: 100%;
}

.member-info {
	position: relative;
	padding: 15px 0;
	text-align: center;
	z-index: 998;
}

.member-info .name, .member-info .title { margin: 0; }

.member-info .name {
	font-size: 15px;
	font-weight: 700;
	color: #101010;
	text-transform: uppercase;
}

.member-info .title { color: #8d8d8d; }

.member-info .info {
	background: #fff;
	display: none;
	position: absolute;
	top: 55px;
	left: -8px;
	right: -8px;
	padding: 0 8px 8px;
	border-radius: 3px;
	text-align: center;
	z-index: 999;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
}

.member-info .info p { margin: 10px; }

.member-info .social {
	padding: 5px 0 0 0;
	margin: 0 0 8px 0;
}

.member-info .social li a {
	background-color: #f3f3f3;
	border-radius: 9px;
}

.team-member {
	margin-bottom: 20px;
	text-align: center;
}

.team-member .framed-box {
	margin: 0 0 0 110px;
	padding: 15px;
}
	
.job-title {
	display: block;
	margin-bottom: 10px;
	color: #8d8d8d;
}

.team-member p { margin-bottom: 15px; }
	
.team-member .social-wrap {
	margin: 0;
	padding: 0;
	line-height: 1em;
}
	
.team-member .social-wrap li { margin-bottom: 0; }
		
/* 404 Error Page
---------------------------------------------------------- */
.error-404 { text-align: center; }
	
.error-404 span.text-404 {
	font-size: 250px;
	line-height: 1em;
	color: #101010;
	text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.error-404 p {
	font-size: 16px;
	line-height: 30px;
}
	
.error-404 p.search { padding: 20px 0; }
	
.error-404 .text-input {
	margin-right: 5px;
	width: 50%;
	height: 30px;
	line-height: 30px;
}
	
.error-404 button span { text-shadow: none; }
	
/* Contact Form
---------------------------------------------------------- */
.contact-form .text-input {
	height: 25px;
	line-height: 25px;
	width: 89%;
}
	
.contact-form .error {
	font-size: 10px;
	text-transform: uppercase;
	color: #ff8c8c;
}
	
.contact-form .textarea {
	width: 96%;
	height: 200px;
}
	
/*----------------------------------------------*/
/* 3.7 Sidebars */
/*----------------------------------------------*/
.right-sidebar #main-content, .left-sidebar #main-content { width: 711px; }
.right-sidebar #sidebar, .left-sidebar #sidebar { width: 220px; }


/* Right Sidebar
---------------------------------------------------------- */
.right-sidebar #main-content { float: left; }
.right-sidebar #sidebar { float: right; }
	
/* Left Sidebar
---------------------------------------------------------- */
.left-sidebar #main-content { float: right; }
.left-sidebar #sidebar { float: left; }
	
/*----------------------------------------------*/
/* 3.8 Footer */
/*----------------------------------------------*/
#footer, #footer a, #footer a.goto:hover, #footer-bottom, .copyright a, .footer-menu li a { color: #a5a5a5; }

#footer {
	background: #101010;
	position: relative;
	padding: 35px 0 0;
}

#footer a:hover { color: #fff; }

#footer a.goto {
	background: transparent url('../images/goto_arrow_footer.png') no-repeat scroll 100% 50%;
	display: inline-block;
}

/*----------------------------------------------*/
/* 3.9 Footer Bottom */
/*----------------------------------------------*/
#footer-bottom {
	background: #090909;
	font-size: 11px;
}

#footer-bottom .container {
	overflow: hidden;
	padding: 15px 0;
}

/* Copyright
---------------------------------------------------------- */
.copyright {
	float: left;
	margin: 0;
	line-height: 18px;
}

.zCopyrightWrapper img {
	vertical-align: middle;
}

.copyright a:hover, .footer-menu li a:hover { color: #fff; }

/* Footer Menu
---------------------------------------------------------- */
.footer-menu { float: left; }
	
.footer-menu ul {
	list-style-type: none;
	margin: 0;
}
	
.footer-menu ul li {
	float: left;
	border-left: 1px solid #313131;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	line-height: 18px;
}
	
/*====================================================================*/
/* 4. PORTFOLIO STYLES */
/*====================================================================*/
/* General
---------------------------------------------------------- */
.portfolio-container {
	margin: 0 -30px 0 0;
	padding: 0;
}
	
.portfolio-item {
	float: left;
	position: relative;
	margin: 0 30px 50px 0;
	-webkit-transition: box-shadow 0.5s ease-out;
	-moz-transition: box-shadow 0.5s ease-out;
	-o-transition: box-shadow 0.5s ease-out;
	-ms-transition: box-shadow 0.5s ease-out;
	transition: box-shadow 0.5s ease-out;
}

.portfolio-item:hover {
	-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .2);
}
	
.item-container {
	position: relative;
	overflow: hidden;
}
	
.portfolio-item .post-feature {
	overflow: hidden;
	margin-bottom: 0;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	-o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
}

.portfolio-item .sale-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 86px;
	height: 86px;
	background: url('../images/offer_icon.png') left top no-repeat;
}
.portfolio-item .post-info {
	display: block;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.portfolio-item:hover .post-info {
	background: #fff;
	border-bottom: 1px solid #c71219;
}

.portfolio-item .post-info .post-title {
	margin: 0px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.portfolio-item .post-info a {
	display: block;
	padding: 10px 0;
}

.portfolio-item .post-info a:hover .post-title { color: #c71219; }


.portfolio-item .post-info .post-meta span {
	background: none;
	margin: 0;
	padding: 0;
}

.portfolio-item .post-info .price-old {
	color: #8d8d8d;
	text-decoration: line-through;
}

.portfolio-item .post-info .price-new {
	color: #c71219;
	font-size: 12px;
	font-weight: bold;
}


.portfolio-item .info {
	background: #fff;
	display: none;
	position: absolute;
	top: 55px;
	padding: 0 8px 8px;
	border-radius: 3px;
	text-align: center;
	z-index: 999;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .2);
}

.portfolio-item .info p { margin: 10px; }

.portfolio-icons {
	display: block;
	position: absolute;
	overflow: hidden;
	right: 10px;
	bottom: -40px;
	margin: 0;
}
	
.portfolio-icons a {
	background: #101010 url('../images/portfolio_icons_sprite.png') no-repeat scroll 0 0;
	background-color: rgba(0, 0, 0, 0.65);
	float: left;
	margin-left: 2px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.portfolio-icons a:hover { background-color: #c71219; }
	
.portfolio-icons a.image-hover { background-position: 8px 8px; }
.portfolio-icons a.link-hover { background-position: 8px -28px; }
.portfolio-icons a.video-hover { background-position: 8px -64px; }

.add-to-icons {
	display: block;
	position: absolute;
	overflow: hidden;
	right: 10px;
	bottom: -40px;
	margin: 0;
}
	
.add-to-icons a {
	background: #101010 url('../images/add_to_icons_sprite.png') no-repeat scroll 0 0;
	background-color: rgba(0, 0, 0, 0.65);
	float: left;
	margin-left: 2px;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.add-to-icons a:hover { background-color: #c71219; }
	
.add-to-icons a.wishlist-hover { background-position: 8px 8px; }
.add-to-icons a.compare-hover { background-position: 8px -28px; }
.add-to-icons a.addtocart-hover { background-position: 8px -64px; }

/*----------------------------------------------*/
/* 4.1 Filter */
/*----------------------------------------------*/
.filter {
	display: block;
	margin: 0 0 35px 0;
}

.portfolio-filter {
	list-style-type: none;
	display: block;
	position: relative;
	float: right;
	margin: 0;
}

.portfolio-filter li {
	float: left;
	margin: 0 6px 0 0;
	font-size: 11px;
}
	
.portfolio-filter li a  {
	background: transparent url('../images/filter_arrow_active.png') no-repeat scroll center 0;
	display: block;
	padding: 0 0 6px 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.portfolio-filter li a:hover { background-position: center 100%; }

.portfolio-filter span {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	display: block;
	padding: 3px 10px;
	height: 22px;
	line-height: 22px;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.portfolio-filter li a.selected { background-position: center 100%; }
	
.portfolio-filter li a.selected span, .portfolio-filter li a:hover span {
	background: #c71219;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

/*----------------------------------------------*/
/* 4.2 Portfolio Two Columns */
/*----------------------------------------------*/
.portfolio-two-columns .portfolio-item { width: 465px; }

/*----------------------------------------------*/
/* 4.3 Portfolio Three Columns */
/*----------------------------------------------*/
.portfolio-three-columns .portfolio-item { width: 300px; }
	
/*----------------------------------------------*/
/* 4.4 Portfolio Four Columns */
/*----------------------------------------------*/
.portfolio-four-columns .portfolio-item { width: 217px; }

/*----------------------------------------------*/
/* 4.5 Portfolio Single */
/*----------------------------------------------*/
#portfolio-single { padding-bottom: 30px; }

#portfolio-single .post-feature, .portfolio-slider { margin-bottom: 40px; }

#portfolio-single .post-content {
	float: left;
	width: 660px;
}

#portfolio-single .post-details {
	margin: 0 0 20px 40px ;
	width: 260px;
	float: right;
}

.portfolio-meta { margin: 0 0 20px; }

.portfolio-meta-list {
	list-style-type: none;
	margin: 0;
}

.portfolio-meta-list > li {
	border-bottom: 1px dotted #e5e5e5;
	margin: 0;
	padding: 10px 0;
}

.portfolio-meta-list > li:last-child { border: 0; }

.portfolio-meta-list li strong {
	display: block;
	margin-bottom: 3px;
	font-size: 14px;
	color: #101010;
}

.portfolio-meta-list .work-list {
	list-style-type: none;
	margin: 0;
}

.portfolio-meta-list .work-list li {
	background: #f3f3f3 url('../images/bg_dark.png') repeat scroll 0 0;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 5px 5px 0 0;
	padding: 0 9px;
	height: 20px;
	line-height: 20px;
	border-radius: 10px;
}

/*====================================================================*/
/* 5. PRODUCT DETAILS */
/*====================================================================*/
.product-details { padding-bottom: 30px; }

.product-details > .left {
	float: left;
	margin: 0 20px 20px 0;
	width: 450px;
}

.product-details .image {
	background: #fff;
	position: relative;
	border: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding: 9px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	z-index: 1;
}

.product-details span.zoom-btn-small {
	background-color: #fff;
	background-color: rgba(255,255,255, 0.7);
	background-image: url('../images/icons/icon_zoom.png');
	background-repeat: no-repeat;
	background-position: 9px 50%;
	position: absolute;
	right: 9px;
	bottom: 9px;
	padding: 0 10px 0 25px;
	font-size: 11px;
	color: #101010;
	z-index: 100;
}

.product-details span.zoom-btn-small:hover { color: #c71219; }

.product-gallery {
	list-style-type: none;
	margin: 0 -20px 0 0;
	text-align: left;
}

.product-gallery li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
}

.product-gallery img {
	max-height: 100%;
	max-width: 100%;
	display: block;
	float: left;
}

.product-gallery li a { 
	background: #fff;
	display: block;
	border: 1px solid #e5e5e5;
	padding: 3px;
	width: 85px;
	height: 85px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
}

.product-details > .left + .right {
	margin: 0 0 20px 480px;
}

.product-details a { color: #626364; }
.product-details a:hover, .product-details .description a:hover { color: #c71219; }

.product-name h1 {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 30px;
	line-height: 30px;
	font-weight: 400;
	-webkit-border-image: url('../images/image_border.png') 1 0;
	-moz-border-image: url('../images/image_border.png') 1 0;
	-o-border-image: url('../images/image_border.png') 1 0;
	border-image: url('../images/image_border.png') 1 0;
}

.product-details .price {
	overflow: hidden;
}

.product-details .price-wrap {
	float: left;
	position: relative;
}

.product-details .price-old {
	position: absolute;
	left: 100%;
	margin: 7px 15px;
	font-size: 14px;
	line-height: 100%;
	color: #8d8d8d;
	text-decoration: line-through;
}

.product-details .price-new {
	margin: 0 10px 0 0;
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
	color: #c71219;
}

.product-details .price-tax {
	display: block;
	margin: 5px 0 0 0;
	color: #8d8d8d;
}
.product-details .reward {
	display: block;
	margin: 5px 0 0 0;
	color: #8d8d8d;
}
.product-details .discount {
	display: block;
	margin: 5px 0 0 0;
	color: #8d8d8d;
}
.product-details .price, .product-details .short-description, .product-details .description, .product-details .options, .product-details .cart, .product-details .add-to-cart, .product-details .review {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

.product-details .short-description p { margin: 0; }

.product-details .description, .product-details .description a {
	font-weight: 600;
	color: #101010;
}

.product-details .description span {
	min-width: 100px;
	display: inline-block;
	font-weight: 400;
	color: #8d8d8d;
}

.product-details .options { padding-bottom: 15px; }

.product-details label { 
	display: inline-block;
	margin: 0 10px 0 0;
}

.product-details select { 
	display: inline;
	width: 200px;
}

.product-details .cart {
	padding: 5px 0 10px;
}

.product-details .cart .text-input {
	width: 20px;
	color: #101010;
}

.product-details .cart .button {
	margin: 0 0 0 10px;
}

.product-details .add-to-cart {
	padding: 5px 0 15px;
}

.product-details .add-to-links {
	padding: 15px 0 0;
}

.add-to-links a {
	margin-right: 10px;
	padding-left: 22px;
}

a.wishlist {
	background: transparent url('../images/icons/icon_like.png') no-repeat scroll 0 1px;
}

a.compare {
	background: transparent url('../images/icons/icon_compare.png') no-repeat scroll 0 1px;
}

.review img { margin-right: 5px; }

a.write-review {
	background: transparent url('../images/icons/icon_review.png') no-repeat scroll 0 1px;
	padding: 0 0 0 22px;
}

.share { padding: 5px 0 15px; }

/*====================================================================*/
/* 5. WIDGET STYLES */
/*====================================================================*/
/* Widget General
---------------------------------------------------------- */
.widget {
	display: block;
	margin-bottom: 20px;
}
	
.widget-title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #e5e5e5;
	-webkit-border-image: url('../images/image_border.png') 1 0;
	-moz-border-image: url('../images/image_border.png') 1 0;
	-o-border-image: url('../images/image_border.png') 1 0;
	border-image: url('../images/image_border.png') 1 0;
}
	
.widget p { margin: 0; }
	
.widget ul {
	list-style-type: none;
	margin: 0;
}
	
#sidebar .widget li:last-child, #footer .widget li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.widget .accordion, .widget .testimonials { margin-bottom: 0; }
	
/* Sidebar Widget General
---------------------------------------------------------- */
#sidebar .widget{
	display: block;
	margin-bottom: 40px;
	border-radius: 3px;
}
	
#sidebar .widget:last-child { margin-bottom: 20px; }
	
#sidebar .subnav-widget li, #sidebar .categories-widget li, #sidebar .recent-comments-widget li, #sidebar .archives-widget li, #sidebar .popular-posts-widget li, #sidebar .recent-posts-widget li, #sidebar .meta-widget li, #sidebar .twitter-widget li {
	overflow: hidden;
	border-bottom: 1px dotted #e5e5e5;
	margin: 4px 0 0;
	padding-bottom: 4px;
}
	
#sidebar .subnav-widget li a, #sidebar .categories-widget li a, #sidebar .archives-widget li a, #sidebar .meta-widget li a, #sidebar .popular-posts-widget li a, #sidebar .recent-posts-widget li a, #sidebar .recent-comments-widget li a {
	overflow: hidden;
	color: #626364;
}
	
#sidebar .subnav-widget li a:hover, #sidebar .categories-widget li a:hover, #sidebar .archives-widget li a:hover, #sidebar .meta-widget li a:hover, #sidebar .popular-posts-widget li a:hover, #sidebar .recent-posts-widget li a:hover, #sidebar .recent-comments-widget li a:hover { color: #c71219; }
	
/* Footer Widget General
---------------------------------------------------------- */
#footer .widget{ margin-bottom: 30px; }
	
#footer .widget-title {
	margin-bottom: 20px;
	color: #f6f6f6;
	border-bottom: 1px solid #212121;
	-webkit-border-image: url('../images/image_border_footer.png') 1 0;
	-moz-border-image: url('../images/image_border_footer.png') 1 0;
	-o-border-image: url('../images/image_border_footer.png') 1 0;
	border-image: url('../images/image_border_footer.png') 1 0;
}
	
#footer .widget li:first-child { margin-top: 0; }
	
#footer .subnav-widget li, #footer .categories-widget li, #footer .recent-comments-widget li, #footer .archives-widget li, #footer .popular-posts-widget li, #footer .recent-posts-widget li, #footer .meta-widget li {
	overflow: hidden;
	border-bottom: 1px dotted #222;
	margin: 4px 0 0;
	padding-bottom: 4px;
}
	
#footer .subnav-widget li a, #footer .categories-widget li a, #footer .archives-widget li a, #footer .meta-widget li a,
#footer .popular-posts-widget  i a, #footer .recent-posts-widget li a, #footer .recent-comments-widget li a {
	display: block;
	overflow: hidden;
}
	
/*----------------------------------------------*/
/* 5.1 Categories / Archives Widget */
/*----------------------------------------------*/
.categories-widget li a, .archives-widget li a {
	position: relative;
}

.categories-widget li a span, .archives-widget li a span{
	position: absolute;
	top: 1px;
	right: 0;
	border: 1px solid #e5e5e5;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	color: #8d8d8d;
	text-align: center;
	border-radius: 15px;
	min-width: 26px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.categories-widget li a:hover span, .archives-widget li a:hover span {
	background: #c71219;
	border: 1px solid #c71219;
	color: #fff;
}

#footer .categories-widget li a span, #footer .archives-widget li a span {
	border: 1px solid #222;
	color: #a5a5a5;
}

#footer .categories-widget li a:hover span, #footer .archives-widget li a:hover span {
	background: #c71219;
	border: 1px solid #c71219;
	color: #fff;
}

/*----------------------------------------------*/
/* 5.2 Search Form Widget */
/*----------------------------------------------*/
#search-form-widget, #search-form {
	position: relative;
	margin: 0;
}

input.search-input {
	background: transparent url('../images/bg_dark.png') repeat scroll 0 0;
	border: 1px solid #e5e5e5;
	padding: 8px 30px 8px 8px;
	width: 82%;
	color: #c2c2c2;
}
	
input.search-input:focus {
	background: #fff;
	border: 1px solid #c71219;
	color: #777;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.20);
}
	
input.search-submit {
	background: transparent url('../images/search_icon.png') no-repeat scroll 0 0;
	display: block;
	position: absolute;
	border: 0;
	margin: 0;
	top: 10px;
	right: 8px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-indent: -9999px;
}

/*----------------------------------------------*/
/* 5.3 Text Widget */
/*----------------------------------------------*/
.text-widget p { margin-bottom: 8px; }
.text-widget img { margin-bottom: 10px; }
	
/*----------------------------------------------*/
/* 5.4 Popular Posts / Recent Posts Widget */
/*----------------------------------------------*/
.posts-list .thumbnail, .recent-comments-list .thumbnail {
	display: block;
	position: relative;
	float: left;
	margin: 4px 10px 4px 0;
	width: 55px;
	height: 55px;
	line-height: 100%;
}
	
.posts-list .post-info { overflow: hidden; }
	
.posts-list .post-info .post-title {
	margin: 0;
	font-size: 12px;
	font-weight: 400;
}
	
.posts-list .post-info .post-meta span {
	display: inline;
	background: none;
	margin: 0;
	padding: 4px 0 0;
	font-style: italic;
}

#sidebar .posts-list .post-info .post-meta a, #footer .posts-list .post-info .post-meta a  {
	display: inline;
	float: none;
	font-weight: normal;
	color: #8d8d8d;
}
	
#sidebar .posts-list .post-info .post-meta a:hover { color: #c71219; }

#footer .posts-list .post-info .post-meta span, #footer .posts-list .post-info .post-meta a { color: #777; }

/*----------------------------------------------*/
/* 5.5 Recent Comments Widget */
/*----------------------------------------------*/
.recent-comments-list li { color: #8d8d8d; }
	
.recent-comments-list .post-info { overflow: hidden; }
	
.recent-comments-list .post-info .post-title {
	margin: 0;
	font-size: 12px;
	font-weight: 400;
}
	
/*----------------------------------------------*/
/* 5.6 Video Widget */
/*----------------------------------------------*/
.video-widget .video { margin: 0; }
	
/*----------------------------------------------*/
/* 5.7 Contact Info Widget */
/*----------------------------------------------*/
.contact-info-widget {
	overflow: hidden;
	padding-right: 20px;
}

.contact-info-widget p {
	position: relative;
	margin-bottom: 5px;
	padding-left: 27px;
}
	
.contact-info-widget p span {
	position: absolute;
	display: block;
	overflow: hidden;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
}
	
.contact-info-widget p.contact-info {
	margin-bottom: 20px;
	padding: 0;
}

.contact-info-widget p.contact-icon-address { margin-bottom: 10px; }

.contact-info-widget p.contact-icon-address span { background: transparent url('../images/map_pin.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-phone span { background: transparent url('../images/telephone.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-fax span { background: transparent url('../images/fax.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-mobile span { background: transparent url('../images/mobile.png') no-repeat scroll 0 0; }

.contact-info-widget p.contact-icon-mail span { background: transparent url('../images/mail.png') no-repeat scroll 0 0; }
	
.contact-info-widget p.contact-icon-vcard span { background: transparent url('../images/vcard.png') no-repeat scroll 0 0; }
	
.ie7 .contact-info-widget p.contact-icon-mobile span { top: 0; }

.ie7 .contact-info-widget p.contact-icon-phone span, .ie7 .contact-info-widget p.contact-icon-mail span, .ie7 .contact-info-widget p.contact-icon-fax span, .ie7 .contact-info-widget p.contact-icon-mail span { top: 2px; }
	
#sidebar .contact-info-widget, #footer .contact-info-widget { padding: 0; }
	
/*----------------------------------------------*/
/* 5.8 Tags Widget */
/*----------------------------------------------*/
.tag-cloud { padding: 3px 0 6px; }

.tag-cloud a {
	display: inline-block;
	border: 1px solid #e5e5e5;
	margin: 3px 0 0 0;
	padding: 0 10px;
	font-size: 11px;
	color: #8d8d8d;
	border-radius: 15px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
		
.tag-cloud a:hover {
	background: #c71219;
	border: 1px solid #c71219;
	color: #fff;
}

#footer .tag-cloud a {
	background: #212121;
	border: 1px solid #222;
}

#footer .tag-cloud a:hover {
	background: #c71219;
	border: 1px solid #c71219;
}
	
/*----------------------------------------------*/
/* 5.9 Twitter Widget */
/*----------------------------------------------*/
.twitter-wrap p.loading {
	background: transparent url('../images/loading_small.gif') no-repeat scroll 0 4px;
	padding-left: 25px;
}
	
.twitter-wrap li {
	overflow: hidden;
	margin: 0;
	padding-bottom: 15px;
}
	
.twitter-wrap li:last-child { padding-bottom: 0; }
	
.twitter-wrap .tweet_text { display: block; }

.twitter-wrap .tweet_text a {
	font-weight: 700;
	color: #626364;
}

.twitter-wrap .tweet_text a:hover { color: #101010; }
	
.twitter-wrap .tweet_time {
	display: block;
	overflow: hidden;
}
	
.twitter-wrap .tweet_time a {
	font-size: 11px;
	font-style: italic;
	color: #8d8d8d;
}

.twitter-wrap .tweet_text a:hover, 
.twitter-wrap .tweet_time a:hover {
	text-decoration: underline;
}
	
#content .section-wrap .tweet_list {
	list-style-type: none;
	margin: 0;
	padding: 0 90px;
	background: transparent url('../images/icons/twitter.png') no-repeat scroll 35px 5px;
}

#content .section-wrap .tweet_text {
	background:  none;
	margin-bottom: 15px;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	text-align: center;
}

#content .section-wrap .tweet_text a { font-weight: 400; }

#content .section-wrap .tweet_time { display: none; }

#content .section-wrap .follow-us {
	margin: 0; 
	font-size: 16px;
	text-align: center;
}

#content .section-wrap .follow-us a {
	border-bottom: 1px dotted #e5e5e5;
	color: #8d8d8d;
}
	
#content .section-wrap .follow-us a:hover {
	color: #c71219;
	border-bottom: 1px dotted #c71219;
}
	
#sidebar .twitter-wrap li {
	background: transparent url('../images/twitter_bird.png') no-repeat scroll 0 5px;
	padding-left: 22px;
}
	
#sidebar .twitter-wrap li:first-child { margin-top: 0; }
	
#sidebar .tweet_text {
	background: none;
	padding: 0;
}
	
#sidebar .twitter-wrap .tweet_time {
	background: none;
	padding: 0;
}

#sidebar .tweet_list { overflow: hidden; }

#footer .twitter-wrap {
	background: #212121;
	position: relative;
	margin-bottom: 12px;
	padding: 5px 10px;
	border-radius: 3px;
}

#footer .twitter-wrap::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 15px;
	border: 5px solid transparent;
	border-top-color: #212121;
}
	
#footer .tweet_list .tweet_time a { color: #777; }

#footer .tweet_text a:hover, 
#footer .tweet_time a:hover {
	color: #fff;
}

/*----------------------------------------------*/
/* 5.10 Flickr Widget */
/*----------------------------------------------*/
.flickr-wrap {
	position: relative;
	overflow: hidden;
}
	
.flickr-wrap li {
	float: left;
	margin: 0 8px 8px 0;
}
	
.flickr-wrap li a {
	display: block;
	width: 62px;
	height: 62px;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
	
.flickr-wrap li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
	
#sidebar .flickr-wrap li a {
	width: 65px;
	height: 65px;
}
	
/*----------------------------------------------*/
/* 5.11 Social Media Widget */
/*----------------------------------------------*/
.social-media-widget .social {
	overflow: hidden;
	margin: 0;
}

.social-media-widget .social li {
	float: left;
	margin: 0 5px 0 0;
}

.social {
	list-style-type: none;
	margin: 0 0 20px 0;
	text-align: center;
}

#footer-bottom .social {
	float: right;
	margin: 0;
	height: 18px;
}

.social li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#footer-bottom .social li { margin: 0 0 0 5px; }

.ie7 .social li {
	display: inline;
	float: left;
}

.social a {
	background-color: transparent;
	background-image: url('../images/icons/sprite_social.png');
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	width: 18px;
	height: 18px;
}

#footer-bottom .social a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.social a.facebook, #footer-bottom .social a.facebook:hover { background-position: 0 -18px; }
.social a.twitter, #footer-bottom .social a.twitter:hover { background-position: -18px -18px; }
.social a.rss, #footer-bottom .social a.rss:hover { background-position: -36px -18px; }
.social a.googleplus, #footer-bottom .social a.googleplus:hover { background-position: -54px -18px; }
.social a.flickr, #footer-bottom .social a.flickr:hover { background-position: -72px -18px; }
.social a.dribbble, #footer-bottom .social a.dribbble:hover { background-position: -90px -18px; }
.social a.linkedin, #footer-bottom .social a.linkedin:hover { background-position: -108px -18px; }
.social a.pinterest, #footer-bottom .social a.pinterest:hover { background-position: -126px -18px; }
.social a.skype, #footer-bottom .social a.skype:hover { background-position: -144px -18px; }
.social a.vimeo, #footer-bottom .social a.vimeo:hover { background-position: -162px -18px; }
.social a.tumblr, #footer-bottom .social a.tumblr:hover { background-position: -180px -18px; }
.social a.behance, #footer-bottom .social a.behance:hover { background-position: -198px -18px; }
.social a.youtube, #footer-bottom .social a.youtube:hover { background-position: -216px -18px; }
.social a.yahoo, #footer-bottom .social a.yahoo:hover { background-position: -234px -18px; }
.social a.stumbleupon, #footer-bottom .social a.stumbleupon:hover { background-position: -252px -18px; }
.social a.forrst, #footer-bottom .social a.forrst:hover { background-position: -270px -18px; }
.social a.instagram, #footer-bottom .social a.instagram:hover { background-position: -288px -18px; }
.social a.amazon, #footer-bottom .social a.amazon:hover { background-position: -306px -18px; }
.social a.lastfm, #footer-bottom .social a.lastfm:hover { background-position: -324px -18px; }
.social a.picasa, #footer-bottom .social a.picasa:hover { background-position: -342px -18px; }
.social a.paypal, #footer-bottom .social a.paypal:hover { background-position: -360px -18px; }
.social a.deviantart, #footer-bottom .social a.deviantart:hover { background-position: -378px -18px; }
.social a.digg, #footer-bottom .social a.digg:hover { background-position: -396px -18px; }
.social a.blogger, #footer-bottom .social a.blogger:hover { background-position: -414px -18px; }
.social a.wordpress, #footer-bottom .social a.wordpress:hover { background-position: -432px -18px; }
.social a.github, #footer-bottom .social a.github:hover { background-position: -450px -18px; }
.social a.spotify, #footer-bottom .social a.spotify:hover { background-position: -468px -18px; }
.social a.dropbox, #footer-bottom .social a.dropbox:hover { background-position: -486px -18px; }
.social a.evernote, #footer-bottom .social a.evernote:hover { background-position: -504px -18px; }

#footer-bottom .social a.facebook { background-position: 0 0; }
#footer-bottom .social a.twitter { background-position: -18px 0; }
#footer-bottom .social a.rss { background-position: -36px 0; }
#footer-bottom .social a.googleplus { background-position: -54px 0; }
#footer-bottom .social a.flickr { background-position: -72px 0; }
#footer-bottom .social a.dribbble { background-position: -90px 0; }
#footer-bottom .social a.linkedin { background-position: -108px 0; }
#footer-bottom .social a.pinterest { background-position: -126px 0; }
#footer-bottom .social a.skype { background-position: -144px 0; }
#footer-bottom .social a.vimeo { background-position: -162px 0; }
#footer-bottom .social a.tumblr { background-position: -180px 0; }
#footer-bottom .social a.behance { background-position: -198px 0; }
#footer-bottom .social a.youtube { background-position: -216px 0; }
#footer-bottom .social a.yahoo { background-position: -234px 0; }
#footer-bottom .social a.stumbleupon { background-position: -252px 0; }
#footer-bottom .social a.forrst { background-position: -270px 0; }
#footer-bottom .social a.instagram { background-position: -288px 0; }
#footer-bottom .social a.amazon { background-position: -306px 0; }
#footer-bottom .social a.lastfm { background-position: -324px 0; }
#footer-bottom .social a.picasa { background-position: -342px 0; }
#footer-bottom .social a.paypal { background-position: -360px 0; }
#footer-bottom .social a.deviantart { background-position: -378px 0; }
#footer-bottom .social a.digg { background-position: -396px 0; }
#footer-bottom .social a.blogger { background-position: -414px 0; }
#footer-bottom .social a.wordpress { background-position: -432px 0; }
#footer-bottom .social a.github { background-position: -450px 0; }
#footer-bottom .social a.spotify { background-position: -468px 0; }
#footer-bottom .social a.dropbox { background-position: -486px 0; }
#footer-bottom .social a.evernote { background-position: -504px 0; }

/*----------------------------------------------*/
/* 5.12 Google Map Widget */
/*----------------------------------------------*/
.google-map {
	background: #f3f3f3;
	height: 400px;
	margin-bottom: 40px;
}
	
/*====================================================================*/
/* 6. BLOG STYLES */
/*====================================================================*/
/* General
---------------------------------------------------------- */
.blog-post {
	background: #fff;
	margin-bottom: 60px;
	padding-bottom: 10px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
}

.blog-post.single-post { margin-bottom: 40px; }
	
.post-feature {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.post-feature img {
	display: block;
	width: 100%;
}

.post-feature .video { margin: 0; }

.blog-post .post-content {
	float: right;
	margin: -4px 0 0 0;
	padding-right: 15px;
	width: 530px;
}

.blog-post .post-title {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 15px;
	padding-bottom: 4px;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: 0;
	text-transform: none;
	-webkit-border-image: url('../images/image_border.png') 1 0;
	-moz-border-image: url('../images/image_border.png') 1 0;
	-o-border-image: url('../images/image_border.png') 1 0;
	border-image: url('../images/image_border.png') 1 0;
}
	
.post-title a { color: #101010; }
	
.post-title a:hover { color: #c71219; }

.post-meta {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #8d8d8d;
}
	
.blog-post .post-meta {
	float: left;
	margin: 0 20px 20px 0;
	padding-left: 15px;
	width: 120px;
}

.meta-list {
	list-style-type: none;
	float: left;
	margin: 0;
	width: 100%;
}

.meta-list li {
	display: block;
	border-bottom: 1px dotted #e5e5e5;
	margin: 0;
}

.meta-list li:last-child { border-bottom: 0; }

.post-meta .meta-list span {
	display: block;
	padding: 4px 0 4px 27px;
}
	
.post-meta .meta-list span:last-child { margin-right: 0; }
	
.post-meta a { color: #8d8d8d; }
	
.post-meta a:hover { color: #c71219; }
	
.post-meta .meta-list .meta-author { background: transparent url('../images/meta_author.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-date { background: transparent url('../images/meta_date.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-categories { background: transparent url('../images/meta_categories.png') no-repeat scroll 0 5px; }

.post-meta .meta-list .meta-tags { background: transparent url('../images/meta_tags.png') no-repeat scroll 0 5px; }
	
.post-meta .meta-list .meta-comments { background: transparent url('../images/meta_comments.png') no-repeat scroll 0 5px; }
	
/* Blog Slider
---------------------------------------------------------- */
.blog-slider { margin: 0 0 20px 0; }

.blog-slider .flex-next, .blog-slider .flex-prev {
	margin-top: -25px;
	width: 26px;
	height: 50px;
}

.blog-slider .flex-next {
	right: 0px;
	border-radius: 3px 0 0 3px;
}

.blog-slider .flex-prev {
	left: 0px;
	border-radius: 0 3px 3px 0;
}

/*----------------------------------------------*/
/* 6.1 Blog Single Post */
/*----------------------------------------------*/
.single-post .post {
	margin-bottom: 0;
	border: none;
}
	
/*----------------------------------------------*/
/* 6.2 Post Navigation */
/*----------------------------------------------*/
.post-nav {
	list-style-type: none;
	margin: 0 0 50px 0;
	width: 100%;
}

.post-details .post-nav { margin: 0 0 20px 0; }

.post-nav a {
	font-size: 11px;
	font-weight: 600;
	line-height: 24px;
	color: #8d8d8d;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.post-nav a:hover { color: #101010; }
	
.post-nav a .arrow, .post-nav a .grid {
	background-color: #101010;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	position: relative;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border-radius: 3px;
	text-indent: -9999px;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.post-nav a:hover .arrow, .post-nav a:hover .grid {
	background-color: #c71219;
	filter: alpha(opacity=100);
	opacity: 1;
}

a.post-next, a.post-next .arrow { float: right; }
	
a.post-next .arrow {
	background-image: url('../images/arrow_next.png');
	margin: 0 0 0 10px;
}

a.post-prev, a.post-prev .arrow { float: left; }

a.post-prev .arrow {
	background-image: url('../images/arrow_prev.png');
	margin: 0 10px 0 0;
}

a.main-grid {
	position: relative;
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	text-align: center;
	text-indent: -9999px;
}

a.main-grid .grid { background-image: url('../images/grid.png'); }
	
/*----------------------------------------------*/
/* 6.3 Pagination */
/*----------------------------------------------*/
#pagination {
	display: block;
	margin: 30px 0 10px;
}
#pagination .links {
	list-style-type: none;
	display: inline-block; 
	margin: 0;
	float: left;
}

#pagination .links a:hover {
	background: #101010;
	border-right: 1px solid #101010;
	color: #fff;
}

#pagination .links b {
	background: #008898;
	border-right: 1px solid #008898;
	color: #fff;
}

#pagination .links a {
	display: inline-block;
	background: #fff;
	position: relative;
	border-right: 1px solid #e5e5e5;
	margin: -2px;
	padding: 8px 15px;
	color: #101010;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#pagination .links b {
	display: inline-block;
	background: #c71219;
	position: relative;
	border-right: 1px solid #e5e5e5;
	margin: -2px;
	padding: 8px 15px;
	color: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#pagination .results {
	text-align: right;
	padding-top: 8px;
}

.page-list {
	list-style-type: none;
	display: inline-block; 
	margin: 0;
}

.ie7 .page-list { display: inline; }
	
.page-list li {
	margin: 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
	border-radius: 3px;
}
	
.page-list a,
.page-list .current {
	background: #fff;
	display: block;
	position: relative;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 8px 15px;
	color: #101010;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.page-list a:hover {
	background: #101010;
	border-right: 1px solid #101010;
	color: #fff;
}

.page-list a.next { border-right: 1px solid transparent; }

.page-list .current {
	background: #008898;
	border-right: 1px solid #008898;
	color: #fff;
}

/*----------------------------------------------*/
/* 6.4 Comments List */
/*----------------------------------------------*/
#comments { margin-bottom: 20px; }

.comment-title { margin-bottom: 20px; }

.comment-title .title {
	padding: 0;
	color: #777;
}
	
.comment-list {
	list-style-type: none;
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 30px;
	margin: 0 0 40px;
}

.comment-list li {
	overflow: hidden;
	margin: 0;
}
	
.comment-list .framed-box { margin: 0 0 20px 80px }
	
.gravatar {
	float: left;
	margin: 6px 0;
	width: 60px;
	height: 60px;
}
	
.gravatar a.reply {
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
}
	
.comment-info { overflow: hidden; }
	
.comment-info cite {
	font-weight: bold;
	font-style: normal;
}
	
.comment-info cite a { color: #101010; }
	
.comment-info cite a:hover { color: #c71219; }
	
.comment-info cite .author {
	background: #c71219;
	margin-left: 5px;
	padding: 2px 3px;
	font-size: 8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 3px;
}
	
.comment-meta {
	padding: 2px 0 10px 0;
	font-size: 11px;
	line-height: 1em;
	color: #8d8d8d;
}
	
.children {
	list-style-type: none;
	margin: 0 0 0 60px;
}

/*----------------------------------------------*/
/* 6.5 Comments Form */
/*----------------------------------------------*/
.respond-title { float: left; }
	
.respond-note {
	float: right;
	margin-bottom: 10px;
	color: #8d8d8d;
}
	
#respond p { margin-bottom: 30px; }
	
#respond p.align-right {
	margin: 0;
}

#respond input {
	height: 30px;
	line-height: 30px;
}
	
#respond label { margin-bottom: 3px; }
	
#respond textarea {
	margin: 0;
	width: 435px;
	height: 164px;
}

.ie7 #respond textarea { height: 168px; }
	
/*====================================================================*/
/* 7. EXTENDED TYPOGRAPHY & SHORTCODES */
/*====================================================================*/
/*----------------------------------------------*/
/* 7.1 Blockquote /Pullquote */
/*----------------------------------------------*/
blockquote, .pullquote-right, .pullquote-left {
	background: none;
	font: 15px/1.8em "PT Serif", "Georgia", "Times New Roman", Times, Serif;
	font-style: italic;
	padding: 0 0 0 20px;
}
	
blockquote, .pullquote-right, .pullquote-left { border-left: 4px solid #e5e5e5; }
	
blockquote.blockquote-2 {
	background: transparent url('../images/quote.png') no-repeat scroll 0 0;
	border: none;
	padding: 0 0 0 40px;
}
	
blockquote.align-left {
	margin: 0 20px 10px 0;
	width: 33%;
}
	
blockquote.align-right {
	margin: 0 0 10px 20px;
	width: 33%;
}
	
blockquote.align-right p, blockquote.align-left p, .pullquote-right p, .pullquote-left p {
	margin: 0 !important;
}
	
blockquote p {
	overflow: hidden;
	margin-bottom: 8px !important;
}
	
blockquote cite {
	display: block;
	font-size: 13px;
	font-style: italic;
	color: #8d8d8d;
}
	
.pullquote-left {
	float: left;
	margin: 10px 20px 10px 0;
	width: 33%;
}
	
.pullquote-right {
	float: right;
	margin: 10px 0 10px 20px;
	width: 33%;
}
	
/*----------------------------------------------*/
/* 7.2 Dropcap */
/*----------------------------------------------*/
.dropcap {
	float: left;
	display: block; 
	margin-right: 10px;
	line-height: 1em;
	font-size: 36px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #101010;
}
	
.dropcap.circle {
	background: #c71219;
	margin-top: 2px;
	width: 41px;
	height: 41px;
	font-size: 28px;
	color: #fff;
	line-height: 41px;
	border-radius: 99%;
}
	
.dropcap.circle.dark { background: #101010; }

.dropcap.circle.light {
	background: #e5e5e5; 
	color: #101010;
}

.dropcap.square {
	background: #c71219;
	margin-top: 2px;
	padding: 6px 12px;
	font-size: 28px;
	color: #fff;
	border-radius: 3px;
}
	
.dropcap.square.dark { background: #101010; }
	
.dropcap.square.light {
	background: #e5e5e5;
	color: #101010;
}
	
/*----------------------------------------------*/
/* 7.3 Text Highlights */
/*----------------------------------------------*/
.highlight {
	background: #c71219;
	color: #fff;
	padding: 1px 5px;
}

.highlight.light {
	background: #ffff99;
	color: #101010;
}
	
.highlight.dark { background: #101010; }
	
.colored { color: #c71219 !important; }

/*----------------------------------------------*/
/* 7.4 Code & Pre */
/*----------------------------------------------*/
code, pre{
	border: 1px solid #e5e5e5;
	border-left: 3px solid #e5e5e5;
	padding: 0 20px;
	line-height: 20px;
	white-space: pre-wrap;
	overflow: auto;
	border-radius: 3px;
}

code { background: #f7f7f7; }
	
pre { background: transparent url("../images/code_bg.png") repeat scroll 0 0; }
	
/*----------------------------------------------*/
/* 7.5 List Styles */
/*----------------------------------------------*/
ul.list-style-arrow, ul.list-style-arrow-2, ul.list-style-arrow-3, ul.list-style-arrow-4, ul.list-style-arrow-5, ul.list-style-check, ul.list-style-check-2, ul.list-style-plus, ul.list-style-dash, ul.list-style-circle, ul.list-style-square, ul.list-style-star {
	list-style-type: none;
	margin-left: 0;
}
	
ul.list-style-arrow li, ul.list-style-arrow-2 li, ul.list-style-arrow-3 li, ul.list-style-arrow-4 li, ul.list-style-arrow-5 li, ul.list-style-check li, ul.list-style-check-2 li, ul.list-style-plus li, ul.list-style-dash li, ul.list-style-circle li, ul.list-style-square li, ul.list-style-star li {
	margin: 0;
	padding-left: 15px;
	padding-bottom: 4px;
}
	
ol.ordered-list {
	margin-left: 0px;
	padding-left: 2.1em;
	list-style-position: outside;
}
	
.decimal-leading-zero { list-style-type: decimal-leading-zero; }

.lower-alpha { list-style-type: lower-alpha; }

.upper-roman { list-style-type: upper-roman; }

ol.ordered-list li  {
	margin: 0;
	padding: 4px 0;
}
	
ul.list-style-arrow li {
	background: transparent url('../images/bullets/list_item_arrow.png') no-repeat scroll 0 6px;
	padding-left: 20px;
}
	
ul.list-style-arrow-2 li {
	background: transparent url('../images/bullets/list_item_arrow_2.png') no-repeat scroll 0 6px;
	padding-left: 16px;
}
	
ul.list-style-arrow-3 li {
	background: transparent url('../images/bullets/list_item_arrow_3.png') no-repeat scroll 0 6px;
	padding-left: 15px;
}
	
ul.list-style-arrow-4 li {
	background: transparent url('../images/bullets/list_item_arrow_4.png') no-repeat scroll 0 8px;
	padding-left: 18px;
}
	
ul.list-style-arrow-5 li {
	background: transparent url('../images/bullets/list_item_arrow_5.png') no-repeat scroll 0 7px;
	padding-left: 14px;
}
	
ul.list-style-check li {
	background: transparent url('../images/bullets/list_item_check.png') no-repeat scroll 0 7px;
	padding-left: 19px;
}
	
ul.list-style-check-2 li {
	background: transparent url('../images/bullets/list_item_check_2.png') no-repeat scroll 0 6px;
	padding-left: 24px;
}
	
ul.list-style-plus li {
	background: transparent url('../images/bullets/list_item_plus.png') no-repeat scroll 0 7px;
	padding-left: 18px;
}
	
ul.list-style-dash li {
	background: transparent url('../images/bullets/list_item_dash.png') no-repeat scroll 0 10px;
	padding-left: 17px;
}
	
ul.list-style-circle li {
	background: transparent url('../images/bullets/list_item_circle.png') no-repeat scroll 0 8px;
	padding-left: 16px;
}
	
ul.list-style-square li {
	background: transparent url('../images/bullets/list_item_square.png') no-repeat scroll 0 8px;
	padding-left: 15px;
}
	
ul.list-style-pencil li {
	background: transparent url('../images/bullets/list_item_pencil.png') no-repeat scroll 0 6px;
	padding-left: 20px;
}
	
ul.list-style-star li {
	background: transparent url('../images/bullets/list_item_star.png') no-repeat scroll 0 5px;
	padding-left: 20px;
}
	
/*----------------------------------------------*/
/* 7.6 Icon Boxes */
/*----------------------------------------------*/
.icon-box {
	overflow: hidden;
	margin-bottom: 20px;
}

.icon-box-content { overflow: hidden; }

.icon-box-title { margin-bottom: 10px; }
	
.icon-box-content .icon-box-title { margin-bottom: 5px; }

.icon-box-title a { color: #101010; }

.icon-box-title a:hover { color: #c71219; }
	
.icon-box-content p { margin-bottom: 10px; }

.icon-image, .icon-font {
	float: left;
	padding: 3px 10px 0 0;
}
	
.icon-image.align-center, .icon-font.align-center {
	float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.icon-image img, .icon-font span { display: block; }
	
.icon-image.align-center img { margin: 0 auto 15px; }

.icon-font.align-center span {
	margin: 0 auto 10px;
	font-size: 80px;
}

.icon-font span {
	font-family: "sosa";
	font-size: 35px;
	line-height: 1em;
	color: #8d8d8d;
}

.icon-box.framed-box {
	padding: 25px;
	display: block;
	z-index: 1;
	-webkit-backface-visibility: hidden;

	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
}

.ib-container .icon-image img, .ib-container .icon-font span, .ib-container .icon-box-content .icon-box-title, .ib-container .icon-box-content a, .ib-container .icon-box-content p {
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}

.icon-box.framed-box .icon-box-title {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

/* Hover Style for all the items: blur, scale down*/
.icon-box.blur {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	filter: alpha(opacity=100);
	opacity: 1;
}

.icon-box.blur .icon-image, .icon-box.blur .icon-font span {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-box.blur a {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	color: rgba(0, 0, 0, 0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-box.blur p {
	text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
	color: rgba(51, 51, 51, 0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.icon-box.blur .icon-box-title { 	filter: alpha(opacity=50); opacity: 0.5; }

/* Hover Style for single item: scale up */
.icon-box.active {
	background: #fff;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 
		0px 0px 0px 0px rgba(255, 255, 255, 1), 
		0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	z-index: 100;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear;
}

.icon-box.active .icon-font span { color: #c71219; }

/*----------------------------------------------*/
/* 7.7 Tabs & Toggles & Accordions */
/*----------------------------------------------*/
/* Tabs
---------------------------------------------------------- */
.tabs-container { margin-bottom: 20px; }

.tabs li a {
	background: #f3f3f3;
	display: block;
	font-weight: 700;
	color: #626364;
}

.tabs li a.current {
	background: #f9f9f9;
	color: #101010;
	cursor: default;
}

.tabs li a .icon-font, .tabs li a .icon-image {
	display: inline-block;
	margin: 0 8px 0 0;
	vertical-align: middle;
}

.tabs li a .icon-font {
	font-family: "sosa";
	font-size: 20px;
	line-height: 20px;
}

.tab-content > div {
	display: none;
	overflow: hidden;
}

.tab-content p { margin-bottom: 1em; }

.tabs li a.description {
	background: transparent url('../images/icon_desc.png') no-repeat scroll 0 7px;
	background-position: 10px 7px;
}

.tabs li a.review {
	background: transparent url('../images/icon_review.png') no-repeat scroll 0 7px;
	background-position: 10px 7px;
}

.tabs li a.attribute {
	background: transparent url('../images/icon_attribute.png') no-repeat scroll 0 7px;
	background-position: 10px 7px;
}

/* Horizontal Tabs */
.h-tabs .tabs {
	list-style-type: none;
	border-left: 1px solid #e5e5e5;
	margin: 0 0 -1px 0;
	padding: 0;
	height: 35px;
}

.h-tabs .tabs li {
	display: block;
	float: left;
	border-right: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.h-tabs .tabs li a {
	border-top: 1px solid #e5e5e5;
	padding: 0 35px;
	height: 33px;
	line-height: 33px;
}

.h-tabs .tabs li a.current {
	border-top: 2px solid #c71219;
	border-bottom: 1px solid #f9f9f9;
	margin: 0 0 -1px 0;
	height: 32px;
	line-height: 31px;
}

.h-tabs .tabs li a .icon-font {
	padding: 0;
	line-height: 33px;
}

.h-tabs .tabs li a.current .icon-font { line-height: 31px; }

.h-tabs .tabs li a .icon-image {
	margin: 3px 8px 0;
	padding: 6px 0 0;
}

.h-tabs .tabs li a.current .icon-image { margin-top: 2px; }

.h-tabs .tab-content {
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 20px 17px;
	border-radius: 0 3px 3px 3px;
}

/* Vertical Tabs */
.v-tabs .tabs {
	list-style-type: none;
	position: relative;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 -1px 0 0;
	width: 34%;
	z-index: 2;
}

.v-tabs .tabs li {
	background: none;
	display: block;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	margin: 0;
	cursor: pointer;
}

.v-tabs .tabs li a {
	display: block;
	border-left: 2px solid #f3f3f3;
	padding: 10px;
	line-height: 20px;
}

.v-tabs .tabs li a.current {
	border-right: 1px solid #f9f9f9;
	border-left: 2px solid #c71219;
	margin-right: -2px;
}

.v-tabs .tabs li a .icon-font{
	border-right: 1px solid #e5e5e5;
	padding: 0 8px 0 0;
}

.v-tabs .tabs li a .icon-image { border-right: 1px solid #e5e5e5; }
.v-tabs .tab-content {
	background: #f9f9f9;
	position: relative;
	float: right;
	padding: 0;
	width: 66%;
	z-index: 1;
}

.v-tabs .tab-content > div {
	border: 1px solid #e5e5e5;
	padding: 10px 17px;
	border-radius: 0 3px 3px 3px;
}

/* Toggles / Accordions */
.toggle-title, .accordion-title {
	overflow: hidden;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 10px 10px 40px;
	line-height: 20px;
	font-weight: 700;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
.toggle-title, .accordion-title { background: #f3f3f3 url('../images/expand.png') no-repeat scroll 12px 11px; }

.toggle-active, .accordion .current {
	background:  #fff url('../images/collapse.png') no-repeat scroll 12px 11px;
	border: 1px solid #ccc;
	color: #101010;
}

.toggle-content, .accordion-content {
	overflow: hidden;
	padding: 5px 10px 5px;
	margin: 5px 0;
}
	
.toggle-content p, .accordion-content p { margin-bottom: 1em; }
	
/* Toggles */
.toggle {
	margin-bottom: 5px;
	position: relative;
}
	
/* Accordions */
.accordion {
	margin-bottom: 20px;
	position: relative;
}

.accordion-title { margin: 0 0 5px 0; }
	
.accordion .current { cursor: default; }

/*----------------------------------------------*/
/* 7.8 Cloud Zoom */
/*----------------------------------------------*/
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	margin: -1px;	/* Set this to minus the border thickness. */
	cursor: move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	background-color: #000;
	position: absolute !important;
	top: 0px;
	padding: 3px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-align: center;	
	color: #fff;
}

/* This is the zoom window. */
.cloud-zoom-big {
	background-repeat: no-repeat;
	background-color: #ffffff;
	overflow: hidden;
	border: 2px solid white;
	margin-left: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* This is the loading message. */
.cloud-zoom-loading {
	color: white;	
	background: #222;
	padding: 3px;
	border: 1px solid #000;
}

/* Additional */
#wrap {
	/* Decrease default z-index */
	z-index: 98 !important;
}

/* For 'position: inside'
-------------------------------------------------------------- */
.product-details .image .mousetrap {
	z-index: 99 !important;
	
	/* For responsive layout */
	width: 100% !important;
	height: 100% !important;
}

/*====================================================================*/
/* 8. ANIMATED SCROLL TO TOP */
/*====================================================================*/
#scroll-top {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 999;
}
	
#scroll-top a {
	background-color: #333;
	background-image: url('../images/scroll_top.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 3px;
	text-indent: -9999px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
	
#scroll-top a:hover {
	background-color: #c71219;
	filter: alpha(opacity=100);
	opacity: 1;
}


/*====================================================================*/
/* 9. CART & CHECKOUT PAGE */
/*====================================================================*/

/* checkout */
.checkout-heading {
	padding: 14px;
	font-weight: normal;
	font-size: 13px;
	color: #000;
	margin-bottom: 15px;
}
.checkout-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
}
.checkout-content {
	padding: 0px 0px 15px 0px;
	display: none;
	overflow: none;
}
.checkout-content .left {
	float: left;
	width: 48%;
}
.checkout-content .right {
	float: right;
	width: 48%;
}
.checkout-content .buttons {
	clear: both;
}
.checkout-content select {
	width: 100%;
}
.checkout-content label {
	display: inline-block!important;
}


.buttons {
	overflow: hidden;
	padding: 6px;
	margin-bottom: 20px;
}
.buttons .left {
	float: left;
	text-align: left;
}
.buttons .right {
	float: right;
	text-align: right;
}
.buttons .center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.login-content {
	margin-bottom: 20px;
	overflow: hidden;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}


table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child {
	width: 150px;
}
table.form > * > * > td {
	color: #626364;
}
table.form td {
	padding: 4px;
}
table.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td {
	background: #101010;
	margin: 0 0 8px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	color: #f6f6f6;
}
table.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td {
	vertical-align: top;
	padding: 0px 5px;
}
table.list .left {
	text-align: left;
	padding: 7px;
}
table.list .right {
	text-align: right;
	padding: 7px;
}
table.list .center {
	text-align: center;
	padding: 7px;
}
table.list tbody tr:first-child { background: #f6f6f6; border-top: 1px solid #e5e5e5; }

table.list tbody tr:nth-child(odd) { background: #f6f6f6; }

table.list tbody tr:nth-child(even) { background: #f6f6f6; }

table.radio {
	width: 100%;
	border-collapse: collapse;
}
table.radio td {
	padding: 5px;
	vertical-align: top;
}
table.radio td label {
	display: block;
}
table.radio tr td:first-child {
	width: 1px;
}
table.radio tr td:first-child input {
	margin-top: 1px;
}
table.radio tr.highlight:hover td {
	cursor: pointer;
}
.return-product {
	overflow: none;
	margin-bottom: 20px;
}
.return-name {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity {
	float: left;
	width: 31%;
}
.return-detail {
	overflow: none;
	margin-bottom: 20px;
}
.return-reason {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened {
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea {
	width: 98%;
	vertical-align: top;
}
.return-captcha {
	float: left;
}
.category-info {
	margin-bottom: 20px;
}
.category-info p {
	text-align: justify;
}
.category-list {
	margin-bottom: 20px;
}
.product-filter {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.product-filter .display {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}
.product-filter .display a {
	font-weight: bold;
}
.product-filter .sort {
	float: right;
	color: #333;
}
.product-filter .limit {
	margin-left: 15px;
	float: right;
	color: #333;
}
.product-compare {
	margin-right: 15px;
	float: left;
	padding-top: 4px;
	color: #333;
}
.product-compare a {
	text-decoration: none;
	font-weight: bold;
}

.attribute {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.attribute thead td, .attribute thead tr td:first-child {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background: #F7F7F7;
	text-align: left;
}
.attribute tr td:first-child {
	color: #000000;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.attribute td {
	padding: 7px;
	color: #4D4D4D;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.tags {
	margin-top: 20px;
}

.mini-cart-info table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.mini-cart-info td {
	color: #000;
	vertical-align: top;
	padding: 10px 5px;
	border-bottom: 1px solid #EEEEEE;
}

.mini-cart-info .name small {
	color: #666;
}
.mini-cart-info .quantity {
	text-align: right;
}
.mini-cart-info td.total {
	text-align: right;
}
.mini-cart-info .remove {
	text-align: right;
}
.mini-cart-info .remove img {
	cursor: pointer;
	width: 5px;
}
.mini-cart-total {
	text-align: right;
}
.mini-cart-total table {
	border-collapse: collapse;
	display: inline-block;
	margin-bottom: 5px;
}
.mini-cart-total td {
	color: #000;
	padding: 4px;
}
.cart-drop .checkout a {
 float: right;
}

.error {
	color: red;
}


.form-required .required { color: #c71219; }

.form-table label { display: inline-block; margin-left: 10px !important; }

.contact-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 230px;
  overflow: hidden;
  min-height: 120px;
  float: left;
  margin: 5px 3px;
 }
 .contact-wrapper p {
  line-height: 23px;
  margin: 0;
 }
.form-required .required { vertical-align: top; display:inline-block; }