* {padding: 0; margin: 0;}
body {font-family: helvetica, arial, san-serif;}

div#web {width: 960px; margin: 0 auto;}
div#site {}
a img {border: 0;}

div#straightcatalogue {background-color: #e72323; border: 1px solid black; padding: 10px 0; text-align: center;}
div#straightcatalogue a {color: white; font-weight: bold; text-decoration: none;}

div#header img.logo {float: left; padding: 0 0 0 30px;}
div#header img.telephone {float: left; padding: 0 0 0 300px;}

div#navigation {clear: both; float: left; width: 960px; background: url('http://www.arrowcorporate.co.uk/images/navMid.png') repeat-x; margin: -7px 0 0 0;}
div#navigation img.leftarrow {float: left;}
div#navigation img.rightarrow {float: right;}
div#navigation ul {padding: 16px 0 0 20px; margin: 0 0 0 20px; font-size: 0.85em;}
div#navigation ul li {display: inline; padding: 0 10px;}
div#navigation ul a {color: white; text-decoration: none;}
div#navigation ul a:hover {color: black; text-decoration: none;}

div#content {width: 930px; margin: 0 auto; padding: 30px 0; clear: both;}
div#content p {margin: 5px 0; padding: 5px 0; font-size: 0.9em;}
div#content ul {margin: 5px; padding: 0 0 5px 10px; font-size: 0.9em;}
div#content ul li {margin: 10px 0;}

div#content div.box {padding: 0 0 30px 0;}
div#content div#infopages {padding: 0 20px;}
div#content div#infopages h1 {color: #e72323; font-size: 1.2em;}
div#content div#infopages h2, div#content div#infopages h3, div#content div#infopages h4, div#content div#infopages h5, div#content div#infopages h6, div#content div#infopages h7, div#content div#infopages h8, div#content div#infopages h9, div#content div#infopages h10 {color: #e72323; font-size: 1.2em; padding: 20px 0 0 0; font-weight: bold;}
div#content div#infopages a.sitemap { color: black; text-decoration: none;}
div#content div#infopages a.special {padding: 0 0 0 20px; color: black; text-decoration: none;}
div#content div#infopages a.categories {padding: 0 0 0 40px; color: black; text-decoration: none;}
div#content div#infopages a.products {padding: 0 0 0 60px; color: black; text-decoration: none;}

div#content table {font-size: 0.9em; width: 100%;}
div#content table td.center {text-align: center;}
div#content p.boxtitle {font-weight: bold; padding: 0; margin: 0; border-bottom: 1px solid #e72323; color: #e72323; font-size: 1.2em;}
div#content p.prod_title {font-weight: bold; }
div#content p.prod_title a {text-decoration: none; color: black; }

div#cataloguecol h2, div#cataloguecol h3, div#cataloguecol h4, div#cataloguecol h5, div#cataloguecol h6, div#cataloguecol h7, div#cataloguecol h8, div#cataloguecol h9, div#cataloguecol h10 {color: #e72323; font-size: 1.2em; padding: 20px 0 0 0; font-weight: bold;}

div#cataloguecol {width: 900px; padding: 0 20px; margin: 0 auto;}
div#cataloguecol ul#ecolist {clear: both; list-style-type: none; vertical-align: middle; padding: 20px 0; margin: 0;}
div#cataloguecol ul#ecolist li {vertical-align: middle; padding: 0 5px; margin: 0;}
div#cataloguecol ul#ecolist li img {width: 50px; vertical-align: middle;}
div#cataloguecol p {}
// div#cataloguecol a {background-color: #e72323; border: 1px solid black; color: white; font-weight: bold; text-decoration: none; padding: 5px; margin: 10px 0;}

div#rssfeeds {width: 530; float: left;}
div#rssfeedsubscribe {clear: both; vertical-align: middle; padding: 10px; text-align: right;}
div#rssfeedsubscribe img {vertical-align: middle;}
div#rssfeedsubscribe a {vertical-align: middle; text-decoration: none; color: black; font-weight: bold; }
div#rssfeedsubscribe a:hover {vertical-align: middle; text-decoration: none; color: #e72323; font-weight: bold; }

div#leftcol {width: 100px; float: left; padding: 0 10px 0 15px;}
div#leftcol ul {list-style-type: none; padding: 0; margin: 0;}
div#leftcol ul li a {color: #e72323;  font-weight: bold; text-decoration: none;}
div#leftcol ul li a:hover {color: #000000;  font-weight: bold; text-decoration: none;}
div#midcolA, div#midcolB, div#rightcol {width: 245px; float: left; padding: 0 10px;}

