@font-face {
    font-family: 'sertigregular';
    src: url('/assets/font/sertig-webfont.eot');
    src: url('/assets/font/sertig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/font/sertig-webfont.woff2') format('woff2'),
         url('/assets/font/sertig-webfont.woff') format('woff'),
         url('/assets/font/sertig-webfont.ttf') format('truetype'),
         url('/assets/font/sertig-webfont.svg#sertigregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
form{padding:0px;margin:0px;}
a img{border: none;}
.clear{clear:both;}
a:hover, a:active, a:link, input, textarea { outline: none; }
.clear_margin{margin: 0px !important;}
.clear_padding{padding: 0px !important;}
.clear_border{border: none !important;}
.clear_bg{background-image: none !important;}
.no_display{display: none;}
.display{display: block;}
.warning{color: #9f3f40;}
.upper{text-transform: uppercase}
a,a:link{text-decoration: none;}
a:hover{text-decoration: underline;}
p,h1,h2,h3,h4,h5,h6{margin: 0px; padding:0px;}
ul{margin: 0px; padding: 0px;}
li{padding: 0px; margin: 0px; list-style: none;}

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1;}

body {
	background:#786868;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
}

h1, h2, h3, h4 {
	font-family:Georgia;
}

.col a {
	font-size: 12px;
	color:#555555;
}

#wrapper {
       width:1000px;
       height:auto;
       margin:0 auto;
       padding: 20px;
       background:#f5f5f5;
}
.form-control
{
	margin-bottom: 10px;
}
.checkout-table
{
	width: 90%;
}

.checkout-table td
{
	padding-bottom: 10px;
}
#wrappercbox {
    padding: 10px;
    background:#f5f5f5;
}

/*Header Area*/

#header {
	width:960px;
	height:79px;
	margin:0 0 20px 0;
}

#headercbox {
	height:79px;
	margin:0 0 20px 0;
}
#logo {
	width:340px;
	line-height:79px;
	float:left;
	background:url(../images/centrepiece-logo.png) top left no-repeat;
}

#logo a {
	width:600px;
	height:79px;
	display:block;
	font-style:italic;
	font-size:44px;
	font-family:Georgia;
	color:#000;
	padding:0 0 0 97px;
}

#logo a:hover {
	text-decoration:none;
}

#phone {
	width:250px;
	height:79px;
	float:right;
	text-align:center;
}

#phone span {
	font-size:19px;
}

#navigation {
	width:960px;
	height:20px;
}

/*#navigation li {
	float:left;
	margin:0 0 0 90px;
	text-transform:capitalize;
}*/

#content {
	width:960px;
	padding:20px 0 0 0;
	background:url(../images/shadow.png) top left no-repeat;
}
#contentcbox {
	padding:20px 0 0 0;
	background:url(../images/shadow.png) top left no-repeat;
	background-color: #f5f5f5;
}

#content p {
	margin:0 0 10px 0;
}

#content li {
	list-style: square;
	margin:0 0 10px 25px;
	
}

.contentRow {
	width:960px;
	margin:0 0 0;
}

.contentRow2 {
	width:960px;
	margin:20px 0 0 0;
}

.areaBox {
	width:220px;
	height:250px;
	margin:0 10px;
	float:left;
}

.longBox {
	width:450px;
	height:250px;
	margin:0 10px;
	float:left;
}

.areaBox.one {
	background: url(../images/plasterwork_small.jpg) top left no-repeat;
}

.areaBox.two {
	background: url(../images/f_and_b_small.jpg) top left no-repeat;
}

.areaBox.three {
	background: url(../images/amtico.jpg) top left no-repeat;
}

.areaBox.four {
	background: url(../images/plaster-restoration.jpg) top left no-repeat;
}

.areaBox.five {
	background: url(../images/wallpaper-home.jpg) top left no-repeat;
}

.areaBox.six {
	background: url(../images/stoves-home50.jpg) top left no-repeat;
}

.areaBox.seven {
	background: url(../images/glass-home.jpg) top left no-repeat;
}

.areaBox.eight {
	background: url(../images/contact-home3.jpg) top left no-repeat;
}

.areaBox p {
	line-height: 50px;
	height: 50px;
	width:220px;
	margin:0 0 0 0;
	padding: 0 0 0 15px;
	position: relative;
	z-index:10;
	background: url(../images/bg_link.png) top left no-repeat;
	font-size:12px;
}

.areaBox a {
	display: block;
	color: #fff;
	width:220px;
	height:50px;
	padding:200px 0 0 0;
}

.longBox p {
	line-height: 50px;
	height: 50px;
	width:450px;
	margin:0 0 0 0;
	padding: 0 0 0 15px;
	position: relative;
	z-index:10;
	background: url(../images/link_bg_strech.jpg) top left;
	font-size:12px;
}

