html, body { width:100%;
			height 100%;
			padding:0;
			margin:0;
			font-family:"Arial";
			}
#page {width:100%;
	  height:100%;
	  overflow:none;
	  
}
/* WE DEFINE THE BUTTON WE WILL USE A BLOODY SPAM, COLORS TO BE ADDED!!!*/

.gomb2 {
	background:#000082;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	line-height:40px;
	height:40px;
	transition:all 0.05s ease-in-out;
	box-shadow: 2px 2px 5px #00004e;
	cursor:pointer;
	}

.gomb2:after {content:"YES";color:white;font-weight:bold;}

.gomb2:hover {
	background:#00004e;
}
.gomb2:active {
	transform: translate(2px,2px);
	box-shadow: 0px 0px 0px #00004e;
}
.gomb2_ki {
background:gray;
box-shadow:none;
transform: translate(2px,2px);
}	
.gomb2_ki:hover {
	background:gray;
}
.gomb2_ki:after{content:"NO";color:white;font-weight:bold;}

.gomb {
	background:#000082;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	line-height:40px;
	height:40px;
	transition:all 0.05s ease-in-out;
	box-shadow: 2px 2px 5px #00004e;
	cursor:pointer;
	}

.gomb a{
	text-decoration:none;
}
.gomb:hover {
	background:#00004e;
}
.gomb .cmn-t-underline {
	position:relative;
  color: white;
}
.gomb .cmn-t-underline:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: white;
  content: "";
  transition: width 0.2s;
}


.gomb:active {
	transform: translate(2px,2px);
	box-shadow: 0px 0px 0px #00004e;
}
	
.gomb_ki {
background:gray;
box-shadow:none;
transform: translate(2px,2px);
}	
.gomb_ki:hover {
	background:gray;
}


/* END OF BUTTON DEFFINITION */

/* THIS IS THE CSS FOR THE MENU WILL BE MOVED IN A CSS PHP TO FULFILL THE COLORS AND THE TEAMS */
#header .menu {
	margin-left:auto;
	margin-right:auto;
	width:994px;text-align:left;color:white;font-size:11pt;
	
	background-image: -webkit-gradient(
	linear,
	right top,
	right bottom,
	color-stop(0, #555555),
	color-stop(0.5, #2C2C2C)
	);
background-image: -o-linear-gradient(bottom, #555555 0%, #2C2C2C 50%);
background-image: -moz-linear-gradient(bottom, #555555 0%, #2C2C2C 50%);
background-image: -webkit-linear-gradient(bottom, #555555 0%, #2C2C2C 50%);
background-image: -ms-linear-gradient(bottom, #555555 0%, #2C2C2C 50%);
background-image: linear-gradient(to bottom, #555555 0%, #2C2C2C 50%);

}
#header .menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  
}

#header .menu ul li {
  display: block;
  position: relative;
  float: left;
 
  width:150px;
}

/* This hides the dropdowns */


 #header .menu li ul { display: none; } 

#header .menu ul li a {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  text-decoration: none;
  text-align:center;
  white-space: nowrap;
  color: #fff;
  z-index:100;
  border-bottom:5px solid #2C2C2C;
  	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;

  
}


#header .menu ul li a:hover { 
	border-bottom:5px solid #000082; 
	
	}

/* Display the dropdown */


#header .menu li:hover > ul {
  display: block;
  position: absolute;
  z-index:100;
  width:100%;
  background-color:#2C2C2C;
 
}

#header .menu li:hover li { float: none; }

#header .menu .main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


#header .menu ul ul ul {
  left: 100%;
  top: 0;
}

/* Simple clearfix */



#header .menu ul:before,#header .menu ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

#header .menu ul:after { clear: both; }

/* END OF CSS MENU */
#my_modules {
	width:994px;background:#E1E1E1;height:200px;position:relative;margin-top:15px;border-radius:10px;
	max-width:100%;
}
#my_modules .my_blocks {
	width:305px;color:#6B737E;font-size:14pt;font-weight:bold;padding:5px 10px;display:inline-block;position:relative;
}

#my_modules .my_blocks div{
background:white;width:100%;height:160px;padding:5px;font-size:12pt;
}
#my_modules .my_blocks p{
	font-weight:normal;
float:left;width:185px;
max-width:59%;
}
#my_modules .my_blocks img{
float:right;max-height:160px;max-width:39%;
}
#my_modules .my_blocks a{
color:red;font-size:10pt;position:absolute;bottom:10px;left:15px;
}
#my_modules_wrapper {
	width:994px;margin-left:auto;margin-right:auto;position:relative;max-width:100%;
}

#content_wrapp {
	position:relative;width:100%;width:994px;margin-left:auto;margin-right:auto;max-width:100%;margin-top:5px;

}

