@charset "UTF-8";
/* CSS Document */

body	{
	background-color: #232323;
	font-size: 12px;
	font-family: Tahoma;
	color: #7c7c7c;
	margin: 0;
	padding: 0;
	text-align: center;
}
a img {
	text-decoration: none;
	border: none;
}
a {
	text-decoration: none;
}
/* 	<<<<<<<<<<<<<<<<<<<<<<< 	CUSTOM LINK STYLES 		>>>>>>>>>>>>>>>			*/
a:link {
	color: #898989; text-decoration:none;
}
a:visited {
	color: #898989; text-decoration:none;
}
a:hover {
	color: #ffffff; text-decoration:none;
}
a:active {
	color: #ffffff; text-decoration:none;
}

.link a:link {
	color: #898989; text-decoration:none;
}
.link a:visited {
	color: #898989; text-decoration:none;
}
.link a:hover {
	color: #ffffff; text-decoration:none;
}
.link a:active {
	color: #ffffff; text-decoration:none;
}
/* <<<<<<<<<<<<<<<<<<<<<<<		END CUSTOM LINK 		>>>>>>>>>>>>>>>>>>		*/
#menu-wrapper {
	width: 100%;
	float: left;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	background-color: #232323;
	position: relative; z-index: 100;
}
body.home #menu-wrapper {
	padding-bottom: 0px;
}
#menu-wrapper #top-wrapper {
	width: 100%;
	float: left;
}
#menu-wrapper #top-bar {
	width: 1100px;
	margin: 0px auto;
	padding: 6px 0px 6px 0px;
	text-align: right;
	font-size: 11px;
	color: #ffffff;
}
#top-bar #subscribe,
#footer #footer-subscribe {
	display: inline-block;
	float: right;
}
#top-bar #subscribe .subscribe-form,
#footer #footer-subscribe .subscribe-form {
	display: inline-block;
	float: left;
}
#top-bar #subscribe .subscribe-form label,
#footer #footer-subscribe .subscribe-form label {
	display: inline-block;
	float: left;
	text-transform: uppercase;
	margin-right: 10px;
	padding: 3px 0px 0px 0px;
}
#footer #footer-subscribe .subscribe-form label {
	color: #232323;
}
#top-bar #subcribe .subscribe-form .group input[type=text],
#top-bar #subscribe .subscribe-form input[type=text],
#footer #footer-subscribe .subscribe-form input[type=text] {
	background-color: #FFF;
	border: none;
	color: #bdbdbd;
	padding: 3px 5px 2px 5px;
	font-size: 11px;
	float: left;
	width: 110px;
}
#footer #footer-subscribe .subscribe-form input[type=text] {
	border-right: none;
}
#top-bar #subscribe .subscribe-form .subscribe-submit,
#footer #footer-subscribe .subscribe-form .subscribe-submit {
	background-color: #FFF;
	border: none;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-radius-bottomright: 5px;	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;	
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	padding: 7px 6px;
	float: right;
}
#footer #footer-subscribe .subscribe-form .subscribe-submit {
	border-left: none;
}
#top-bar #social {
	display: inline-block;
	float: right;
	margin-left: 5px;
}
#top-bar #social a {
	display: inline-block;
	float: left;
	margin-left: 10px;
}
#menu-wrapper #top-menu-wrapper {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0;
	background-color: #ffffff;
	float: left;
}
#menu-wrapper #top-menu {
	width: 1120px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
