/* ---------------------------------- */
/* ------ MAIN BODY OF WEBSITE ------ */
/* ---------------------------------- */

/* Background and site font */
body {
	background: #efeeee;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/* Full width banner, uncomment to use */
#BannerBG {
	/*background: #000;
	height: 105px;
	z-index:1;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;*/
    
}

/* Content background */
#container {
	background: #fff;
	z-index:10;
	position:relative;
	max-width:1100px;
    width:100%;
	margin:0 auto;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    padding:50px 50px 20px ;
}

/* Inner Content of Home and Contact */
#siteContent {
	display:inline;
	width:100%;
	padding:0px;
    margin:50px auto;
}

/* Text area of Home and Contact */
#siteContent .contentCopy {
	width:98%;
    margin:30px auto;
}

/* Inner Content of Content Pages */
#siteContent.content {
	float:right;
	margin:20px 20px 20px 0px;
	width:760px !important;
}

/* Text area of Content Pages */
#siteContent.content .contentCopy {
	width:760px !important;
}

/* Main copy font */
.contentCopy {
	font:15px 'open sans', Arial, Helvetica, sans-serif;
	color:#333;
    font-weight:200;
	line-height:1.4em;
}

/* Copy links */
.contentCopy a {
	color:#444;
	text-decoration:underline;
}

/* Copy links hover state */
.contentCopy a:hover {
	color:#000;
	text-decoration:none;
}


/* ---------------------------------- */
/* --------- CUSTOM DIVS ------------ */
/* ---------------------------------- */

/* Any custom classes used place here */


.siteName {
    color:#333;
    font:35px 'open sans', arial;
    font-weight:700;
text-transform:uppercase;
    letter-spacing:-.07em;
    margin-top:20px;
    margin-left:10px;
    margin-bottom:50px;
}
/* ---------------------------------- */
/* -------- ABSOLUTE DIVS ----------- */
/* ---------------------------------- */

/* Use for overlaying graphics, etc */
#absoDiv1 {
	width:0;
	height:0;
	background:url();
    top: 0;
    left: 0;
}

#absoDiv2 {
	width:0;
	height:0;
	background:url();
    top: 0;
    left: 0;
}

#absoDiv3 {
	width:0;
	height:0;
	background:url();
    top: 0;
    left: 0;
}


/* ---------------------------------- */
/* --------- H Tags/Headings -------- */
/* ---------------------------------- */

h1 {
	font: 24px 'open sans', Arial, Helvetica, sans-serif;
	color: #333;
    font-weight:700;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 15px;
}

h2 {
	font: 22px 'open sans', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.5em;
	margin-top: 0px;
	margin-bottom: 15px;
    font-weight:700;
    
}

h3 {
	font: 18px 'open sans', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.0em;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4 {
	font: 16px 'open sans', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 1.0em;
	margin-top: 0px;
	margin-bottom: 3px;
}


/* ---------------------------------- */
/* --Standard for HR line styling  -- */
/* ---------------------------------- */

hr {
	border: 0;
	height: 1px;
	color: #c1c1c1;
	background-color: #c1c1c1;
	width: 100%;
}


/* ---------------------------------- */
/* ------Custom Bullet Points  ------ */
/* ---------------------------------- */

/* Uncomment to use a custom bullet point and adjust spacing */
/*ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}

li {
	background: url(bullet.gif) left center no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
	}*/


/* ---------------------------------- */
/* ------------ MENU ---------------- */
/* ---------------------------------- */

/* Changes the Menu Bar */
#nav {
	margin:0;
	padding:0;
	list-style:none;
	width: 345px;
	display: inline-block;
	height: 30px;
	*margin-top: -3px;
    position:absolute;
    top:80px;
    right:0;
}

/* Changes the Background of the Current State */
#nav .current {
font-weight:700;
	display:block;
	color: #333;
	text-align: center;
}

/* Change the font color the Current State of the Parent Menu */
#nav .current a{
	color: #333;
}


/* Changes Standard Page Menu */
#nav li {
	float:left;
	font: 15px 'open sans', Arial, Helvetica, sans-serif;

	display: inline;
	text-align:left;
	height: auto;
	background: none;
	margin-left: 0;
	padding: 0;
	position:relative;
	z-index:500;
	margin:0 1px;
}

/* Changes Standard Page Menu Text */
#nav li a {
	display: block;
	padding: 7px 20px 7px;
	text-decoration:none;
	height: auto;
	color:#333;
	white-space:nowrap;
	background: none;
}

/* Changes Hover State */
#nav li a:hover {
	color:#fff;
	background: #333333;
}

/* fix ie6 small issue */
*html #nav ul {
	margin:0 0 0 -2px;
}

/* Add space or image above dropdown menu */
.AboveDrop {
	height:2px;
}


/* ---------------------------------- */
/* ------------- SUBMENU ------------ */
/* ---------------------------------- */

/* Submenu Box Background */
#nav ul {
	position: absolute;
	left: 0;
	display:none;
	margin: 0 0 0 -1px;
	padding:0;
	list-style: none;
	background: url(Menu-Sub-BG.png) repeat;
	width: 200px;
}

