﻿
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	
	margin: 0px 0px 0px 0px;

}

a
{
	outline: none;
}

select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

hr
{
	color: #000000;
	height: 1px;
}

h1{
	font-size: 1.5em;
	margin-bottom:3px;
	margin-top: 9px;
	
}

h2{
	font-size: 1.1666667em;
	margin-top:0px;
	margin-bottom:2px;
}

h3
{
	font-size: 1.5em;
	margin-bottom:3px;
	margin-top: 0px;
}

p{
	margin-top: 5px;
	margin-bottom: 10px;
}

.companyColour
{
	
}


.pageTop{
/*This centers the page in firefox*/
	margin: auto auto;
	width: 980px;
	position: relative;
	height: 151px;
}

.container {
	/*This centers the page in firefox*/
	margin: auto auto;
	width: 970px;
	position: relative;
	text-align: left;
	height: 100%;	
	
	padding: 0px 4px 4px 4px;
	border: 1px solid #2C3932;
	border-top: 0px solid white;
}

.baselinks{
	margin: auto auto;
	width: 970px;
	position: relative;
	text-align: right;
	height: 100%;	
	font-weight: bold;
	COLOR: white;
}

.logoHolder
{
	padding-top: 11px;
	padding-left: 5px;
	width:700px;
	float:left;

}
.bagTop{
	float:left;
	font-weight: bold;
}
.bagTopSpacer
{
	height: 50px;
}
.bagTopItems{
	padding-left: 6px;
	width: 140px;
	height: 36px;
}
.bagTopLeft
{
	float:left;
}
.bagTopRight
{
	float:right;
}
.bagTopAmount{
	/*margin-top: 4px;
	padding-left: 6px;*/
	width: 140px;
}
.bagTopButtons
{
	margin-top: 20px;
	padding-left: 0px;
}
.bagTopCheckout{
	padding-left: 10px;
}

.header{
	height: 27px;
	width: 970px;

	text-align: center;
	font-weight: bold;
	
	font-size: 1.08333em;
	
	padding-top: 8px;
	border-bottom: solid 1px #ffffff;
}

.header ul
{
	padding: 0px;
	margin: 0px;
	list-style:none;
	height: 20px;
}

.header ul li
{
	padding: 0px;
	margin: 0px;
	padding-right: 0px;/*9*/

	display: inline;
	padding-left: 11px;/*20*/
}

/*---------------------------------------*/
/*this is used to add that gradient at the top of the main panel, that is all*/
.mainBodyBGHolder{
	padding-top: 10px;
	background-repeat: repeat-x;
}

.mainBodyBGHolderHome{
}

.mainBody{
	background-repeat: repeat-y;	
}

.menu{
	margin-left: 18px;
	padding-top: 8px;
	width: 194px;
	float:left;
	
}

.menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 156px;
	line-height: 16px;
	
}
.menu ul li{
	padding-top: 4px;
	padding-bottom: 8px;
	
	background-repeat: no-repeat;
	background-position:bottom left; 
	font-weight: bold;
	
	line-height: 12px;
}

.menu ul li ul
{
}

.menu ul li ul li
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	text-indent: -11px;
}

.bodyContainer
{
	padding-top: 6px;
	width: 758px;
	float: left;	
	background-repeat: repeat-y;
	background-position:top right; 
}

.bodyContainerHome{
	width: 758px;
	padding-right: 0px;
}

.frontAdPanel{
	float:right;
	width: 198px;
	margin-left: 10px;
}

.frontAdPanelBody{
	padding-left: 10px;
}

.frontAdPanelBody img
{
	padding-bottom: 8px;	
}

.homeSectionImages
{
	padding-bottom: 5px;
}

.itemLists{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	
}

.itemLists li{
	display: inline;
	padding-right: 0px;
	margin-right: 0px;
}

.itemLists .itemListsLeft
{
	margin-right: 6px;
}


.departmentLists li
{
	padding-right: 0px;
	margin-right: 8px;
}

