@import "buttons.css";
@import "typography.css";
@import "colourscheme.css";
@import "cssmenu_style.css";
@import "carousel.css";

body {
	margin: 0;
}

#positioncontainer{
	width:980px;
	margin: 0 auto; 
}

a img{
	border:none;
}

#checkoutsearch{
	float:left;
	margin: 60px 0 0 10px;
}


#checkoutsearch input{
	margin: 0; 
	padding: 0;
}

#searchButton{
	float:left;
	margin:0 0 0 16px;
}

img.infopageImageLeft {
	float: left; 
	margin: 20px;
padding:30px;
max-height:200px;
border:1px solid #ccc;
margin-top:0px;
background-color:#fff;
}

img.infopageImageRight {
	float: right;
	margin: 20px;
padding:30px;
max-height:200px;
border:1px solid #ccc;
margin-top:0px;
background-color:#fff;
}

#right-content #cardicons{
float:left;
width:174px;
padding-top:19px;
padding-left:22px;
padding-bottom:19px;
background-color:#ccc;
}

#checkoutIcons{
float:none;
padding-top:5px;
padding-bottom:5px;
background-color:#ccc;
}



p.info-listing-notes{padding:10px;padding-top:0;}


h2.info-listing-heading {padding:10px;padding-bottom:0;}


#powered {

padding-bottom: 20px; 
	clear:left;
text-align:center;
}


/* =================== page structure sytles =================== */

#logo{
	padding:0px;
	float: left; 
	margin-left:-20px;
}

#maincontainerwrapper{
	margin: 0pm; 
	float: left; 
	width: 980px;
}

#maincontainer{
	float: left; 
	width: 980px;
}

#header{
	width:480px; 
	margin:0;
	padding:0; 
	float: left;		
	height: 123px;
}

#contactdetails{
width:980px;
float: left;
	padding-top:20px;
}
#contactdetails b{


}

#contactdetails .left {
float: left;	
margin-top:-15px;
}
#contactdetails .right {
float: right;
margin-top:-15px;
}


#topbar {
	width: 280px; 
	height: 40px;
	float: right;
	margin-top:10px;		
}		

#headerright{
	float: right;

}

div#cartSummary{
	margin:10px 0 0 0;
	padding: 0;
	float:left;
	width:200px;
}


div#cartsummaryCheckout{
	float:left;
	margin:0 10px 0 0;
}



#breadcrumb {



}	

#breadcrumb-position{
	margin:0;
	padding-top: 11px;


}

#container{
float:left;
}

#container.home{
	
border-top: 5px solid #fff;

border-radius: 7px 0px 0px 7px;
	
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius: 7px 0px 0px 7px;
	
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	
	-webkit-border-radius: 7px 7px 0px 0px;
	
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;

}

#navigation{
	border-top: 5px solid #ffffff;
	width:190px; 
	float:left;
	padding-bottom: 20px;
}



#content{
width:980px; 
float:left;
background-image: url(http://www.kendonflexocare.co.uk/mall/kendonflexocare/images/CSSImages/Dot.png);
background-repeat: repeat-y;
background-position:784px;
border-top:7px solid #ccc;
}


#content.home{
border-top:0px;
}

#right-content{
width:195px;
min height:150px; 
float:right;
padding-bottom: 10px;
background-color:#fff;

}

#cart{
float:left;
background-color:#fff;
}

#right-content.home #cart{
margin-top:-5px;
border-left:1px solid #ccc;
margin-left:-1px;
border-radius:0px 10px 0px 0px;
	
	border-top-left-radius:0px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius: 0px 10px 0px 0px;
	
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	
	-webkit-border-radius: 0px 10px 0px 0px;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
}

#right-content.home .title_box{
border-radius:0px 10px 0px 0px;
	
	border-top-left-radius:0px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius: 0px 10px 0px 0px;
	
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	
	-webkit-border-radius: 0px 10px 0px 0px;
	
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;


}

#department-holder{
	width:760px; 
	float:left;
padding-left:23px;
}

#department-holder.emailer{
	
