/*FlexiWeb Style File - Created 31-01-2012
Menus Section
*/
.main {
	position: absolute;
	left: 0px;
	top: 72px;
	text-indent: 0px;
	text-align: left;
	z-index: 90;
	width: 240px;		
}
.main a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight : normal;
	color: #FFFFFF;	
	display:block;
	padding:5px 5px 5px 25px;
	line-height:20px;
	cursor:pointer;
	outline:none;
	text-decoration: none;
}
.main a:hover {
	color: #FFFFFF;
	background-color: #5593CC;
}
.mainexpover {	
	background-color: #5593CC;
}
.mainexpover A {
	color: #FFFFFF;
	background-color: #5593CC;
}
.mainexpout A {
	color: #FFFFFF;
}
.hide{
	display: none;
}
.mainshow{
	display: block;
}
.mainsubmenu a{
	color:#FFFFFF;
	background: url('images/subnavi_bg.gif') no-repeat 25px 10px;
	padding:5px 5px 5px 40px;
}
.mainsubmenu a:hover{
	color:#FFFFFF;	
}

.mainactive {
background-color: #5593CC !important;
}

.topmenu {
	position: absolute;
	top: -34px;
	z-index: 90;
	text-align: left;
	right:20px;
}
#topmenu, #topmenu ul {
	padding: 0px;
	margin:0px;
	list-style: none;
	float: left;
	width: auto;
	line-height: 25px;
	font-weight: bold;
	}