.rightPanel{
	width: 30px;
	float:right;
}
.searchButtonRight
{
	float: right;
	padding-right: 39px;
	padding-top: 2px;
}
.specialOfferLargeImage img
{
	padding-bottom: 8px;
}
.txtSearch
{
	width: 151px;
}

.bodyHolder
{
	width: 726px;
	padding-bottom: 10px;
}
/*------------------------------*/
.productListItemSeperator
{
	padding-bottom: 3px;
}

.productListItemHolder
{
	width: 730px;
}

.productListItem
{
	float:right;
	width: 500px;
	padding-right: 16px;
}
.productListItemTell
{
	float:right;
}
.productListItemImage
{
	float:left;
}
.productListItemLeft
{
	float:left;}
.productListItemRight
{
	float:right;
	text-align: right;
	padding-left: 2px;
	width: 230px;
}
.productListItemPhone
{
	width: 450px;
}
.productListItemDesc
{
	padding-top: 5px;
	padding-bottom: 8px;
}
.productListItemOffer
{
	float:left;
	padding-top: 5px;
	color: Red;
	font-weight: bold;
	width: 250px;
}
.productListItemDropdowns
{
	left:right;
	padding-top: 5px;
	padding-bottom: 5px;
}

.itemPrice
{
	font-size: 2em;
	font-weight: bold;
}
.wasStrikethrough
{
	color: #000000;
	text-decoration: line-through;
	font-weight: bold;
}
.wasPrice
{
	font-size: 1.25em;
	color:Red;
}
.productListItemAddToBasket
{
	margin-top: 5px;
}
/*------------------------------*/
.categoryList
{
	padding:0;
	margin:0;
	list-style: none;	
}
.categoryList li
{
	padding:0;
	margin:0;
	display:inline;
}

.categoryList li div
{
	width: 222px;
}

.categoryListDiv
{
	float:left;
	padding-right: 28px;
	background-position: top right;
	background-repeat: no-repeat;
}

.categoryListDivNoImage
{
	float:left;
	padding-right: 0px;
}

.categoryListBody
{
	height: 85px;
	overflow: hidden;
}

.categoryListView
{
	padding-top: 13px;
	text-align: center;
	text-decoration: underline;
	padding-bottom: 5px;
}

.categoryListViewRestricted
{
	overflow: hidden;
	height: 17px;
	
}
/*------------------------------*/
.itemContainer
{
	width: 390px;
	float: left;
}

.itemImageContainer
{
	width: 320px;
	float:right;
}
.itemOffer
{
	padding-top: 10px;
	padding-bottom: 8px;
}

.itemBackToCategory
{
	width: 725px;
	font-size: 1.16666667em;
	text-decoration: underline;
	font-weight: bold;
	text-align:center;
	padding-top: 5px;
	padding-bottom: 10px;
}

.itemSmallImage
{
	margin-right: 6px;
	margin-top: 5px;
	width: 94px;
}
.itemClickToEnlarge
{
	margin-top: 3px;
	width: 302px;
	padding: 5px;
	text-align: center;
}
.itemOrderByPhoneText
{
	padding-top: 10px;
	width: 390px;
}

.itemTabs
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	padding-bottom: 8px;
}

.itemAlsoInterestedInHolder
{
	width: 725px;
}

.itemProductReviewsHodler
{
	width: 470px;/*710px;*/
	padding-left: 10px;
}

/*------------------------------*/
.pagination
{
	width: 715px;
}
.paginationText
{
	float:right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	
}
.paginationList
{
	float:right;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagination ul
{
	padding:0; 
    margin:0; 
	list-style: none;
}
.pagination ul li
{	
	margin: 2px;
	/*padding: 5px;
	padding-left: 10px;
	padding-right: 8px;*/
	border-width: 1px;
	border-style: solid;
	display: inline;
	font-weight: bold;
}

.pagination ul li a
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 8px;
}