/* Submenu Indiviudal Rows */
#nav ul li {
	display:inline-block;
	float:left;
	border-bottom: 1px solid #3b3b3b;
	width: 100%;
	height: auto;
	margin-left: 0;
	min-width: 120px;
	clear:both;
}

/* Submenu Indiviudal Text */
#nav ul li a {
	clear: both;
	white-space: normal;
	height: auto;
	font: 11px Arial, Helvetica, sans-serif;
}

/* Spacing of Submenu Page Names*/
#nav ul a {
	display: block;
	padding: 5px 5px;
	color:#fff;
}

/* Submenu Hover State */
#nav ul a:hover {
	color:#fff;
	text-decoration: none;
	background: #111111;
}


/* ---------------------------------- */
/* ----------- VIEW CART ------------ */
/* ---------------------------------- */

/* Change _cartView.gif to _cartViewBlack.gif for dark layouts */
#viewCart {
	background: none;
	float:right;
	height:30px;
	overflow:hidden;
	position: absolute;
	top: 0;
	right: 47px;
	padding: 0;
	border-radius: 0px 0px 5px 5px;
}

#viewCartBtn {
	color:#fff;
	background: #333333 url(ViewCart-White.png) no-repeat 20px center;
	display: block;
	width: 150px;
	text-align: right;
	height: 30px;
	cursor: pointer;
	border: none;
	vertical-align:text-top;
	padding: 5px 20px;
	font:13px 'open sans', arial;
}
#viewCartBtn:hover {
	color: #fff;
	background: #000 url(ViewCart-White.png) no-repeat 20px center;
}

 #viewCartBtn::-moz-focus-inner {/* FF fix */
 border:0;
 padding:0
}


/* ---------------------------------- */
/* ------------ SIDEBAR ------------- */
/* ---------------------------------- */

/* Home and Contact Sidebar */
#sidebar {
	background: #f1f1f1;
	display: none;
	border: 1px solid #bbb;
	width: 160px;
	float: left;
	padding: 0 9px 10px;
	margin: 20px 0px 20px 20px;
}

/* Content Sidebar */
#sidebar.content {
	background: #f1f1f1;
	display: none;
	border: 1px solid #bbb;
	width: 160px;
	float: left;
	padding: 0 9px 10px;
	margin: 20px 0px 20px 20px;
}

#sidebar.item {
	background: #f1f1f1;
	display: none;
	border: 1px solid #bbb;
	width: 160px;
	float: left;
	padding: 10px 9px 10px;
	margin: 20px 0px 20px 20px;
}

#sidebar.item img{
max-width: 160px;
}


/* The sidebar's page title font */
#sidebar #pageTitle {
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:10px auto 0;
	width:100%;
	text-align:center;
	display: none;
}

#sidebarPageTitle {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px;
}

/* Sidebar image's font size */
#sidebar .item .text {
	font-size:13px;
	margin: 3px 0px 10px;
	width:160px;
	text-align: center;
	line-height: 1.8em;
}

/* The sidebar link colors */
#sidebar a, #sidebar a:visited {
	color: #555;
}

#sidebar a:hover {
	color: #000;
}

#sidebar .item {
	margin:10px 0 0;
}

#sidebar .item img {
	display:block;
	margin:0 auto;
	max-width: 150px;
}

#sidebar.content .item .text {
	width:150px
}

#sidebar .item .shop {
	margin-bottom:25px
}


/* ---------------------------------- */
/* -------- CONTENT IMAGES ---------- */
/* ---------------------------------- */

/* Content image alignment (Set to 0 for left align) */
.contentImgInner {
	margin:auto;
	text-align:center;
}

.contentImg.home{
	margin:30px 0;
	width:760px
}

.contentImg.content {
	width:760px
}

.contentImgInner {
	display:table
}

.contentImg .item {
	float:left;
	margin:0 5px;
	width:170px
}

.contentImg .item table {
	display:block;
	float:left
}

.contentImg .item .overlayImg {
	display:block
}

.contentImg .item .text {
	margin:8px auto 0;
	width:170px;
	font-size:11px;
	text-align: center;
}

/* Content image's descriptions links */
.contentImg .item .text a {
	font-size:11px;
	color: #666666;
}

/* Vertical Content Images */
.contentImg.vert {
	margin-bottom:15px
}

.contentImg.vert .contentImgInner {
	margin-left:4px
}

.contentImg.vert .item {/*clear:both;*/
	width:635px;
	margin-bottom:15px
}

.contentImg.vert .item table {
	margin:4px 0 0 10px
}

.contentImg.vert .item .overlayImg {
	float:left
}

.contentImg.vert .item .text {
	width:295px;
	float:left;
}

.contentImg.vert .item .text.noShop {
	width:471px;
}

.contentImg.vert .item .shop {
	float:right;
	margin-top:10px;
}


/* ---------------------------------- */
/* -------- WEBSITE FOOTER ---------- */
/* ---------------------------------- */

/* Footer style and font */
#footer {
	color:#333;
	font:12px 'open sans',arial;
	display:block;
	padding:30px 25px 0;
	height:100px;
	max-width:1000px;
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
	margin: auto;
}

/* Full Width Footer background uncomment to use */
#FooterBG {
	width: 100%;
}

/* Footer links font color */
#footer a {
	color:#333;
	text-decoration:none;
	padding:1px 3px;
	white-space:nowrap;
	margin-bottom:2px;
	line-height:1.8em;
}

