/*
Theme Name: Premium Theme 1
Description: Premium Layout 1
Author: Paul Newman
Author URI: http://www.uniteldirect.co.uk
Stylesheet Version : 2.01
*/

/* START OF MAIN CSS */

body {
	background-color: #FFF;
	font-family: "Century Gothic", Arial, Verdana;
	font-size:15px;
	color:#000;
	background-image: url(images/bg.jpg); 
    	background-position: top center;
	background-attachment: fixed;
}

/* #topband {
	width:100%;
	height:4px;
	background-color: #FFF;
} */

#page {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

h1.header {
	width:1000px;
	height:200px;
	text-indent: -9999px;
	font-size:12px;
	background-image: url(images/header.png);
	margin:0;
	padding:0;
}

#main {
	width:980px;
	padding:10px;
	background-color: #FFF;
}

.clearboth {
	clear: both;
	height: 0px;
}

/* END OF MAIN CSS */


/* START OF CSS FOR LEFT COLUMN */

#colleft {
  float: left;
  width: 240px;
  overflow:hidden;
}

#colleftimage1 {
width:240px;
height:329px;
margin-bottom:10px;
background-image: url(images/colleftimage1.jpg);
}

.collefttopband {
	width:100%;
	height:4px;
	background-color: #e1f9b1; /*-- Amend This To Change Background Colour Of Coloured Band Right At The Top Of Column 2 --*/
	margin-bottom:2px; /*-- Adds A 1px Border At The Bottom Of The Band --*/
}

.colleftaddress {
	border:solid 1px #343434; /*-- Amend This To Change Colour Of Border Around Customers Details --*/
	padding:10px;
	background-color:#343434; /*-- Amend This To Change Background Colour Of Customers Details --*/
	line-height:130%;
	margin-bottom:10px;
}

.colleftaddress p {
	color:#7EAF28; /*-- Amend This To Change Colour Of Headers In Customers Details --*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:600;
	width:238px;
	margin-bottom:7px;
}

.colleftaddress a:link, #colleftwebsite a:visited, #colleftwebsite a:active  {
	text-decoration: none;
	color: #ACACAC; 
}

.colleftaddress a:hover {
	text-decoration: none;
	color: #ACACAC; 
}

.colleftheight {
height:15px;
}

.colleftaddress li {
	color:#ACACAC; /*-- Amend This To Change Colour Of Headers In Customers Details --*/
	font-size:16px;
}

.colleftaddress h4 {
	color:#7EAF28; /*-- Amend This To Change Colour Of Headers In Customers Details --*/
	font-size:16px;
}

#colleftwebsite {
	height:20px;
	border:solid 0px #7ebe00; /*-- Amend This To Change Colour Of Border Around 'Email Us' Link --*/
	background-color:#7eaf28; /*-- Amend This To Change Background Colour Behind The 'Go To Website' Link --*/
	margin-bottom:10px;
	padding:10px;
}

#colleftwebsite a:link, #colleftwebsite a:visited, #colleftwebsite a:active  {
	text-decoration: none;
	color: #FFF; /*-- Amend This To Change Colour Of 'Go To Website' Link --*/
}

#colleftwebsite a:hover {
	text-decoration: underline;
	color: #FFF; /*-- Amend This To Change Colour Of 'Go To Website' Link When You Rollover It --*/
}

#colleftemail {
	height:20px;
	border:solid 0px #7ebe00; /*-- Amend This To Change Colour Of Border Around 'Email Us' Link --*/
	margin-bottom:10px;
	padding:10px;
	background-color:#7eaf28; /*-- Amend This To Change Background Colour Behind The 'Email Us' Link --*/
}

#colleftemail a:link, #colleftemail a:visited, #colleftemail a:active {
	text-decoration: none;
	color: #FFF; /*-- Amend This To Change Colour Of 'Email Us' Link --*/
}

#colleftemail a:hover {
	text-decoration: underline;
	color: #FFF; /*-- Amend This To Change Colour Of 'Email Us' Link When You Rollover It --*/
}

/* END OF CSS FOR LEFT COLUMN */


/* START OF CSS FOR RIGHT COLUMN */

#colright {
  float: right;
  width: 730px;
  margin-bottom:12px;
}

/* END OF CSS FOR RIGHT COLUMN */


