/*
__________________________________________________

Thomas revised version: Jan. 20, 2010

@font-face is put in this stylesheet for the purpose of having a specific font type taken from an external website to be incorporated into our website.
__________________________________________________
*/

/* font-face embeds for ff3.5, ie7, ie8, safari3.2.1 windows */
@font-face {
	font-family: ;
	src: url();
}

/* Font STYLES */
body{
	color:#4d4d4d;
	font-size: 10px;
}

h1 {
	color: #0099cc;
	font-size: 18px;
	font-weight: bold;
}

h2 {
	color: #0099cc;
	font-size: 15px;
	font-weight: bold;
}

h3 {
	color: #666;
	font-size: 15px;
	font-weight: bold;
}
h4 {
	color: #666;
	font-weight: bold;
}
p {
	color: #4d4d4d;
}
a { 
	color: #4d4d4d;
	font-size: 12px;
}	
a:hover {
	color: #0093D1;
} 
.title-text ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.title-text, .title-text a {
	color: white;
	float: left;
	font-size: 16px;	
	font-weight: bold;
	line-height: 22px;
	text-decoration: none;
}
.title-text-small, .title-text-small a{
	color: white;
	font-size: 11px;
	line-height: 22px;
	text-align: right;
	
}
.title-text a:hover, .title-text-small a:hover {
	color: #333;
}

.CMSBreadCrumbsCurrentItem {
	font-size: 9px;
}
td {
	border: 1px solid #eee;
}
.no-border td{
	border:0;
}
.no-padding td{
	padding:0;
}
/*
________________________________________________
PAGE LAYOUT
________________________________________________ */

body {
	background-color: #1FA0D6;
	background-image:url(../images/background.gif);
}
.container-border-outer {
	background-color: #ccc;
	
	margin: 30px auto;
	width: 950px;
}
.container {
	background-color: white;
	}
#header-top {
	background-image:url(../images/top-menu-background.jpg);
	background-position: right;
	background-repeat:repeat-y;
	height:30px;
}
#top-menu ul {
	float: right;
	line-height: 30px;
	list-style: none;
	margin-left: 0;
	margin-right: 16px;
	margin-top:0;
	margin-bottom: 0;
	padding-left: 0;
	text-align: right;
}
#top-menu ul li {
	display: inline;
	padding-left: 10px;
}
#top-menu ul li a {
	text-decoration:none;
	font-weight:bold;
}
	


#header-bottom {

}

/* Form styles */

/* search form on right */
.topSearchRightSide form {
	float: right;
}

/* Search Form input including labels and inputs */
form p {
	margin: 0 0 12px;
}
input.textfield {
	width: 190px;
	margin-right: 10px;
}
label {
	display: inline-block;
}
input.text {
	width: 190px;
	margin-right: 10px;
}

#logo {
	float:left;
	width:230px;
	height: 115px;
	background-image: url(../images/petcetera-logo.jpg);
}
#logo a {
	display:block;
	width: 230px;
	height: 115px
}	
#logo a:hover {
	background-image: url(../images/petcetera-logo-over.jpg);
}

/*
________________________________________________
PAGE MAIN MENU
________________________________________________

*/

/* This is the horizontal navigation for all the pages on the website */
.main-menu {
	margin: 0;
	padding: 0;
	padding: 0;
	list-style: none;
	height:115px;
}
.main-menu ul {
	margin: 0;
	padding: 0;
	border: 0;
}
.main-menu li {
	padding: 0;
	margin: 0;
	float: left;
	height: 115px;
	list-style: none;
	background-repeat: no-repeat;
}
.main-menu li a, .main-menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 115px;
	background-repeat: no-repeat;
}
.services {background-image: url(../images/mainmenu/services.jpg); width:103px; }
.services a:hover {background-image: url(../images/mainmenu/services-over.jpg);}
.dog {background-image: url(../images/mainmenu/dog.jpg); width: 103px;}
.dog a:hover {background-image: url(../images/mainmenu/dog-over.jpg);}
.cat {background-image: url(../images/mainmenu/cat.jpg); width: 103px;}
.cat a:hover {background-image: url(../images/mainmenu/cat-over.jpg);}
.small-animal {background-image: url(../images/mainmenu/small-animal.jpg); width: 103px;}
.small-animal a:hover {background-image: url(../images/mainmenu/small-animal-over.jpg);}
.fish {background-image: url(../images/mainmenu/fish.jpg); width: 103px;}
.fish a:hover {background-image: url(../images/mainmenu/fish-over.jpg);}
.bird {background-image: url(../images/mainmenu/bird.jpg); width: 103px;}
.bird a:hover {background-image: url(../images/mainmenu/bird-over.jpg);}
.reptile {background-image: url(../images/mainmenu/reptile.jpg); width: 102px;}
.reptile a:hover {background-image: url(../images/mainmenu/reptile-over.jpg);}


