body {
	font-family: "VodafoneRegular";
}
@media (min-width: 1200px) {
	.container {
	    min-width: 1240px;
	}
}


@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'VodafoneBold';
  src: url("../fonts/vodafonergbd-webfont.eot");
  src: url("../fonts/vodafonergbd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/vodafonergbd-webfont.woff") format("woff"), url("../fonts/vodafonergbd-webfont.ttf") format("truetype"), url("../fonts/vodafonergbd-webfont.svg#VodafoneBold") format("svg");
}
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'VodafoneRegular';
  src: url("../fonts/VodafoneRgd41d.eot");
  src: url("../fonts/VodafoneRgd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/VodafoneRg.woff") format("woff"), url("../fonts/VodafoneRg.ttf") format("truetype"), url("../fonts/VodafoneRg.svg#VodafoneRegular") format("svg");
}


/* Refresh-spin */
.refresh-spin {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.pointer { cursor:pointer; }

html, body { font-family: "VodafoneRegular"; }

/* Header */

h1 {
    font-size: 36px;
    text-align: right;
    line-height: 60px;
}
h1.h1_logged_in { font-size: 30px; line-height: 28px; }
h1 span { font-weight:normal; font-size:18px; }
#header img { margin-right:20px; float:left; }
navbar { font-size: 21px; }
.navbar-default { box-shadow:none; background-image:none; background:#eb5b25; border-radius:0px; }
.navbar-default .navbar-text { color:white; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-default .navbar-nav>li>a:visited { font-size: 21px; color:white; }
.navbar-default .navbar-right>a, .navbar-default .navbar-right>a:hover, .navbar-default .navbar-right>a:visited { color:white; text-decoration:none; }
.navbar-default .navbar-nav>li>a:hover { box-shadow:none; -webkit-box-shadow:none; background-image:none; background:#eee; color:black }
.navbar-right { color:white; font-size: 21px; }
.navbar-right .glyphicon { font-size: 90%; line-height: 17px; overflow: hidden; }

.breadcrumb { position: relative; border-radius:0px; margin-top: -20px; }
.breadcrumb>li+li:before { color: #777; content: ">"; }

/* Footer */
#footer { background:#f2f2f2; padding-top:20px; padding-bottom: 30px; margin-top: 20px;  }
#footer img { height:32px; border:none; }
#copyright { background:#535353; color:white; } 
#copyright > p { margin:10px; }

.row { margin-right:0px; margin-left:0px; }

/* Panels */
.panel { padding: 10px; box-shadow: none; -webkit-box-shadow: none; }
.panel-primary { border-color: #1976a9; }
.panel-primary>.panel-heading { background-image: none; background: #1976a9; border-color: #1976a9; border-radius: 0px; }
.panel-primary>.panel-footer { background-image: none; background: #1976a9; border-color: #1976a9; border-radius: 0px; }
.panel-primary>.panel-footer { background-image: none; background: #1976a9; border-color: #1976a9; border-radius: 0px; }
a.hot-product:hover { color:#f5f5f5; text-decoration:none; }

.panel-info { border-color: #ccc; }
.panel-info>.panel-heading { background-image: none; background: #fff; border-color: #ccc; border-radius: 0px; color:black; }
.panel-info>.panel-footer { background-image: none; background: #ccc; border-color: #ccc; border-radius: 0px; }

.panel-default { border-color: #bec0c0; }
.panel-default>.panel-heading { background-image: none; background: #fff; border-color: #bec0c0; }
.panel-default>.panel-footer { background-image: none; background: #fff; border-color: #bec0c0; }

/* Alert */
.alert-warning, .alert-success, .alert-danger { }
.alert_glyphicon { font-size:300%; }
.alert-warning > div > h3, .alert-success > div > h3 { margin-top:0px; }

/* Buttons */
.btn-primary {
	background-color: #eb5b25;
    background-image: -webkit-linear-gradient(top,#eb5b25 0,#c2623e 100%);
    background-image: -o-linear-gradient(top,#eb5b25 0,#c2623e 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eb5b25),to(#c2623e));
    background-image: linear-gradient(to bottom,#eb5b25 0,#c2623e 100%);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #eb5b25;
    background-image: -webkit-linear-gradient(top,#c2623e 0,#eb5b25 100%);
    background-image: -o-linear-gradient(top,#c2623e 0,#eb5b25 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c2623e),to(#eb5b25));
    background-image: linear-gradient(to bottom,#c2623e 0,#eb5b25 100%);
}

/* Home Page */
#search { box-shadow:none; -webkit-box-shadow:none; width:510px; }
.hot-photo { height:100px; }

/* Search results */
.search_result_row img { height:100px; }
.pagination>li>a { color:#d4d4d4; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #eb5b25;
    background-image: -webkit-linear-gradient(top,#eb5b25 0,#c2623e 100%);
    background-image: -o-linear-gradient(top,#eb5b25 0,#c2623e 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eb5b25),to(#c2623e));
    background-image: linear-gradient(to bottom,#eb5b25 0,#c2623e 100%);
}
.search-heading { padding: 10px 5px !important; }

/* Orders Page */
.table>tbody>tr.order_row>td { cursor:pointer; vertical-align:middle; }

/* Product Page */
#product_image img { height:250px; }
.questionnaire_panel:hover { cursor:pointer; }
.questionnaire_panel > div { border-bottom:none; height: 100% }
input.questionnaire_input { position: absolute; left: -3000px; }

/* Basket */
#basket { margin:30px 0px; }
.basket-row-header { background: white; color: black; font-weight: bold; font-family: "VodafoneBold"; border-bottom: 1px #ccc solid; }
.basket-row-footer { background: white; color: black; font-weight: bold; font-family: "VodafoneBold"; border-top: 1px #ccc solid; }
.basket-row-shaded { border-bottom:1px #ccc solid; }
.basket-row > div { line-height:50px; }
.basket-row > div:last-child { text-align:right; }

#place_order_form { margin:20px 0px; }

/* Sign In/Up */
.sign-up-check { line-height: 34px; }
#forgotten_password > .panel-body { padding-bottom: 19px; }
.pad_10 { padding-left:10px; }

/* Typeahead Predictive Search */
.twitter-typeahead { background:white; width:100%; }
.tt-hint {
  width: 100%;
  height: 16px;
  padding: 12px 11px 11px 13px;
  font-size: 100%;
  line-height: normal;
  outline: none;
  color: #999;
  margin-top:4px;
}
.form-inline .tt-query { width: 225% !important; }

.tt-dropdown-menu {
  width:100% !important;
  margin-top: 12px;
  margin: 3px auto;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 12px;
}
.tt-suggestion p { margin:0px; }

.tt-cursor {
  color: #fff;
  background-color: #eb5b25;
  cursor:pointer;
}

.left_col_home .imei .tt-suggestion p {
  margin: 0;
  color:#666;
  font-size:12px;
  padding:3px;
  line-height:15px;
}
.left_col_home .imei .tt-suggestion p:hover { color:#dedede; }

.form-inline .form-control { vertical-align: middle !important; }


/* Footer ================================================================================ */
.footer-container { margin: 20px auto 0px auto; background: #eee; border: 1px #bec0c0 solid; }
.footer-container p { padding: 10px; margin:0px; text-align:center; }
.footer-container p img { width:32px; }

/* tooltip ================================================================================ */
.css-tooltip{ display: inline; position: relative; }
.css-tooltip > i {
	text-align: center;
	font: italic normal 90% Georgia, serif;
	line-height: 150%;
	color: black;
	text-shadow: white 0 1px;
	background: #DDD;
	background-clip: padding-box;
	box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
	border: 5px solid #111;
	border: 5px solid rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	position: absolute;
	width: 250px;
	left: 50%;
	margin-left: -125px;
	padding: 10px;
	bottom: 100%;
	margin-bottom: 15px;
	visibility:hidden;
	opacity:0;
	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	-ms-transition: opacity 0.25s linear;
	-o-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
}

.css-tooltip > i:before, .css-tooltip > i:after {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -10px;
}

.css-tooltip > i:before {
	border-top: 10px solid #111;
	border-top: 10px solid rgba(0, 0, 0, 0.5);
	margin-top: 5px;
}

.css-tooltip > i:after{
	border-top: 10px solid #DDD;
	margin-top: -2px;
	z-index: 1;
}

.css-tooltip:hover > i {
	visibility: visible;
	opacity: 1;
}

/* WIDGET ================================================================================ */
.panel-default>.widget-header { background-color: #eb5b25; border-radius: 3px 3px 0px 0px; font-size: larger; color: white; border:none; }
.panel-default>.widget-footer { padding:10px 0px; margin:0px; background-color: #bec0c0; border-radius: 0px 0px 3px 3px; }
.widget-footer p { line-height:14px; padding:0px; margin:0px; }
.widget-footer a, .widget-footer a:link, .widget-footer a:visited, .widget-footer a:hover { color:black; }
.widget_badge { padding:6px 14px; background-color: #eb5b25; border-radius: 3px; font-weight: normal; }
.widget_badge_nw { background-color: #cf3c4e; }
.widget_button {float: right; margin-left: 10px; padding: 2px 5px; }
#widget_search { box-shadow:none; -webkit-box-shadow:none; }