.nothing {}

/* ------- LINK SETTINGS -------------- */
/*a:active {color: #333333}
a:hover {color: #FF0000}
a:link {color: #FF0000}
a:visited {color: #333333}*/
/* link styles */

a:link { color: #03c; }
a:visited { color: #606; }
a:hover { color: #c00; }
a:active { color: #600; }
li { margin-bottom: 0.4em; }
/* ------- GENERAL FONT SETTINGS -------------- */
.heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #5282B5}
.bodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.bodyTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #333333}
.bodyTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.bodyTextSmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.bodyTextWhite {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF}

.voucherHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #666666}


/* ------- CATEGORY LIST (Category page body area) -------------- */
.categoryHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #000099}
.categoryDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.categoryRow {padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px}


/* ------- CATEGORY LIST (Left Menu) -------------- */
.categoryBackground {background-color: #FFFFFF}
.categoryHeadingRow {background-color: #5282B5; text-align: left}
.categoryHeadingText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #F7FFFF}
.categoryRow1 {background-color: #5A9ED6; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; text-align: left}
.categoryRow2 {background-color: #CCCCCC; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; text-align: left}
.categoryDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; color: #333333}
A.categoryLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
A.categoryLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
A.subCategoryLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
A.subCategoryLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}


.subCategoryLinkIndent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none }


/* ------- PRODUCT LIST (Category & Search result pages) -------------- */
.productListHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000066}
.productListDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productListPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productListRRP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
.productListOutOfStock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productListDateAvailable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #006600}
.productListPreOrder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}

A.productListMoreInfo:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #990000}
A.productListMoreInfo:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; color: #990000}





/* ------- PRODUCT PAGE -------------- */
.productHeader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #333333}
.productText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; text-decoration: none;}
.productTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; font-weight: bold}
.productDescriptionHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #006600}
.productDescription {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.productPrice {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productRRP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0000}
.productOutOfStock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}
.productDateAvailable {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #006600}
.productPreOrder {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #333333}
.productInfoTable {background-color: #CCCCCC}
.productInfoTableRow1 {background-color: #F3F2F2}
.productInfoTableRow2 {background-color: #FFFFFF}
.productRow1 {background-color: #F0F0F0}
.productRow2 {background-color: #FFFFFF}


/* ------- CHECKOUT PAGES -------------- */
.checkoutBodyText {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutBodyTextBold {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold}
.checkoutBodyTextError {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000}
.checkoutBodyTextSmall {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.checkoutTable {background-color: #999999; width: 450px}
.checkoutTableAdmin {background-color: #CCCCCC; border: 1px #CCCCCC; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.checkoutHeadingRow {background-color: #CCCCCC}
.checkoutRow1 {background-color: #F0F0F0; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutRow2 {background-color: #FFFFFF; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt}
.checkoutSuccess {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #33CC00}
.checkoutFail {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FF0000}



/* ------- PAGE LAYOUT -------------- */
.outsideBorder {background-color: #B3B3B3;}
.headerMenuSeparator {background-color: #336633;}
/* comment this out for Vet ecart */
/*.bgColour {background-color: #FFFFFF;}*/


/* ------- HEADER -------------- */
.headerRow {background-color: #5381B4}
.headerMenuRow {background-color: #F3F2F2; color: #F3F2F2}
A.headerLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}
A.headerLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; color: #333333}

/* ------- FOOTER -------------- */
.footerRow {background-color: #3169A5; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; height: 20px; color: #FFFFFF}
A.footerLink:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #FFFFFF}
A.footerLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; color: #FFFFFF}


/* ------- TOP SELLER TABLE -------------- */*/

.topSellerTable {background-color: #5282B5}
.topSellerRow {background-color: #FFFFFF}
.row3 {background-color: #999999}
A.topSellerText:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #333333; text-decoration: none}
A.topSellerText:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #333333; text-decoration: none}




/* ------- PRINTABLE RECEIPT -------------*/
.recieptTable {background-color: #CCCCCC; border: 1px #FF0000; width: 550px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px}
.storeName {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold}
.receiptHeading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}


/* SimSearch */

input[type="text"].sm, input[type="number"].sm, input[type="tel"].sm, input[type="password"].sm {
	width:85px;
}

#simSearchDiv {
	/* Overlay page content */
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	/* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	/* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	z-index:999;

	/* Transition opacity on open */
	-webkit-transition:opacity 500ms ease-in;
	-moz-transition:opacity 500ms ease-in;
	transition:opacity 500ms ease-in;

	/* Hide for now */
	opacity:0;
	display:none;
}

#simSearch {
	position:absolute;
	width:700px;
	height:500px;
	top:65px;
	left:75px;
	background-color:white;
	border:1px solid #666;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	box-shadow:0 3px 20px rgba(0,0,0,0.9);
	behavior:url(css/PIE.htc);

	z-index:1000;
	overflow:hidden;

	/* https://github.com/fofr/paulrhayes.com-experiments/tree/master/modal */
	/* Default minimise animation */
	-webkit-animation:bounce 500ms linear;
	-moz-animation:bounce 500ms linear;
	background:-moz-linear-gradient(#fff, #ccc);
}



#simSearchHeader {
	width:700px;
	height:30px;
	background-color:#999;
	-webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; top-left-border-radius:6px;
	-webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; top-right-border-radius:6px;
	behavior:url(css/PIE.htc);
	border-bottom:1px solid #666;
}

#simSearchTitle {
	color:white;
	font-size:15px;
	line-height:29px;
	font-weight:bold;
	text-shadow:1px 1px #666;
	padding-left:15px;
}

#simSearchContent {
	width:700px;
	height:390px;
	background:#fff;
	text-shadow:0 1px 0 #fff;
	/* background-image:url('../img/simSearch_ferve.png'); */
	background-repeat:no-repeat;
	background-position:right bottom;
	overflow:auto;
	border:1px solid #036;
}

#simSearchIntro, #simSearchResults { padding-left:15px;  padding-top:5px;  padding-right:15px; padding-bottom:5px;}
#simSearchErrorMSG {padding-left:15px; color:Red;}
#simSearchFooter {
	position:absolute;
	bottom:0;
	width:700px;
	height:30px;
	background-color:#999;
	color:white;
	-webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; bottom-left-border-radius:6px;
	-webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; bottom-right-border-radius:6px;
	behavior:url(css/PIE.htc);
	border-top:1px solid #666;
	text-align:right;
}

#simSearchMSG {
	position:absolute;
	top:100px;
	right:10px;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	behavior:url(css/PIE.htc);
	border:1px solid #666;
	background:#d7f1d7;
	padding:20px;
	opacity:0.0;
	transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}

#simSearch .searchName { text-align:right; font-weight:bold; vertical-align:top; }
#simSearch .faded { color:#ccc; }
#simSearch .normal { color:#060606; }
#simSearch td { border-bottom:1px solid #eaeaea; }

/* https://github.com/fofr/paulrhayes.com-experiments/tree/master/modal */
@-webkit-keyframes bounce {
	0% {
		-webkit-transform:scale3d(0.1,0.1,1);
		box-shadow:0 3px 20px rgba(0,0,0,0.9);
	}
	55% {
		-webkit-transform:scale3d(1.08,1.08,1);
		box-shadow:0 10px 20px rgba(0,0,0,0);
	}
	75% {
		-webkit-transform:scale3d(0.95,0.95,1);
		box-shadow:0 0 20px rgba(0,0,0,0.9);
	}
	100% {
		-webkit-transform:scale3d(1,1,1);
		box-shadow:0 3px 20px rgba(0,0,0,0.9);
	}
}

@-moz-keyframes bounce {
	0% {
		-moz-transform:scale3d(0.1,0.1,1);
		box-shadow:0 3px 20px rgba(0,0,0,0.9);
	}
	55% {
		-moz-transform:scale3d(1.08,1.08,1);
		box-shadow:0 10px 20px rgba(0,0,0,0);
	}
	75% {
		-moz-transform:scale3d(0.95,0.95,1);
		box-shadow:0 0 20px rgba(0,0,0,0.9);
	}
	100% {
		-moz-transform:scale3d(1,1,1);
		box-shadow:0 3px 20px rgba(0,0,0,0.9);
	}
}



/* http://technology.posterous.com/make-css3-buttons-that-are-extremely-fancy# */
a.fancy_button, button.fancy_button {
	margin:3px 15px 0 0;/* eFirst */
	background:#555;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(77,77,77,0.4)));
	background:-moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4));
	float:right; /*eFirst left;*/
	padding:2px;
	text-decoration:none;
	outline:0;
	border-width:1px;
	border-style:solid;
	width:auto;
	overflow:visible;
	border-color:transparent transparent #666 transparent;
	border-color:transparent transparent rgba(202,202,202,0.27) transparent;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;
	-webkit-background-clip:padding-box;
	behavior:url(css/PIE.htc);
}

a.fancy_button span, button.fancy_button span {
	display:block;
	float:left;
	font:bold 12px/1em Arial;
	color:white;
	padding:0.27em 1.6em;
	cursor:pointer;
	text-shadow:rgba(0,0,0,0.45) 0 -1px 0;
	-webkit-box-shadow:rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow:rgba(0,0,0,0.75) 0px 0px 3px; box-shadow:rgba(0,0,0,0.75) 0px 0px 3px;
	-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;
	background:transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent));
	background:transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='#00FFFFFF');
	-webkit-background-clip:padding-box;
	behavior:url(css/PIE.htc);
}

a.fancy_button:hover span, button.fancy_button:hover span {
	border-top-color:rgba(255,255,255,0.65);
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.6)), color-stop(0.5, rgba(100,100,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20)));
	background:-moz-linear-gradient(top, rgba(220,220,220,0.6), rgba(100,100,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20));
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#99dcdcdc', EndColorStr='#33000000');
	-webkit-background-clip:padding-box;
}

a.fancy_button:active span, button.fancy_button:active span {
	border-top-color:rgba(255,255,255,0.2);
	border-left-color:rgba(0,0,0,0.4);
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5)));
	background:-moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5));
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000');
	-webkit-box-shadow:inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow:inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow:inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px;
	-webkit-background-clip:padding-box;
}

a.fancy_button span:active, button.fancy_button span:active {
	border-top-color:rgba(255,255,255,0.2);
	border-left-color:rgba(0,0,0,0.4);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#80969696', EndColorStr='#59000000');
	-webkit-background-clip:padding-box;
}

a.fancy_button span, button.fancy_button span {
display: block;
float: left;
font: bold 12px/1em Arial;
color: white;
padding: 0.27em 1.6em;
cursor: pointer;
text-shadow: rgba(0, 0, 0, 0.45) 0 -1px 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 3px;
box-shadow: rgba(0, 0, 0, 0.75) 0px 0px 3px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.5, rgba(255, 255, 255, 0.01)), to(transparent));
background: transparent -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.01) 50%, transparent);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='cyanFF');
-webkit-background-clip: padding-box;
behavior: url(css/PIE.htc);
}
Inherited from a.fancy_button

/* SimSearch */



-->