@charset "utf-8";

@import url("../fonts/stylesheet.css");

/* CSS Document */





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 {

	margin: 0;

	padding: 0;

	border: 0;

	font: inherit;

}

body {

	margin: 0;

	padding: 0px;

	font-size: 14px;

	line-height: 20px;

	background: url(../images/bg.jpg);

	font-family: 'segoe_uiregular';

}

#main-wrapper {

	width: 100%;

	height: auto;

	/*background-image: url(https://ilovebloomsburys.com/shop/images/header-bg.jpg), url(https://ilovebloomsburys.com/shop/images/footer-bg.png);*/

	background-repeat: repeat-x, repeat-x;

	background-position: center top, center bottom;

	float: left

}

#header {

	width: 100%;

	height: 130px;

	background: url(https://ilovebloomsburys.com/shop/images/header-bg-btm.png) repeat-x bottom #fff;

}

#header-inner {

	width: 1100px;

	height: 130px;

	margin: 0 auto;

}

#header-left {

	width: 250px;

	float: left;

}

#header-right {

	width: auto;

	float: right;

}

#logo {

	width: 100%;

	height: auto;

}

#logo img {

	width: 100%;

}

#header-right-top {

	width: 100%;

	height: 70px;

}

#header-right-btm {

	width: 100%;

	margin-top: 15px;

}

.icon-top {

	width: 300px;

	margin-top: 20px;

	float: right;

}

.icon-top span {

	width: 99px;

	float: left;

	border-right: 1px solid #CCC;

}

.icon-top span:last-child {

	border: none;

}

.icon-top span div:first-child {

	width: 22px;

	height: 20px;

	margin: 0 auto;

	background: url(../images/top-icons.jpg) no-repeat;

	background-position: 0px 0px;

}

.icon-top div + div {

	text-align: center;

	color: #F00;

	font-size: 11px;

	margin-top: 5px;

}

.checkout {

	background-position: -22px 0px !important;

}

.cart {

	background-position: -46px 0px !important;

}

.banner-outer {

	width: 100%;

}

.banner {

	width: 1100px;

	margin: 0 auto;

	position: relative;

}

.welcome {

	width: 300px;

	height: 360px;

	background: #be0000;

	position: absolute;

	right: 70px;

	top: 70px;

	z-index: 4;

}

.welcome-content {

	width: 300px;

	position: relative;

	height: 340px;

	padding: 10px 0;

	color: #fff;

}

