@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(light.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(normal.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(semibold.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(bold.woff) format('woff'); }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(italic.woff) format('woff'); }
@font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: url('Ubuntu-Regular.ttf') format('truetype'); }

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Open Sans" !important; }

* { margin: 0; padding: 0; }

body, input, select, textarea { font: 14px "Open Sans"; color:#333; }
body {padding:10px; }

#page-container { width: 100%; height: auto; margin: 0 auto; position: relative; text-align:center;  }
#page { display: inline-block; width: 100%; max-width:800px; text-align:center; }
#page-header { text-align:center; margin:0 0 20px 0; }
#page-title { border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#page-title a { text-decoration:none; color:#477ED3; }
#page-logo { }
#customer_logo_image {width:100%; max-height:150px !important;  }
#buttons-list { list-style:none; text-align:center; margin:0 0 70px 0; }

.category-button, .order-button { background-image: linear-gradient(to bottom,#d8d9de 0,#eceff1 100%); text-align:center; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5);
	border-radius:4px; border:1px solid #ccc; display:inline-block; text-align:center; cursor:pointer; margin:15px 0 5px 0; }
.category-button a { text-decoration:none; color: rgb(25,25,25); display:block; font-weight: bold;}
.cat-description { text-align:center; }
.cat-description a { display:block; }
.clearfix { clear:both; }
.order-button { margin:5px 0 0 0; }

.prod-go { float:right; color: #fff; background: linear-gradient(to bottom,#b51104 0,#880015 100%); cursor:pointer; }
.prod-price { float:right; height:inherit; color:#fff; color:#b51104; font-weight:bold; }
.prod-description { text-align: left; }
.prod-title { font-weight:bold; }
.prod-subtitle { color:#777; padding:5px 0 0 0; }


#ribbon { position:fixed; width:100%; height:40px; border-top:1px solid #777; z-index:1001; bottom:0px; background: linear-gradient(to bottom,#b51104 0,#880015 100%); left:0px; 
box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5); }
#ribbon-left { width:15%; text-align:left; color:#fff; line-height:40px; float:left; padding:0; margin:0; }
#ribbon-left img { margin: 4px 0 0 10px; cursor:pointer; }
#ribbon-center { width:40%; text-align:right; color:#fff; line-height:40px; float:left; padding:0; margin:0; }
#ribbon-center img { margin: 4px; cursor:pointer; }
#ribbon-right { width:45%; text-align:right; color:#fff; line-height:40px; float:left; padding:0; margin:0; }
#search-button { float:right; border:2px solid #fff; height:26px; width:26px; margin:5px 5px 0 0; }
#search-button button { padding:0 !important; margin:0 !important; border:0 !important; }
#search-button img { margin:0 2px 2px 2px; cursor:pointer; height:20px; width:20px; }
#search-field { float:right; width:60%; margin:0 10px 0 0; }
#searchbox { border:0; height:20px; width:100%; background: #fff; margin:5px 0 0 0px; padding:5px; outline:none; }
#cart-value { float:right; font-size: 20pt; margin:0 10px 0 0; cursor:pointer; }
#cart-icon { float:right; }
#back-button { top:10px; left:10px; position:fixed; border-radius:8px; width:60px; height:60px; background: linear-gradient(to bottom,#707070 0,grey 100%); opacity:0.8; }
#back-button img { display:block;margin:10px 0 0 8px;  }

#search-form button { background:none; margin:0; border:0; padding:0; outline:none; }

.ui-dialog.conf-dialog { overflow:hidden;text-align:center; position:absolute;top:0;left:0;outline:0; border-radius:4px; border:1px solid #d9d9d9;padding:0; margin:0; box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.05) ,inset 0px 1px 0px rgba(255,255,255,0.5); }
.ui-dialog.conf-dialog .ui-dialog-buttonpane { text-align:left; padding:0; margin:0; }
.ui-dialog.conf-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ text-align:left; }
.cart-row-control { margin:20px 0 0 0; }
.cart-row-dec { float:left; width:40%; text-align:right; }
.cart-row-q { float:left; width:20%; text-align:center; }
#cartrow_q { width:80%; height:48px; line-height:48px; border:0; outline:0; text-align:center; font-size:20pt; font-weight:bold; }
.cart-row-inc { float:left; width:40%; text-align:left; }
.new-cart-product { margin:20px 0 0 0; font-size:16pt; font-weight:bold; text-align:center; }
#cartrow_cmts { width:100%; border:1px solid #ddd; background:#eaeaea; resize: none; height:100px; margin:20px 0 0 0; padding:6px; outline:none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-dialog.conf-dialog .ui-dialog-titlebar { display:none; }
.ui-dialog.conf-dialog .dialog-ok-btn { height:50px !important; line-height:50px !important; background: linear-gradient(to bottom,#b51104 0,#880015 100%) !important; color:#fff; border:0 !important; padding:0; font-size:16pt; outline:none; }

@media (min-width: 1281px) {
	#page-title { font-size:18pt; line-height:40px; }
	.category-button, .order-button { width:100%; min-height:100px;}
	.category-button a { font-size:16pt; line-height:100px; height:100px; }
	.cat-description { height:50px; line-height:50px; }

	.prod-go { width:60px; height:100px; }
	.prod-go img { margin-top:34px; }
	.prod-price { line-height:100px; width:120px; font-size:16pt; }
	.prod-description { padding: 5px 0 10px 20px; }
	.prod-title { font-size:16pt; }
	.prod-subtitle { font-size:12pt; padding:5px 0 0 0; }

	.conf-dialog { width:480px !important; }
	.ui-dialog.conf-dialog .dialog-ok-btn { width:460px; }
	#customer_offer_image { max-width:450px; }
}

@media (min-width: 1025px) and (max-width: 1280px) {
	#page-title { font-size:18pt; line-height:40px; }
	.category-button, .order-button { width:100%; min-height:100px; }
	.category-button a { font-size:16pt; line-height:100px; height:100px; }
	.cat-description { height:50px; line-height:50px; }

	.prod-go { width:60px; height:100px; }
	.prod-go img { margin-top:34px; }
	.prod-price { line-height:100px; width:120px; font-size:16pt; }
	.prod-description { padding: 5px 0 10px 20px; }
	.prod-title { font-size:16pt; }
	.prod-subtitle { font-size:12pt; padding:5px 0 0 0; }
	.conf-dialog { width:490px; }

	.conf-dialog { width:480px !important; }
	.ui-dialog.conf-dialog .dialog-ok-btn { width:460px; }
	#customer_offer_image { max-width:450px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	#page-title { font-size:18pt; line-height:40px; }
	.category-button, .order-button { width:100%; min-height:100px; }
	.category-button a { font-size:16pt; line-height:100px; height:100px; }
	.cat-description { height:50px; line-height:50px; }

	.prod-go { width:60px; height:100px; }
	.prod-go img { margin-top:34px; }
	.prod-price { line-height:100px; width:120px; font-size:16pt; }
	.prod-description { padding: 5px 0 10px 20px; }
	.prod-title { font-size:16pt; }
	.prod-subtitle { font-size:12pt; padding:5px 0 0 0; }

	.conf-dialog { width:480px !important; }
	.ui-dialog.conf-dialog .dialog-ok-btn { width:460px; }
	#customer_offer_image { max-width:450px; }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	#page-title { font-size:18pt; line-height:40px; }
	.category-button, .order-button { width:100%; min-height:100px; }
	.category-button a { font-size:16pt; line-height:100px; height:100px; }
	.cat-description { height:50px; line-height:50px; }

	.prod-go { width:60px; height:100px; }
	.prod-go img { margin-top:34px; }
	.prod-price { line-height:100px; width:120px; font-size:16pt; }
	.prod-description { padding: 5px 0 10px 20px; }
	.prod-title { font-size:16pt; }
	.prod-subtitle { font-size:12pt; padding:5px 0 0 0; }

	.conf-dialog { width:480px !important; }
	.ui-dialog.conf-dialog .dialog-ok-btn { width:460px; }
	#customer_offer_image { max-width:450px; }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
	#page-title { font-size:14pt; line-height:50px; }
	.category-button, .order-button { width:100%; min-height:120px; margin:15px 0 5px 0; }
	.category-button a { font-size:16pt; line-height:120px; height:80px; }
	.cat-description { height:50px; line-height:50px; }

	.prod-go { width:60px; height:120px; }
	.prod-go img { margin-top:44px; }
	.prod-price { line-height:120px; width:120px; font-size:16pt; }
	.prod-description { padding: 5px 0 10px 20px; }
	.prod-title { font-size:16pt; }
	.prod-subtitle { font-size:12pt; padding:5px 0 0 0; }

	.conf-dialog { width:460px !important; }
	.ui-dialog.conf-dialog .dialog-ok-btn { width:440px; }
	#customer_offer_image { max-width:430px; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	#page-title { font-size:14pt; line-height:40px; }
	.category-button, .order-button { width:100%; min-height:130px; margin:15px 0 5px 0; }
	.category-button a { font-size:16pt; line-height:130px; height:100px; }
	.cat-description { height:50px; line-height:50px; }

	.prod-go { width:60px; height:130px; }
	.prod-go img { margin-top:49px; }
	.prod-price { line-height:130px; width:80px; font-size:16pt; }
	.prod-description { padding: 5px 0 10px 20px; }
	.prod-title { font-size:14pt; }
	.prod-subtitle { font-size:11pt; padding:5px 0 0 0; }

	.conf-dialog { width:310px !important; }
	.ui-dialog.conf-dialog .dialog-ok-btn { width:290px; }
	#customer_offer_image { max-width:280px; }

	#cart-value { font-size:16pt; } 
}