#menu-wrapper #top-menu a {
	color: #232323;
	text-decoration: none;
}
#menu-wrapper #top-menu a:hover {
	color: #7c7c7c;
	text-decoration: none;
}
#menu-wrapper #top-menu ul.menu {
	list-style: none;
	list-style-type: none;
	padding: 0px 0px;
	margin: 0px;
	float: left;
	display: inline-block;
}
#menu-wrapper #top-menu ul.menu li {
	padding: 7px 0px;
	text-transform: uppercase;
	font-size: 13px;
	font-family: Tahoma;
	display: inline-block;
	float: left;
	margin: 0px 30px 0px 0px;
}
#menu-wrapper #top-menu ul.shop-menu, #menu-wrapper #top-bar ul.shop-menu {
	list-style: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	float: right;
	display: inline-block;
}
#menu-wrapper #top-menu ul.shop-menu li, #menu-wrapper #top-bar ul.shop-menu li {
	padding: 7px 0px;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Tahoma;
	display: inline-block;
	float: left;
	margin-left: 15px;
	color: #232323;
}
#menu-wrapper #top-menu ul.shop-menu li .label {
	display: inline-block;
	float: left;
	margin-right: 10px;
	padding-top: 2px;
}
#menu-wrapper #top-menu ul.shop-menu .searchForm {
	display: inline-block;
	float: left;
	border: 1px solid #bdbdbd;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 5px;
	background-color: #FFF;
}
#menu-wrapper #top-menu ul.shop-menu .searchForm input[type=text] {
	border: none;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #bdbdbd;
	font-size: 11px;
	width: 110px;
}
#menu-wrapper #top-menu ul.shop-menu .searchForm #searchBtn {
	float: right;
	display: inline-block;
	border: none;
	padding: 0px;
	margin: 0px;
}
#content-wrapper {
	width: 100%;
	float: left;
}
body.home {
	background-color: #FFF;
}
.homepage {
	z-index: 1;
}
.homepage #slideshow-wrapper {
	width: 1200px; margin: 0px auto;
}
.homepage #logo-wrap {
	width: 1200px;
	margin: 0px auto;
	text-align: left;
}
.homepage #logo {
	display: inline-block;
	position: absolute;
	z-index: 1000;
	margin-top: 20px;
}
#content-wrapper #wrapper {
	text-align: left;
	width: 1180px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}
#wrapper #logo, #wrapper .logo {
	width: 206px;
	float: left;	
	margin-right: 40px;
}
#wrapper #logo img, #wrapper .logo img {
	max-width: 100%; height: auto;
}
#wrapper #sidebar {
	width: 206px;
	float: left;	
	margin-right: 40px;
	font-family: Tahoma;
}
#wrapper #sidebar .section {
	float: left;
	margin-top: 25px; margin-bottom: 35px;
	width: 100%;
	text-align: center;
}
#wrapper #sidebar .section .section-title {
	font-size: 13px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #FFF;
}
#wrapper #sidebar .section ul {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
	list-style: none;
	list-style-type: none;
}
#wrapper #sidebar .section ul li {
	float: left;
	width: 100%;
	padding: 3px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