/* START OF HOME PAGE ANIMATION CONTAINER */

#anim {width:730px; height:410px; background-color: #FFF; margin-bottom:10px;}

/* END OF HOME PAGE ANIMATION CONTAINER */


/* START OF CSS FOR RIGHT COLUMN INNER */

#colrightinner {text-align:justify;}
#colrightinner p {margin:0; padding:0 15px 16px 15px; line-height:180%;}

#colrightinner h2 { 
margin:0;
font-size:27px;
color:#FFF;
padding:12px 0 12px 12px;
margin-bottom:20px;
text-align:left;
display:block;
background-color:#7eaf28;
background-image: url(images/curvedcorner.png);
background-position: bottom right;
background-repeat:no-repeat;
}

#colrightinner h3 {
margin:0; 
padding:0 15px 16px 15px;
font-size:20px; 
text-align:left; 
color:#7eaf28; 
display:block; 
}

#colrightinner h4 {
margin:0;
padding:0 15px 16px 15px;
font-size:20px; 
text-align:left; 
color:#000;  
display:block; 
}

#colrightinner a:link {text-decoration: none;color: #7eaf28;}
#colrightinner a:visited {text-decoration: none;color: #7eaf28;}
#colrightinner a:hover {text-decoration: underline;color: #7eaf28;}
#colrightinner a:active {text-decoration: none;color: #7eaf28;} 

#colrightinnerlist1 {padding-bottom:16px;}
#colrightinnerlist1 ul {margin:0;}
#colrightinnerlist1 li {list-style: disc; line-height:26px; font-weight:normal; margin-left:32px; color:#000; font-size:15px; width:668px; padding-left:15px;}

#colrightinnermap {
  width:696px;
  height:400px;
  border: 2px solid #efefef;
  margin-left:15px;
  margin-bottom:16px;
}

/* END OF CSS FOR RIGHT COLUMN - COLUMN 1 */


/* START OF VARIOUS PAGE CSS */

#contactformwrap {
  margin-left:15px;
  width: 660px;
  background-color:#f7f6ec;
  padding:20px;
  margin-bottom:16px;
}

#homeimage1 {
width:200px;
height:255px;
margin-left:25px;
background-image: url(images/homeimage1.jpg);
float:right;
margin-right:15px;
margin-bottom:35px;
margin-top:9px;
}

#homeimage2 {
width:200px;
height:255px;
margin-left:25px;
background-image: url(images/homeimage2.jpg);
float:right;
margin-right:15px;
margin-bottom:35px;
margin-top:9px;
}

input[type="submit"]
{
  width:150px !important;
  background-color: #7eaf28;
  color:#FFF;  
}

input {
    height:30px;
    width:608px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    padding:2px 10px 2px 10px !important;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:15px;
}

textarea {
    width:608px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    padding:12px 10px 12px 10px !important;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color: #000;
	font-size:15px;
}

/* END OF VARIOUS PAGE CSS */


/* START OF BREADCRUMB CSS */

#bcfooter {text-align:left; padding:15px; padding-left:0px; display:block; border-top: 1px solid #efefef; margin-left:15px; margin-right:15px; color: #dacf80;}
#bcfooter a:link {text-decoration: none;color: #dacf80;font-size: 15px; font-weight: bold;}
#bcfooter a:visited {text-decoration: none;color: #dacf80;font-size: 15px; font-weight: bold;}
#bcfooter a:hover {text-decoration: none;color: #dacf80;font-size: 15px; font-weight: bold;} /*-- Amend This To Change Colour Of Text When You Rollover The Breadcrumb Link --*/
#bcfooter a:active {text-decoration: none;color: #dacf80;font-size: 15px; font-weight: bold;}

/* END OF BREADCRUMB CSS */


/* START OF FOOTER KEYWORDS CSS (CONTAINS THE KEYWORDS) */

#fkw{
	width: 956px;
	padding:12px;
	background-color: #f7f6f6;
	letter-spacing:0px;
}

#fkw h5 {
	font-size:12px;
	text-align: center;
	color: #dbdbdb;
	margin:0;
	padding:0;
	font-weight:normal;
}