div.greenbox {color: #308312; padding: 0 0 30px 0;}
div.greenbox h2 a {color: #308312; text-decoration: none;}
div.greenbox img.product {float: right;}
div.greenline {border-bottom: 1px solid #308312; clear: both;}
div.prod_image {float: right; width: 150px;}
div.prod_image img {width: 150px;}

div#buttons {clear: both; width: 900px; margin: 0 auto; padding: 20px 0 20px 0;}
h2.coloredboxestitle {padding: 10px 0 10px 5px;}
div.catelogueA {width: 193px; padding: 10px; margin: 0 5px 10px 5px; float: left; background-color: #fceded; border: 1px solid #e72323; height: 250px;}
div.catelogueA p a, div.catelogueB p a, div.catelogueC p a, div.catelogueD p a, div.catelogueE p a, div.catelogueF p a {text-decoration: none; color: black;}
div.catelogueA div.summary, div.catelogueB div.summary, div.catelogueC div.summary, div.catelogueD div.summary, div.catelogueE div.summary, div.catelogueF div.summary {font-size: 0.8em;}
div.catelogueA img, div.catelogueB img, div.catelogueC img, div.catelogueD img, div.catelogueE img, div.catelogueF img {padding: 10px 0;}
div.catelogueB {width: 193px; padding: 10px; margin: 0 5px 10px 5px; float: left; background-color: #dde7f9; border: 1px solid #1f59c3; height: 250px;}
div.catelogueC {width: 193px; padding: 10px; margin: 0 5px 10px 5px; float: left; background-color: #fffcd8; border: 1px solid #ffea00; height: 250px;}
div.catelogueD {width: 193px; padding: 10px; margin: 0 5px 10px 5px; float: left; background-color: #ccecc1; border: 1px solid #3b941c; height: 250px;}
div.catelogueE {width: 193px; padding: 10px; margin: 0 5px 10px 5px; float: left; background-color: #cbfffc; border: 1px solid #1a7e78; height: 250px;}
div.catelogueF {width: 193px; padding: 10px; margin: 0 5px 10px 5px; float: left; background-color: #f3d2f7; border: 1px solid #8b2497; height: 250px;}


div#productlist {padding: 0;}
div#categorytop {width: 900px; margin: 0 auto; }
div#categorytop a {color: #e72323; text-decoration: none;}
div.prodcol {width: 270px; float: left; padding: 0 20px;}
div.prodcol p.prodtitle {font-size: 1.2em; border-bottom: 1px #e72323 solid;}
div.prodcol p.prodtitle a {color: black; text-decoration: none;}
div.list-prod-image {float: right; padding: 0 0 10px 10px; width: 150px;}

div#prodinfo {width: 900px; margin: 0 auto; padding: 20px 0;}
div#prodinfo a {color: #e72323; text-decoration: none;}
div#prodinfo p.prodtitle {font-size: 1.5em; border-bottom: 1px #e72323 solid;}
div#prodinfo p.prodtitle a {color: black; text-decoration: none;}
div#prodinfo div.desc-prod-image {float: right;padding: 0 0 20px 20px;}

p.testimonialtitle {font-size: 1.5em; border-bottom: 1px #e72323 solid;}
h1.testi_title {padding: 0 0 20px 20px;}
div.testimonial {padding: 0 10px 20px 10px;}

img.left {float: left; padding: 0 10px 30px 0;}
p.paratitle {font-size: 1.5em; border-bottom: 1px #e72323 solid; font-weight: bold; clear: both; }
div#cataloguecol div.gotopage {float: right; width: 270px; height: 57px; margin: 10px; background: url("http://www.arrowcorporate.co.uk/images/button-BG.gif") left top no-repeat; text-align: left; text-indent: 60px;}
div#cataloguecol div.gotopage a.buttonlink {float: left; height: 57px; text-decoration: none; color: #e72323; line-height: 57px; text-align: left; font-weight: bold;}
div#cataloguecol div.gotopage a.buttonlink:hover {background: url("http://www.arrowcorporate.co.uk/images/button-BG.gif") 0 -57px no-repeat; color: black; font-weight: bold;}

div#cataloguecol div.gotoright {float: left; height: 57px; margin: 10px 0; background: url("http://www.arrowcorporate.co.uk/images/button-BG.gif") left top no-repeat; text-align: left; text-indent: 60px;}
div#cataloguecol div.gotoright a.buttonlink {float: left; height: 57px; text-decoration: none; color: #e72323; line-height: 57px; text-align: left; font-weight: bold;}
div#cataloguecol div.gotoright a.buttonlink:hover {background: url("http://www.arrowcorporate.co.uk/images/button-BG.gif") 0 -57px no-repeat; color: black; font-weight: bold;}
div.centerpara {width: 400px; float: left;}

div#cataloguecol div.gotosmall {float: left; height: 25px; margin: 10px 0 5px 0; background: url("http://www.arrowcorporate.co.uk/images/button-BGxs.gif") left top no-repeat; text-align: left; text-indent: 30px;}
div#cataloguecol div.gotosmall a.buttonlink {float: left; height: 25px; text-decoration: none; color: #000000; line-height: 25px; text-align: left; font-size: 0.9em;}
div#cataloguecol div.gotosmall a.buttonlink:hover {background: url("http://www.arrowcorporate.co.uk/images/button-BGxs.gif") 0 -25px no-repeat; color: #e72323;}


#ColContact{ width:420px; float: left; padding: 10px 20px 40px 20px;}
div.contactline {width:420px; float: left; clear: both;}
div.contactline p {margin: 0; padding: 0;}
.contact_rgt {float:left; height: 35px; padding: 5px 0 0 0;}
.contact_rgt p {margin: 0; padding: 0;}
.contact_lft {width:150px; float:left; height: 35px;}
.contact_lft p {margin: 0; padding: 0;}
.contact_rgtTick {float:left; width: 390px;}
.contact_lftTick {width:30px; float:left; padding: 10px 0 0 0;}
.conatctbtn {text-align:left;padding:10px 50px 0px 0px;}
.contactTextArea {overflow:auto;width:380px}
.input {width:220px;}
.contact_rgtList {float:left; padding: 5px 0 10px 0;}

#newslettersubscribe {width: 460px; float: left; padding: 18px 0 0 0;}
#newsletterbox {float: left; border: 1px solid #e72323; padding: 10px;}



div#footer {clear: both; padding: 30px 0; margin: 20px 0 20px 0; text-align: center; font-size: 0.7em; line-height: 1.2em;}
div#footer p {padding: 3px 0; margin: 3px 0;}
div#footer a {color: black; text-decoration: none; padding: 0 10px;}