/* The following have been removed and should be removed from the shop:
- .HeadText (UK TOLL FREE etc) - done
- .HeadLine (Search box placeholder) - done
- .VertMenuBox (Background colour for td of left col boxes) - done
- .VertMenuBorder (Border for td of left col boxes) - done
- .VertMenuTitle (Title background for td of left col boxes) - done
- .VertMenuItems (Links for left col boxes) - done
- .VertMenuHr (Rule for left col boxes) - done 
- .CategoriesList (Font-size declaration for cats - suspected not in use!) - done
- .SmallNote (If javascript is disabled etc) - done
- .NumberOfArticles (If show number of products online selected. Also use in ccprocessor_error.tpl) - done
- .ProductPriceConverting
*/

/* DESIGN SPECIFIC */

	html,body {
		height: 100%;
	}
	
	body {  
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0;
		text-align: center;
		font-size: 75%;
		/*background: #acacad url(images/bg_tile_body.jpg) repeat-x top;***/
background: #640056 url(images/background3.jpg) repeat-x top;
	}

	h1 {
		font-size: 140%;
	}
	
	h2 {
		font-size: 120%;
	}
	
	h3 {
		font-size: 100%;
	}
	
	hr {
		color: #ddd;
		height: 1px;
	}
	
	hr.clean {
		clear: both;
	}
	
	a {	
		color: #f60;
		text-decoration: underline;
	}
	
	a.sort {
		color: #c60;
		text-decoration: none;
		margin-left: 10px;
	}
	
	a:hover {
		text-decoration: none;
	}

	.clean {
		clear: both;
	}
	
	.siteby {
		margin: 0 20px 10px 0;
		text-align: right;
	}
	
	.siteby a {
		color: #cccccc;
		text-decoration: underline;
	}
	
	.siteby a:hover {
		text-decoration: none;
	}
	
	.orange {
		color: #f60
	}
			
	#wrapper-outer {
		position: relative;
		display: block;
		text-align: center;
		width: 770px;
		margin: auto;
		padding: 0;
		background-image: url(images/bg_tile_wrapper_outer.jpg);
		background-repeat: repeat-y;
		/* border: 1px solid cyan; */
	}
	
	#wrapper-header {
		position: relative;
		display: block;
		text-align: left;
		width: 770px;
		/*height: 180px;***/
height: 220px;
		padding: 0;
		background: url(images/bg_fixed_header.jpg) no-repeat;
		overflow: visible;
		/* border: 1px solid #00ffff; */
	}
	
		#header-left {
			display: block;
			float: left;
			height: 99px;
			width: 25%;
			padding: 25px 0 0 20px;
			text-align: left;
			/*border: 1px solid white;*/
		}
		
		#header-right {
			display: block;
			float: right;
			height: 99px;
			width: 65%;
			padding: 25px 20px 0 0;
			text-align: right;
			/*border: 1px solid white;*/
		}
		
			#header-right p {
				margin: 0;
				padding: 0;
				font-weight: bold;
				/*color: #fff;***/
color: #000;
			}
			
			#header-right a {
				color: #fff;
			}
			
			#header-right form {
				display: inline;
				position: relative;
				top: 5px;
				left: 0px;
			}
			
			#header-right fieldset {
				margin: 0 0 0 25px;
				padding: 0;
				border: 0;
			}
		
			#header-right legend {
				display: none;
			}
					
			#header-right form p label {
				display: none;
			}

			
			#header-right input {
				width: 100px;
				color: #FF6600;
				font-weight: bold;
				border: 2px solid #bb4600;
			}
			
			#header-right input.gobutton {
				width: auto;
				color: #fff;
				background-color: #f63;
				border: 2px solid #bb4600;
				margin: 10px 0 0 0;
				font-weight: bold;
			}
			
	#nav-left {
		display: block;
		float: left;
		height: 25px;
		width: 75%;
		/*padding: 5px 0 0 20px;***/
padding: 15px 0 0 20px;
		text-align: left;
		/*border: 1px solid white;*/
	}
	
	#nav-right {
		display: none;
		float: right;
		height: 25px;
		width: 65%;
		/*padding: 5px 20px 0 0;
		text-align: right;***/