#fkw a:link {text-decoration: none;color: #dbdbdb;}
#fkw a:visited {text-decoration: none;color: #dbdbdb;}
#fkw a:hover {text-decoration: underline;color: #dbdbdb;}
#fkw a:active {text-decoration: none;color: #dbdbdb;}

/* START OF FOOTER KEYWORDS CSS */


/* START OF SUB FOOTER AND SCROLLER CSS (CONTAINS THE SCROLLER) */

#fs{background-color: #7eaf28;height: 222px;width: 100%;float: left;}
#fs_inner{height: 164px;width: 1000px;padding: 29px 0 29px 0;margin-right: auto;margin-left: auto;}

#photoscroller {
	width: 980px !important;
	height: 164px;
	margin-bottom: 0px;
	margin-top:0px;
	margin-left:10px;
	overflow: hidden !important;
	padding: 0px 0;
	position: relative;
} 

#links1, #links2 {
    position: absolute;
    width: 1140px;} 

#links1 img, #links2 img {
    float: left;
    border: 2px solid #FFF;
    margin-right: 11px;
}

/* END OF SUB FOOTER CSS */


/* START OF UNITEL FOOTER LINKS CSS (CONTAINS THE UNITEL LINKS) */

#fl {width: 100%; float: left;}
#fl a:link {text-decoration: none;color: #FFF;font-weight:bold;}
#fl a:visited {text-decoration: none;color: #FFF;font-weight:bold;}
#fl a:hover {text-decoration: underline;color: #FFF;font-weight:bold;}
#fl a:active {text-decoration: none;color: #FFF;font-weight:bold;}
#fl_inner {height: 48px; width: 1000px; margin:0 auto; /* background-color: #FFCC00; */}
#fl_left {float: left; width: 200px; font-size: 12px; color: #FFF; text-align: left; padding: 16px 0 0 10px;}
#fl_right {float: right; width: 600px; font-size: 12px; color: #FFF; text-align: right; padding: 16px 10px 0 0;}

/* END OF UNITEL FOOTER LINKS CSS */


/* START OF SIDEBAR WIDGET CSS */

.widget-title { /*-- Formatting For The Heading Right Above The Navigation In Column 2 --*/
	color: #FFF;
	font-weight: 600;
	padding:0px;
	padding-bottom:2px;
	padding-top:6px;
	padding-left:10px;
	margin:0px;
	margin-bottom:7px;
	background-color:#7eaf28;
	font-size:16px;
	height:26px;
}

.widget-area a:link, .widget-area a:active, .widget-area a:visited { /*-- Formatting For Main Nav Buttons In Column 2 --*/
	text-decoration: none;
	color:#000;
	font-weight: normal;
	background: url(images/arrow.png) no-repeat 0% 50%;
	padding: 0 0 0 25px;
	display:block;
	background-color: #FFF;
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #efefef;
}
.widget-area a:hover {
	text-decoration: none;
	color:#000;
	font-weight: normal;
	background: url(images/arrow.png) no-repeat 0% 50%;
	padding: 0 0 0 25px;
	background-color: #f4fef6;
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #efefef;
}

.children a:link, .children a:active, .children a:visited { /*-- Formatting For Children Of Main Nav Buttons In Column 2 --*/
	text-decoration: none;
	color:#000;
	font-weight: normal;
	background: url(images/dash.png) no-repeat 14px 50%;
	padding: 0 0 0 40px;
	display:block;
	background-color: #FFF;
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #efefef;
}
.children a:hover {
	text-decoration: none;
	color:#FFF;
	font-weight: normal;
	background: url(images/dash.png) no-repeat 14px 50%;
	padding: 0 0 0 40px;
	background-color: #CCC;
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #efefef;
}

#sidebarprimary {
	float: right;
	overflow: hidden;
	width: 240px;
	margin-bottom:10px;
}

#colleft .widget-area ul {margin-left: 0;padding: 0 0px 0 0;}
#colleft .widget-area ul ul {border: none;margin-left: 0.0em;padding: 0;}
.widget-area ul {list-style: none; margin: 0; line-height:150%;}
.widget-area ul ul {list-style: none; margin-left: 0.3em;}
.widget-area select {max-width: 100%;}
.widget-area .entry-meta {font-size: 11px;}
.widget-container {margin: 0 0 0px 0;}

/* END OF SIDEBAR WIDGET CSS */