padding-left:13px;
}


#department-holder.home {
width:783px; 
padding:0px;

}


#product-holder{
	width:770px; 
	float:left;
padding-left:13px;
margin-bottom:20px;
border:0px;

}

#product-holder.lv3{
	min-height:200px;
}

#product-holder.home{
	width:784px; 
	float:left;
padding:0px;
margin:0px;
margin-bottom:20px;
}


h2.info-listing-heading{
	margin: 5px 0 10px 10px; 
}

#footer{
	width: 980px;

	float: left;
	clear: both;
}

#newslettertext{
	padding: 11px 10px 0 0;
	width: auto;
	float: right;
} 

#newsletterform {
	padding-top: 10px;
	width: auto;
	float: right;
} 

#newsletterform .buttons{
	float:left;
}

#newsletterform input{
	margin: 0; 
	height: 16px; 
	width:160px;
	float:left; 
}
iframe {height: 20px; width: 200px;} 

/* =================== menu sytles =================== */
div.menu-heading{
	float: left;
	padding: 10px 5px 5px 10px;
	width: 170px;
}

#infolinks, #topsellers-menu ul, #loginlinks{
	padding-left: 10px; 
	/* margin: 10px 5px 0 10px; */
	margin: 0;
	list-style: none;
	float: left;
}

#infolinks li, #topsellers-menu li, #loginlinks li{
	margin-bottom: 9px;
}

#departments-menu,
#banner{
	float: left;
}

#banner{
	margin: 0;
	width:196px;
	background-color:#FFFFFF;
	overflow: hidden;
}

/* =================== listing sytles =================== */

#department-notes{
	margin:0px;
padding-bottom:15px;
padding-left:28px;
max-width:400px;

}

#department-notes.home{
	margin: 20px;
        margin-top:10px;
padding:0px;
max-width:800px;
}


#department-image{
	float: right; 
	padding-right:14px;
background-color:#fff; 
max-height:210px;
min-height:200px;
}
#department-image img,
#department-image.productpage img,
#department-image.lv3 img {

max-height:250px;
}



#department-image-holder{
float:right;
width:780px;
margin-bottom:-100px

}

div.item-listing-main {
        text-align: center;
        width: 784px; 

}


#first.item-listing-main {
	border-top:0;
}


#first.item-listing{	
        overflow:hidden;
}


div.item-listing{
	width: 194px; 
	height:180px;
	float: left; 
border:1px solid #fff;
	border-right:1px solid #ccc;
margin-bottom:20px;
}

a #last.item-listing {
	border-right:1px solid #fff;
}
a:hover #last.item-listing {
	border:1px solid #666;
}

div.item-listing .image{
width: 194px; 
height:130px;
float:left;
overflow:hidden;
}

div.item-listing .title{
width: 174px; 
float: left; 
height:30px;
max-height:30px;
font-weight:bold;
font-size:14px;
line-height:15px;
padding:10px;
font-family:arial;
}
div.item-listing .subtitle{
width: 189px; 
float: left;
font-weight:bold;
font-size:8px;

padding:2px;
}
div.item-listing .description{
width: 174px; 
float: left;
font-weight:bold;
font-size:15px;
padding:10px;
background-image: url(../images/CSSImages/homelinks_infobackground.png);
background-repeat: repeat;
}

div.item-listing .priceoutput{
position:absolute;
margin-left:0;
margin-top:156px;
width:194px;
background-image: url(../images/CSSImages/homelinks_infobackground.png);
background-repeat: repeat;

}

div.item-listing a{
width: 194px; 
text-align: center;
float:left;
padding:0px;
margin: 0px;
	
}






/* =================== home product-list sytles =================== */


#first.item-listing-home{	
        overflow:hidden;
}


div.item-listing-home{
	width: 194px; 
	float: left; 
border:1px solid #666;
	border-right:1px solid #fff;
overflow:hidden;
margin-bottom:10px;

}

a #last.item-listing-home {
	border-right:1px solid #fff;
}
a:hover .item-listing-home {
	border:1px solid red;
}