padding: 15px 20px 0 0;
text-align: right;
		/*border: 1px solid white;*/
	}			

	.navigation {
		margin: 0;
		padding-top: 3px;
	}
	
	.navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.navigation li {
		display: inline;
border-right:1px  #676767 solid;
	}
	
	.navigation a.left {
		/*color: #f60;*/
color:#FFFFFF;
		/*margin-right: 1em;*/
padding-right:8px;
padding-left:8px;
		text-decoration: none;
		font-weight: bold;
	}
	
	.navigation a.right {
		/*color: #f60;*/
color:#FFFFFF;
		/*margin-left: 1em;*/
padding-right:8px;
padding-left:8px;
		text-decoration: none;
		font-weight: bold;
	}
	
	.navigation a:hover {
		/*color: #fff;*/
color: #f60;
		text-decoration: none;
		font-weight: bold;
	}
	
.ticker {display:block; height:16px; overflow:hidden;}
	
.navigation_lower {margin:0px 20px 0px 20px; display:block; overflow:hidden;}
	
.icons { float:left; width:350px;}
.icons img {margin-right:10px;}
.basket {float:right; padding-top:8px;}
		
	#wrapper-inner {
		position: relative;
		display: block;
		text-align: left;
		width: 760px;
		margin: 0 auto;
		background-color: #fff;
		overflow: auto;
		border-top: 2px solid #BBB;
	}
		
		#float-right {
			display: block;
			float: right;
			overflow: visible;
			width: 611px;
			margin-right: 0px;
			padding:2px 2px 0px 2px;
			margin-left:-2px;
			border-left:2px solid #BBB;
		}
		
		#float-right p {
			line-height: 1.5em;
		}
		
		.home-intro {
			display: block;
			width: 285px;
			float: left;
			margin: 0 5px 5px 0;
			border: 1px solid #ccc;
			height: 145px;
		}
		
			.home-intro#left {
				background: url(images/bg_fixed_home_intro_left.jpg) no-repeat bottom;
				
			}
			
				.home-intro#left h1 {
					font-size: 110%;
					color: #f60;
					font-weight: bold;
					padding: 3px;
					margin: 0;
				}
				
				.home-intro#left ul {
					font-size: 90%;
					margin-top: 0;
					padding-left: 10px;
					margin-left: 10px;
				}
			
			.home-intro#right {
				background: url(images/bg_fixed_home_intro_right.jpg) no-repeat bottom;
			}
			
				.home-intro#right h1 {
					background-color: #f60;
					font-size: 110%;
					color: #fff;
					font-weight: bold;
					padding: 3px;
					margin: 0;
				}
				
				.home-intro#right p {
					font-size: 100%;
					color: fff;
					padding: 0 160px 0 3px;
					margin: 0;
				}
				
				.home-intro#right a {
					color: #fff;
					text-decoration: underline;
				}
				
				.home-intro#right a:hover {
					text-decoration: none;
				}
		
		.home-featured {
			display: block;
			width: 139px;
			float: left;
			margin: 0 5px 5px 0;
			border: 1px solid #ccc;
			background: url(images/bg_tile_boxes_bottom.jpg) repeat-x bottom;
		}
		
			.home-featured a {
				text-decoration: none;
			}
		
			.home-featured p {
				margin: 0;
				padding: 0 3px 0 3px;
			}
			
			.home-featured img {
				margin: 0;
				padding: 0;				
			}
		
		.home-cats {
			display: block;
			width: 139px;
			height: auto;
			min-height: 165px;
			float: left;
			margin: 0 5px 5px 0;
			border: 1px solid #ccc;
		}		
		
		.home-featured h2,
		.home-cats h2 {
			background-color: #f60;
			color: #fff;
			font-weight: bold;
			padding: 3px;
			margin: 0;
			font-size: 100%;
		}
	
		#float-left {
			display: block;
			float: left;
			width: 143px;
			margin: 0 0px 0 0px;
			padding:0px;
			border-right: 2px solid #BBB;
			padding-top:2px;
		}
		
		
		#float-left div.box {
			width: 100%;
			border: 1px solid #f60;
			margin-bottom: 10px;
			background: #f60; 
		}
								
			#float-left div.box p {
				margin: 0;
				padding: 5px 3px 5px 3px;
				color: #fff;
				line-height: normal;
			}
			
			#float-left div.box p.topbox {
				margin: 0;
				padding: 0 5px 0 5px;
				font-size: 150%;
				text-align: center;
			}
		
	#footer {
		clear: both;
		width: 770px;
		margin: auto;
		height: 80px;
		text-align: left;
		background: #fff url(images/bg_fixed_footer.jpg) no-repeat top;
	}
	
	#footer p.left {
		float: left;
		margin: 0 0 0 15px;
	}
	
	#footer p.right {
		float: right;
		margin: 0 15px 0 0;
	}
	

