/* General Template */

/* Global styles */
body {
    font-family: Arial, Helvetica, sans-serif;
    margin:0px; 
	padding:0px;
    background-color:#00AACC;
    color:#0052BE;
    font-size: 14px
}

p {
    line-height:25px;
}

a {
    color:gold;
    font-size:16px;
    font-weight:bold;
}

a:hover {
    color: #AA0767
}

ul {
    margin:10px 0 0 0;
    padding:0px
}
li {margin:0px 0 0 20px; padding:0px}
span b {font-size:11px}

h1 {
    color: #1F5FB8;
    font-size: 21px;
    text-align: left;
	margin-left:10px
}
h2 {font-size:16px; padding:15px 0 0 15px; color:#FFFFFF;}
h3 {font-size:16px; color:#FFFFFF; margin:20px 0 0 0; padding:0px 0 5px 0; display:inline}
h4 {margin:0px; padding:0px}
h5 {font-size:13px; margin:0px; line-height:15px; padding:7px 10px; color:#000000}

.bgcolor{
min-height:1050px;
/*background-image: url(../images/layout/co_background.png);*/
background-color:#00529C;
background-attachment: fixed;
 }

#bodybg { height:1200px; padding:0px; margin:0px;}
#wrappershop {
    background-color: #DDDDDD;
    float: left;
    height: auto !important;
    min-height: 700px;
    padding: 0;
    width: 917px;
}

#container {
    background-color: #00529C;
    height: auto;
    margin: 10px auto 0 auto;
    min-height: 250px;
    padding: 0;
    width: 917px;
}
#shoppage {float:left; width:635px; margin-top:25px; padding:0px}
#shoppage p { padding-left: 20px; }
#page {float:left; width:815px; margin:0 0 0 45px; padding:0px; }
#page > p {
    background:-moz-linear-gradient(center top, #55aaee, #3B6CCE) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#3B6CCE));
    border-radius: 10px 10px 10px 10px;
  	   /* background-image: -webkit-gradient(linear, left top, left bottom,
	            from(#b2bbca),
	            color-stop(0.25, #a7b0c3),
	            color-stop(0.5, #909cb3),
	            color-stop(0.5, #8593ac),
	            color-stop(0.75, #7c8ba5),
	            to(#73839f));
    background-image: -moz-linear-gradient(top,
            #b2bbca,
			#a7b0c3 25%,
			#909cb3 50%,	
            #8593ac 50%,
	        #7c8ba5 75%,
            #73839f);  */ 

	background-color:#1F5FB8; 
	color: #FFFFFF;
	margin: 0;
	padding: 15px;
	text-align: justify;
	width: 400px;
}

.bluegrad{
background: #fc0000; /* Old browsers */
background: -moz-linear-gradient(top, #fc0000 0%, #8b0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc0000), color-stop(100%,#8b0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fc0000 0%,#8b0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fc0000 0%,#8b0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fc0000 0%,#8b0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #fc0000 0%,#8b0000 100%); /* W3C */
    border-radius: 10px 10px 10px 10px;
	color: #FFFFFF;
	width: 815px;
	height: 550px;
}

.bluegrad_div{
	color: #FFFFFF;
	margin: 0;
	padding: 0 15px 15px 15px;
	text-align: justify;
	width: 450px;
	line-height:25px;
	display: inline-block;
}

#hellologin{float:left; margin-left:34px; color: black;}

h1.products {font-size:22px; color:#EE5600; padding: 8px 0 5px 0}
#introduction {
    padding: 0 0 20px 0;
    width:650px;
    margin: 0 0 0 15px
}
#introduction p {line-height:19px; margin:13px 0 0 0}
#introduction h2 {font-size:20px; color:black; font-weight:normal}
.pagewidth {padding: 0 0 20px 0; width:605px; margin: 20px 0 0 15px}
#footer {float:left; width:917px; height:5px; margin:0px; background-color:#00005C}
#footercontainer {float:left; margin:20px 0 0 20px }

span.symbol {font-size:10px}
span.symbolb {font-size:11px; font-weight:bold}
#delivery {float:left; width:700px;  border-top:1px solid #EAEBEE; height:120px; padding:10px 0 10px 0}
.nextcontainer {text-align:left; float:left; padding: 0 0 3px 35px; width:700px; margin: 0 0 0 0}
.nextcontainer2 {float:left; padding: 0 0 20px 0; width:645px; margin: 20px 0 0 15px}
.floatright {float:right; }
img.floatright {width:280px; margin: 5px 30px 0 0; border: 3px solid #CCCCCC}
img.floatright2 {width:220px; margin: 40px 60px 0 0; float:right}
.floatlogo {float:right; margin: 0 0 0; width:120px }
select {border:1px solid #ffffff; font-size:11px }
.option {background-color:#FFFFFF}
p.errorstyle {font-weight:bold; color:red;}
.divider {
    float: left;
    height: 1px;
    margin: 3px 0 28px 10px;
    position: relative;
    top: 20px;
    width: 100%;
}
#basketcontainer  .divider {float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%; margin:0px 0px 0px 0px}
.viewsdivider {margin:3px 0 8px 34px; float:left;border-top:1px solid #DFDFDF; height:1px; background-color:#FFFFFF; width:100%}

/* header Navbar */
p.white, p.white a {color:white;}
#headertop, #accounttopheader {
   /* background: url("../images/layout/headertop.svg") no-repeat scroll 0 0 transparent; */
    height: 240px;
    margin: 0;
    padding: 0;
    width: 917px;
}
#navbar {
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); IE6-8 see .svg in this dir for IE9 */
	border:3px solid #cccccc;
	float: left;
	margin: -30px auto 0;
	height: 20px;
	padding-bottom: 8px;
	padding-top: 12px;
	width: 911px;
}

.bttnabout, .bttnabout:link {
    border-right: 1px solid #DDDDDD;
    font-size: 15px;
    font-weight: lighter;
    margin-left: 306px;
    padding-right: 25px;
	text-decoration: none;
	color: #DDDDDD;
	line-height:17px
}
.bttnservices, .bttnservices:link {
    border-right: 1px solid #DDDDDD;
    font-size: 15px;
    font-weight: lighter;
    padding-right: 25px;    
	padding-left: 25px;
	text-decoration: none;
	color: #DDDDDD
}
.bttncontact, .bttncontact:link {
    padding-left: 25px;
    font-size: 15px;
    font-weight: lighter;	
	text-decoration: none;
	color: #DDDDDD
}

.bttncontact:hover, .bttnabout:hover, .bttnservices:hover {color: red}


#searchbar {height:34px; float:right; background-color:#008B7A ;margin:1px 0 0 0px }
.searchboxinput {float:left; margin:5px 0 0 10px;  font-size:11px; width:160px; border:1px solid #FFFFFF; background-color:#FFFFFF}
.searchbttn,.searchbttn:link, .searchbttn:active, .searchbttn:visited {
	float:right;
	margin:7px;
	background-image:url(../images/layout/searchbttn.jpg);
	height:19px;
	width:22px;
	padding:0px;
	text-indent:-3000px;
	border: 0;
}
.searchbttn:hover {background-position:0 -19px}
#stock.searchbox {float:left; margin:8px 5px 0px 0px; font-size:11px; width:158px; border:1px solid #FFFFFF; background-color:#FFFFFF}

/* End Global Styling */

#headerbar {
    background-color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    width: 917px;
}
#frontage {
    float:right; margin-left:15px; width:350px;
}
#sig {
    width: 150px;
}
.white {
    color: #A89D8C;
    font-size: 11px;
}
.answer {
background-color:#F2F2F2;
border:2px solid #CCCCCC;
padding:10px;
position:relative;
}

.supplier{border:1px solid grey; padding:2px; width:150px}
.supplier2{border:1px solid grey; padding:18px 2px 18px 2px; width:150px}

#contactform {float:left; padding-left:10px; min-height:300px}
#contactaddress {float:left; width:420px; padding-left:10px}
#contactaddress  p {float:left;}
#contactmap{float:left; width:350px}
#contactmap a{font-size:12px; text-decoration:none}

.contactdetails {
    float:left;
    padding-left:290px;
    color: #FFFFFF;
	text-align:right;
}
.contactdetails b {line-height: 21px;}
.contactboxes {margin: 0 0 0 20px; float:left; width:150px}
.contactinputbox {font-size:11px; border:1px solid #0052BE; width:350px; margin:2px 0 0 0}
.surname {display:none}
.contacttext {margin:0 0 0 10px; width:200px; float:left}
.contactinput{font-size:11px; padding: 0 0 10px 0; width:200px; float:left}

/* Social Media links */
.socialmediabox{text-align:center; position:absolute; margin-left:750px; min-width:120px; top:225px}
.socialmedia{}
img.socialmedia{ width:30px; margin: 3px;}
img.socialmedia:hover{opacity:0.7}
#followus{color:purple; font-size:medium; font-weight: bold; position: relative; top:-60px;}

.acc_app{ 
background-color: gold;
border-radius: 5px 5px 5px 5px;
color: #C90000;
float: right;
margin-right: 60px;
margin-top: -50px;
padding: 5px 10px;
text-decoration: none;
font-style: italic;
}
a.acc_app:hover{color:#417AD5}