body {
font-family: Calibri (Body);

margin: 0px auto;
}

input{padding:5px;margin:7px 0px;}

a{text-decoration:none;}

.float-left { float:left; }
.float-right { float:right; }
.float-clear { clear:both; }

.logo a{
	text-decoration:none;
	color: rgb(255,255,255);

        font-family: "Nyala";
}
#header {padding:1px;background:rgb(20 109 115)}
.site-link a{
	
color: rgb(255,255,255);
 
    text-decoration: none;
    text-transform: none;
    margin-left: 15px;
    letter-spacing: 1px;
  
    font-family: "Arial";
}
.site-link a:hover{color: rgb(228, 142, 84); text-decoration:underline; }
.cart-info{padding-top:15px;font-size:0.85em;}
.content{overflow:auto;margin: 0 auto;padding:0px 10px;width:1197px;}

.producttitle {color: rgb(127, 93, 170);
font-size:2.1em;
	text-decoration:none;

}
.location {color: rgb(0, 64, 128);
font-size:0.7em;
	text-decoration:none;

}
.productprice {color: rgb(0, 64, 128);
font-size:0.9em;
	text-decoration:none;

}



#navigation-menu{background:rgb(0, 64, 128);margin: 0 auto;font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
#navigation-menu .content{padding:0;}
#navigation-menu ul{
    padding: 10px;
    margin: 10px;
    overflow: auto;
}
#navigation-menu ul:first-child{
	border-left: #CCC 1px solid;
}
#navigation-menu li{
	color: #999;
    padding: 10px 10px;
    border-right: #CCC 1px solid;
    width: auto;
    list-style: none;
    float: left;
}
#navigation-menu li:hover {
    background: rgb(127, 93, 170);
    color: #FFFFFF;
}
.image-slider{width:920px;margin:0px 0px 0px 0px;overflow:auto;}
.ads-image{
	border: #CCC 1px solid;
    width: 235px;
    margin: 5px 0px 5px 0px;
    min-height: 408px;
	float:right;
}
.large-thumbnail {
	width: 275px;
	height: 550px;
	margin-bottom:0px;
}
.book-thumbnail {
	width: 198px;
    height: 255px;
    margin: 0px 0px 42px 42px;
	text-align:center;
}
.book-catalogue-thumbnail {
        text-align-last: center;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    font-weight:light;
	font-size: 1.0em;
	color :red;
	 
	width: 300px;
    height: 300px;
    margin: 0px 42px 42px 0px;
    text-align: left;
    border-radius: 3px;
	

    border-color: rgb(20 109 115);
	
    background-color: #FFFFFF;
    padding: 8px;
	box-shadow: 1px 2px 5px  5px rgba(0, 0, 0, 0.25);
}


.storetitle {
	
 -webkit-text-fill-color: rgb(237 28 36);
font-size:1.5em;
	text-decoration:none;

}
.addtitle {
	
 -webkit-text-fill-color: rgb(20 109 115);
font-size:1.0em;
	text-decoration:none;

}



/* The grid: Four equal columns that floats next to each other */
.column5 {
  float: left;
  width: 25%;
  padding: 10px;
}

/* Style the images inside the grid */
.column5 img {
  opacity: 0.8;
  cursor: pointer;
}

.column5 img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row5:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container5 {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}











.storeproduct-catalogue-thumbnail {
	
	color: rgb(20 109 115);
    font-family: "Times New Roman";
	  # font-family: "Nyala";
	font-size: 0.9em;
	width: 200px;
    height: 200px;
    margin: 0px 42px 42px 0px;
    text-align: center;
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 8px;
	box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.btnAddtocart  {

	margin-top: 0px;
    padding: 8px 10px;
    background: #3c9fe7;
    border-radius: 4px;
    font-size: 0.85em;
	text-decoration:none;
	text-align: center;

	color: #fdfefe;
	vertical-align : middle;

	
}

.browse-all{
	text-align:right;	
    margin: 20px 0px;
}
#other-info{
	min-height:150px;
	border:#CCC 2px solid;
	padding: 5px;
	width: 500px;
	float : clear;

	
}
#othertitle{
	min-height:1px;
	border:#CCC 1px solid;
	padding: 50px;
	float: left;
	width: 100px;
	
}