/* GENERAL */

.NoBorder {
	border-bottom: 0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-top: 0px solid #FFFFFF;
}
.Thumbnail {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
	
.cssform form {
	border: none;
	margin: 0;
}
									
.cssform fieldset {
	border: 1px solid #ccc;
	padding: 10px; 
	margin: 0 0 10px 0;
}
									
.cssform legend {
	font-size: 100%;
	background: #ccc;
	padding: 5px 10px;
	font-weight: bold;
	color: #333; 
	margin: 0 0 10px 0;
	display: block;
}
									
.cssform form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
											
.cssform form p label {
	float: left;
	width: 30%;
}
													
.cssform input.text,
.cssform input.password {
	border: 1px solid #999;
	width: 30%;
}
									
.cssform select {
	border: 1px solid #999;
}
													
.cssform textarea {
	border: 1px solid #999;
	width: 60%;
	height: 150px;
}
													
.cssform-button {
	margin-left: 30%;
	margin-top: 10px;
}

#hide-legend legend,
#hide-legend-and-border legend {
	display: none;
}

#hide-border fieldset,
#hide-legend-and-border fieldset {
	border: none;
}

.ulist,
.olist {
	margin: 0;
}

.ulist ul,
.olist ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1.5em;	
}

.ulist li,
.olist li {
	display: block;
	width: auto;
}

.ulist li a,
.olist li a {
	border: none;
}

.ulist li a:hover,
.olist li a:hover {
	border: none;
}	

.datatable {
	border-top: 1px solid #ccc;
}

.datatable caption {
	text-align: left;
}

.datatable th.display-none {
	display: none;
}

.datatable th {
	text-align: left;
	font-weight: normal;	
}		

.datatable td {
	padding: 5px;
}

.product-thumbnails {
	padding: 10px 35px 10px 0;
	float: left;
}	

p {
	line-height: 1.5em;
}

p.notopmargin {
	margin-top: 0;
}

#printable {
	width: 45%;
	padding: 5px;
	float: right;
	/* border: 1px solid black; */
}

#printable p {
	text-align: right;
	margin: 0 25px 0 0;
}

	
.breadcrumb {
	font-size: 90%; /*may need changing when table-less*/
}

.menubox {
	margin: 0 0 10px 0;
	width: 100%;
	border: 1px solid #F60;
	display: block;
}
	
.menubox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
.menubox li {
	display: block;
	border-bottom: 1px dashed #c60;
	font-family: Arial, Helvetica, sans-serif;
}

.menubox li a {
	display: block;
	text-decoration: none;
	padding: 3px;
}

.menubox li a:hover {
	display: block;
	color: #fff;
	background-color: #F60;
	text-decoration: none;
}

.menubox h3 {
	background-color: #F60;
	margin: 0px;
	padding: 3px;
	font-size: 110%;
	color: #fff;
}

.menubox h3 a {
	text-decoration: none;
	color: #fff;
}

.menubox h3 a:hover {
	text-decoration: none;
}

.menubox p.sub {
	margin: 0;
	line-height: 1.5em;
}	

.menubox .menubox-content {
	padding: 5px;
}

.menubox fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
		
.menubox legend {
	display: none;
}
			
.menubox form {
	margin: 0;
	display: block;
}
			
.menubox form p {
	margin: 0;
}
			
.menubox form p label {
	margin: 0;
}
			
.menubox input.text {
	border: 1px solid #CCCCCC;
	margin: 0;
	width: 80%;
}

.menubox input.button {
	margin: 5px 0 5px 0;
}