.welcome-content-top {

	height: 6px;

	position: absolute;

	top: -6px;

	background: url(https://ilovebloomsburys.com/shop/images/welcome-top-bg.png) repeat-x;

	width: 100%

}

.welcome-content-btm {

	height: 6px;

	position: absolute;

	bottom: -6px;

	background: url(https://ilovebloomsburys.com/shop/images/welcome-btm-bg.png) repeat-x;

	width: 100%;

}

.welcome-content h1 {

	margin: 0 15px 0px 15px;

	padding: 0 0 10px 0;

	font-size: 17px;

	text-transform: uppercase;

	font-weight: bold;

	text-align: center;

	background: url(https://ilovebloomsburys.com/shop/images/welcome-underline.jpg) repeat-x bottom;

}

.welcome-content p {

	padding: 0 15px;

	font-size: 15px;

	line-height: 25px;

	font-style: italic;

	margin-top: 20px;

}

.welcome-content .button {

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	width: 130px;

	height: 30px;

	text-decoration: none;

	margin: 0 auto;

	background: #e50000;

	-webkit-box-shadow: 2px 2px 2px 0px rgba(39, 50, 50, 0.75);

	-moz-box-shadow: 2px 2px 2px 0px rgba(39, 50, 50, 0.75);

	box-shadow: 2px 2px 2px 0px rgba(39, 50, 50, 0.75);

	display: block;

	text-align: center;

	color: #fff;

	font-size: 16px;

	font-style: italic;

	padding-top: 5px;

	margin-top: 30px;

}

.welcome-content .button:hover {

	-webkit-box-shadow: 2px 2px 5px 0px rgba(39, 50, 50, 0.75);

	-moz-box-shadow: 2px 2px 5px 0px rgba(39, 50, 50, 0.75);

	box-shadow: 2px 2px 5px 0px rgba(39, 50, 50, 0.75);

	color: #FF0;

}

.products-scroll-outer {

	width: 100%;

}

.products-scroll-inner {

	width: 1090px;

	margin: 0 auto;

	background: #FFF;

	margin-top: 10px;

	padding: 10px 0 10px 10px;

}

/*.product-img {

	padding-top: 10px;

	margin: 0 auto;

}*/
.product-img {
padding-top: 7px;
margin: 0 auto;
padding-left: 2px;
}
.heading {

	width: 98%;

	background: url(https://ilovebloomsburys.com/shop/images/heading-line-bg.jpg) repeat-x center #fff;

	height: 30px;

	margin: 0 1% 0 1%;

}

.heading div {

	width: auto;

	padding-right: 20px;

	padding-top: 5px;

	background: #fff;

	height: 20px;

	display: inline-block;

	font-size: 19px;

	color: #be0000;

	text-transform: uppercase

}

.heading .view-all {

	float: right;

	padding-left: 20px;

	padding-right: 0px

}

#footer-outer {

	width: 100%;

	background: #393939;

	color: #fff;

	min-height: 40px;

	height: auto;

	display: inline-block

}

.footer-inner {

	width: 1100px;

	padding: 10px 0 10px 0;

	margin: 0 auto

}







.new_menu

{

	background:#CC0000;

	color:#fff;

	font-size:13;

	width:100%;

	padding:15px 0px;

 }



.new_menu ul

{

	margin:0px;

	padding:0px;

}



.heading2 {

width: 100%;

max-width:1080px;

 height: 24px;

margin: 0 auto 0 auto;

}

.new_menu li

{

	float:left;

	padding:0px 15px 0px 0px;

	list-style:none;

}

.new_menu li a

{

	text-decoration:none;

	color:#fff;

}

.new_menu li a .sel

{

	width:100%;

	position:relative;

	bottom:-18px;

	text-align:center;

}

.new_menu li a:hover

{

	color:#CCCC00;

}

.bans

{

	float:left;

	height:auto;

	width:100%;

	background:#f2f3ee;

	margin-bottom:25px;



max-width:2000px;}



.left, .right

{

	width:50%;

	float:left;

	height:auto;

}



.right

{

padding:10% 0 0 0%;

	

}



.right select

{

width:180px;

height:45px;

border-radius:5px;

margin-right:10px;

border:1px solid #EEE6E6	;

}

.right .name_txt_pan2

{

	font-size:25px !important;

	color:#CC0000;

}



.right .add_cart_btn_price2

{

	font-size:15px !important;

	color:#333333;

}



.inrs {

width: 98%;

 height: auto;

margin: 0 1% 0 1%;

}

.inrs p

{

	float:left;

	width:100%;

}

.pagin

{

	margin:0px;

	padding:0px;

	margin-left:25px;

	

}



.pagin li

{

	float:left;

	list-style:none;

 }

.pagin li a

{

	background:#fff;

	border-radius:5px;

	color:#000;

	padding:5px 10px;

	margin-right:8px;

	text-decoration:none;

	box-shadow:0px 2px #ddd;

}



.pagin li a.active

{

	background:#000;

	border-radius:5px;

	color:#fff;

}





.prods

{

	width:21%;

	float:left;

	height:auto;

	border-radius:5px;

	border:1px solid #CCC;

	padding:1%;

	margin:1% 1% 1% 0%;

	min-width:100px;

	

	

}





.prods2

{

	width:auto;

	float:left;

	height:auto;

	border-radius:5px;

	border:1px solid #CCC;

	padding:1%;

	margin:1% 1% 1% 0%;

	min-width:100px;

	

}

.prods img

{

	width:100%;

	height:auto;

}





.names

{

	width:90%;

	padding:2% 2%;

	border-radius:10px;

	border:1px solid #CCC;

	min-height:30px;

	max-height:30px;

}



.names2

{

	width:90%;

	padding:0% 2%;

	border-radius:10px;

	border:1px solid #CCC;

	min-height:53px;

	max-height:53px;

	color:#333;

}



.red

{

	color:#CC0000;

}



.boed

{

	width:94%;

	margin:1.7% 1.7% 1.7% 1%;

	border:1px solid #CCC;

	border-radius:8px;

	padding:1%;

}



.itms th, .itms td

{

	border-bottom:1px solid #EBEBEB;

	padding:15px 0;

}

.itms th

{

	font-weight:bold;

}



.itms tr:last-child td

{

	border:none;

}

.new

{

	background:none;

}

.new h2

{

	color:#000;

	font-size:25px;

}


img.talab-logo {
    width: 11%;
    margin: -57px auto;
    z-index: 99;
    display: block;
    position: fixed;
    margin: 0px;
    padding: 2px;
    right: 0;
    background: rgba(255, 255, 255, 0.91);
    top: 44%;
}
.buy {
    float: right;
    position: relative;
    margin: 0;
}


.footer-middle {
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 33%;
}
.footer-middle a {
    vertical-align: top;
    display: inline-block;
}
.footer-left {
    width: 240px;
    float: left;
    display: inline-block;
    padding-left: 0;
    text-align: right;
}

.footer-centre {
    width: auto;
    text-align: right;
    float: right;
    padding-right: 10px;
}
.footer-right {
    width: auto;
    float: right;
    text-align: right;
    padding-right: 5px;
    text-align: right;
    margin-top: 0;
    display: inline-block;
}
.paymenticons {
    display: inline-block;
   
    width: 90px;
    float: right;
    margin-top: -3px;
}
/* #3- Regular sized laptops */
@media(max-width:1368px) {
	.close {
top: 0% !important;
/*left: 68% !important;*/
}
}
@media (max-width: 1199px) {
.footer-centre {
    width: 100%;
    text-align: right;
    float: right;
    padding-right: 0px;
}
.footer-right {
    width: 100%;
    float: none;
    text-align: right;
    padding-right: 0;
    text-align: center;
    margin-top: 0;
    display: block;
    background: #444242;
    padding: 6px 0px;
    margin-top: 4px;
}
.paymenticons {
    display: inline-block;
    width: 90px;
    float: right;
    margin-top: -26px;
    position: absolute;
    right: 6px;
}
}
@media (min-width: 980px) and (max-width: 1099px) {

#header-inner {

	width: 100%;

}

#header-right {

	width: 35%;

}

.banner {

	width: 100%;

}

.products-scroll-inner {

	width: 100%;

}

.footer-inner {

	width: 100%

}

}







/* #3- Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {

#header-inner {

	width: 100%;

}

#header-right {

	width: 55%;

}

.banner {

	width: 100%;

}

.welcome {

	right: 20px;

	top: 20px;

}

.products-scroll-inner {

	width: 100%;

}

.footer-inner {

	width: 100%

}

}
 @media (max-width: 992px) {
.footer-right {
    width: 100%;
   
   
    padding-right: 0;
    text-align: center;
    margin-top: 0;
    border-top: 1px solid #585858;
    padding: 8px 7px;
}
.footer-left, .footer-centre{
	margin-top: 13px;
}
#footer-outer {
    
    padding-right: 7px;
    padding-left: 7px;
}
.footer-inner {
   
    padding: 4px 0 10px 0;
   
}
.paymenticons {
   
    margin-top: -40px;
    position: absolute;
    right: 0;
}
}

 @media (max-width: 870px) {

.welcome {

	float: none;

	position: static;

	width: 100%;

	height: auto;

	margin-top: 10px;

}

.welcome-content {

	width: 100%;

	height: auto;

	padding: 10px 0;

}

}


/* #4- Landscape phone to portrait tablet */

@media (min-width: 560px) and (max-width: 767px) {

#header-inner {

	width: 100%;

}

#header-right {

	width: 54%;

}