#wrapper #sidebar .section ul li a {
	color: #FFF;
}
#wrapper #sidebar .section ul li a:hover {
	color: #7c7c7c;
}
#container	{
	margin: 0;
	width: 760px;
	height: auto;
	text-align:left;
	float: left;
	font-family: Tahoma;
	color: #7c7c7c;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 120px;
}
.white {
	color: #FFF !important;
	font-size: 12px;
	line-height: 14px !important;
}
#container.wide {
	width: 900px;
}
#container #title,
#container .title {
	color: #FFF;
	text-transform: uppercase;
	display: block;
	font-size: 14px;
	margin-bottom: 15px;
	width: 100%;
}
#container #top-nav, 
#container #bottom-nav {
	width: 100%;
	float: left;
	text-align: right;
	font-size: 11px;
	color: #FFF;
}
#container #top-nav .prev a, 
#container #bottom-nav .prev a {
	display: inline-block;
	background-image: url(../media/image/prev-btn.png);
	background-position: left 7px;
	background-repeat: no-repeat;
	padding-left: 7px;
	color: #FFF;
	margin-right: 10px;
}
#container #top-nav .next a, 
#container #bottom-nav .next a {
	display: inline-block;
	background-image: url(../media/image/next-btn.png);
	background-position: right 7px;
	background-repeat: no-repeat;
	padding-right: 7px;
	color: #FFF;
	margin-right: 10px;
}
#container #bottom-nav .top a {
	display: inline-block;
	background-image: url(../media/image/top-btn.png);
	background-position: left 7px;
	background-repeat: no-repeat;
	padding-left: 9px;
	color: #FFF;
	margin-right: 10px;
}
#container #top-nav a:hover,
#container #bottom-nav a:hover {
	color: #7c7c7c;
}
#container #top-nav {
	margin-bottom: 15px;
}
#container #bottom-nav {
	margin-top: -20px;
}
#container .product-block {
	float: left;
	width: 265px;
	margin-bottom: 40px;
}
#container .product-image {
	float: left;
	width: 265px;
	height: 395px;
	overflow: hidden;
}
#container .product-image img {
	height: auto;
	width: 100%;
}
#container .product-details {
	width: 245px;
	padding: 5px 10px 0px 10px;
	background-color: #FFF;
	color: #232323;
	float: left;
}
#container .product-details .line {
	width: 100%;
	float: left;
}
#container .product-details .name {
	display: inline-block;
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
	width: 180px;
}
#container .product-details .price {
	display: inline-block;
	float: right;
	font-size: 14px;
	margin-bottom: 10px;
}
#container .product-details .description {
	display: inline-block;
	float: left;
	color: #636363;
	font-style: italic;
	font-weight: 12px;
}
#container .product-details .details {
	display: inline-block;
	float: right;
	background-color: #232323;
	color: #f27d00;
	padding: 5px 15px;
	font-size: 11px;
	bottom: 0;
}
#container .product-details .details a {
	color: #f27d00;
}
#container .product-details .details a:hover {
	color: #bcbcbc;
}
#container .left-image {
	margin-right: 51px;
}
#container #the-brand {
	width: 100%;
	float: left;
	margin-top: 10px;
	margin-bottom: 30px;
}
#container #the-brand a {
	display: inline-block;
	float: left;
	margin-right: 20px;
}
#container .sub-title {
	font-size: 12px;
	color: #FFF;
	display: block;
	margin-bottom: 9px;
	margin-top: 20px;
}
#container .left {
	width: 260px; 
	margin: 0; 
	padding: 0; 
	float:left;
}
#container .right {
	width: 450px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
} 

#container #product {
	float: left;
	margin-top: 30px;
	width: 100%;
}
#container #title #nav {
	display: inline-block;
	float: right;
	text-transform: lowercase;
	font-size: 11px;
	color: #FFF;
}
#container #title #nav .prev {
	color: #FFF;
	text-transform: capitalize;
	background-image: url(../media/image/prev-btn.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 7px;
	margin-right: 10px;
}
#container #title #nav a.prev:hover {
	color: #7c7c7c;
}
#container #title #nav span.prev {
	color: #b4b4b4;
}
#container #title #nav .next {
	color: #FFF;
	text-transform: capitalize;
	background-image: url(../media/image/next-btn.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 7px;
}
#container #title #nav a.next:hover {
	color: #7c7c7c;
}
#container #title #nav span.next {
	color: #b4b4b4;
}
#container #product-photos {
	width: 320px;
	float: left;
	margin-right: 20px;
	text-align: center;
	margin-bottom: 50px;
}
#container #product-photos .zoom {
	display: block;
	margin: 5px 0px;
}
#container #product-details {
	float: left;
	width: 560px;
}
#container #product-details #name {
	font-size: 14px;
	color: #FFF;
	padding-bottom: 7px;
	display: block;
}
#container #product-details #price {
	font-size: 14px;
	color: #b4b4b4;
	display: block;
	padding-bottom: 10px;
}
#container #product-details #description {
	padding: 0px;
	margin: 0px;
	display: block;
	color: #FFF;
	font-size: 12px;
}
#container #product-details #description .left-block {
	display: inline-block;
	float: left;
}
#container #product-details #description .right-block {
	display: inline-block;
	float: right;
	font-size: 14px;
}
#container #product-details #description .right-block a {
	color: #FFF;
}
#container #product-details #description .right-block a:hover {
	color: #898989;
}
#container #product-details #group {
	width: 538px;
	border: 1px solid #333333;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#container #product-details #group #colors {
	width: 100%;
	margin-bottom: 10px;
}
#container .separator {
	border-bottom: 1px solid #333333;
}