/*New Menu Style*/
.menubox2 {
border-bottom:1px solid #BBB;

}
.menubox2 h3 {
	background-color: #757575;
	margin: 0px;
	padding: 3px;
	font-size: 110%;
	color: #fff;
}

.menubox2 h3 a {
	text-decoration: none;
	color: #fff;
}

.menubox2 h3 a:hover {
	text-decoration: none;
}
.menubox2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
.menubox2 li {
	display: block;
	border-bottom: 1px solid  #BBB;
	font-family: Arial, Helvetica, sans-serif;
}

.menubox2 li a {
	display: block;
	text-decoration: none;
	padding: 3px 3px 3px 7px;
	color:#000000;
	font-size:11px;
	font-weight:bold;
}

.menubox2 li a:hover {
	display: block;
	color: #fff;
	background-color: #BBB;
	text-decoration: none;
}

.menubox2 .menubox-content {
	padding: 0px;
}












.dialog-title {
	width: 100%;
}

.dialog-title h2 {
	color: #f60;
}
.dialog-title h1 {
	color: #f60;
}

.dialog-content {
	min-height: 10px;
	padding: 0;
	margin-bottom: 10px;
}

* html .dialog-content {
    height: 10px;           /* IE FIX */
}

.productpod {
	width: 45%;
	height: auto;
	margin: 0 15px 20px 0;
	padding: 5px;
	float: left;
	text-align: left;
}

.productpod p {
	margin: 0;
	line-height: 1.5em;
	font-size: 90%;
}

.productpod img {
	border: none;
	display: block;
}