.banner {

	width: 100%;

}

.welcome {

	float: none;

	position: static;

	width: 100%;

	height: auto;

	margin-top: 10px;

}

.welcome-content {

	width: 100%;

	height: auto;

	padding: 10px 0;

}

.products-scroll-inner {

	width: 100%;

}

.footer-inner {

	width: 100%

}

.left, .right

{

	width:96%;

	float:none;

	height:auto;

	clear:both;

	margin:2%;

}

 

.left img

{

	width:100%;

	height:auto;

}



}


/* #5- Landscape phones and down */
@media (max-width:640px){
		.footer-left{width:100% !important;
		text-align:center !important;
}
	.footer-right {
    width: 100%;
    text-align: center !important;
    padding-right: 0px !important;
        padding-bottom: 5px !important;
        float: left;
}
	.footer-centre{width:100% !important;
}
#container{overflow:hidden !important;}

.paymenticons {
    margin-top: 0;
    position: relative;
    right: 0;
    width: 100%;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 6px;
}
.footer-inner {
    padding: 0px 0 0px 0;
}
.footer-left, .footer-centre {
    margin-top: 7px;
}
#footer-outer {
    padding-right: 0;
    padding-left: 0;
}
}


@media (min-width: 320px) and (max-width: 559px) {
		.footer-centre {
 width: 100% !important;

}

#header-inner {

	width: 100%;

	height: auto;

}