p.dots	{ border:1px #898989; border-top-style:dotted; padding:25px 0 15px 0; font-family:arial;}
.align	{float:left; width:400px; margin:0; padding:0; text-align:left;}

#footer-wrapper {
	width: 100%; 
	height: 65px;    
	position:fixed; 
	z-index:2000; 
	bottom: 0px; 
	left: 0px;
	background-color: #FFF;
	padding: 10px 0px 25px 0px;
	color: #7f7f7f;
	font-size: 11px;
}
body.home  {
	overflow: hidden;
}
body.home #footer-wrapper {
	position: absolute;
	z-index: 2000;
	left: 0;
}
#footer	{
	width: 1100px;
	margin: 0px auto;
}
#footer .menu {
	display: inline-block;
	list-style: none;
	list-style-type: none;
	float: left;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}
#footer .menu li {
	display: inline-block;
	float: left;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
}
#footer .menu li a {
	color: #232323;
	text-decoration: none;
}
#footer .menu li a:hover {
	color: #7f7f7f;
	text-decoration: none;
}
#footer .social {
	display: inline-block;
	float: right;
}
#footer .copyright {
	float: left;
	display: inline-block;
	margin-top: 20px;
	text-transform: uppercase;
	color: #7f7f7f;
}
#footer #footer-social {
	display: inline-block;
	float: right;
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
}
#footer #footer-social a {
	display: inline-block;
	margin-left: 5px;
}