.longBox a {
	display: block;
	color: #fff;
	width:219px;
	height:50px;
	padding:0 0 0 0;
}

.imgr {
	border:4px solid #fff;
	height:200px;
}

#content .lefter {
	float:left;
	width:238px;
	margin-bottom: 40px;
}

#content .leftNav {
	width:210px;
	padding:10px;
	background:url(../images/bg-corner.png) top right no-repeat #fff;
	border: 1px solid #ddd;
	margin: 20px 10px 0;
	float:left;
}

#content .leftNav ul {
	list-style: none;
	margin:0;
	padding:0;
}

#content .leftNav li {
	margin:10px 0;
	padding: 0;
	list-style:none;
}

#content .leftNav li a {
	display:block;
	color:#555555;
}

#content .leftNav ul ul {
	margin:0 0 0 20px;
	padding: 0;
}

#content .leftNav ul ul li {
	margin:10px 0;
	padding: 0;
	list-style:circle;
	font-size: 14px;
}

#content .leftNav p {
	color:#555;
	margin: 10px 0;
	font-size: 12px;
}

.col {
	width:700px;
	margin:20px 10px 0;
	float:right;
}

.cboxcol {
	width:700px;
	margin-left: auto;
	margin-right: auto;
}

.centerCopy {
	width:678px;
	padding:10px;
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 0 20px 0;
}

#content .smallPlast h2, #content .medPlast h2, #content .productBtn h2, #content .niches h2, #content .panelDetail h2 {
	margin:5px 0 15px 10px;
	padding: 0;
}

#content .smallPlast p, #content .medPlast p, #content .niches p, #content .panelDetail p {
	font-size: 12px;
	margin:0 0 15px 10px;
	padding: 0;
}

.productRow {
	width:700px;
	margin:0 0 20px 0;
}

.smallPlast img {
	max-width: 143px;
}

.medPlast img, .productBtn img {
	max-width: 190px;
}

.smallPlast {
	width:143px;
	height: 220px;
	margin:0 10px;
	padding: 5px 5px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
}

.medPlast {
	width:201px;
	height: 280px;
	margin:0 10px;
	padding: 5px 5px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
}

#middle.medPlast {
	width:202px;
}

.productBtn {
	float:left;
}

.productBtn a {
	display: block;
	height: 280px;
	margin:0 20px 0 0;
	padding: 10px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #000;
}

.productBtn a:hover {
	color:#666;
	text-decoration: none;
	background: #eee;
}

.centerProduct {
	width:918px;
	padding:20px;
	background:url(../images/bg-corner.png) top right no-repeat #fff;
	border: 1px solid #ddd;
	margin: 20px auto;
}

.panelDetail {
	float:left;
	width:120px;
	height:auto;
	margin:0 0 0 10px;
}

/*dado*/

.dados img {
	max-width: 160px;
}

.dadoImg {
	width:173px;
	float: left;
	margin:22px 0 0 0;
}

.dadoProfile {
	width:113px;
	float:left;
	margin:20px 0 0 10px;
}

.dados {
	width:318px;
	height: 165px;
	margin:0 10px;
	padding: 5px 5px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
}

/*dado end*/

/*niches*/

.niches img {
	max-width: 143px;
}

.nicheImg {
	width:143px;
	float: left;
}

.nicheText {
	float:left;
	margin:0 0 0 10px;
	width:143px;
}

.niches {
	width:318px;
	height: 270px;
	margin:0 10px;
	padding: 5px 5px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
}

/*niches end*/

/*panel moulds*/

.panelBox {
	width:668px;
	height: auto;
	margin:0 10px 20px;
	padding: 5px 5px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
}

.fourPartImg {
	text-align:center;
	float:left;
	width:130px;
	height:130px;
}

.fourPartImg img {
	max-height:130px;
}

.fourPartRail {
	text-align:center;
	float:left;
	width:258px;
	height:auto;
	margin:0 10px;
}

.fourPartProfile {
	float:left;
	width:90px;
	height:auto;
	margin: 40px 0 0 10px;
}
/*panel moulds end*/

/*cornice*/

.corniceBox {
	width:318px;
	height: auto;
	margin:0 10px 20px;
	padding: 5px 5px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
}

.twoPartImg {
	text-align:center;
	float:left;
	width:218px;
	height: 122px
}

.twoPartImg img {
	max-height:122px;
}

.twoPartProfile {
	float:left;
	width:90px;
	height:auto;
	margin: 0 0 0 0;
}

.twoPartProfile img {
	max-width:90px;
}

/*cornice end*/

/*lighters*/