.form-header{
	background:rgb(228, 142, 84);
	padding:5px;
	color:#FFF;
}
#footer{
	background:rgb(20 109 115);
	
    padding: 10px;
    border-top: #CCC 2px solid;
    text-align: center;
    margin-top: 60px;
}

.tab-list {
	overflow:auto;
	width:235px;
	margin-right:42px;
}
.tab-item {
	padding:8px 15px;
	    background: rgb(127, 93, 170);
	margin-bottom:1px;
}
.tab-item  a{
	color:#101;
	text-decoration:none;
}
.tab-item:hover {
	padding:8px 15px;
	background: #695;
	margin-bottom:1px;
}

.tab-item:hover a{
	color:#FFF;
}

#product-catalogue{width:920px;}

#product-catalogue .title  {
	font-size:2.5em;
	padding-top: 5px;
	font-weight:bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
	text-decoration:none;
	color:#e74c3c;
}

#product-catalogue .author  {
	padding-top: 5px;
	color: rgb(228, 142, 84);
}

.ads{
	background:rgb(228, 142, 84);
	
    padding: 10px;
    border-top: #CCC 2px solid;
    text-align: center;
    margin-top: 60px;
	width:900px;
	height: 350px;
}
.adscontext{
	background:rgb(228, 142, 84);
	
    padding: 10px;
    border-top: #CCC 2px solid;
    text-align: center;
    margin-top: 60px;
	width:600px;
	height: 300px;
	 float: right;
}


.ads-catalogue-thumbnail {
	background:rgb(255, 255, 255);
	color: rgb(20 109 115);
    font-family: "Nyala";
	font-size: 1.4em;
	width: 300px;
    height: 200px;
    margin: auto;
   float : clear;
    border-radius: 3px;
   # background-color: #FFFFFF;
    padding: 8px;
	box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.25);
	  
	
}


#product-catalogue .price  {
	padding-top: 5px;	
    font-size: 0.9em;
}

#product-catalogue a.btnAddtocart  {
	#margin-top: 4px;
    #padding: 8px 10px;
    #background: #EEE;
    #border-radius: 4px;
    #font-size: 0.85em;
	#text-decoration:none;
	
	margin-top: 0px;
    padding: 8px 10px;
    background: #e74c3c;
    border-radius: 4px;
    font-size: 0.85em;
	text-decoration:none;
	text-align: right;
	float:right;
	color: #fdfefe;
	
	
}



.pagination{margin:50px 0px 50px 0px}