/*   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<  CONTACT FORM STYLES  >>>>>>>>>>>>>>>>>>>>>>>> */
#container .contact-form {
	width: 300px;
	float: left;
	margin-top: 25px;
}
.contact-form label {
	width: 100%;
	float: left;
	padding-bottom: 10px;
}
.contact-form input[type=text], 
.contact-form select,
#group select, 
.contact-form textarea,
#searchResult input[type=text],
#searchResult input[type=password],
#searchResult select {
	border: 1px solid #7c7c7c;
	background-color: #232323;
	color: #7c7c7c;
	font-family: Tahoma;
	font-size: 12px;
	padding: 2px 5px;	
}
.contact-form input[type=text], 
.contact-form select,
#searchResult select, 
.contact-form textarea {
	float: left;
	width: 190px;
	margin-right: 5px;
}
.contact-form select, 
#searchResult select,
#group select {
	width: 202px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373737', endColorstr='#202020'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#202020)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #373737,  #202020); /* for firefox 3.6+ */ 
	padding: 2px 2px 2px 5px;
}
#group select {
	width: 170px;
	margin-right: 10px;
	margin-bottom: 0px;
}
#searchResult input[type=text],
#searchResult input[type=password] {
	width: 190px;
}
.contact-form .submit {
	float: left;
	margin-left: 83px;
	border: none;
}
#product-details .submit {
	margin-top: 20px;
	border: none;
}
#searchResult input[type=text].quantity {
	width: 30px;
}
form .group {
	display: inline-block;
	background-color: #FFF;
	border: none;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #bdbdbd;
	font-size: 11px;
	float: left;
	padding: 0px 0px 0px 5px;
	height: 20px;
	width: 140px;
}
#footer-subscribe .group {
	border: 1px solid #bdbdbd;
}
.group input[type=text] {
	width: 110px !important;
	float: left;
	border: none;
	background: none;
	background-color: #FFF;
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #000000;
	border: 1px solid #898989;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #898989;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}
/* style for combobox */
.comboboxContainer
{
	border: none;
	outline: none;
	height: 26px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 11px;
}
.comboboxValueContainer
{
	background-image: url(../scripts/comboBox/select-bkg.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #000;
	height: 26px;
}
.comboboxValueContent
{
	padding-left: 10px;
	color: #000;
	font-family: Verdana;
}

.comboboxDropDownContainer
{
	border: 1px solid #dddddd;
	background: #dddddd;
	overflow: hidden;
	padding-left: 3px;
	padding-top: 3px;
	cursor: default;
	color: #000;
	font-family: Verdana;
	width: 191px;
	margin-left: 3px;
}

.comboboxDropDownButton
{
	width: 29px;
	height: 26px;
	background-image: url(../scripts/comboBox/button.png);
	cursor: pointer;
}

.comboboxItem
{
	font-weight: normal;
	font-style: normal;
	margin-bottom: 3px;
	margin-top: 3px;
}

.comboboxItemHover
{
	background: #afafaf;
	color: #000;
}

.ui-combobox {list-style:none;padding:0px;margin:0px;}
.ui-combobox .ui-combobox-toggleText {height:19px;overflow:hidden;}
.ui-combobox li {margin: 0px;padding: 5px 5px 5px 5px;position: relative;cursor:pointer;}
.ui-combobox li a{padding: 0px;margin:0px;display: block;text-decoration: none;width:90%;}

.ui-combobox li .ui-icon {padding:0px;margin:-20px 0px 0px 0px;width:17px;height:17px;float:right;}
.ui-combobox-list { border:transparent 1px solid !important;position:absolute;padding:0px;list-style-type:none;margin:0px;display:none;background:none transparent scroll repeat 0% 0%; float:left;overflow:auto;left:-1px;  }

@media screen and (max-width: 1200px) {
	#menu-wrapper #top-menu, #menu-wrapper #top-bar, .homepage #logo-wrap, #footer {
		width: 98%;
	}
	#content-wrapper #wrapper {
		width: 98%;
	}
	#wrapper #logo, #wrapper .logo, #wrapper #sidebar {
		width: 20%;
		margin-right: 5%;
	}
	#wrapper #sidebar #logo, #wrapper #sidebar .logo {
		width: 100%; margin-right: 0px;
	}
	#wrapper #logo img, #wrapper #sidebar img, #wrapper .logo img {
		max-width: 100%; height: auto;
	}
	#container, #container.wide {
		width: 75%;
	}
	#container .product-block {
		width: 32%; margin-bottom: 2%;
	}
	#container .left-image {
		margin-right: 2%;
	}
	#container .product-image {
		width: 100%; height: auto;
	}
	
	#container .product-details {
		width: 96%; padding: 2%;
	}
	#container .product-details .name {
		width: 70%;
	}
	#container .product-details .price {
		width: 28%; text-align: right;
	}
	#container #product-details #group {
		width: 96%; padding: 2%; float: left;
	}
	#group select {
		width: 32%; margin-right: 2%; margin-bottom: 2%; padding: 0; float: left;
	}
	#group select#eCart_1_Quantity_Add {
		margin-right: 0;
	}
	
	#container #bottom-nav {
		margin-top: 10px;
	}
	#container #product-photos {
		width: 30%; margin-right: 2%;
	}
	#container #product-photos img {
		max-width: 100%; height: auto;
	}
	#container #product-details {
		width: 68%;
	}
}

#top-menu .small-menu {
	display: none;
}
#collections-select {
	display: none;
}