/* 
________________________________________________
Content Area 
________________________________________________
*/
#main-block {
	background-color:#E1F1FB;
	padding-top: 14px;
	z-index: -10;
}
#left-column {
	float: left;
	margin-left:14px;
	padding: 0;
	border: 0;
	width: 200px;
}
#left-column td {
	border:0;
}
.module{
	margin-bottom: 14px;
}
/*----- title bottom module -----*/
.titleBottom-module-top-outer {
	background-color: #ccc;
	padding: 2px 2px 0px 2px;
	width:196px;
}
.titleBottom-module-top-inner {
	background-color: white;
	width:196px;
	padding: 0;
	margin: 0;
}
.titleBottom-module-top-inner img{ width:196px; padding:0; margin:0;}
.titleBottom-module-title-outer {
	background-color: #ccc;
	height: 100%;
	width:196px;
}
.titleBottom-module-title-inner {
	color: white;
	width:180px;
	height: 22px;
	padding: 0 8px;
	margin: 0;
}
/*------ title top module ------*/
.titleTop-module-title-outer {
	background-color: #ccc;
	height: 100%;
	width:196px;
}
.titleTop-module-title-inner {
	color: white;
	width:180px;
	height: 22px;
	padding: 0 8px;
	margin: 0;
}
.titleTop-module-bottom-outer {
	background-color: #ccc;
	padding: 0px 2px 2px 2px;
	width:196px;
}
.titleTop-module-bottom-inner {
	background-color: white;
	width:196px;
	padding: 0;
	margin: 0;
}
.titleTop-module-bottom-inner img{ width:196px; }
/*------ title only module -------*/
.titleOnly-module-title-outer {
	background-color: #ccc;
	height: 100%;
	width: 196px;
}
.titleOnly-module-title-inner {
	color: white;
	width: 180px;
	height: 22px;
	padding: 0 8px;
	margin: 0;
}
/*---- specific modules----*/

/*----- end left column -----*/

/*----- content block ------*/
#content-block {
	float: left;
	height: 100%;
	margin-left: 14px;
	margin-bottom: 14px;
	width: 708px;
}
#content-block.wide {
	width: 922px;
}
#content-block td{
	}
.content-outer{
	background-color: #ccc;
	float: left;
}
.content-inner{
	background-color: white;
	height: 100%;
}

/*------- item specific   -------*/
.product-item-price .sale, .product-item-price .orig{
	font-size: 24px;
	
	font-weight: bold;
}
.product-item-price .sale {
	color: #D2232A;
}
.product-item-price .orig{
	color: #4D4D4D;
}

/*
________________________________________________
PAGE FOOTER
________________________________________________

*/

#footer {
	height: 50px;
}
#footer-border {
	background-color: white;
	border-bottom: 2px solid #ccc;
	height: 24px;
}
#footer-content {
	background-color:#E1F1FB;
	height: 24px;
	line-height: 24px;
}
#footer-menu {
	float: left;
}
#footer-menu ul {
	list-style: none;
	padding-left: 14px;
	margin:0;
}
#footer-menu ul li {
	display: inline;
	padding-right: 60px;
}
#footer-menu ul li a {
	text-decoration:none;
	font-weight:bold;
}