/* Footer links  font and background color */
#footer a:hover {
	color:#fff;
	background:#66676a;
}

#footerLeft {
	float:left;
	width:60%;
}

#footerRight {
	float:right;
	width:35%;
}

#footerRight * {
	font-size:9px;
	float:right;
}

#footerRight a {
	float:none;
	padding:1px
}

#footerRight #credHavealook {
	clear:both;
	margin-top:3px;
	width:300px;
	text-align:right;
}



/* ------------------------------------- */
/* Reset CSS to remove spacing on P tags */
/* ------------------------------------- */
p {
	margin:0px;
}
table {
	border-collapse:collapse;
}


/* ---------------------------------- */
/* --------- SCROLL TO TOP ---------- */
/* ---------------------------------- */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url(totop.png) no-repeat;
}
#toTopHover {
	background:url(totop-hov.png) no-repeat;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}


/* ---------------------------------- */
/* --------- ENQUIRY FORMS ---------- */
/* ---------------------------------- */

/*---Border and BG Colour of Form---*/
.enquiry {
	background: #f1f1f1 url(EnqBodyBg.png) repeat-x bottom center;
	border: 1px solid #999;
	float: right;
}
.enquiryLeft {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	padding-left: 10px;
	vertical-align: top;
}
.enquiryRight {
	padding-right: 10px;
}
.enquirySend {
	padding-bottom: 10px;
	padding-right: 10px;
	text-align:right;
}
.enquiry .button {
	width:100px;
}

/*---BG and Text Colour of Header---*/
.enquiryHeader {
	background: #333333 url(EnqHeaderBg.png) repeat-x top center;
	font: 14px 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px;
}
/*---Change Space size under header Min 24px---*/
.espacing {height: 24px;}

/*---Add a Border And Color to the text fields---*/
.enquiry input {
	background: #fff;
	border: 1px solid #999;
	width:200px;
}

.enquiry select {
	background: #fff;
	border: 1px solid #999;
}

/*---Customise text area in enquiry form---*/
.enquiry textarea {
	border: 1px solid #999;
	width:200px;
	height:80px;
	text-align:left;
}

/*---Give every second row and different colour---*/
/*.enquiryrow{background: #dedede;}*/


/*---------Enquiry radio fields ------------*/
.radioEnq {
	margin-bottom: 7px;
	width: 8px !important;
}



/* -------------------------------------------- */
/* -------------- SHOPPING CART --------------- */
/* -------------------------------------------- */

.item .shop {
	display:block;
	margin:10px auto 0;
	width:146px;
	font-size:11px;
	line-height:1.4em
}
.item .shop select {
	width:144px;
	border:1px solid #c1c1c1;
	font-size:10px;
	display:block;
	margin:5px 0;
	padding:1px
}
.item .shop .addCart {
	float:right;
	cursor:pointer;
	display:block;
	margin:4px 2px 0 0
}
.item .shop .outOfStock {
	float:right;
	margin:4px 3px 0 0;
	color:#900;
	font-size:10px
}
.price {
	float:left;
	display:block;
	font-weight:bold;
	font-size:13px;
	margin-top:4px
}
.cartQuantity {
	border:1px solid #c1c1c1;
	float: left;
	text-align: center;
	font-size:9px;
	margin:0px 5px 0px 0px;
	width: 50px;
        height: 17px;
        font-size: 12px;
        color; #555;
}
.cartUpdate {
	float:left;
	padding-left:0px;
	padding-top:0px;
	cursor:pointer
}





/* ---------------------------------- */
/* ------ Product Large Image ------- */
/* ---------------------------------- */

.Product-Image {
	float: left;
}
.Product-Image-Large {
	border: 1px solid #ddd;
	width: 375px;
	height: 375px;
	text-align: center;
	cursor: url(zoom-icon.png), pointer, auto;
	overflow:hidden;
	background: #f1f1f1;
}
.Product-Image-Large a {
	cursor: url(zoom-icon.png), pointer, auto;
}
.Product-Image-Large img {
	width: auto;
	height: auto;
	max-height: 375px;
	max-width: 375px;
}
.Product-Image-Thumbs {
	width: 376px;
	margin-top: 10px;
	list-style-type: none;
	overflow:hidden;
	text-align:center;
}
.Product-Image-Thumbs img {
	width: auto;
	height: auto;
	text-align: center;
	max-height: 120px;
	max-width: 120px;
	vertical-align:middle;
}
.Product-Image-Thumbs ul {
	margin: 0px;
	padding: 0px;
}
.Product-Image-Thumbs li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
.Product-Image-Thumbs li a {
	list-style-type: none;
	float: left;
	display: table-cell;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 85px;
	height: 85px;
	border: 1px solid #ddd;
	vertical-align:middle;
	background: #f1f1f1;
}
.Product-Image-Center {
	height: 375px;
	width: 375px;
	vertical-align:middle;
}
.Product-Image-Center td {
	padding:0px;
}
.Product-Image-Width img {
	width: auto;
	height: auto;
	max-height: 375px;
	max-width: 375px;
	margin: auto;
}
.Product-Thumb-1 {
	margin-left: 0px;
}
.Product-Thumb-2 {
	margin-left: 9px;
}
.Product-Thumb-3 {
	margin-left: 9px;
}
.Product-Thumb-4 {
	margin-left: 9px;
}
.Product-Thumb-1 img {
	vertical-align:middle;
}