a:hover #last.item-listing-home {
	border:1px solid red;
}




div.item-listing-home .image{
width: 194px; 
height:170px;
overflow:hidden;
float:left;
border-bottom:7px solid #ccc
}


div.item-listing-home img{
height: 154px;

}

div.item-listing-home .title{
width: 194px; 
float:left;
font-weight:bold;
height:20px;
font-size:12px;
padding:10px;
padding-left:0px;
padding-right:0px;
border-bottom:7px solid #ccc;
background-color:#666;
overflow:hidden;
color:#fff;
}
div.item-listing-home .subtitle{
width: 189px; 
float: left;
font-weight:bold;
font-size:8px;
padding:2px;
}
div.item-listing-home .description{
width: 194px; 
float: left;
height:22px;
overflow:hidden;
color:#990000;
font-weight:bold;
font-size:15px;
padding:10px;
padding-left:0px;
padding-right:0px;
background-image: url(../images/CSSImages/homelinks_infobackground.png);
background-repeat: repeat;

}

div.item-listing-home .priceoutput{
margin-left:0;
float: left;
width:194px;

background-color:#ffff33;

}

div.item-listing a{
width: 194px; 
text-align: center;
float:left;
padding:0px;
margin: 0px;
	
}









div.item-listing.midposition{
background-color:#fff;
}


div.last div.item-listing.midposition{
border-right:1px solid #fff;
}

a:hover div.item-listing.midposition,
a:hover div.item-listing{
text-decoration:underline;
border:1px solid #666;
}



#first.item-listing-main {


}

div.first div.midposition{

}

div#item-listing-main h2{
	float:left;
	margin:10px 0 0 12px;
	width:400px;
}

div.item-listing img{
	margin-bottom: 10px;
	width: 194px;
}

div.item-listing.midposition img{
	margin-bottom: 10px;
	height: 134px;
	width: auto;
}

div.item-listing-main{
	clear: left;
}

#info-listing-main{
margin:50px;

}
div.info-listing{
	clear: both;
}

p.info-listing-notes{
	margin: 0 0 10px 10px;
}

p.search-notes{
	margin-right: 20px;
}


/* =================== product listing sytles =================== */



#product-listing-header{
	width: 746px; 
	float: left; 
padding: 3px 0px 2px 10px;
}
div.product-listing{
width: 746px; 
float: left;	
border-bottom:1px dotted #cccccc;
padding: 5px 10px 5px 10px;
}

div.product-listing .product-title, #product-listing-header .product-title {float:left; padding:0px 10px 0px 0px;}

div.product-listing .product-id, #product-listing-header .product-id  {float:left; width:100px;text-align:left;clear:both}
div.product-listing .product-title {text-align:left;max-width:400px;}

div.product-listing .purchase-holder {float:right}

div.product-listing .quantity input {
float:left;
width:30px;
height:11px;
margin:0px;
padding:0px;
text-align:left;
}



div.product-listing .priceoutput {
float:right;
text-align:right;
padding:0px 10px 0px 0px;
}

div.product-listing .quantity {
float:right;
text-align:right;
}

div.product-listing .button {
height:10px;
float:right;
text-align:right;
margin:0px;
padding:0px 0px 0px 0px;
}
div.product-listing .button a {
border:1px solid #666;
border-left:0px;
float:left;
padding:0px 5px 0px 5px;
background-color:#666;
color:#fff;
text-transform:uppercase;
}


div #buybutton .buttons button {
border:1px solid #666;
border-left:0px;
margin:0px;
background-color:#666;
color:#fff;
text-transform:uppercase;
padding-top:2px;
padding-bottom:1px;

}

div #buybutton .buttons button img {display:none;}


div.product-listing .button a:hover,
div #buybutton .buttons button:hover {
background-color:#000;
text-decoration:none;
}

div.product-listing .priceoutput br{float:left; padding-left:10px;}