/* Copyright information  */
#copyrightTextLeftSide {
	float: right;
	font-size: 8px;
	margin: 0 14px 0 0;
}


/* whole div that contains the e-cubed logo and text information flushed to the left side as per the blueprint grid */
/*----  e-cubed logo -------*/
#e-cubed {
	margin: 30px auto;
	width: 950px;
	color: white;
}
#e-cubed a {
	font-size: 11px;
	font-weight: bold;
	color: white;
}
.e-cubedLeftSide {
	float: left;
}

.e-cubedFooterImage {
	float: left;
}
.e-cubedFooterText ul {
	list-style: none;
	margin-right: 0;
	padding-left: 35px;
}
.e-cubedFooterText ul li {
	line-height: 1.2em;
	font-size: 11px;
	text-align:left;
}
/*
__________________________________________________


Adrian 16/2/2010

__________________________________________________
*/


/*------ breadcrumbs -------*/
#breadcrumbs {
	margin: 0 0 14px 260px;
}
#breadcrumbs, #breadcrumbs a {
	font-size: 9px;
	font-weight: bold;
}

/*
________________________________________________
Content Area 
________________________________________________
*/

/*----- category menu --------*/
.categories-bottom {
	}

#categories {
	background-color: #0093D1;
}

#category-menu {
	color: #4D4D4D;
	padding: 8px 8px;
}
#category-menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#category-menu li, #category-menu li span{
	font-size:11px;

	line-height: 18px;
	font-weight:bold;
	color: #AFBD22;	
}
#category-menu li a.CMSListMenuLinkHighlighted {
	color: #AFBD22;
}	
	
#category-menu ul li ul li {
	padding-left: 10px;
}
#category-menu ul li ul li ul li {
	padding-left: 10px;
}
#category-menu ul li ul li ul li ul li {
	padding-left: 10px;
}
#category-menu a {
	text-decoration:none;
	font-size: 11px;
	font-weight:bold;
}
#category-menu a:hover {
	color: #AFBD22;
}
#category-menu-image table{
	margin-bottom:0;
}
#category-menu-image td{
	padding:0;
}
#sale-dates {
	font-size: 10px;
	line-height: 16px;
	padding: 0px 8px;
	margin-bottom: 14px;
}

/*----------inside page menu----------*/

.inside-page-menu-bottom{
	min-height: 100px;
}
#inside-page-menu-title {
	background-color: #0093D1;
}

/*----- end left column -----*/