.Product-Thumb-1:hover, .Product-Thumb-2:hover, .Product-Thumb-3:hover, .Product-Thumb-4:hover{
opacity:0.7;
filter:alpha(opacity=70); 
}


/* ---------------------------------- */
/* ---------- Product Info ---------- */
/* ---------------------------------- */

.Product-Info {
	float: right;
	width:300px;
	height: auto;
	margin-top: -5px;
}
.Product-Heading {
	border-bottom: 1px solid #aaa;
	font: 25px 'open sans', Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 10px;
	margin-bottom: 20px;
    font-weight:700;
}
.Product-Price {
	font: 22px 'open sans', Arial, Helvetica, sans-serif;
	color: #333;
	text-align: right;
	margin-top: -5px;
}
.Product-Sale {
	font: 22px 'open sans', Arial, Helvetica, sans-serif;
	color: #111;
	text-decoration:line-through;
	text-align: right;
}
.Product-Item-Code {
	font: 16px 'open sans', Arial, Helvetica, sans-serif;
	color: #111;
	text-align: right;
}
.Product-Option-List-Holder{
	margin: 20px 0px 0px;
	height: auto;
	text-align: right;
	font: 12px 'open sans', Arial, Helvetica, sans-serif;
	color: #111;
	min-height: 60px
}


/*.Product-Option-List1, .Product-Option-List2, .Product-Option-List3, .Product-Option-List4 {Display: none;}*/
.Product-Option-List3, .Product-Option-List4 {
	Display: none;
}
.Product-Option-List-Holder select {
	width: 170px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #111;
	height: 20px;
	padding: 1px;
}
.Product-Option-List-Holder input {
	width: 164px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
}
.Product-Option-List-Heading-1 {
	float:left;
	line-height: 1.0em;
	width: 200px;
	height:2.0em;
}
.Product-Option-List-Heading-2 {
	float:left;
	line-height: 1.0em;
	width: 200px;
}
.Product-Option-List-Heading-3 {
	float:left;
	line-height: 1.0em;
	width: 200px;
}
.Product-Option-List-Heading-4 {
	float:left;
	line-height: 1.0em;
	width: 200px;
}

.Product-Option-List1 {
	margin-bottom: 10px;
}
.Product-Option-List2 {
	margin-bottom: 10px;
}
.Product-Option-List3 {
	margin-bottom: 10px;
}
.Product-Option-List4 {
	margin-bottom: 10px;
}
#Short-Description-Holder {
	height: 150px;
}
.Short-Description {
	font: 12px Arial, Helvetica, sans-serif;
	color: #111111;
	width: 355px;
	text-align:justify;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid #ddd;
	margin: 10px 0px 0px;
	padding: 10px 10px 0px 0px;
	float: right;
	overflow: auto;
	height: 120px;
	line-height: 1.4em;
}
.Line-Bottom {
	border-bottom: 1px solid #ddd;
	width: 100%;
	margin-left: 10px;
	margin-top: 5px;
	padding: 0px;
	height: 2px;
}
.Quantity {
	font: 14px Arial, Helvetica, sans-serif;
	color: #111;
	text-align:right;
	margin-bottom: 10px;
}
.Quantity input {
	width: 100px;
	text-align: center;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	height: 19px;
	*height: 16px;
}
#Item-Previous {
    background: url("/Item-Previous-Btn.png") repeat scroll 0 0 transparent;
    border: none;
    height: 25px;
    margin-right: 5px;
    width: 130px;
	cursor:pointer;
	float: left;
}
#Item-Add{
	float: left;
}

#Item-Print {
	position: relative;
	right: 0px;
    float:right;
	top: 10px;
	margin-left: 410px;
    margin-bottom: -20px;
}
.Product-Description {
	font: 12px Arial, Helvetica, sans-serif;
	color: #111;
	line-height: 1.4em;
	border-top: 1px solid #aaa;
	margin-top: 20px;
	padding-top: 15px;
	width: 100%;
	display: inline-block;
}
.Product-Purchase {
	margin-top: 12px;
	text-align:right;
	height: 60px;
	float: right;
}
.Shop-Item {
	Background: #f8f8f8;
	border: 1px solid #ddd;
	width: 165px;
	padding: 8px;
	float: left;
	margin: 0px 3px 6px;
}
.Shop-Item a {
	text-decoration: none;
	display: block;
}
.Shop-Item-View {
	position: relative;
	margin-bottom: -27px;
	position: relative;
	top: 70px;
	z-index: 10;
	left: 20px;
	display: none;
}
.Shop-Thumb {
	width: 165px;
	height: 165px;
	text-align: center;
	display: block;
	vertical-align:middle;
	overflow:hidden;
}
.Shop-Thumb-Hover{
	position: relative;
	top: 0px;
	left: 0px;;
	z-index: 10;
	margin-bottom: -240px;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
	width: 165px;
	height: 240px;
	padding: 0px; 
	display: inherit;
	background: url(Shop-Thumb-BG.png) repeat;
}
.Shop-Thumb-Hover:hover{
	/*filter:alpha(opacity=100);
	opacity: 1;*/
	background: url(Item-More-Info.png) no-repeat center center;
}
.Shop-Thumb-Sale{
	position: relative;
	top: -8px;
	left: -8px;
	z-index: 8;
	margin-bottom: -240px;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
	width: 165px;
	height: 240px;
	padding: 0px; 
	display: inherit;
	background: url(Shop-Thumb-Sale.png) no-repeat;
}