#header-right {

	width: 100%;

	float: none;

}

#header-left {

	margin: 0 auto;

	float: none;

}

.icon-top {

	float: none;

	margin: 0 auto;

}

#header {

	height: auto;

}

.banner {

	width: 100%;

}

.welcome {

	float: none;

	position: static;

	width: 100%;

	height: auto;

	margin-top: 10px;

}

.welcome-content {

	width: 100%;

	height: auto;

	padding: 10px 0;

}

.products-scroll-inner {

	width: 100%;

}

.footer-inner {

	width: 100%

}

.footer-left {

	width: 100%;

	text-align: center;

	padding: 0;

}

.footer-right {

	width: 100%;

	text-align: center;

	padding: 0;

}

.left, .right

{

	width:96%;

	float:none;

	height:auto;

	clear:both;

	margin:2%;

}

 

.left img

{

	width:100%;

	height:auto;

}

}



/* #5- Landscape phones and down */

@media (max-width: 320px) {
		.footer-centre {
 width: 100% !important;

}

#header-inner {

	width: 100%;

	height: auto;

}

#header-right {

	width: 100%;

	float: none;

}

#header-left {

	margin: 0 auto;

	float: none;

}

.icon-top {

	float: none;

	margin: 0 auto;

}

#header {

	height: auto;

}

.banner {

	width: 100%;

}

.welcome {

	float: none;

	position: static;

	width: 100%;

	height: auto;

	margin-top: 10px;

}

.welcome-content {

	width: 100%;

	height: auto;

	padding: 10px 0;

}

.products-scroll-inner {

	width: 100%;

}

.footer-inner {

	width: 100%

}

.footer-left {

	width: 100%;

	text-align: center;

	padding: 0;

}

.footer-right {

	width: 100%;

	text-align: center;

	padding: 0;

}

.left, .right

{

	width:96%;

	float:none;

	height:auto;

	clear:both;

	margin:2%;

}

 

.left img

{

	width:100%;

	height:auto;

}

}

 a.viewall

{

	font-size: 19px;

	color: #be0000;

	text-transform: uppercase;

	text-decoration:none;

}

 a.viewall:hover

{

	font-size: 19px;

	color: #000;

	text-transform: uppercase;

	text-decoration:none;

}