@media screen and (max-width: 768px){
	#top-menu .small-menu {
		display: inline-block; float: left; -webkit-appearance: none; -khtml-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; margin-top: 5px; background-image: url(../img/small-menu.png); background-position: left; background-repeat: no-repeat; text-indent: -99999px; width: 34px; height: 28px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	}
	#menu-wrapper #top-menu ul.shop-menu li .label {
		display: none;
	}
	#menu-wrapper #top-menu ul.shop-menu .searchForm input[type=text] {
		font-size: 12px; padding: 3px 5px;
	}
	#menu-wrapper #top-menu ul.shop-menu .searchForm #searchBtn {
		padding: 4px;
	}
	#menu-wrapper #top-menu ul.menu {
		display: none;
	}
	.homepage img.slide {
		max-width: 100%; height: auto !important;
	}
	#container {
		padding-bottom: 20px;
	}
	#content-wrapper {
		position: relative;
	}
	#container .product-block {
		width: 49%; margin-right: 2%;
	}
	#container .product-block:nth-child(even) {
		margin-right: 0px;
	}
	#sidebar #collections-menu {
		display: none;
	}
	#sidebar #collections-select {
		display: block;	width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373737', endColorstr='#202020'); background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#202020)); background: -moz-linear-gradient(top, #373737, #202020); padding: 2px 2px 2px 5px; border: 1px solid #7c7c7c; color: #7c7c7c; font-size: 14px;
	}
	
	#container .left, #container .right {
		width: 100%; margin-right: 0px !important;
	}
	.catalog-wrapper #wrapper #logo {
		width: 100% !important; margin-right: 0; float: left; text-align: center;
	}
	#content-wrapper.catalog-wrapper #wrapper {
		height: 600px;
	}
	.catalog-wrapper .flipbook-main-wrapper {
		margin-top: 120px; width: 92%; margin-right: 4%; margin-left: 4%;
	}
	.catalog-wrapper .flipbook-menuWrapper {
		display: none;
	}
	
	#footer-wrapper {
		height: auto; position: relative; width: 100%; float: left; padding: 10px 0px;
	}
	#footer {
		text-align: center;
	}
	#footer .menu {
		margin: 0px auto; float: none; text-align: center;
	}
	#footer .menu li {
		float: none; margin: 0px 10px 5px 10px;
	}
	#footer .social {
		width: 100%; float: none; margin: 10px 0px; text-align: center;
	}
	#footer #footer-social {
		text-align: center;
	}
	#footer #footer-subscribe {
		float: none; margin: 0px auto;	
	}
	#footer .copyright {
		width: 100%; text-align: center; margin-top: 0px;
	}
	form .group {
		height: auto;
	}
}

@media screen and (max-width: 640px) {
	#menu-wrapper {
		padding-bottom: 20px;
	}
	.homepage #slideshow-wrapper {
		width: 100%; float: left;
	}
	.homepage #placeholder-slide {
		width: 100%; height: auto;
	}
	#wrapper #logo, #wrapper #sidebar, #wrapper .logo {
		width: 100%; margin-right: 0; margin-bottom: 15px; text-align: center;
	}
	#container, #container.wide {
		width: 100%; margin-top: 15px;
	}
	#container #title #nav {
		margin-top: 10px;
	}
	#container #product-photos {
		width: 40%;
	}
	#container #product-details {
		width: 58%;
	}
	#wrapper #sidebar .section {
		margin-top: 15px;
	}
	#sidebar #collections-select {
		width: auto; margin: 0px auto;
	}
	
	body.home #footer-wrapper {
		position: relative;
	}
}
@media screen and (max-width: 480px) {
	.homepage #logo {
		display: inline-block;
		position: absolute;
		z-index: 1000;
		margin-top: 20px;
	}
	#container #product-photos {
		width: 100%; margin-right: 0px;
	}
	#container #product-details {
		width: 100%;
	}
	
	.col {
		width: 100% !important;
	}
	#conmargin {
		margin-right: 0px !important;
	}	
	
	.homepage #logo-wrap {
		float: left; text-align: center; margin-bottom: 10px;
	}
	.homepage #logo {
		position: relative; margin: 0px auto;
	}
	.homepage #slideshow-wrapper {
		width: 100%; float: left; position: relative;
	}
	.homepage .slideshow {
		height: 40% !important;
	}
	.catalog-wrapper .flipbook-right-arrow, .catalog-wrapper .flipbook-left-arrow {
		padding-left: 10px !important; padding-right: 10px !important;
	}
	.catalog-wrapper .flipbook-last-arrow, .catalog-wrapper .flipbook-first-arrow {
		padding-left: 12px !important; padding-right: 13px !important;
	}
	#content-wrapper.catalog-wrapper #wrapper {
		height: 500px;
	} 
}
@media screen and (max-width: 320px) {
	#container .product-block {
		width: 100%; margin-right: 0; margin-bottom: 10px;
	}
	#menu-wrapper #top-menu ul.shop-menu li, #menu-wrapper #top-bar ul.shop-menu li {
		margin-left: 10px;
	}
}