.pagination input[name=page]{padding:10px 15px; background:#F0F0F0; color: #191919; border:#E4E4E4 1px solid;margin:0px 5px;width:auto;cursor:pointer;}

.pagination input[name=page]:disabled {background:#3c9fe7;border-color: #3c9fe7;  cursor:auto;}



















#product-catalogue .title a {
		font-size: 2.2em;
	text-decoration:none;
	color: rgb(127, 93, 170);
}

.btn {
    padding: 10px 30px 10px 30px;
    border: 0;
    cursor: pointer;
    color: #282B2D;
    border-color: #9fe0f3;
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all .1s linear;
    -webkit-user-select: none;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    border-radius: 1px;
    margin-right: 4px;
    text-align: right;
}

.theme-color {
    background-color: #3c9fe7;
    color: white;
}

.login-box {
	background: #f6f6f6;
    margin: 50px;
   
    min-width: 340px;
    box-shadow: 0 .5px 1px rgba(0,0,0,.5);
    border-radius: 4px;
	padding: 30px;
}
.form-login{
	padding: 10px;    
}
.form-login h1 {
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    color: #191919;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .125rem;
    margin: 0;
	text-align:center;
	padding-bottom:20px;
}

a.link{text-decoration:none;}

.cart-list-header {
	padding:10px;text-align:middle;background:rgb(224,224,224);
}
.total {
	padding:10px;border-top:rgb(245, 230, 220) 1px solid;
}
.cart-form-header {
	padding:10px;text-align:left;background:#F0F0F0;
}
.cart-form{margin:30px 60px 60px 60px;}
.cart-form td{padding:12px 0px 0px 12px;}

@media screen and (min-width: 1224px) {
	.content {
		width: 1197px;
	}
	#product-catalogue{width:920px;}
	.image-slider{width:920px;}
}
@media screen and (min-width: 1044px) and (max-width: 1224px) {
	.content {
		width: 1017px;
	}
	#product-catalogue{width:740px;}
	.image-slider{width:740px;}
}
@media screen and (min-width: 845px) and (max-width: 1044px) {
	.content {
		width: 817px;
	}
	#product-catalogue{width:540px;}
	.image-slider{width:540px;}
}



@media screen and (min-width: 715px) and (max-width: 845px) {
	#product-catalogue{width:400px;}
	.image-slider{width:400px;}
}

@media screen and (max-width: 715px) {
	#product-catalogue{width:200px;}
	.image-slider{width:200px;}
}

@media screen and (max-width: 845px) {
	.content {
		width: auto;
	}
}

.zoomin img { height: 100px;
 width: 100px; 
 -webkit-transition: all 2s ease; 
 -moz-transition: all 2s ease; 
 -ms-transition: all 2s ease; 
 transition: all 2s ease; 
 } 
 .zoomin img:hover { 
 width: 300px; height: 300px; 
 }

.newsletter {
	width: 300px;
    height: 200px;
	   color: #191919;
}
.footer-links {
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    font-size: 2.2em;
	color:#FFF;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .125rem;
    margin: 0;
	 text-align: left;
   margin-left: 15px;
	padding-bottom:20px;

	 	font-weight:bold;
}
.footer-description {
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    font-size: 0.3em;
	color:#FFF;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 400;
       margin-left: 15px;
    margin: 0;
	 text-align: left;

	 
}

.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle
.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}

.StoreProfile-title {
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    font-size: 1.3em;
	color:#286090;
	font-weight:bold;
    text-transform: uppercase;
   
       margin-left: 15px;
    margin: 0;
	 text-align: center;

	 
}
.StoreProfile-others {
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    font-size: 0.9em;
	color:#286090;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: 400;
       margin-left: 15px;
    margin: 0;
	 text-align: center;

	 
}

.Profilebackbutton{
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    font-size: 0.9em;
	color:#286090;
    font-weight: normal;
    text-transform: uppercase;
  vertical-align : center;
width: 200px;
    height: 50px;
	
	
	 line-height: 2.7;

	 
}

.storeopen {

   border-radius: 50%;
	width: 70px;
    height: 70px;
	FONT-SIZE: 18px;
	display:table-cell;
	COLOR:white;
	text-align:center;
	vertical-align: middle;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	line-height:35px;
	background:green;
	

}
.storeclose {
    border-radius: 50%;
	
	width: 70px;
    height: 70px;
	FONT-SIZE: 18px;
	display:table-cell;
	COLOR:white;
	text-align:center;
	vertical-align: middle;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;

	background:red;
	

}
.storetoclose {
    border-radius: 50%;
	width: 80px;
    height: 80px;
	FONT-SIZE: 18px;
	line-height:25px;
	display:table-cell;
	COLOR:white;
	text-align:center;
	vertical-align: middle;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;

	background:orange;
	

}

.img-subcircletext {
	FONT-SIZE: 15px;
	COLOR:white;
	line-height:15px;
	text-align:center;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    
	

}


#Locationheader{background:rgb(237, 28, 36);border-radius: 25px; height: 30px; margin:15px 0px; padding: 10px;	    font-size: 1.2em;	line-height: 30px;


  color:white;font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;}