.removePagination
{
	width: 715px;
	font-weight:bold;
	text-align: right;
}
/*------------------------------*/
.loginContainer
{
	text-align: center;
	margin: auto auto;
	
}
.loginHolder
{
	padding-top: 20px;
	width: 500px;
	margin: auto auto;
}
.loginBody
{
	text-align: left;
	border: solid 1px black;
	padding-top: 10px;
	padding-left: 20px;
	width: 220px;
	float: left;
	height: 222px;
}
.loginRight
{
	border-left: 0px;
}
.loginRightControlHolder
{
	padding-top: 10px;	
}

.loginRightControlHolder input{
    width: 170px;                     
}

.loginRightButton
{
	width: 175px;
	padding-top: 10px;	
	text-align:right;
}
.loginRightForgotten
{
	text-align:center;
	padding-right: 20px;
	padding-top: 10px;	
}

/*------------------------------*/
.createAccountBar
{
	margin-top: 8px;
	margin-bottom: 2px;
	background-color: #333333;
	color: #999999;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 710px;
	vertical-align: middle;
}
.createAccountBar img
{
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	top: 4px;
}

.createAccountBarSelected
{
	color: #ffff00;
}
.createOneLeft
{
	float: left;
	padding-right: 38px;
	margin-right: 12px;
	width: 188px;
}
.createOneRight
{
	float:left;
	width: 188px;
}

.createOneFarRight
{
	float:left;
	width: 260px;
	margin-left: 10px;
	padding-left: 25px;
}

.createNavigation
{
	margin-bottom: 5px;
	clear:both;
	width: 414px;
	padding-right: 280px;
	margin-top: 20px;
	padding-top: 2px;
	/*clear: both;*/
	height: 26px;
}

.createNavigationSmaller
{
	width: 354px;
}

.createNavigationLeft
{
	padding-left: 10px;
	float:left;
}

.createNavigationLeftAlignedRight
{
	padding-left: 10px;
	float:left;
	text-align:right;
	width: 300px;
}

.createNavigationRight
{
	float:right;
	text-align: right;
	width: 14px;
}

.createTwoTableLeft
{
	width: 150px;
	text-align: right;
}

.createTwoTable input
{
	width:189px;
}
.createTwoTable select
{
	width:196px;
}
.createTwoTable tr td .dob
{
	width:63px;
}
.createTwoTable tr td .findAddress
{
	width:auto;
	position: relative;
	top: 4px;
}

.createTwoTable tr td .selectAddress
{
	border: solid 1px #000000;
	width: 300px;
}
.createTwoAddressHolder
{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	width: 220px;
	line-height: 14px;
}

.createTwoAddressHolder a
{
	text-decoration: underline;
}

/*------------------------------*/
.checkoutItemList1
{
	width: 678px;
	padding: 5px 15px;
}
.checkoutItemList1 table
{
	border: none;
}

.checkoutItemList1 table th
{
	border: none;
}

.checkoutItemList1 table tr
{
	border: none;
}

.checkoutItemList1 table tr td
{
	border: none;
}