div.title_box {

background-image: url(http://www.kendonflexocare.co.uk/mall/kendonflexocare/images/shoppingCart.gif);
background-repeat: no-repeat;
height:50px;
width:196px;

}


.DeptBuyQtyText
{ display:none; }


.deptPageProductQuantity, #le_form .quantity input, form .quantity input
{height:13px; float:left;text-align:center;margin:0px; padding:1px;border:1px solid #ccc; font-size:10px }

.addToBasketButton{border-left:5px solid #ccc; margin-left:-6px}
.addToBasketButton:hover{border-color:#000}

form .quantity{visibility:hidden;}
#le_form .quantity{visibility:visible;}


#le_form .priceoutput, 
#le_form #buybutton,
form .quantity, 
form .priceoutput, 
form #buybutton
{float:left;}




div.item-listing a{
width: 195px; 
text-align: center;
float:left;
padding:0px;
margin: 0px;
		
}
#le_form .priceoutput,form .priceoutput {padding-right:10px;}
#le_form, #product-details form {padding-top:10px;}
#le_form a, #product-details form a {font-weight:bold}
.buyholder{float:right;padding:0}

#le_form a, #product-details form a {float:left;}

a#goToCheckout.checkoutLink { 

float:right;
clear:both;
border-left:6px solid #ccc;


}
a#goToCheckout.checkoutLink:hover { 

border-color:#000;

}

div.buyholder input {float:right;}



div.buyholder input {border-left:5px solid #ccc;}

div.buyholder input:hover{border-color:#000}







#pagination, 
#pagination-btm{
float:left;
	width:575px; 
	height:30px; 
	float:left;
display:none; 
}


#pagination table, 
#pagination-btm table{
	margin-top:3px;
}


#pagination.search, 
#pagination-btm.search{
	width:784px; 

display:inline; 
}

/* =================== product sytles =================== */



#product-images {
	float: left; 
	width:350px;
	margin:18px 0 0 0; 
	text-align: center;
}

#product-images #main-image img {

	width:280px;
	margin:0; 
	text-align: center;
}

#product-details {
	float: right;
	margin:20px 30px 0 0;

width:600px;	
max-width:600px;
}

#le_form .purchase-holder {
	padding-top:10px;
	border-top:1px dotted #ccc;
}





#product-heading, h2 {
	margin: 5px 0 10px 0;
	font-size: 15px;
}

#popupimagelink a {
	line-height: 25px;
}

#buybutton {
	float: right;
}

#emailfriend {
	margin:10px 0 10px 0;
}
	
#emailfriend img{
	vertical-align: middle;
}

table.complexOptions{
	border-spacing: 0;
}

table.complexOptions td {
	margin:2px 2px 0 0;
}

/* =================== Shoppingcart styles =================== */

#checkoutcontainer {
	width: 980px; 
	float: left;
background-color:#fff;
text-align:center;
border-top:7px solid #ccc;
}



table.ShoppingCart{
	padding: 0;
}

table.ShoppingCartItems, 
#cartButTable {
	border: none; 
	padding: 0; 
	width: 890px;
margin-left:43px;
}

#cartButtonsWrapperSC {
	border: none; 
	padding: 0; 	
margin-left:283px;
}

#checkoutcontainer center{ padding-top:10px;}

.minordertext b {font-size:15px; }

#cartButtonRecalculateWrapper {
	border: none; 
	padding: 0; 
}

tr.ShoppingCartTitle{
float:left;

}

th.ShoppingCartTitle{
float:left;
font-size:18px;
text-align:left;
padding-left:50px;

padding-top:50px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
margin-left:-3px;	

}

th.ShoppingCartHeading{
	padding: 0px;
}

td.ShoppingCartSubTotalText{
	padding: 2px;
}

td.ShoppingCartItem,
td.ShoppingCartTotalFigures,
td.ShoppingCartSubTotalFigures,
td.ShoppingCartTotalText,
td.ShoppingCartGrandTotalText,
td.ShoppingCartGrandTotalFigures{
	padding:2px;
}


td.ShoppingCartText{ 
	background-color: #fff;
	padding-left: 0; 
}

/* =================== Checkout styles =================== */

div.voucherbox {float:left;padding-bottom:20px;}