.Shop-Thumb img {
	max-width: 165px;
	max-height: 165px;
	width: auto;
	height: auto;
	z-index: 1;
	position: static;
}
.Shop-Thumb-Text {
	font: 12px Arial, Helvetica, sans-serif;
	color: #111;
	text-align: center;
	margin: 10px auto;
	text-decoration: none;
	height: 25px;
}
.Shop-Save {
	font: 14px Arial, Helvetica, sans-serif;
	color: #111;
	text-decoration:line-through;
	float:left;
	margin-left: 18px;
	margin-top: 2px;
}
.Shop-Price {
	font: 16px Arial, Helvetica, sans-serif;
	color: #111;
}
.Shop-Icons {
	display: none;
	margin-top: 10px;
}
.Clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* ---------------------------------- */
/* ------- SIDEBAR CART ITEMS ------- */
/* ---------------------------------- */
#sidebar .item .Shop-Item {
	Background: #f8f8f8;
	border: 1px solid #ddd;
	width: 140px;
	padding: 5px;
	float: left;
	margin: 0px 0px 6px;
}

#sidebar .item .Shop-Thumb {
	width: 140px;
	height: 140px;
	text-align: center;
	display: block;
	vertical-align:middle;
	overflow:hidden;
}
#sidebar .item .Shop-Thumb-Hover{
	position: relative;
	top: 0px;
	left: 0px;;
	z-index: 10;
	margin-bottom: -205px;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
	width: 140px;
	height: 205px;
	padding: 0px; 
	display: inherit;
	background: url(Shop-Thumb-BG.png) repeat;
}
.Shop-Thumb-Hover:hover{
	/*filter:alpha(opacity=100);
	opacity: 1;*/
	background: url(Item-More-Info.png) no-repeat center center;
}
#sidebar .item .Shop-Thumb-Sale{
	position: relative;
	top: -5px;
	left: -5px;
	z-index: 8;
	margin-bottom: -205px;
	/*opacity: 0;
	filter: alpha(opacity=0);*/
	width: 150px;
	height: 205px;
	padding: 0px; 
	display: inherit;
	background: url(Shop-Thumb-Sale.png) no-repeat;
}

#sidebar .item .Shop-Thumb img {
	max-width: 140px;
	max-height: 140px;
	width: auto;
	height: auto;
	z-index: 1;
	position: static;
}



/* ---------------------------------- */
/* -------- VIEW CART PAGE ---------- */
/* ---------------------------------- */

#siteContent.ViewCart {
	float:right;
	margin:20px auto 20px !important;
	width:630px !important;
}

/* Text area of Content Pages */
#siteContent.ViewCart .contentCopy {
	width:630px !important;
}

#sidebar.ViewCart {
	background: #f1f1f1;
	display: inline;
	border: 0px solid #bbb;
	width: 320px;
	float: left;
	padding: 20px 10px;
	margin: 0px auto!important;
}

#shopTable {
	margin: 20px auto 0;
	width: 630px;
	border: 1px solid #d8d8d8;
}

.CartHeading {
	margin: 0 0 10px 20px;
	font: 28px Arial, Helvetica, sans-serif;
	color: #222;
}

.CartFirstLine{
	margin: 0 0 10px 20px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #222;
}

#Similar{
    color: #222222;
    font: 14px Arial,Helvetica,sans-serif;
    margin: 0 20px 10px;
    padding: 15px 0px;
    width: 960px;
}


#SimilarTitle{
	margin: 0 0 10px 0px;
	font: 28px Arial, Helvetica, sans-serif;
	color: #222;
	}


#shopTableHeader {
	background: #fff url(ShopTableHeader.jpg) repeat-x bottom center;
	color: #111;
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#shopTableHeader td {
	padding: 10px;
}
.ItemRow {
	background: #fff url(CartRowBG.jpg) repeat-x bottom center;
	border-bottom: 1px solid #d8d8d8;
}
.ItemRow td {
	padding: 10px;
}
.View-Cart-Thumb {
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-align:center;
border-radius: 5px;
}
.View-Cart-Thumb img {
	max-width: 120px;
	max-height: 120px;
}
.Veiw-Cart-Quantity {
	text-align:center;
}
.View-Cart-Update-Cart-Icon {
	float:left;
	margin-top:3px
}
.View-Cart-Remove-Icon {
	float:left;
	margin-left: 0px;
}
.View-Cart-Quantity-Number {
	float:left;
	margin:0px 5px 0 0
}

#ViewCartTotal {
	float: right;
	width: 260px;
	background: none;
	color: #333;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
        margin: 1px 20px 20px 0px
}
.total-text {
	display: inline;
	float: left;
}
.total-price {
	display: inline;
	float: right;
}
#SubTotal {
	background: none;
	float: right;
	width: 260px;
	color: #333;
	padding: 10px;
	font-size: 16px;
        margin-right: 20px;
}