.content_right {
	width:20%;display:inline-block;
}
.content_right_wrapper {
	transition-property:max-height, background;
	transition-duration:0.5s, 1s;
	transition-timing-function:ease, ease-in-out; 
	
	width:100%;
	background:#6b737e;
	position:relative;
	cursor:default;
	margin-bottom:15px;max-height:150px;

	border-radius:5px; 
	overflow:hidden; box-shadow: 
	2px 5px 10px 0px #000;
}

.content_right_heading {display:inline-block;color:white;font-weight:bold;width:100%;font-size:11pt;border-bottom:5px solid #D0496E}

.content_right_main {transition:background-color 0.5s ease-in-out;background-color:#E1E1E1;color:#6b737e;font-size:10pt;text-align:justify;padding:6px 5px 6px 5px;position:relative;}
.content_right_main img {width:50px;height:50px;float:right;margin:5px;}
.content_right_wrapper .read_more {
	transition:background 0.5s ease-in-out;
	display:inline-block;
	font-size:10pt; 
	cursor:pointer; 
	background: -webkit-linear-gradient(left, rgba(225,225,225,0.5), rgba(225,225,225,1) 60%, rgba(225,225,225,1)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background:    -moz-linear-gradient(left, rgba(225,225,225,0.5),rgba(225,225,225,1) 60%, rgba(225,225,225,1)); /* For Firefox (3.6 to 15) */
    background:      -o-linear-gradient(left, rgba(225,225,225,0.5),rgba(225,225,225,1) 60%, rgba(225,225,225,1)); /* For old Opera (11.1 to 12.0) */ 
    background:         linear-gradient(to right, rgba(225,225,225,0.5),rgba(225,225,225,1) 60%, rgba(225,225,225,1)); /* Standard syntax; must be last */
	color:red;
	position:absolute;
	bottom:1px;
	right:3px;
	padding-left:125px;
}

.content_right_wrapper:hover {
	background:#888f97;
}

.content_right_wrapper:hover .content_right_main{
	background:#f3f3f3;
}
.content_right_wrapper:hover .read_more{
    background: -webkit-linear-gradient(left, rgba(243,243,243,0.5), rgba(243,243,243,1) 60%, rgba(243,243,243,1)); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background:    -moz-linear-gradient(left, rgba(243,243,243,0.5),rgba(243,243,243,1) 60%, rgba(243,243,243,1)); /* For Firefox (3.6 to 15) */
    background:      -o-linear-gradient(left, rgba(243,243,243,0.5),rgba(243,243,243,1) 60%, rgba(243,243,243,1)); /* For old Opera (11.1 to 12.0) */ 
    background:         linear-gradient(to right, rgba(243,243,243,0.5),rgba(243,243,243,1) 60%, rgba(243,243,243,1)); /* Standard syntax; must be last */

}
.content_left {
	width:80%;float:left;padding-right:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.content_left .stretch{
	width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.content_left > h3 {
	padding:2px;
	border-radius:8px;
	color:white;
	width:100%;
	background-color:#f07800;
}
.content_left > p {
	padding:2px;
	width:100%;
	text-align:justify;
	font-size:11pt;
}
.content_left .temp_class {
	visibility:hidden;
}
.content_left .list_product_vertical {
	border:2px solid #E1E1E1;
	width:175px;
	display:inline-block;
	height:225px;
	margin-bottom:5px;
	border-radius:5px;
	text-align:center;
}
.content_left .list_product_vertical > .header{
width:100%;
text-align:center;
line-height:30px;
font-size:12pt;
font-weight:bold;
display:inline-block;
background:#E1E1E1;
white-space: nowrap;
overflow: hidden;
}
.content_left .list_product_vertical > img {
	margin-top:15px;margin-bottom:15px;
}
.content_left .list_product_vertical > .pricebar{
width:100%;text-align:center;font-size:11pt;display:inline-block;margin-bottom:5px;
}
.content_left .list_product_vertical > .gomb{
	    transform: scale(0.6);
    width: 100px;
    margin-left: auto;
    margin-right: auto;	
}
.advert_big_box {
	overflow:hidden;
	position:relative;
	width:100%;
	min-height:150px;
	border:5px solid #e1e1e1;
	border-radius:10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding:10px;
	cursor:pointer;
	margin-bottom:10px;
}

.basket_big_box {
	overflow:hidden;
	position:relative;
	width:100%;
	min-height:150px;
	border:2px solid #e1e1e1;
	border-radius:10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding:10px;
	
	margin-bottom:10px;
}

.advert_big_box > img {
	width:120px;height:120px;
	opacity:0.85;
	transition:all 0.5s ease;
}

.advert_big_box > h2{
	position:absolute;
	border-bottom:3px solid #e1e1e1;
	border-bottom-left-radius:10px;
	padding:5px;
	margin-left:140px;
	top:-20px;
	width:100%;
	background-color:#e1e1e1;
	color:#6b737e;
	transition:all 0.5s ease;
}

.basket_big_box > h2{
	position:absolute;
	font-size:14pt;
	padding:5px;
	margin-left:-10px;
	top:-16px;
	width:100%;
	background-color:#e1e1e1;
	color:#6b737e;
	transition:all 0.5s ease;
}

.advert_big_box > p {
	position:absolute;left:140px;text-align:justify;top: 30px;padding: 10px;font-size: 11pt;opacity:0.85
}

.advert_big_box:hover > h2{ 
	border-bottom:3px solid #000082;
}
.advert_big_box:hover > img{ 
	opacity:1;
}

.advert_big_box:hover > p{ 
	opacity:1;
}

.basket_group {
	width:100%;margin-top:30px;position:relative;padding-left:20px;
}
.basket_group_image {
	display:inline-block;vertical-align:bottom;
}
.basket_group_description {
	padding-left: 40px;width: 400px;max-width:100%;height: 104px;border-right: 2px solid #e1e1e1;display:inline-block;
}
.basket_group_description > p {
	padding-top:6px;
}
.basket_group_tc {
	display:inline-block;max-width:100%;width:200px;text-align:center;height:104px;vertical-align:middle;padding-right:10px;
}
.pr2{
	width:100%;background:#6b737e;max-height:150px;border-radius:5px; overflow:hidden; box-shadow: 2px 5px 10px 0px #000;
}

.product_detail_container {
	position:relative;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:3px solid #e1e1e1;border-radius:10px;min-height:20px;text-align: right;
}
.product_title_wrapper
{
width:400px;display:inline-block;box-sizing: border-box;background:#e1e1e1;text-align:left;padding:5px;font-style:italic;border-bottom-left-radius:10px;	
}
.product_title_wrapper span:nth-child(1) {
display:inline-block;font-size:10pt;width:100%;	
}
.product_title_wrapper span:nth-child(2) {
display:inline-block;font-size:12pt;width:100%;font-weight:bold;
}
.product_title_wrapper span:nth-child(3) {
display:inline-block;font-size:10pt;width:100%;text-align:right;text-decoration:underline;cursor:pointer;
}
.product_detail_container img {
	float: left;margin-left: 10px;margin-top: 10px;
}
.product_detail_container .gomb:nth-of-type(2) {
	width:100px;position:absolute;top:240px;left:8px;
}
.product_detail_container .gomb:nth-of-type(3) {
	width:100px;position:absolute;top:240px;left:146px;
}
.product_detail_container .swipebox{
	position:absolute;left:130px;top:190px;display:block;
}
.no_show {
	display:none;
}
.ui-bar-b{
	background-color: #000082 !important;
	border-color: #000082 !important;
	text-shadow: #000082 !important;
}
.price_box {
	width:400px;display:inline-block;text-align:center;font-style:normal;font-size:11pt;
}
.price_box_heading {display:inline-block;}
.price_box_heading span:nth-child(1) {
	width:150px;display:inline-block;
}
.price_box_heading span:nth-child(2) {
	width:120px;border-right:1px solid black;display:inline-block;
}
.price_box_heading span:nth-child(3) {
width:120px;display:inline-block;
}
.product_detail_container .column1{width:150px;display:inline-block;text-align:left;border-top:1px solid black;}
.product_detail_container .column2{width:120px;border-right:1px solid black;display:inline-block;border-top:1px solid black;}
.product_detail_container .column3{width:120px;display:inline-block;border-top:1px solid black;}
.product_detail_container .column4{width:220px;display:inline-block;text-align:left;}
.product_detail_container .column5{width:170px;display:inline-block;text-align:left;}

.product_description_container .column1{width:150px;display:inline-block;text-align:left;border-top:1px solid black;}
.product_description_container .column2{width:120px;border-right:1px solid black;display:inline-block;border-top:1px solid black;}
.product_description_container .column3{width:120px;display:inline-block;border-top:1px solid black;}
.product_description_container .column4{width:220px;display:inline-block;text-align:left;}
.product_description_container .column5{width:170px;display:inline-block;text-align:left;}

.print_my_terms {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	display:block;
	width:32px;
	height:32px;
	background:url(../img/print.png);
	background-size:contain;
}

/* LETS GET RESPONSIVE */
/* FIRST THINGS FIRST IN NORMAL CASE HIDE THE MOBILE MENU */
.mobile_menu {display:none;}

/* THIS IS ONLY FOR PORTRAIT MODE FOR NARROW DEVICES ONLY */
@media only screen and (max-width: 766px) and (orientation: portrait){
	.price_box_heading span:nth-child(1) {
	width:118px;display:inline-block;
}
.price_box_heading span:nth-child(2) {
	width:90px;border-right:1px solid black;display:inline-block;
}
.price_box_heading span:nth-child(3) {
width:90px;display:inline-block;
}
.print_my_terms {display:none;}	
.product_detail_container .column1{width:118px;display:inline-block;text-align:left;border-top:1px solid black;font-size:9pt;}
.product_detail_container .column2{width:90px;border-right:1px solid black;display:inline-block;border-top:1px solid black;font-size:9pt;}
.product_detail_container .column3{width:90px;display:inline-block;border-top:1px solid black;font-size:9pt;}
.product_detail_container .column4{width:160px;display:inline-block;text-align:left;}
.product_detail_container .column5{width:130px;display:inline-block;text-align:left;}

.product_description_container .column1{width:118px;display:inline-block;text-align:left;border-top:1px solid black;font-size:9pt;}
.product_description_container .column2{width:90px;border-right:1px solid black;display:inline-block;border-top:1px solid black;font-size:9pt;}
.product_description_container .column3{width:90px;display:inline-block;border-top:1px solid black;font-size:9pt;}
.product_description_container .column4{width:160px;display:inline-block;text-align:left;}
.product_description_container .column5{width:130px;display:inline-block;text-align:left;}
}

/* LETS DO SOME MEDIA QUERIES */
@media only screen and (max-width: 766px) {
/* PRODUCT DETAIL TWEEKS */
.product_title_wrapper
{width:100%;}

.product_detail_container .gomb:nth-of-type(2) {
	width:100px;position:initial;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:10px;
}
.product_detail_container .gomb:nth-of-type(3) {
	width:100px;position:initial;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:10px;
}
.product_detail_container .swipebox{
	position:initial;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;
}

.product_detail_container img{
	float: none;
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.price_box {
	width:100%;
}

/* NO BANNER FOR ANYTHING BELOW 1024px */
.logo_bar {display: none; }
.menu {display:none;}
#slider1_container {display:none;}
.content_right {display:none;}

/* LEFT NEEDS TO BE 100% rather then 80% */
.content_left { width:100%;padding-left:5px;padding-right:5px;}

/* CHANGE SOME STYLE FOR BASKET */
.basket_group {text-align:center;padding-left:0px;}
.basket_group_description {width:100%;border-right:none;padding:0;height:auto;}
.basket_group_description > p {padding:0;margin:3px 0px;}
.basket_group_tc {width:100%;height:auto;padding:0;}
.basket_group_tc > p{padding:0;margin:3px 0px;}

/* ALSO make the blocks width:100 */
#my_modules {
	height:auto;
	border-radius:0px;
	
}
#my_modules .my_blocks {
	width:100%;
	padding:0;
}
#my_modules .my_blocks div{
	padding:0
}
.mobile_menu {
	display:block;
	width:100%;
	background-color:#f07800;
}
nav { width: 100%; float:right; }
nav ul {
  list-style: none;
  overflow: hidden;
  padding-top: 10px;
  margin-bottom: 22px;
  float: left;
  text-align: center;
  width: 100%;
  padding:0;
}
nav ul li {
  width: 100%;
  padding: 7px 0;
  margin: 0;
  display: inline-block;
   line-height: 1.5;
}
nav ul a {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}

.mobile-toggle {
  display: block;
  cursor: pointer;
  font-size: 20px;
  position: absolute;
  right: 22px;
  top: 0;
  width: 30px;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  padding-top:5px;
}

.mobile-toggle span {
  width: 30px;
  height: 4px;
  margin-bottom: 6px;
  border-radius: 1000px;
  background: #8f8f8f;
  display: block;
}
#header {padding-top:45px;overflow:hidden; transition: all 1s ease;max-height:0px;
background-color:#f07800;}

.open-nav { max-height: 400px !important; }

.open-nav .mobile-toggle {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

}

            /* jssor slider bullet navigator skin 10 css */
            /*
            .jssorb10 div           (normal)
            .jssorb10 div:hover     (normal mouseover)
            .jssorb10 .av           (active)
            .jssorb10 .av:hover     (active mouseover)
            .jssorb10 .dn           (mousedown)
            */
            .jssorb10 {
                position: absolute;
            }
            .jssorb10 div, .jssorb10 div:hover, .jssorb10 .av {
                position: absolute;
                /* size of bullet elment */
                width: 11px;
                height: 11px;
                background: url(../banner/bg.php?color=000082&color2=f07800) no-repeat;
                
                cursor: pointer;
            }
            .jssorb10 div { background-position: -10px -10px; }
            .jssorb10 div:hover, .jssorb10 .av:hover { background-position: -40px -10px; }
            .jssorb10 .av { background-position: -70px -10px; }
            .jssorb10 .dn, .jssorb10 .dn:hover { background-position: -100px -10px; }