/*----- section details ------*/
#productTeaser {
	float: left;
	width: 554px;
}
.sections, .product-sections {
	width: 124px;
	float: left;
	margin-right: 14px;
	padding-bottom: 10px;
}
.sections {
	height: 160px;
}
.product-sections {
	height: 230px;
}
.section-box-outer {
	height: 120px;
	margin-bottom: 2px;
	width: 120px;
}
.section-box-outer img {
	height: 100px;
	padding: 10px;
	width: 100px;
}
.section-box-title {
	width: 124px;
	text-align: center;
	font-size: 10px;
}
.section-box-title a {
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
}
.section-box-title a:hover {
	color: #AFBD22;
}
.section-box-title #weight {
	font-size: 10px;
}
#section-price-details, #section-price-details div {
	font-size: 10px;
}
#section-price{
	
}
#section-orig-price{
	text-decoration: line-through;
}
#section-sale-price{
	font-weight: bold;
	color: #BF1E2D;
}
#section-content-right-outer {
	height: 378px;
	width:100px;
	margin-left:14px;

}
#product-features {
	float: left;
	height: 524px;
	width: 154px;
}
#features-background {
	background-image:url(../images/featured-items/features-background.png);
	background-repeat:repeat-x;
	height: 486px;
	z-index: 10;
}.features {
	height: 154px;
	width: 124px;
	margin-left: 14px;
	margin-right: 14px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.features1 {
	background-color:white;
}
.features2 {
	background-color:#f1f8fe;
}

.features-box-outer {
	height: 150px;
	width: 124px;
}
.features-box1-inner {
	background-color:#0093D1;
}
.features-box2-inner {
	background-color: white;
}
.features-box3-inner {
	background-color:#AFBD22;
}


/*----- product details ------*/
#product-content-left{
	float:left;
}
#product-content-left td{
	border:0;
	padding:0;
}
#product-window-outer {
	height: 314px;
	width: 306px;
}
#product-image img{
	margin: 15px 0 0 16px;
	height: 275px;
	width: 275px;
}
#product-details {
	float: left;
	margin: 0 0 0 32px;
	width: 365px;
}
#product-details td {
	padding:0;
}
.brand-title {
	color: #0093D1;
	font-size: 18px;
	font-weight: bold;
}
.product-title {
	color: #0093D1;
	font-size: 12px;

}
#product-description {
	padding-top: 20px;
}
#price-details {
	padding: 28px 31px 14px 31px;
	width: 248px;
	clear: both;
}
#with-card {
	margin-top: 8px;
}
#product-item-save div{
	font-size: 14px;
}
#orig-price {
	float: left;
	margin-right: 8px;
	text-decoration: line-through;
}
#product-size {
	margin-top: 12px;
}
/*----------inside page--------------*/
#inside-content-outer {
	width: 704px;
}
#inside-content-outer.wide{
	width: 917px;
}
#inner-content-top {
	padding: 20px;
}
#inner-content-top table, #inner-content-bottom table{
	margin-bottom: 0;
}
#inner-content-bottom {
	padding: 20px;
}
#inner-content-bottom-left {
	float:left;
	height:100%;
	width: 332px;
}
#inner-content-bottom-right {
	float:left;
	height: 100%;
	padding: 20px;
	width: 332px;
}
#inner-content-top-left-text {
	float:left;
	height:100%;
	padding: 20px;
	width: 332px;
}
#inner-content-top-right {
	float:right;
	height: 100%;
	width: 332px;
}
.inner-content-full-width {
	width: 664px;
}
.inner-content-full-width.wide {
	width: 877px;
}
.inner-content-half-width {
	height: 100%;
	width: 332px;
	float:left;
}
.inner-content-text {
	padding: 20px;
}
.inner-content-half-text {
	width: 314px;
}
.inner-content-half-image {
	width: 350px;
}
/*----Location Popup-----------*/
.popup{
	border: 1px solid #8d8d8d;
	width: 350px;
	text-align:left;
}
.popupHeader{
	background-color:#aebd22;
	padding: 1em;
}
.popupTitle {
	float:left;
}
.popupTitle h1 {
	color: white;
	font-weight: bold;
}
.popupMapLink {
	float: right;
	font-weight:normal;
}
.popupMapLink a {
	color: white;
}

/*---------Location Page----------*/

#location-list ul{
	margin: 0 0 0 0;
	padding:0;
}

#location-list ul li{
	text-decoration:none;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	list-style-type:none;
	font-size: 14px;
}
#location-list ul li a{
	text-decoration:none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
		font-size: 14px;
}
#location-list ul li ul li {
	list-style-type:disc;
	margin: 0 0 0 30px;
	text-decoration: underline;
	font-size:12px;
}
#location-list ul li ul li a{
		padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-decoration: underline;
	font-size:12px;
}
.locationDetails {
	height: 100%;
	padding: 12px ;
}
.phone, .openingTimes {
	padding-top: 6px;
}
.addressDetails{
	height: 100%;
}
.openingTimesTitle {
	font-weight: bold;
	height:100%;
}
.openingTimesRow {
	clear:both;
	height:100%;
}
.days {
	float:left;
	width:130px;
	height: 100%;
}
.mapDetails {
	padding:12px 0;
}
.mapDetails a {
	font-weight: bold;
}
/*-------------search box & page-------------*/
.searchBox {
	float: right;
	line-height: 30px;
	margin-right: 14px;
}
.searchBox input {
	margin: 0;
}
.searchBox #plc_lt_zoneTopMenu_SearchBox_txtWord {
	height: 16px;
	width: 100px;
} 

#full-width-container {
	margin-left: 14px;
	margin-bottom:14px;
	width: 922px;
}
.searchContentBox {
	padding: 14px;
}