#ViewCartSubTotal {
	background: #f4f4f4;
	border-radius: 5px;
	float: right;
	width: 260px;
	color: #333;
	padding: 20px;
	font-size: 12px;
	margin: 15px 20px 20px;
	border: 1px solid #ccc;
        font-size: 16px;
}

#SubTotal .clear{margin-bottom: 10px;}

.View-Cart-Sub {
	display: inline;
	float:left;

}
.View-Cart-Sub2 {
	display: inline;
	float:right
}
.View-Cart-Delivery {
	display: inline;
	float:left;
    margin-top:5px;
}
.View-Cart-Delivery2 {
	display: inline;
	float:right
}

.View-Cart-Delivery2 select{
	width: 100px;
	height: 18px;
	color: #333;
	font-size: 12px;
	margin-top:3px;
}

.View-Cart-Delivery-Price {
	display: inline;
	float:left;
}
.View-Cart-Delivery-Price2 {
	display: inline;
	float:right
}

#ProceedCheckout{
	disaply: block;
float: right;	
	}
#ResumeShopping{
	display: block;
float: left;	
	}

#CartShopButtons{
    float: right;
    margin-top: 10px;
    width: 280px;	
}

.CartItem{width: 10%; margin-top:1530px!important;}
.CartDescription{width: 50%}
.CartQuantity{width: 20%;}
.CartPrice{width: 10%;}
.CartTotal{width: 10%;}
	


.SideCheckHeader{
	width: 300px;
	padding: 10px 10px;
	background: #313131 url(Checkout-Side-Header.png) repeat-x bottom center;
	color: #aaa;
	font-size:14px;
	margin-bottom: 1px;
}

.SideCheckHeader span{
	display: inline;
	float: right;
	color: #999;
}



.SideDropShipping, .SideDropContent, .SideDropDiscount, .SideDropDelivery, .SideDropAdditional, .SideDropPaypal{
padding: 10px;
background: #e2e2e2;
}

.SideDropShipping div{
display:block;
height: 25px;
text-align: right;
}

.SideDropShipping input{
width: 200px;
float:right;
height: 15px;
margin-left: 10px;
}

.SideDropDelivery select{
float: right;
    height: 25px;
    width: 180px;
}


#sidebar.ViewCart .Next{
width: 130px;
margin: 10px auto;
}

#sidebar.ViewCart .Next input{
	height: 25px;
	float: none;
	background: #333333;
	border: 1px solid #444;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	margin: 10px auto;
	width: 130px;
	padding:1px 1px 3px 1px;
	text-transform: uppercase;
	cursor: pointer;
}

.SideDropContent .Next input:hover{
	background: #444;
	border: 1px solid #555;
}

.SideDropDiscount input{
width:180px;
float:right;
height: 15px;
margin-left: 10px;
}

.DiscountText{
display:block;
height: 25px;
text-align: right;
	}

.ApplyDiscount{
	margin: 10px 0px;
	background: #383838;
        border: 1px solid #111 !important;
	padding:5px;
	border:none;
	display: block;
	float: none;
	color:#fff;
	font-size:14px;
        width: 100px !important;
        height:35px !important;
}


.TotalDiscountNotValid{color: #b61313;}

.DiscountNotValid{
	background:#b61313;
	padding:5px;
	font-size:14px;
	border-radius: 5px;
	border: 1px solid #9f0a0a;
	width: 530px;
	margin: 5px auto;
	color: #fff;
}

.DiscountValid{
	background:#478610;
	padding:5px;
	font-size:14px;
	border-radius: 5px;
	border: 1px solid #305d08;
	width: 530px;
	margin: 5px auto;
	color: #fff;
}

.discountColour {
	color:#F00;
	font-size:10px;
}		

.SideDropDiscount .discountClass{
	margin:10px auto;
    background: none;
	padding:5px;
	border:none;
	display: block;
	float: none;
	text-decoration:underline;
	color:#222;
	font-size:12px;
    height: 30px;
    cursor: pointer;
}


.CheckoutPaypal{
	width: 150px;
	height: 100px;
	padding:5px;
	border: 1px solid #c0c0c0;
	background: #f2f2f2;
    border-radius: 3px;
    text-align: center;
}

.CheckoutPaypal input{
	width: auto;
	}
	
#Discount{
	width: 260px;
	padding: 20px;
	background: #bbb;
}


/* ---------------------------------- */
/* -------- CHECKOUT PAGE  ---------- */
/* ---------------------------------- */

#siteContent.Checkout {
	float:right;
	margin:20px 0px 20px 0px;
	width:960px !important;
}

#siteContent.ViewCart {
	float:right;
	margin:20px auto 20px auto!important;
    width:960px!important;
}

/* Text area of Content Pages */
#siteContent.Checkout .contentCopy {
	width:980px !important;
}

.CheckoutSectionHeader{
	font: 24px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c0c0c0;
	padding: 15px 20px;
	width: 960px;
}

.Checkout-Number {
    background: none repeat scroll 0 0 #383838;
    border: 1px solid #222222;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 15px;
    padding: 5px;
    width: 15px;
    text-align: center;
	float: left;
	margin-right: 20px;
}