#topmenu li {
	float: left;
	padding-left: 0px;
	margin : 0px;
}
#topmenu li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	height: auto;
	width: 100px;
	font-weight: bold;
	margin: 0px;
	z-index: 90;	
}
#topmenu a {
	display: block;
	width: auto;
	color: #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size : 12px;
	text-decoration: none;
	margin:9px 5px 0px 5px;
	padding : 0px 0.5em;
	z-index: 90;	
}
#topmenu a:hover {
color: #FFF;
}
#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
	left: -999em;
}
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}
#topmenu li:hover, #topmenu li.sfhover { 
}
#topmenu li ul a {
width:100px;	
}/*FlexiWeb Style File - Created 31-01-2012
Elements Section
*/
body {
margin: 0px;
}
.maincontent {
position: absolute;
left: 264px;
top: 222px;
width: 660px;
text-align: left;
line-height:1.4;
}
.maincontent a {
color: #5593CC;
}
.maincontent a:visited {
color: #5593CC;
}
.maincontent a:hover {
color: #990000;
}
table {
font-size: 100%;
}
p {
margin: 10px 0px;
}
.outerdiv {
height: auto;
}
body {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 5px 0px;
}
.containerdiv {
position: relative;
width: 946px;
margin: 100px 0px 0px 0px;
background: url('images/containerbg.gif') repeat-y left;
border-right: 3px solid #003366;
}
h2 {
font-size: 14px;
color: #5593CC;
margin: 0px 0px 12px 0px;
}
h3 {
font-size: 14px;
margin: 10px 0px;
}
h4 {
font-size: 12px;
margin: 10px 0px;
}
a img {
border: none;
}
h1 {
font-size: 18px;
color: #003366;
margin: 0px 0px 12px 0px;
}
.flexiweb-logo {
position: absolute;
left: 5px;
top: -70px;
}
.demo-website {
position: absolute;
left: 0px;
top: 0px;
height: 51px;
width: 230px;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 20px;
color: #FFFFFF;
padding: 10px 5px;
text-align: center;
background: url('images/demowebsite_bg.gif') no-repeat top left;
border-bottom: 1px solid #5593CC;
}
.main a {
border-bottom: 1px solid #5593CC;
}
.mainsubmenu a {
border: none;
}
.mainshow {
border-bottom: 1px solid #5593CC;
}
.bottom {
position: absolute;
left: 0px;
width: 949px;
bottom:-20px
}
.header-image {
position: absolute;
left: 240px;
top: 0px;
}
.search {
position: absolute;
top: -75px;
width: 200px;
color: #003366;
right:23px;
}
.border1pxgrey {
border:1px solid #666;
}
.noborder {
border: none;
}
.columnleft {
width: 50%;
padding: 0px 15px 0px 0px;
vertical-align:top;
}
.columnright {
font-family: 50%;
padding: 0px 0px 0px 15px;
vertical-align:top;
}
.button-flexistore {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_flexistore.jpg') no-repeat top left;
line-height:1.2;
}
.button-flexistore a {
color: #FFF;
text-decoration: none;
}
.button-flexistore a:visited {
color: #FFF;
}
.button-flexistore a:hover {
color: #000;
}
h5 {
overflow: auto;
font-size: 14px;
margin: 0px;
}
.button-googlemap {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_googlemap.jpg') no-repeat top left;
line-height:1.2;
}
.button-googlemap a {
color: #FFF;
text-decoration: none;
}
.button-googlemap a:visited {
color: #FFF;
}
.button-googlemap a:hover {
color: #000;
}
.button-faq {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_faq.jpg') no-repeat top left;
line-height:1.2;
}
.button-faq a {
color: #FFF;
text-decoration: none;
}
.button-faq a:visited {
color: #FFF;
}
.button-faq a:hover {
color: #000;
}
.button-securepages {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_securepages.jpg') no-repeat top left;
line-height:1.2;
}
.button-securepages a {
color: #FFF;
text-decoration: none;
}
.button-securepages a:visited {
color: #FFF;
}
.button-securepages a:hover {
color: #000;
}
.message-flexiweb {
position: absolute;
top: 20px;
font-size: 18px;
color: #FFF;
padding: 0px 20px 0px 30px;
background: url('images/message_end.gif') no-repeat left top;
line-height:37px;
right:0px;
opacity:9;
-moz-opacity:0.9;
filter: alpha(opacity=90);
}
.faq {
display:block;
}
.time {
position: absolute;
left: 25px;
font-size: 10px;
color: #FFF;
bottom:-10px;
}
.button_subscribe {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_subscribe.jpg') no-repeat top left;
line-height:1.2;
}
.button_subscribe a {
color: #FFF;
text-decoration: none;
}
.button_subscribe a:visited {
color: #FFF;
}
.button_subscribe a:hover {
color: #000;
}
.button_ecampaigner {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_ecampaigner.jpg') no-repeat top left;
line-height:1.2;
}
.button_ecampaigner a {
color: #FFF;
text-decoration: none;
}
.button_ecampaigner a:visited {
color: #FFF;
}
.button_ecampaigner a:hover {
color: #000;
}
.button_albums {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_albums.jpg') no-repeat top left;
line-height:1.2;
}
.button_albums a {
color: #FFF;
text-decoration: none;
}
.button_albums a:visited {
color: #FFF;
}
.button_albums a:hover {
color: #000;
}
.button_search {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_search.jpg') no-repeat top left;
line-height:1.2;
}
.button_search a {
color: #FFF;
text-decoration: none;
}
.button_search a:visited {
color: #FFF;
}
.button_search a:hover {
color: #000;
}
.button_rss {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 013px 10px 13px 100px;
background: url('images/button_rss.jpg') no-repeat top left;
line-height:1.2;
}
.button_rss a {
color: #FFF;
text-decoration: none;
}
.button_rss a:visited {
color: #FFF;
}
.button_rss a:hover {
color: #000;
}
.button_gallery {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_gallery.jpg') no-repeat top left;
line-height:1.2;
}
.button_gallery a {
color: #FFF;
text-decoration: none;
}
.button_gallery a:visited {
color: #FFF;
}
.button_gallery a:hover {
color: #000;
}
.button_publications {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_publications.jpg') no-repeat top left;
line-height:1.2;
}
.button_publications a {
color: #FFF;
text-decoration: none;
}
.button_publications a:visited {
color: #FFF;
}
.button_publications a:hover {
color: #000;
}
.button_guestbook {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_guestbook.jpg') no-repeat top left;
line-height:1.2;
}
.button_guestbook a {
color: #FFF;
text-decoration: none;
}
.button_guestbook a:visited {
color: #FFF;
}
.button_guestbook a:hover {
color: #000;
}
.button_bannerads {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_bannerads.jpg') no-repeat top left;
line-height:1.2;
}
.button_bannerads a {
color: #FFF;
text-decoration: none;
}
.button_bannerads a:visited {
color: #FFF;
}
.button_bannerads a:hover {
color: #000;
}
.button_sms {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_sms.jpg') no-repeat top left;
line-height:1.2;
}
.button_sms a {
color: #FFF;
text-decoration: none;
}
.button_sms a:visited {
color: #FFF;
}
.button_sms a:hover {
color: #000;
}
.button_weather {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_weather.jpg') no-repeat top left;
line-height:1.2;
}
.button_weather a {
color: #FFF;
text-decoration: none;
}
.button_weather a:visited {
color: #FFF;
}
.button_weather a:hover {
color: #000;
}
.button_tellafriend {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_tellafriend.jpg') no-repeat top left;
line-height:1.2;
}
.button_tellafriend a {
color: #FFF;
text-decoration: none;
}
.button_tellafriend a:visited {
color: #FFF;
}
.button_tellafriend a:hover {
color: #000;
}
.button_customforms {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_customforms.jpg') no-repeat top left;
line-height:1.2;
}
.button_customforms a {
color: #FFF;
text-decoration: none;
}
.button_customforms a:visited {
color: #FFF;
}
.button_customforms a:hover {
color: #000;
}
.button_flexipages {
height: 48px;
width: 182px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 100px;
background: url('images/button_flexipages.jpg') no-repeat top left;
line-height:1.2;
}
.button_flexipages a {
color: #FFF;
text-decoration: none;
}
.button_flexipages a:visited {
color: #FFF;
}
.button_flexipages a:hover {
color: #000;
}
#map {
position: absolute;
left: 10px;
top: 300px;
height: 250px;
width: 640px;
}
.gallerymain {
height: 375px;
margin: 0px 0px 15px 0px;
text-align: center;
}
#indexmaincontent {
position: absolute;
left: 264px;
top: 222px;
width: 420px;
text-align: left;
line-height:1.4;
}
#indexmaincontent a {
color: #5593CC;
}
#indexmaincontent a:visited {
color: #5593CC;
}
#indexmaincontent a:hover {
color: #990000;
}
.news {
position: absolute;
left: 25px;
top: 350px;
color: #FFF;
text-align: left;
line-height:1.4;
}
.news a {
color: #FFF;
text-decoration: none;
}
.news a:visited {
color: #FFF;
}
.news a:hover {
color: #5593CC;
}
.text-white {
color: #FFF;
}
.quick-enquiry {
position: absolute;
top: 230px;
width: 205px;
right:20px;
}
.quick-enquiry-top {
font-size: 18px;
color: #FFFFFF;
padding: 5px 0px;
text-align: center;
background: url('images/solution-sales-enquiry.gif') no-repeat left top;
}
.quick-enquiry-bg {
padding: 5px 8px;
background: url('images/sales-enquiry-bg.gif') repeat-y;
}
.testimonial {
position: absolute;
}
.testimonials {
position: absolute;
top: 450px;
width: 205px;
right:20px;
}
.quick-enquiry-bottom {
height: 10px;
background: url(images/sales-enquiry-bottom.gif) no-repeat scroll 4px 0;
}
.subscribe-to-newsletter {
position: absolute;
top: 660px;
height: 87px;
width: 105px;
font-size: 12px;
color: #FFF;
padding: 13px 10px 13px 90px;
text-align: left;
right:20px;
background: url('images/newsletterbg.jpg') no-repeat top left;
}
.subscribe-to-newsletter a {
color: #FFF;
text-decoration: none;
}
.subscribe-to-newsletter a:visited {
color: #FFF;
}
.subscribe-to-newsletter a:hover {
color: #000;
}
.footer {
position: absolute;
left: 10px;
font-size: 12px;
color: #666;
text-align: left;
bottom: -80px;
}
.footer a {
color: #666;
text-decoration: none;
}
.footer a:visited {
color: #666;
}
.footer a:hover {
color: #5593CC;
}