/* ################################################################################################## */
/* MOBILE TEXT SIZE */
/* ################################################################################################## */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}

/* ################################################################################################## */
/* CONSTANTS */
/* ################################################################################################## */

.FL {float: left;}
.FR {float: right;}
.TC {text-align: center;}
.TR {text-align: right;}
.TL {text-align: left;}

/* ################################################################################################## */
/* LIGHTBOX */
/* ################################################################################################## */

#lightbox{position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; padding: 4px;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/lbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {height: 1%;}


/* ################################################################################################## */
/* LINKS */
/* ################################################################################################## */

a:link, a:visited, a:hover {
	font-family: "Roboto", Arial, Verdana, Helvetica, san-serif;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
} 

a.LinkNav:link, a.LinkNav:visited, a.LinkNav:hover {
	font-size: 0.9em;
	font-weight: normal;
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
} 

a.LinkSort1:link, a.LinkSort1:visited, a.LinkSort1:hover, a.LinkSort2:link, a.LinkSort2:visited, a.LinkSort2:hover {
	font-size: 0.9em;
	font-weight: bold;
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	margin-right: 2px;
	margin-left: 2px;

} 
a.LinkSort1:link, a.LinkSort1:visited {
	text-decoration: underline;
} 

a.LinkOP:link, a.LinkOP:visited, a.LinkOP:hover {
	font-size: 1em;
	letter-spacing: -1px;
} 

a.LinkMainNav:link, a.LinkMainNav:visited, a.LinkMainNav:hover, a.LinkMainNavHL:link, a.LinkMainNavHL:visited, a.LinkMainNavHL:hover {
	font-size: 1.4em;
	font-weight: normal;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
} 

a.LinkSideBox:link, a.LinkSideBox:visited, a.LinkSideBox:hover {
	font-size: 1em;
	font-weight: bold;
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
} 

a.LinkHead:link, a.LinkHead:visited, a.LinkHead:hover {
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 0.75em;
	font-weight: bold;
} 

a.LinkHeader:link, a.LinkHeader:visited, a.LinkHeader:hover {
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;

} 

a.LinkPaging:link, a.LinkPaging:visited, a.LinkPaging:hover {
	font-size: 1em;
	font-weight: bold;
} 
a.LinkBoxHeader:link, a.LinkBoxHeader:visited, a.LinkBoxHeader:hover {
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: normal;
} 
a.LinkBoxMain:link, a.LinkBoxMain:visited, a.LinkBoxMain:hover {
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
	padding-left: 2px;

} 

a.LinkFootBox:link, a.LinkFootBox:visited, a.LinkFootBox:hover {
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
} 

a.LinkCopy:link, a.LinkCopy:visited, a.LinkCopy:hover {
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
} 