#Checkout-Titles{
	margin: 10px 20px;
	width: 940px;
	height: 30px;
	background: #fff url(Checkout-Title-BG.png) repeat-x;
	border: 1px solid #a2a2a2;
	border-radius: 5px;
	font-size: 17px;
	padding:10px 10px 3px;
}

.checkout-title-item{width:90px; float: left;}
.checkout-title-description{width: 460px; float: left;}
.checkout-title-price{width: 100px; float: left;}
.checkout-title-quantity{width: 200px; float: left;}
.checkout-title-total{width: 85px; float: left; text-align: right;}

#Checkout-Delivery{
	margin: 20px auto;
	display: none;
	width:850px;
	padding: 10px;
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	color: #555;
}

.CheckoutBelow{
	background: #fff url(CheckoutBelow.jpg) repeat-x bottom center; 
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	width:990px; 
	height: 55px;
	margin-top:10px;
}

.CheckoutBelow .continue{
	float: right;
	display: block;
	margin: 12px 15px;
	cursor: pointer;
}

.CheckoutSectionHeader .resume{
	float: right;
	display: inline-block;
	margin: 0px 0px;
	cursor: pointer;
}

#ResumeShopping{
	float: right;
	display: block;
	margin: 12px 15px;
	cursor: pointer;
}

#ProceedCheckout{
	float: right;
	display: block;
	margin: 12px 15px;
	cursor: pointer;
}

#ResumeShopping{
	float: left;
	display: block;
	margin: 12px 15px;
	cursor: pointer;
}

#Checkout-Delivery input{
	width: 290px;
	border: 1px solid #bbb;
	border-radius: 3px;
	height: 20px;
	margin: 3px 0px;
	padding: 5px;
	float:right;
	display: inline-block;
}

#Checkout-Delivery span{
	display: inline-block;
	margin-top: 8px;
}

#Checkout-Delivery .left{
	float: left;
	width:400px;
}

#Checkout-Delivery .left .name, #Checkout-Delivery .left .street1, #Checkout-Delivery .left .street2, #Checkout-Delivery .left .country, #Checkout-Delivery .right .phone, #Checkout-Delivery .right .email, #Checkout-Delivery .right .city, #Checkout-Delivery .right .postcode{
	float: none;
	display: inline-block;
	margin: 0px 5px 10px;
	width: 380px;
}

#Checkout-Delivery .right{
	float: right;
	width:400px;
}

.Checkout-Item-Row{
	margin: 0px 20px;
	width: 950px;
	font-size: 16px;
	padding:15px 5px 15px;
	height: auto;
	border-bottom: 1px solid #ddd;
}

#Checkout-Delivery input.Checkout-Continue{
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #111;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    float: none;
    margin: 40px 300px 10px;
    text-transform: uppercase;
    height: 35px;
    cursor: pointer;
}

#Checkout-Discount input.Checkout-Continue{
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #111;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    float: none;
    margin: 20px 300px 10px;
    text-transform: uppercase;
    height: 35px;
    cursor: pointer;
}

#Checkout-Shipping input.Checkout-Continue{
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #111;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    float: none;
    margin: 40px 300px 10px;
    text-transform: uppercase;
    height: 35px;
    cursor: pointer;
}

#Checkout-Additional input.Checkout-Continue{
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #111;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    float: none;
    margin: 40px 300px 10px;
    text-transform: uppercase;
    height: 35px;
    cursor: pointer;
}

.Discount{
	float: left;
	display:inline;
}

.DiscountAmount{
	float:right;
	display: inline;
}

.checkout-item-holder{
	margin: 0px 0px 0px 90px;
	width: 845px;
	background: #fff url(Checkout-Item-Holder.jpg) repeat-x bottom center;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 14px;
	padding: 27px 10px 20px;
	height: 33px;
}

#Checkout-Discount, #Checkout-Shipping, #Checkout-Additional{
	width: 920px;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 20px auto;
	padding: 20px;
	text-align:center;
	font-size: 16px;
	color: #555;
}


#Checkout-Discount input{
	width: 300px;
	border: 1px solid #bbb;
	border-radius: 3px;
	height: 30px;
	margin: 3px 5px;
	float: none;
	display: inline-block;
}


#Checkout-Shipping input{
	width: 300px;
	border: 1px solid #bbb;
	border-radius: 3px;
	height: 30px;
	margin: 3px 20px;
	float: none;
	display: inline-block;

}

#Checkout-Shipping select{
	width: 300px;
	border: 1px solid #bbb;
	border-radius: 3px;
	height: 30px;
	margin: 3px 20px;
	float: none;
	display: inline-block;
	padding: 3px;
	font-size: 16px;
	color: #555;
}


#Checkout-Additional input{
	width: 300px;
	border: 1px solid #bbb;
	border-radius: 3px;
	height: 30px;
	margin: 3px 20px;
	float: none;
	display: inline-block;
}

#Checkout-Additional span{
	text-align: right;
	display: inline-block;
	width: 220px;
	padding: 0 5px;
}

#Checkout-Review{
	width: 620px;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 20px auto;
	padding: 20px 150px;
	text-align:left;
	font-size: 16px;
	color: #555;
}

.ReviewAddress{
	float: none;
	display: inline-block;
	width:270px;
	vertical-align: top;
	margin-bottom: 10px
}