.buttons {
	width: 115px;
	height: 20px;
	text-align: left;
	padding: 3px;
	background: url(images/but1.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin: 0;
}

.subcat-image {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #ccc;
	padding: 1px;
}

.subcat ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
.subcat li {
	display: block;
	line-height: 1.5em;
	list-style: none;
}

.subcat li a {
	text-decoration: underline;
	padding: 3px;
}

.subcat li a:hover {
	text-decoration: none;
}

.pageing {
	font-size: 120%;
	text-align: right;
}

.pageing ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

.pageing li {
	display: inline;	
}

.pageing a {
	color: #f60;
	background: #fff;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #ccc;
}

.pageing a:hover {
	color: #fff;
	background: #f60;
	text-decoration: none;
}


.DialogBox {
        BACKGROUND-COLOR: #ffffff;
}
.DialogBorder {
        BACKGROUND-COLOR: #FF8600;
}
.DialogTitle {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.TopLabel {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Text {
        COLOR: #000000;
}
.DecorTr {
        COLOR: #3881F9;
}
.AdminSmallMessage {
        COLOR: #FF3300;
}
.AdminTitle {
        COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.Line {
        BACKGROUND-COLOR: #FF6600;
}
.ProductTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductTitleHidden {
        COLOR: #666666; FONT-WEIGHT: bold; FONT-SIZE: 11px;
}
.ProductDetailsTitle {
        COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductDetails {
        COLOR: #000000;
}
.ProductPriceTitle {
        COLOR: #000000; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPrice {
        COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 12px;
}
.ProductPriceSmall {
        COLOR: #FF3300; FONT-WEIGHT: bold;
}
.MarketPrice {
		FONT-SIZE: 14px; FONT-FAMILY: Times New Roman;
}
.ItemsList {
        COLOR: #330000; FONT-WEIGHT: bold;
}
#Disabled {
        COLOR: #909090;
}
.FormButton {
        COLOR: #330000; FONT-WEIGHT: bold; 
}
.Button {                                 
		FONT-FAMILY: Arial;
		BACKGROUND: URL(images/butbg.gif);
		BACKGROUND-COLOR: #FF8600;
		COLOR: #FFFFFF; FONT-WEIGHT: bold;
		FONT-SIZE: 11px;
		TEXT-DECORATION: none;
}
.CustomerMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.ErrorMessage {
        COLOR: #FF3300; FONT-WEIGHT: bold; 
}
.Star {
        COLOR: #FF0000;
}
.HighLight {
		BACKGROUND-COLOR: #FFFFCC;
}
.SaveMoneyLabel {
        COLOR: #FFFFFF; FONT-WEIGHT: bold; 
}
.TableHead {
	BACKGROUND-COLOR: #CCCCCC; FONT-WEIGHT: bold;
}
.TableSubHead {
    BACKGROUND-COLOR: #EEEEEE;
}
.TableLine {
    BACKGROUND-COLOR: #F0F0F0;
}
.SmallText {
        COLOR: #7C4C00; TEXT-DECORATION: none; FONT-SIZE: 9px; FONT-FAMILY: Arial, Verdana, Helvetica, Sans-serif;
}
.Bottom {
        BACKGROUND-COLOR: #FFD44C; COLOR: #8E4B00;
}
.Tab {
        BACKGROUND-COLOR: #FFD44C;
        FONT-WEIGHT: bold;
        TEXT-TRANSFORM: uppercase;
}
.CatMenuItemOff 
{
    BACKGROUND-COLOR: transparent;              /* like "VertMenuBox" */
    BORDER-RIGHT: none;        /* like "VertMenuBox" */
    BORDER-TOP: none;          /* like "VertMenuBox" */
    BORDER-LEFT: none;         /* like "VertMenuBox" */
    BORDER-BOTTOM: none;       /* like "VertMenuBox" */
    MARGIN-BOTTOM: 1px;
    MARGIN-TOP: 1px;
    MARGIN-LEFT: 2px; 
    MARGIN-RIGHT: 3px;
    CURSOR: pointer;
}
.CatMenuItemOffExp
{
    BACKGROUND-COLOR: transparent;              /* like "VertMenuBox" */
    BORDER-RIGHT: none;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 3px;  
    CURSOR: pointer;
}
.CatMenuItemOn
{   
    BACKGROUND-COLOR: #FF8600;              /* like "VertMenuTitle" */
    BORDER-RIGHT: 1px solid #FF8600;        /* like "VertMenuBorder" */
    BORDER-TOP: none;          /* like "VertMenuBorder" */
    BORDER-LEFT: none;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: none;       /* like "VertMenuBorder" */
    MARGIN-BOTTOM: 1px;
	MARGIN-TOP: 1px;
	MARGIN-LEFT: 2px;
    MARGIN-RIGHT: 3px;  
    CURSOR: pointer;
}
.CatSubMenu
{
    BACKGROUND-COLOR: #FFD44C;              /* like "VertMenuBox" */
    BORDER-RIGHT: #8E4B00 1px solid;        /* like "VertMenuBorder" */
    BORDER-TOP: #8E4B00 1px solid;          /* like "VertMenuBorder" */
    BORDER-LEFT: #8E4B00 1px solid;         /* like "VertMenuBorder" */
    BORDER-BOTTOM: #8E4B00 1px solid;       /* like "VertMenuBorder" */
    MARGIN-LEFT: 1px; 
    MARGIN-RIGHT: 2px;
}
.CatMenuItem
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    CURSOR: pointer;
}
.CatMenuItem:link
{
    COLOR: #330000;                         /* like "VertMenuItems" */
}
.CatMenuItem:visited
{
    COLOR: #330000;                         /* like "VertMenuItems" */
}
.CatMenuItem:hover
{
    COLOR: #330000;                         /* like "VertMenuTitle" */
}
.CatMenuItem:active
{
    COLOR: #330000;                         /* like "VertMenuItems" */
}
.NavDialogTitle {
    font-size: 11px;
    font-weight: bold;
    color: #330000;
}   
.NavDialogBorder {
    background-color: #FFCC33;
}
.NavDialogBox {
    background-color: #FFFFCC;
}
.PopupHelpLink {
	FONT-SIZE: 9px;
	COLOR: #330000; 
	TEXT-DECORATION: none;
}
.SubHeader2 {
	COLOR: #666666;
	font-size: 11px;
	FONT-WEIGHT: bold;
}
.SubHeader2Line {
	BACKGROUND-COLOR: #CCCCCC;
}
.HightLightRow {
	BACKGROUND-COLOR: #B0B0B0;
	font-weight: bold;
}
.HightLightEqualRow {
	BACKGROUND-COLOR: #ffe8af;
}
.VertMenuSubTitle {
	BACKGROUND-COLOR: #FFA92F;
}
.SpecialOffersPrice {
	COLOR: #FF3300; FONT-WEIGHT: bold; FONT-SIZE: 14px;
}