a.LinkCopy:link, a.LinkCopy:visited 			{color: #FFFFFF;}
a.LinkFootBox:link, a.LinkFootBox:visited 		{color: #B8B39F;}
a.LinkBoxMain:link, a.LinkBoxMain:visited 		{color: #000000;}
a.LinkBoxHeader:link, a.LinkBoxHeader:visited 	{color: #990000;}
a:link, a:visited						 		{color: #0066CC;} 
a.LinkOP:link, a.LinkOP:visited 				{color: #000000;} 
a.LinkNav:link, a.LinkNav:visited 				{color: #FFFFFF;} 
a.LinkSort1:link, a.LinkSort1:visited 			{color: #666666;}
a.LinkSort2:link, a.LinkSort2:visited 			{color: #990000;} 
a.LinkMainNav:link, a.LinkMainNav:visited 		{color: #000000;} 
a.LinkMainNavHL:link, a.LinkMainNavHL:visited 	{color: #FFFFFF;} 
a.LinkSideBox:link, a.LinkSideBox:visited 		{color: #CC0000;} 
a.LinkHead:link, a.LinkHead:visited				{color: #666666;} 
a.LinkHeader:link, a.LinkHeader:visited			{color: #003366;} 
a.LinkPaging:link, a.LinkPaging:visited 		{color: #000000;} 



a.LinkCopy:hover, a.LinkNav:hover				{color: #003366;}
a.LinkFootBox:hover 							{color: #FFFFFF;}
a.LinkBoxMain:hover 							{color: #990000;}
a.LinkBoxHeader:hover 							{color: #000000;}
a:hover 										{color: #CC0000;}
a.LinkOP:hover 									{color: #990000;}
a.LinkSort1:hover 								{color: #990000;}
a.LinkSort2:hover 								{color: #000000;}
a.LinkMainNav:hover 							{color: #FFFFFF;}
a.LinkMainNavHL:hover 							{color: #000000;}
a.LinkSideBox:hover 							{color: #000000;}
a.LinkHead:hover 								{color: #CC0000;}
a.LinkHeader:hover 								{color: #0066CC;}
a.LinkPaging:hover 								{color: #B19BB1;}


/* ################################################################################################## */
/* COMMON DIMENSIONS & FONTS */
/* ################################################################################################## */

.HeaderCookies {
	width: 100%;
	background-color: #000000;
	font-size: 1em;
	color: #FFFFFF;
	clear: both;
	min-height: 50px;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
	padding: 15px;
}

body, .BodyContainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body, form, .FormLeft, p, .ContentText, .SingleBox, .SingleBoxOff, .Copyright, .ContentHeader, .ContentSubHeader, h3, .heading-side, .FootBG {
	font-family: "Roboto", Arial, Verdana, Helvetica, san-serif;
}

p {
	font-size: 0.88em;
}

.BodyLeft {
	float: left;
	width: 654px;
	text-align: left;
}

.BodyRight {
	float: right;
	width: 270px;
	text-align: center;
}

.pointer {
	cursor: pointer;
	cursor: hand;
}

/* ################################################################################################## */
/* NAVIGATION */
/* ################################################################################################## */

.ulNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ulNav li {
	cursor: pointer;
	cursor: hand;
	font-size: 0.75em;
	float: left;
	text-align: center;
	background-color: #999;
	width: 12%;
	height: 30px;
	padding: 7px 0 0 0;
	margin: 0 5px 0 0;
	-moz-border-radius-topleft: 5px;		
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;		
	border-top-right-radius: 5px;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	background: #E8E8E8; 
	background: -moz-linear-gradient(top, #999999 0%, #E8E8E8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #999999 0%,#E8E8E8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #999999 0%,#E8E8E8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#E8E8E8',GradientType=0 ); /* IE6-9 */
}
.ulNav li:hover {
	background: #666666; 
	background: -moz-linear-gradient(top, #666666 0%, #E8E8E8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #666666 0%,#E8E8E8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #666666 0%,#E8E8E8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#E8E8E8',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0px -3px 5px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:    0px -3px 5px rgba(255, 255, 255, 0.5);
	box-shadow:         0px -3px 5px rgba(255, 255, 255, 0.5);
}

.ulNav li:hover a {
	color: #fff;
}
.ulNav li:last-child {
	margin-right: 0;
}

/* ################################################################################################## */
/* HEADER */
/* ################################################################################################## */

body {
	text-align: center;
	margin-right: auto;
	margin-left: auto;

	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top, #F4F4F4 0%, #999999 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #F4F4F4 0%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #F4F4F4 0%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

.BodyContainer {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.HeaderSearch, .HeaderBG {
	width: 100%;
	color: #FFFFFF;
}
.BodyBox, .ContentBox, .ContentInner {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.ContentBox {
	background-color: #FFFFFF;
	margin-top: 30px;
}
.ContentInner {
	width: 930px;
}
.HeaderSearch {
	padding: 10px 0;
	height: 50px;
	border-bottom: solid 3px #ffffff;
}
.HeaderBG {
	height: 180px;
	background-image: url(../images/bg/feathers.jpg);
	background-repeat: repeat-x;
	background-size: contain;
}

.HeaderPhone {
	font-size: 1.4em;
}

/* ################################################################################################## */
/* HEADER SEARCH */
/* ################################################################################################## */

.SearchForm {
	padding: 10px 10px 10px 0;
}

.FormFieldSearch, .SearchDrop {
	width: 130px;
	padding: 5px;
	margin-right: 10px;
}

.FormFieldSearch, .SearchDrop, .SearchGo {
	height: 30px;
	border: solid 1px white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

/* ################################################################################################## */
/* PADDING */
/* ################################################################################################## */

.PadHeader {
	padding: 0px 5px 10px 10px;
}
.Pad5 {
	padding: 0px 5px 10px;
}
.Pad10 {
	padding: 10px;
}
.Pad20 {
	padding: 20px;
}
.PadShopping {
	padding: 15px 10px;
}
.PadRight {
	padding: 20px 10px;
}
.PadFoot {
	padding: 5px 20px;
}
.PadContent {
	padding: 10px 30px 10px 0px;
}
.PadCopyright {
	padding: 5px 20px 10px;
}
.PadTop5 {
	padding: 5px 0px 0px;
}
.PadPaging {
	padding: 6px 5px 4px;
}
.PadNav {
	padding-left: 20px;
	padding-top: 4px;
}
.PadHeadLinks {
	padding-top: 95px;

}
.PadLogo {
	padding-top: 30px;
	padding-left: 20px;
}
.PadPhone {
	padding-top: 40px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;

}

/* ################################################################################################## */
/* FORMS */
/* ################################################################################################## */

form		{
	margin: 0px;
	font-size: 1em;
}

.FormBox {
	width: 658px;
}
.FormLeft, .FormRight {
	height: 40px;
}
.FormHider {
	visibility: hidden;
}
.FormLeft {
	width: 170px;
	color: #000000;
	background-color: #EAEAEA;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 1px;
	text-align: left;

}
.FormRight {
	width: 460px;
	background-color: #F4F4F4;
	margin-bottom: 1px;
	text-align: left;

}
.FormFieldSmall {
	height: 20px;
	width: 200px;
}
.FormFieldMed {
	height: 20px;
	width: 300px;
}
.FormFieldLong {
	height: 20px;
	width: 380px;
}
textarea {
	overflow: auto;
	height: 100px;
	width: 400px;
	border: 1px solid #999999;

}
.FormPadL {
	padding: 5px;
}
.FormPadR {
	padding: 5px;
}

/* ################################################################################################## */
/* PAGE CONTENT */
/* ################################################################################################## */

.ContentHeader, h1, h2, .list-heading, .list-heading a {
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px;
	text-align: left;
	padding: 0px;
	padding-top: 4px;
	margin: 0px;
}
.list-heading a:hover {
	color: #990000;
}
.OrderHeader {
	color: #999999;
}
.ContentSubHeader, h3, .heading-side {
	font-size: 1.2em;
	font-weight: normal;
	text-align: left;
	color: #000000;
	letter-spacing: -1px;
	margin: 0px 0px -5px;
	padding: 0px;

}
h4 {
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	letter-spacing: -1px;
	margin: 4px 0px 0px 1px;
	padding: 0px;

}
.ContentText {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 18px;
	color: #000000;
	text-align: left;
}
.ContentDots {
	background-image: url(../images/content-dots.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 10px;
	width: 100%;
	margin: 0px;
	padding: 0px;

}

/* ################################################################################################## */
/* PAGING */
/* ################################################################################################## */


.PagingBox {
	height: 30px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	background-image: url(../images/paging-bg.jpg);
	background-repeat: repeat-x;

}
.PagingLeft {
	float: left;
	width: 65%;
}
.PagingRight {
	float: right;
	width: 35%;
	text-align: right;

}
.SingleBox, .SingleBoxOff {
	border: 1px solid #999999;
	width: 20px;
	height: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px 4px;
}
.SingleBox {
	background-color: #990000;
}
.SingleBoxOff {
	background-color: #F4F4F4;
}


/* ################################################################################################## */
/* FOOTER */
/* ################################################################################################## */

.FootBG {
	background-color: #3D332F;
	text-align: left;
	height: 256px;
	color: #8D796B;
	font-size: 1em;
}
.Copyright {
	height: 58px;
	font-size: 0.8em;
	line-height: 22px;
	color: #FFFFFF;
}
.NewsletterButton {
	margin-left: 3px;
}
.FootBoxL {
	width: 400px;
}
.FootBoxR {
	width: 300px;
}
.SmallText {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;

}
.NewsDrop {
	margin-top: 10px;
	margin-bottom: 10px;
}
.SearchField {
	background-color: #FFFFFF;
	height: 24px;
	width: 174px;
	border: 1px solid #990000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.SearchButton {
	margin-top: 5px;
}
.NewsField {
	background-color: #FFFFFF;
	height: 24px;
	width: 140px;
	border: 1px solid #990000;
	margin-right: 2px;
}
.NewsButton {
	height: 24px;
	width: 57px;
	margin-top: 10px;

}
.SideBox {
	height: auto;
	width: 174px;
	border: 1px solid #999999;
}
.SideHead {
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 1em;
	color: #CC0000;
}
.SideBoxF {
	width: 162px;
	text-align: left;
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.65em;
}
.SideBoxL {
	float: left;
	width: 97px;
	text-align: left;
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.65em;
}
.SideBoxR {
	text-align: center;
	float: right;
	width: 65px;
}
.ClearBoth {
	clear: both;
}
.ContentLeft {
	float: left;
	width: 654px;
}
.ContentRight {
	float: right;
	width: 270px;
}


/* ################################################################################################## */
/* PAGE LIST ITEMS, NEWS ETC */
/* ################################################################################################## */

.ListBox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	background-image: url(../images/box-bg.jpg);
	background-repeat: repeat-x;

}
.ListText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.ListHeader {
	height: 28px;
	font-size: 1em;
	background-color: #E0E0E0;
	color: #FFFFFF;
	padding-top: 6px;
	font-weight: normal;
}
.PicThumb {
	margin: -30px 10px 6px;
	border: 1px solid #999999;
	float: right;
	text-align: center;
	padding: 3px;
	background-color: #FFFFFF;
}
.NewsDate {
	font-weight: bold;
	color: #999999;
	height: 30px;
}
.PicBox {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: auto;
	float: left;
}
.FootNewsDate {
	font-weight: normal;
	color: #FFFFFF;
	font-family: "Roboto", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
.FootNewsDots {
	background-image: url(../images/content-dots.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.FooterDrop {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.QuickForm {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 300px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
}
.QuickFormLeft {
	float: left;
	width: 100px;
	height: 25px;
}
.QuickFormRight {
	float: right;
	width: 200px;
	height: 25px;
}

.ContentQuote {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;

}
.ContentLinks {
	float: left;
	width: 43%;
	margin-right: 10px;
}
.SpecBox {
	text-align: center;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 0.8em;
}
.SpecLeft {
	float: left;
	width: 25%;
	text-align: left;
	font-weight: bold;
}
.SpecRight {
	text-align: left;
	float: right;
	width: 75%;
}
.FeatPic {
	margin-left: 15px;
	margin-top: -55px;

}
.RedBG {
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top, #666666 0%, #999999 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #666666 0%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #666666 0%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}

.HeadLogoPhone {
	clear: both;
}

.HeadLogo {
	height: 143px;
}
.HeadNav {
	clear: both;
	width: 100%;
}
.FadeDown {
	background-image: url(../images/fade-down.jpg);
	background-repeat: repeat-x;
	height: 40px;
}
.HeadHelp {
	height: 137px;
	width: 270px;
	background-image: url(../images/fade-help.jpg);
	background-repeat: repeat-x;
	text-align: left;


}
.HeadNew {
	height: 54px;
	width: 270px;
	background-image: url(../images/fade-help.jpg);
	background-repeat: repeat-x;
	text-align: left;

}
.MB2 {
	margin-bottom: 5px;
}
.MT2 {
	padding-top: 5px;
}
.RightBG {
	height: auto;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top, #F4F4F4 0%, #999999 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #F4F4F4 0%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #F4F4F4 0%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
}
.ContentBG {

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 70.95%, #999999 70.95%, #999999 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 70.95%,#999999 70.95%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#ffffff 70.95%,#999999 70.95%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.PadTop10 {
	padding: 10px 0px 0px;
}
.SideHeader {
	font-size: 1.1em;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0px;
	padding-top: 2px;
	margin: 0px;
	color: #FFFFFF;
}
.PadBox {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 6px;

}
.WhiteDots {
	background-image: url(../images/white-dots.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 10px;
	width: 100%;
}
.BoxMain {
	background-color: #FFFFFF;
	width: 248px;
	border: 1px solid #FFFFFF;
	margin-bottom: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.BoxHeader {
	height: 56px;
	width: 248px;
	background-image: url(../images/box-headbg.jpg);
	background-repeat: repeat-x;
	text-align: left;

}
.BoxPad {
	padding: 5px 10px;
}
.BoxBody {
	width: 248px;
	text-align: left;
	font-size: 0.75em;
}

.MR2 {margin-right:2px;}
.MR10 {margin-right:10px;}

.ContactLeft {
	float: left;
	width: 260px;
}
.ContactRight {
	float: right;
	width: 340px;
}
.ContactBox {
	width: 600px;
}
.HelpBox {
	padding-top: 5px;
}

.TableContainer {
	width: 610px;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.TablePad {
	padding: 10px;
}
.TableRow {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.CellHeader, .CellDark, .CellMain {
	height: 30px;
	margin-bottom: 2px;
}
.CellHeader {
	width: 590px;
	float: left;
	font-weight: bold;
	background-color: #F4F4F4;
	color: #990000;
	text-transform: uppercase;
}
.CellDark {
	float: left;
	width: 188px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #000000;
}
.CellFull {
	width: 590px;
	background-color: #FFFFFF;
}
.CellMain {
	width: 400px;
	float: left;
	background-color: #FFFFFF;

}
.CellLeft {
	text-align: left;
}
.CellRight {
	text-align: right;
}
.PadField {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
}
.PadTable {
	padding: 5px;
}
.PadBasket {
	padding: 15px 5px 0px;
}
.FieldSmall, .FieldMedium, .FieldLong {
	border: 1px solid #CCCCCC;
	height: 22px;
}
.FieldSmall {
	width: 100px;
}
.FieldMedium {
	width: 200px;
}
.FieldLong {
	width: 300px;
}
.WallpaperBox {
	height: 270px;
	width: 144px;
	border: 1px solid #CCCCCC;
	float: left;
	color: #000000;
	text-align: left;
	font-size: 0.8em;
	margin-bottom: 10px;
}
.WallpaperPic {
	margin-bottom: 10px;
}
.WallpaperPrice {
	font-size: 1em;
	font-weight: bold;
	color: #CC0000;
}
.FilterRow {
	clear: both;
	width: 228px;
	height: 20px;
	margin-bottom: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;

}
.FilterLeft {
	text-align: left;
	float: left;
	width: 80px;
}
.FilterRight {
	text-align: left;
	float: right;
	width: 140px;
}
.ProductText {
	clear: both;
	width: 100%;
}
.ProductPad {
	padding: 10px;
}
.ProductLeft {
	float: left;
	width: 65%;
	font-size: 0.9em;
}
.ProductRight {
	background-color: #FFF;
	float: right;
	width: 35%;
}
.ProductPrice {
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
.WallpaperThumb {
	margin-right: 15px;
}
.ProductImage {
	background-color: #F4F4F4;
	min-height: 400px;
	overflow: hidden;
}
.FilterDrop {
	font-size: 0.8em;
	width: 140px;

}
.LogoBox {
	width: 614px;
	border: 1px solid #CCCCCC;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;

}
.LogoImage {
	float: left;
	margin: 6px;
	text-align: center;
}
.HomeBoxes {
	width: 614px;
	height: 120px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.HBRight {
	float: right;
	height: 102px;
	width: 234px;
	background-image: url(../images/hb-right.gif);
	background-repeat: no-repeat;
	text-align: left;
}
.HBLeft {
	float: left;
	height: 102px;
	width: 368px;
	background-image: url(../images/hb-left.jpg);
	background-repeat: no-repeat;
	text-align: left;
}
.HBText {
	font-size: 0.9em;
	padding-top: 10px;
}
.HBPad {
	padding-right: 100px;
}
.MatchBox {
	clear: both;
	width: 614px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
.MatchPad {
	padding: 10px;
}
.MatchLeft {
	float: left;
	width: 150px;
	font-size: 0.9em;
	text-align: center;
	margin: auto;
}
.MatchRight {
	float: right;
	width: 450px;
	font-size: 0.8em;
}
.MatchPrice {
	font-size: 1em;
	font-weight: bold;
	color: #990000;
}
.BasketContainer {
	width: 610px;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 10px;


}
.BasketPad {
	padding: 10px;
}
.BasketRow {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.BasketHeader {
	float: left;
	font-weight: bold;
	background-color: #990000;
	color: #FFFFFF;
}
.BasketMain, .BasketMainFeat {
	float: left;
}
.BasketMain {
	background-color: #F4F4F4;
}
.BasketMainFeat {
	background-color: #E4E4E4;
}
.BasketMain, .BasketHeader, .BasketMainFeat {
	height: 50px;
	margin-bottom: 2px;
}
.MiniThumb {
	margin-right: 8px;
}
.CheckoutLeft {
	float: left;
	width: 371px;
	background-color: #F4F4F4;
	height: 200px;
}
.CheckoutRight {
	float: right;
	width: 215px;
	background-color: #F4F4F4;
	height: 200px;
}

/* ################################################################################################## */
/* JQUERY SLIDESHOW
/* ################################################################################################## */

.fadein { position:relative; width: 654px; height: 196px; }
.fadein img { position:absolute; left:0; top:0; }

/* ################################################################################################## */
.hols {
	box-sizing: border-box;
	margin: 10px 0;
	width: 100%;
	background: #F4F4F4;
	padding: 5px 15px;
	color: #CC0000;
	border: solid 1px #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
/* ################################################################################################## */
/* GDPR */
/* ################################################################################################## */

	.gdpr-hr {
		border: none;
		border-top: dashed 1px #cc0000;
	    height: 1px;
	    background: none;
		width: 100%;
		clear: both;
		margin: 20px 0;
	}
	
	.gdpr-h3 {
		color: #333;
		font-size: 1.3em;
	}

	.gdpr-form .gdpr-button {
		border: none;
		margin: 0;
		padding: 10px 20px;
		font-size: 1.2em;
		color: #fff;
		cursor: hand;
		cursor: pointer;
		text-align: center;
		background: #cc0000;
	}
	.gdpr-form .gdpr-button:hover {
		background: #CCC;
	}

	.gdpr-form textarea {
		width: 100%;
		padding: 15px;
		margin-bottom: 10px;
		border: solid 1px #cc0000;
	}


/* ################################################################################################## */
/* /GDPR */
/* ################################################################################################## */