.checkoutItemList1ProdName
{
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.checkoutItemList1ProdVar
{
	width: 130px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.checkoutItemList1Quantity
{
	width: 115px;
	padding-right: 20px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
.checkoutItemList1Value
{
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}
.checkoutItemList1Delete
{
	width: 105px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
.checkoutItemList1None
{
	width: 0px;
}
.checkoutItemListTotalSeperator
{
	text-align: right;
	border-bottom: solid 1px #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}
.checkoutItemListTotalSeperator1
{
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}

.checkoutItemListAddressHolderBilling
{
	margin-right: 50px;
	padding: 5px 0px;
}
.checkoutItemListAddressHolder
{
	margin-right: 50px;
	padding: 5px 0px;
}
.checkoutItemListAddressHolder label
{
	display: none;
}

.checkoutItemListAddressHolderBilling label
{
	display: none;
}
.checkoutAddAddress
{
	/*position: relative;*/
	position:fixed;
	/*position: absolute;*/
	/*top: 200px;
	left: 253px;*/
	top: 25%;
	left: 30%;
	background-color: #ffffff;
	border: solid 1px #000000;
	padding: 10px;
	width: 450px;
	overflow: hidden;
	
	 z-index: 50001;
}

.ddlCheckout
{
	width: 40px;
}

.mediaCodeApplyButton
{
	position: relative;
	top: 4px;
	left: 10px;
}

.mediaCodeHelpButton
{
	position: relative;
	top: 3px;
}
/*-----------------------------*/

.myAccountAddressHolder
{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 220px;
	height: 160px;
}

.myAccountAddressHolder a
{
	text-decoration: underline;
}
.myAccountAddAddress
{
	width: 700px;
	text-align: center;
}
.myAccountTabs a
{
	padding: 0px;
	margin: 0px;
}

.myAccountTabs img
{
	padding: 0px;
	margin: 0px;
}

.myAccountItemList1
{
	width: 678px;
	padding: 5px 15px;
}
.myAccountItemList1 table
{
	border: none 1px #000000;
	border:0;

}

.myAccountItemList1 table th
{
	border: none 1px #000000;
	border:0;

}

.myAccountItemList1 table tr
{
	
	border: none 1px #000000;
	border:0;

}

.myAccountItemList1 table td
{
	border: none 1px #000000;
	border:0;

}
.myAccountTotalHolder
{
	width: 680px;
	padding-left: 15px;
}

.myAccountOrderHistory
{
	border: none 1px #000000;
}

.myAccountOrderHistory a
{
	text-decoration: underline;
}

.myAccountOrderHistory th
{
	border: none 1px #000000;
}
.myAccountOrderHistory td
{
	border: none 1px #000000;
	padding:3px;
	border-bottom: solid 1px #cccccc;
}
.myAccountOrderHistory tr
{
	border: none 1px #000000;
	border-bottom: solid 1px #cccccc;
}

.myAccountOrderHistoryLink
{
	text-align: right;
}

.myAccountOrderAddress
{
	padding-left: 15px;
}

/*------------------------------*/
.contactUsLeft
{
	float: left;
	width: 150px;
}

.contactUsRight
{
	float: left;
	width: 150px;
}

.contactFormHolder
{
	padding: 10px;
	width: 447px;
}

.contactFormHolder table tr .tableAlignRight
{
	text-align: right;
	font-weight: bold;
	width: 110px;
	vertical-align: middle;
}

.contactFormHolder table tr .tableAlignRight input
{
	width: auto;
	float:right;
}

.contactFormHolder table tr input
{
	width: 300px;
}

.contactFormHolder table tr textarea
{
	width: 300px;
}

/*------------------------------*/
.footer{
	text-align: center;
	padding-left:175px;
	/*margin-left: 205px; 
	padding-right: 200px;*/
	background-repeat: no-repeat;
	background-position:bottom right; 
}

.footerHome
{
	padding-right: 200px;
}

.filters{
	float:right;
	padding-right: 40px;
}

.fixer
{
	float: none;
}

.clearer
{
	clear: both;
}

.floatingAdded
{
	top: -60px;
	right: 150px;
	position: absolute;
	width: 399px;
	height: 225px;
}

.floatingAddedClose
{
	padding-left: 268px;
	margin-top: 95px;
	border-style: none;
}

.floatingAddedCheckout
{
	margin-top: 74px;
	padding-left: 78px;
	float:left;
}
.floatingAddedContinueShopping
{
	float:left;
	margin-top: 74px;
	padding-left: 30px;
}

.translucent
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.5;

}

.black
{
	background-color:Black;
}

.noBorder
{
	border: 0px;
}

.QuickOrderHolder
{
		width: 680px;
		padding: 14px;
		border: solid 1px #000000;
		text-align: center;
		margin-bottom: 20px;
}

.orderItems
{
	padding: 5px 20px;
	float: left;
	border-left: 1px solid #cccccc;
	vertical-align: middle;
}

.noLine
{
	border-left: 0px solid #ffffff;
}

.QuickOrderItemsHolder
{
	text-align: center;
	margin: auto auto;
	width: 600px;
}

hr.hr2 
{
	border: 0;
      color: #000;
      background-color: #000;
      height: 1px;
    }