@font-face {
    font-family: 'love_ya_like_a_sisterregular';
    src: url('./../../fonts/loveyalikeasister-webfont.woff2') format('woff2'),
        url('./../../fonts/loveyalikeasister-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'unkemptbold';
    src: url('./../../fonts/unkempt.regular-webfont.woff2') format('woff2'),
        url('./../../fonts/unkempt.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'unkemptregular';
    src: url('./../../fonts/unkempt.regular-webfont.woff2') format('woff2'),
        url('./../../fonts/unkempt.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'consolasregular';
    src: url('./../../fonts/consola-webfont.woff2') format('woff2'),
         url('./../../fonts/consola-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    background: #fff url(../../images/body-bg.jpg) repeat 0 0 !important;
}


.jcarousel-skin-tango .jcarousel-direction-rtl
{
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal
{
	width: 245px;
	padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
	width: 220px;
	height: 400px;
	float: left;
	padding: 40px 0;
	background: #fff;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.jcarousel-skin-tango .jcarousel-clip
{
	overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal
{
	width: 220px;
	height: 160px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical
{
	width: 220px;
	height: 415px;
}

.jcarousel-skin-tango .jcarousel-item
{
	width: 220px;
	height: 132px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal
{
	margin-left: 0;
	margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal
{
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical
{
	margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder
{
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal
{
	position: absolute;
	top: 43px;
	right: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal
{
	left: 5px;
	right: auto;
	background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus
{
	background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active
{
	background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
{
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal
{
	position: absolute;
	top: 43px;
	left: 5px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal
{
	left: auto;
	right: 5px;
	background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus
{
	background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active
{
	background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
{
	cursor: default;
	background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
	position: absolute;
	bottom: 5px;
	left: 87px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: url(next-vertical.png) no-repeat 0 0;
	z-index: 9999;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus
{
	background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active
{
	background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
	cursor: default;
	background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical
{
	position: absolute;
	top: 5px;
	left: 96px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background:url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus
{
	background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
	background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
	cursor: default;
	background-position: 0 -96px;
}

/* ============================= new updated css ================================================================*/
.border_radius
{
	behavior: url(../JS/border-radius.htc);
}

.tom_link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	vertical-align: top;
}
.tom_link a:link
{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.tom_link a:active
{
	color: #042143;
	text-decoration: none;
	font-weight: normal;
}
.tom_link a:visited
{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
.tom_link a:hover
{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

.top_bar_container {
	width: 100%;
	margin: -10px 0 0px 0;
	padding-top: 11px;
	float: left;
	border-radius: 0px;
	clear: both;
	display: flex;
}

.top_bar_container_left_nav_container {
	width: 100%;
	/* height: 35px; */
	float: left;
	padding: 20px 0 25px 20px;
	position: relative;
	margin: 0 auto;
	display: flex;
	align-items: center; justify-content: space-between;
}

ul#left_top_links
{
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

ul#left_top_links li
{
	padding: 0 0 0 0px;
	margin: 0 20px 0 0px;
	list-style: none;
	float: left;
	display: inline;
	cursor: pointer;
}

ul#left_top_links li.tom.logo{ margin-right:125px;}

ul#left_top_links
{
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0 0 0;
}
ul#left_top_links li
{
	padding: 0 0 0 0px;
	margin: 0 10px 0 0px;
	list-style: none;
	float: left;
	display: inline;
	cursor: pointer;
}

ul#left_top_links li.tom a
{
	background: none; ;
outline:mediumnone;
width:auto;
float:left;
background:none;
text-align:left;
text-indent:0px;
}
ul#left_top_links li.tom a:hover{
	color:#446181;
}
ul#left_top_links li.full_screen a
{
	background-image: url(../WebImages/full_screen.jpg);
	outline: medium none;
	width: 44px;
}
ul#left_top_links li.thunb a
{
	background-image: url(../WebImages/thunbnail.png);
	outline: medium none;
	width: 44px;
}
ul#left_top_links li.zoom a
{
	background-image: url(../WebImages/zoom.jpg);
	outline: medium none;
	width: 44px;
}
ul#left_top_links li.auto_flip a
{
	background-image: url(../WebImages/auto_flip.png);
	outline: medium none;
	width: 44px;
}

ul#left_top_links li.man a
{
	background-image: url(../WebImages/mans_icon.png);
	outline: medium none;
	width: 44px;
}

ul#left_top_links li.women a
{
	background-image: url(../WebImages/womens_icon.png);
	outline: medium none;
	width: 44px;
}

ul#left_top_links a
{
	background-position: left top;
	display: block;
	float: left;
	height: 43px;
	text-indent: -10000px;
}
ul#left_top_links a:hover
{
	background-position: left -44x;
}

.submenu_divabout
{
	position: absolute;
	top: 25px;
	left: 70px;
	z-index: 100;
	height: auto;
	width: auto;
	background: #260b06;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #996600;
	text-align: center;
}

.submenu_divman {
    position: absolute;
    top: 75px;
    left: 46px;
    z-index: 100;
    height: auto;
    width: auto;
    background: #000;
    box-shadow: 0 0 2px #000;
    color: #fff;
    padding: 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
}

.submenu_divwomen {
    position: absolute;
    top: 75px;
    left: -24px;
    z-index: 100;
    height: auto;
    width: 115px;
    padding: 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    background: #000;
    box-shadow: 0 0 2px #000;
    color: #fff;
}

.submenu_thumbnails
{
	position: absolute;
	top: 75px;
    left: 160px;
	z-index: 111111100;
	height: auto;
	width: auto;
	background: #000;
	box-shadow:0 0 2px #000;	
	color: #fff;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

	text-align: center;
	
}

.submenu_autoflip
{
	position: absolute;
	top: 69px;
    right: 447px;
	z-index: 100;
	height: auto;
	width: auto;
	background: #260b06;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: center;
}

.submenu_zoom
{
	position: absolute;
	top: 65px;
	left: 200px;
	z-index: 1111111100;
	height: auto;
	width: auto;
	background: #260b06;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #996600;
	text-align: center;
}



.top_bar_container_right_nav_container {
	height: 55px;
	float: right;
	padding: 0px 0px 0px 0px;
	position: relative;
	margin: 0 auto;
}


ul#right_top_links
{
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

ul#right_top_links li
{
	padding: 0 0 0 0px;
	margin: 0 20px 0 0px;
	list-style: none;
	float: left;
	display: inline;
	cursor: pointer;
}

ul#right_top_links
{
	float: left;
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0 0 0;
	width: 100%; position: relative; top: 15px
}
ul#right_top_links li
{
	padding: 0 0 0 0px;
	margin: 0 6px 0 0px;
	list-style: none;
	float: left;
	display: inline;
	cursor: pointer;
}


ul#right_top_links li.first a {
	/* background-image: url(../WebImages/first_arrow.png); */
	outline: medium none;
    width: auto;
    background: #000000;
    padding: 1px 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
}

ul#right_top_links li.previous_page a
{
	background-image: url(../WebImages/previous.png);
	outline: medium none;
	width: 22px;
	text-indent: -10000px;
	filter: grayscale(1);
}



ul#right_top_links li.page_input_area a
{
	background-image: none;
	outline: medium none;
	width: 25px;
}

ul#right_top_links li.next_page a
{
	background-image: url(../WebImages/next_arrow.png);
	outline: medium none;
	width: 23px;
	text-indent:-99999px;
	filter: grayscale(1);
}
ul#right_top_links li.last a
{
	outline: medium none;
    width: auto;
    background: #000000;
    padding: 1px 10px;
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    font-size: 13px;
}

ul#right_top_links a
{
	background-position: left top;
	display: block;
	float: left;
	height: 24px;
	text-transform:uppercase;
	font-size: 13px;
}
ul#right_top_links a:hover
{
	background-position: left -46px;
}
.submenu_divfirst
{
	position: absolute;
	top: 27px;
	left: -3px;
	z-index: 100;
	height: auto;
	width: auto;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
		background: #000000;
	box-shadow:0 0 2px #000;	
	color: #fff;
}

.submenu_divprevious
{
	position: absolute;
	top: 27px;
    left: 73px;
	z-index: 100;
	height: auto;
	width: auto;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
		background: #000000;
	box-shadow:0 0 2px #000;	
	color: #fff;
}

.submenu_divNextpage
{
	position: absolute;
	top: 27px;
    left: 86px;
	z-index: 100;
	height: auto;
	width: auto;
	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
		background: #000000;
	box-shadow:0 0 2px #000;	
	color: #fff;
}

.submenu_divLastpage
{
	position: absolute;
	top: 27px;
    right: 23px;
	z-index: 100;
	height: auto;
	width: auto;
		background: #000000;
	box-shadow:0 0 2px #000;	
	color: #fff;	padding: 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}


.input_pages
{
	border: solid 1px #d7d7d7;
    padding: 2px 5px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    background: #f4f4f4;
    width: 60px;
    height: 18px;
}

.left_thumbnail_heading_top_box
{
	width: 200px;
	height: 32px;
	float: left;
	background: red;
	padding: 7px 10px 0 10px;
		border-radius:5px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	margin-bottom: 6px;
}

.left_thumbnail_heading
{
	width: 120px;
	height: 30px;
	float: left;
	background: url("../WebImages/white_icon.png") no-repeat 0px 5px transparent;
	padding: 4px 0 0 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;

}

.left_thumbnail_close_icon_area
{
	width: 32px;
	height: 32px;
	float: right;
}

.thumb_close
{
	display: block;
	width: 23px;
	height: 23px;
	background: url(../WebImages/close-white.png) 0px 0px no-repeat;
	outline: none;
	cursor: pointer;
	z-index: 100000;
	position: absolute;
	top: 7px;
	left: 185px;
}
/* .thumb_close:hover
{
	background-position: 0px -23px;
} */
.thumb_close span
{
	display: none;
}



.maindiv_image
{
	width: 200px;
	float: left;
	height: 130px;
	margin-left: 10px;
}
.imgdiv
{
	width: 200px;
	float: left;
	height: 110px;
}
.l_image
{
	width: 100px;
	float: left;
	height: 110px;
}
.r_image
{
	width: 100px;
	float: left;
	height: 110px;
}
.numdiv{
	color: #042143;
    font-weight: bold;
}
.numdiv
{
	width: 200px;
	clear: both;
	height: 10px;
	padding-bottom: 10px;
	padding-top:3px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

.l_num
{
	width: 100px;
	float: left;
	height: 20px;
	
}
.r_num
{
	width: 100px;
	float: left;
	height: 20px;
}

.product_category_wrapper {
width:242px;
float:left;
padding:115px 15px 10px 38px;
}

ul#left_product {
padding:0 0 0 0px;
margin:0 0 0 0px;
list-style:none;
float:left;
background:url(../WebImages/product_category_devider.png) top left repeat-x;
}

ul#left_product li {
padding:7px 0px 7px 0px;
margin:0 0 0 0px;
list-style:none;
float:left;
width:242px;
background:url(../WebImages/product_category_devider.png) bottom left repeat-x;
}

ul#left_product li a {
    width: 242px;
    padding: 7px 0px 7px 0px;
    float: left;
    background: url(../WebImages/product_category_arrow.png) right 9px no-repeat;
    text-align: left;

    font-family: 'unkemptbold';
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
ul#left_product li a:hover {
background:url(../WebImages/product_category_arrow_hover1.png) right 9px no-repeat;
color: red;
text-decoration:none;
}

ul#left_product li .active {
font-family: 'unkemptbold';
font-size:18px;
font-weight:normal;
color:#bf155e;

}
.logo{ background:url(../WebImages/logo.png); width:131px; height:59px; margin-right:30px;}

.left-part {
    clear: both;
    float: left;
    display: flex;
    padding-left: 20px;
    padding-top: 3px;
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    height: calc(100vh - 167px);
    position: relative;
}
#footer {
    clear: both;
    padding: 0 0 0 0;
    position: fixed;
    bottom: 0;
    width: 100%;
}
#footer p{    margin: 7px 0 10px;}

.right_top_links {
    float: left;
    list-style: none outside none;
    margin: 0 0 0 0;
    padding: 0 0 0;
    width: 100%;
    position: absolute;
    top: 44%;
    height: 30px;
 
}
.right_top_links .previous_page {
    position: relative;
  
    left: -36px;
}


.right_top_links .next_page {
    position: absolute;
    right: -38px;
}
ul#right1_top_links li.next_page a {
    background-image: url(../WebImages/left.svg);
    outline: medium none;
    width: 36px;
    text-indent: -99999px;
	background-size: cover;
}
ul#right1_top_links li.next_page a:hover {
    background-image: url(../WebImages/left-hover.svg);
}
ul#right1_top_links li.previous_page a {
    background-image: url(../WebImages/right_icons_hover.svg);
    outline: medium none;
    width: 36px;
    text-indent: -10000px;
	background-size: cover;
}
ul#right1_top_links li.previous_page a:hover {
    background-image: url(../WebImages/right_icons_red_hover.svg);
}
ul#right1_top_links a {
    background-position: left top; 
 	display: block;
    float: left;
    height: 36px;
    text-transform: uppercase;
    font-size: 13px;
}
.new-header {
    background: url(../WebImages/header-top-bg.png) repeat-x 0 0;
}
.new-footer {
    background-color: inherit;
    border: 0;
    border-top: 6px solid transparent;
    border-image-source: url('../images/border-bottom.png');
    border-image-repeat: repeat;
    border-image-slice: 100;
    background: url(../WebImages/footer-bg.png) repeat-x left bottom;
}


.jcarousel-skin-tango {
    float: left;
    padding-right: 5px;
    position: absolute;
    display: block;
    left: 21px;
}

div#MainBookDiv {
    max-width: 755px;
	position: relative;
}