.lighter {
	width:147px;
	height: 147px;
	margin:0 10px;
	padding: 2px 2px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.lighter h2 {
    position: absolute;
    top: 90px;
    left: 0px;
    display: block;
    background-color: #F5F5F5;
    width: 90%;
    margin-left: 0;
    padding-left: 5px;
    font-size: 13px;
}

.paint {
	width:150px;
	height: 220px;
	margin:0 10px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	font-size: 14px;
}

.paint-bskt {
	height: 60px;
	margin:0 10px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	font-size: 14px;
}


.product {
	width: 210px;
	height: 250px;
	margin:0 10px;
	padding-top: 10px;
	float:left;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
	font-size: 12px;
}
.productimg {
	height: 210px;
	text-align: center;
}
.productimg h2 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 24px;
}
.productimg img
{
	max-width: 85%;
	max-height: 90%;
}
.paint-img
{
	height: 165px;
}

.paint-img img
{
	width: 100%;
	height: 100%;
}

.paint-img-bskt img
{
	width: 100%;
}

.moreinfo {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	padding-top: 3px;
	height: 60px;
	line-height: 24px;
}
.basket-item
{
	min-width: 170px;
}
#basket-total
{
	min-width: 100px;
}
.lighter img {
	margin:-50px;
}



/*lighters end*/

/*contact*/

form {
	width: 100%;
	padding:20px 10px 0;
	border: 1px solid #ddd;
	background: #fff;
}

.formRow {
	width:636px;
	height: 20px;
	margin:0 0 20px 0;
}

.formRow label {
	float:left;
	height: 20px;
	line-height: 20px;
	width:138px;
	margin:0 10px 0 10px;
	padding: 0;
	font-size:14px;
}

.formRow input {
	float:left;
	height: 20px;
	line-height: 20px;
	width:148px;
	margin:0 0 0 0;
	padding: 0;
}

.formArea {
	margin:0 0 20px 0;
	font-size:14px;
}

.formColRow {
	width:298px;
	margin:0 0 10px 0;
}

.formCol label, .formColRow label {
	height: 20px;
	line-height: 20px;
	width:298px;
	margin:0 0 10px 0;
	padding: 0;
}

.formCol textarea {
	width:298px;
}

.formCol {
	width:298px;
	float:left;
	margin:0 10px;
}	

.formCol input.submit {
	float:right;
	background: #ddd;
	color:#000;
	border:none;
	margin:0 0 0 0;
	padding: 5px;
	width: 150px;
	text-align: center;
}

.map {
	border:4px solid #fff;
	height:350px;
	margin: 20px 0 0 0;
}

/*contact end*/

/*Footer Area*/

#footer {
	width:100%;
	height:300px;
	background:#212121;
}

#footerWrap {
	width:1000px;
	margin: 0 auto;
	padding: 20px 20px;
}

.footerBox {
	width:220px;
	margin:0 10px;
	float:left;
}

.footerBox li {
	font-size:12px;
	color: #fff;
	line-height: 18px;
}

.footerBox li.title {
	font-family:Georgia;
	text-shadow: 2px 2px 2px #000;
	font-size: 13px;
	margin:0 0 10px 0;
	line-height: 14px;
}

.footerBox li a {
	color:#fff;
}

.social {
	width:220px;
	height:40px;
	margin:0 0 25px 0;
}

.icon {
	float:left;
	margin:0 10px 0 0;
	width:40px;
	height: 40px;
	overflow: hidden;
}

.icon a img:hover {
	margin:-40px 10px 0 0;
}

.paint-lightbox-content
{
	text-align: center;
}
#colour_top_image
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
#colour_top_image img
{
	height: 110px;
	width: 100%;
}
.basketrow
{
	font-family:Georgia;
	font-size: 15px;
	font-weight: normal;
	line-height: 18px;
}
#leftbar
{
	margin: 20px 0 20px 0;
	float:left;
	width:238px;
	position: absolute;
	top: 347px;
}
#maincontent
{
	width: 700px;
}
.sticky_decoy.invisible {
 	display: none !important;
}
.sticky_decoy {
 	display: none !important;
}
 			
.sticky {
 	position: fixed;
 	top: 0px;
}
 			
.sticky_bottom {
 	position: fixed;
 	bottom: 290px;
 	top: auto;
}

#billingBuilding-row { display: none; }
#billingPostcode-row {display: none; }
#billingStreet-row { display: none; }
#billingTown-row { display: none; }
#billingCounty-row { display: none; }
#billingCountry-row { display: none; }

#deliveryBuilding-row { display: none; }
#deliveryPostcode-row {display: none; }
#deliveryStreet-row { display: none; }
#deliveryTown-row { display: none; }
#deliveryCounty-row { display: none; }
#deliveryCountry-row { display: none; }


#subtotal { padding-top: 10px; }
.col-form-label
{
	line-height: 34px;
}