p
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700&subset=latin,latin-ext);

html, body {
    height: 100%;
	font-family: 'Open Sans', 'Lucida Grande', sans-serif;
	font-weight:300;
    min-width:1200px;
    width: auto !important;
    width:1200px;
}

a,
a:hover,
a:focus {
  color:#009ee2;
}


hr {
	border-color:#e6e6e6;	
}

/* font color defination */
h1,h2 {
	font-weight:300;
	margin-bottom: 15px;	
	margin-top: 15px;	
}

h1 {
	font-size:24px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:20px;
	font-weight:300;	
}

h4 {
	font-size:18px;
	font-weight:300;
}

h5 {
	font-weight:300;	
}


html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
	  
/*** grid options ***/

.container-fluid {
	width:990px;	
}

#header{
	padding: 25px 0;
	background: #292b2b;
	margin:0 0 20px;
}

#footer {
	padding: 15px 0;
	background: #292b2b;
}


.box {
	border:1px solid #CCC;
	padding:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin:0 0 30px;
}

.row #categories-list {
	margin:0 -15px;	
}

.row.product-list, .row.related-list {
	margin:0 -8px ;	
}

.row.related-list {
	margin-bottom:10px;	
}

#product-list, #related-list {
	padding:0;
}

.product-list li {
	list-style:none;
	list-style-image:none;
	float:left;
	margin:8px;	
}
.product-list li a{
	display:block;
	float:left;
	width:80px;
	height:70px;
	text-align:center;
	border:1px solid #CCC;
	padding:20px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
	border-bottom:8px solid;
	position:relative;
}

.product-list li a span{
	position:absolute;
	right:5px;
	bottom:5px;
	font-weight:bold;
	font-size:14px;
	color:#F00;
}

.product-list li a:hover, .product-list li.active a {
	background:#292b2b;
	border-color:#292b2b;
	color:#FFF;
	text-decoration:none;
}

.product-list li a{
	color:#292b2b;
	font-size: 11px;
}

#product-details { 
	display:none;
}

#product-details h5 {
	margin-bottom:2px;	
	margin-top:2px;	
}

#product-details h4#name {
	background:#333;
	color:#FFF;
	padding:4px 5px;
	margin:0 0 5px;
}

#product-details .params {
	padding:5px 0 0 5px;
	border:1px solid #FFF;
	float:left;
	margin:0 0 0 -5px;
}

#product-details .params.error{
	border-color:#F00;
}

#product-details .params li {
	list-style:none;
	list-style-image:none;
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #CCC;
	cursor:pointer;
	opacity:0.6;
}

#product-details .params li:hover {
	border-color:#666;
	opacity:1;
}

#product-details .params li.active {
	background:#666;
	border-color:#666;
	color:#FFF;
	opacity:1;
}

#product-details .params li span {
	margin:5px;
	display:inline-block;
}

#basket-table .sm td {
	background:#b1d4f2;	
}

#system-message .alert-heading,
#system-message .close {
	display:none;
}

#system-message {
	background:#428bca;
	color:#FFF;
	font-weight:400;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#system-message p{
	margin:0;
}

.pointer {
	cursor:pointer;	
}
nav.nav {
	margin:20px 0 0;
}

nav.nav ul {
	float:right;
}

nav.nav ul li {
	float:left;	
	list-style:none;
}
nav.nav ul li a{
	padding:8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	margin:0 0 0 10px;
	color: #fff;
	background-color: #428bca;
}

.mod-languages, .mod-languages ul {
	float:right;	
}

nav.nav .mod-languages ul li {
	margin-left:0;	
}

nav.nav .mod-languages ul li a{
	background-color:#292b2b;	
	border:1px solid #666;
	margin:0 0 0 5px;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
	display: table;
	content: "";
	line-height: 0;
}
.form-horizontal .control-group:after {
	clear: both;
}
.form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
}
.form-horizontal .controls {
	*display: inline-block;
	*padding-left: 20px;
	margin-left: 180px;
	*margin-left: 0;
}
.form-horizontal .controls:first-child {
	*padding-left: 180px;
}
.form-horizontal .help-block {
	margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
	margin-top: 9px;
}

.form-horizontal .form-actions {
	padding-left: 180px;
}

.nav {
	margin-left: 0;
	margin-bottom: 18px;
	list-style: none;
}
.nav > li > a {
	display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: #eee;
}

.nav-list > li > a {
	padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background-color: #08c;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
	margin-right: 2px;
}
.nav-list .divider {
	*width: 100%;
	height: 1px;
	margin: 8px 1px;
	*margin: -5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
	*zoom: 1;
}
.nav-tabs:before,
.nav-tabs:after,
.nav-pills:before,
.nav-pills:after {
	display: table;
	content: "";
	line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
	clear: both;
}
.nav-tabs > li,
.nav-pills > li {
	float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: #eee #eee #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}
.nav-pills > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
	color: #fff;
	background-color: #08c;
}
.nav-stacked > li {
	float: none;
}
.nav-stacked > li > a {
	margin-right: 0;
}
.nav-tabs.nav-stacked {
	border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
	border-color: #ddd;
	z-index: 2;
}
.nav-pills.nav-stacked > li > a {
	margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
	margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.nav .dropdown-toggle .caret {
	border-top-color: #08c;
	border-bottom-color: #08c;
	margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
	border-top-color: #005580;
	border-bottom-color: #005580;
}
.nav-tabs .dropdown-toggle .caret {
	margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
	border-top-color: #555;
	border-bottom-color: #555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
	cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
	color: #fff;
	background-color: #999;
	border-color: #999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
}

.pagination { margin:0 ;}
.pagination ul { padding:0;}
.pagination li  { display:inline-block; list-style:none;margin:0 8px 0 0; }
.pagination li a,
.pagination li span { display:inline-block; border:1px solid #ddd; border-radius: 4px; padding:3px 9px;}
.pagination li.pagination-start,
.pagination li.pagination-prev,
.pagination li.pagination-next,
.pagination li.pagination-end {
	display:none;	
}



@media (max-width: 990px) {
	.container-fluid {
		width:100%;	
	}
	
	#price {
		float:none !important;
		text-align:left;	
	}
}

@media (max-width: 750px) {

	#product-details .form-group {
		width:100px;	
	}
	
	#basket-table {
		font-size:11px;	
	}
	
	#basket-table td{
		padding-left:1px;
		padding-right:1px;	
	}
	
	#basket-table tr td:first-child,
	#basket-table tr th:first-child{
		display:none;
		
	}

}