table.CheckoutCardDetails,
table.CheckoutVoucherDetails,
table.CheckoutCustomerDetails,
table.CheckoutDeliveryDetails,
.CheckoutHeading{
	padding: 2px;
	width: 890px;
margin-left:43px;
}

th.CheckoutHeading{
	padding: 4px 2px 4px 2px; 
}

tr.CheckoutCardDetails,
tr.CheckoutVoucherDetails, 
tr.CheckoutCustomerDetails, 
tr.CheckoutDeliveryDetails{
	padding: 2px 0 2px 8px;
}

td.CheckoutText,
td.CheckoutPrompt,
td.CheckoutField{
	padding: 1px 2px 1px 2px; 
}

.CheckoutInput{
	padding: 2px 0 2px 2px;
}

.CheckoutButtons, 
.checkoutButtons{ 
	padding: 1px 2px 1px 2px;
}

#checkoutBreakTable{
	display: none;
}

/* =================== Order Tracking Page Styles =================== */

table.orders{
	width: 100%;
}

table.orders td {
	padding: 3px 0 3px 3px;
}

td.orderidheading{
	padding: 0 0 0 3px !important; 
}

td.ordersDetail{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

td.ordersTotalheading{
	padding: 0 0 0 3px !important;
}

td.ordersTotal{
	padding: 0 0 0 3px !important;
}

/* retailer changes */

#breadcrumb-position{
	width: auto; 
	float: left;
}

#currency iframe {display: none;}
#currency form {
	margin: 0;
	padding: 0;
}
#currency{
	margin:0 10px 0 0;
	padding-top: 12px;
	padding-bottom: 0;
	width: auto; 
	float: right;
}
#currency img{
	margin-left: 1px !important;
	margin-right: 1px !important;	
	margin-bottom: 0;
	margin-top: 0;	
	padding: 0;
}
#currencytitle{
	margin:0 10px 0 0;
	padding-top: 11px;
	width: auto; 
	float: right;
}
#reviewmain{
	clear: both;
	float: left;
}

#reviews{
	clear: both;
	float: left;
}

#addreviewwrap{
	clear: both;
}
#reviewmain, h2.reviewtitle{
	padding: 0 0 10px 12px;
}

#addreview {
	float: left;
}

/* Mini Cart Styles */

#cart_details{
	width:196px;
	position:relative;
	font-size:12px;
}

.ItemTitle{
	font-weight:bold;
max-height:35px;
overflow:hidden;
}

.ItemDetails{
	float:left;
}

.ItemQuantity, .totalLabel{
	float:left;
}
.ItemPricing, .totalValue{
	float:right;
}

.itemLine{
	width:166px;
	border-bottom:1px solid #FFFFFF;
	clear:both;
	float:left;
	position:relative;
	background-color:#F7BF60;
	padding:4px 15px 4px 15px;
}

.ItemDetails{
	width:166px;
}

.itemTotal, .itemCheckout{
	clear:both;
	font-weight:bold;
	background-color:#F4A460;
	color:#FFFFFF;
}

.itemCheckout{
	background-color:#FF7F18;
}

#addedProduct{
	float:left;
	background-color:#FFFFFF;
	border:1px solid #0000CC;
	position: relative;
	right:120px;
}

#productAdded{
	height:auto;
	left:-147px;
	position:absolute;
	top:-28px;
	width:145px;
	z-index:100;
	padding:5px;
}



img#checkoutImg {
border:4px solid #ccc;
margin:10px 0px 10px 0px;
}




img#checkoutImg:hover{border-color: #333;}


h1.medium{
	font-size:20px;
	padding:0px;
	margin:2px 0 6px 0;
}

h2.medium{
	font-size:16px;
	padding:0px;
	margin:12px 0 2px 0;
}

div { behavior: url(/mall/_scripts/iepngfix.htc);}


#paypal{
float:right;
margin-top:-50px;
margin-right:45px;
font-weight:bold;
font-size:12px;
}

input#cartButtonPayPalSTDPayment:hover {background-color:#ccc;}