#Checkout-Review .left{
	width:350px;
	float:left;
}

#Checkout-Review .buy{
	background: #fff url(PP-logo.png) no-repeat 20px 15px;
	border: 1px solid #bbb;
	border-radius: 5px;
	width: 150px;
	height:40px;
	text-align: center;
	padding:80px 10px 10px;
	margin-bottom: -100px;
	float: right;
}


#Checkout-Review span{
	text-align: left;
	font-size: 12px;
	margin: 5px 5px 15px 0px;
	width: 60px;
	display: inline-block;
}

.checkout-item{width:90px; float: left; display: inline-block;}
.checkout-description{width: 460px; float: left; padding-top: 3px;}
.checkout-price{width: 100px; float: left; padding-top: 3px;}
.checkout-quantity{width: 200px; float: left;}
.checkout-total{width: 85px; float: left; text-align: right; padding-top: 3px;}

.CartSpace{
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}

.EmptyCart {
    background: none repeat scroll 0 0 #F1F1F1;
    color: #333333;
    font-size: 14px;
    margin: 10px 20px;
    padding: 30px 0;
    text-align: center;
    width: 960px;
}
#Similar .thumb{width: 170px; height: 170px; margin: 10px auto;}
#Similar img{max-width: 170px; max-height: 170px; text-align: center;}
#Similar .prod0,#Similar .prod1, #Similar .prod2, #Similar .prod3, #Similar .prod4, #Similar .prod5, #Similar .prod6, #Similar .prod7, #Similar .prod8, #Similar .prod9, #Similar .prod10, #Similar .prod11, #Similar .prod12{
	width:190px;
	height:auto;;
	float:left; 
	margin:10px; 
	padding: 0px;
	background: #f1f1f1; 
	text-align: center;
	border-radius: 5px;
	border: 1px solid #bbb;
	overflow:hidden;
}

#Similar .description{
	background: #bbb;
	font-size: 12px;
	text-align: center;
	color: #222;
	padding: 8px 5px;
	}
	
#Checkout-Review .left{
	float: left;
}

/* ----------------------------------------- */
/* ----------Form Validation CSS------------ */
/* ----------------------------------------- */
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }
.inputContainer {position: relative;float: left;}
.formError {position: absolute;top: 300px;left: 300px;display: block;cursor: pointer;text-align: left;}
.formError.inline {position: relative;top: 0;left: 0;display: inline-block;}
.ajaxSubmit {padding: 20px;background: #55ea55;border: 1px solid #999;display: none;}
.formError .formErrorContent {width: 100%;background: #ba0000;position:relative;color: #fff;min-width: 120px;font-size: 13px;border: 2px solid #ddd;box-shadow: 0 0 6px #000;-moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;-o-box-shadow: 0 0 6px #000;padding: 4px 10px 4px 10px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 6px;}
.formError.inline .formErrorContent {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;border: none;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;}
.greenPopup .formErrorContent {background: #33be40;}
.blackPopup .formErrorContent {background: #393939;	color: #FFF;}
.formError .formErrorArrow {width: 15px;margin: -2px 0 0 13px;position:relative;}
body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow {margin: -2px 13px 0 0;}
.formError .formErrorArrowBottom {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;margin: 0px 0 0 12px;top:2px;}
.formError .formErrorArrow div {border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;-moz-box-shadow: 0 2px 3px #444;-webkit-box-shadow: 0 2px 3px #444;-o-box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #ba0000;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
.formError .formErrorArrowBottom div {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;}
.greenPopup .formErrorArrow div {background: #33be40;}
.blackPopup .formErrorArrow div {background: #393939;color: #FFF;}
.formError .formErrorArrow .line10 {width: 15px;border: none;}
.formError .formErrorArrow .line9 {width: 13px;border: none;}
.formError .formErrorArrow .line8 {width: 11px;}
.formError .formErrorArrow .line7 {width: 9px;}
.formError .formErrorArrow .line6 {width: 7px;}
.formError .formErrorArrow .line5 {width: 5px;}
.formError .formErrorArrow .line4 {width: 3px;}
.formError .formErrorArrow .line3 {width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2 {width: 3px;border: none;background: #ddd;}
.formError .formErrorArrow .line1 {width: 1px;border: none;background: #ddd;}


#Item-Print {display:none;}
.Product-Heading {display:none;}


/*===============================*/
 /*=== JQUERY SLIDER STYLES ===*/
/*==============================*/

#sliderContainer {
    width:1000px;
	height:315px;
    margin-top:35px;
    margin-bottom:45px;
}

/*----------------SIZE OF SLIDER-------------------------*/

#slider-wrapper {
	width:1000px;
	height:315px;
	position:relative;

}

#slider {
	position:relative;
	width:1000px;
	height:315px;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
}

 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;

}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;		 /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {

	display:none;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.nivo-prevNav {
	left:15px;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}


/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	display:block;
	text-align:center;
	font-size:0px;
    margin-top:-5px;
    position:relative;
    z-index:1000;
    margin-left:470px;
	
	
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
float:left;
border-radius:5px;
	width:10px;
	height:10px;
	background:#ccc;
	margin:3px;
	box-shadow: 0 1px 0 #fff;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background:#333;
}