/* Start of CMSMS style sheet 'sigmaweb' */
* {
 padding: 0;
 margin: 0;
}


body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #333;
}


/* removes dotted outline around images and links */
* :focus {
 outline: 0;
}


a, img, p a {
 outline: none;
}


/* to hide images on pre loading, apply class to img, declare image last thing before closing body tag */
.invisible {
 display: none;
}


p {
 padding-left: 39px;
 padding-right: 10px;
 padding-bottom: 10px;
}


a {
 color: #260859;           /* sigmaweb blue */
 text-decoration: none;
}


a:hover {
 text-decoration: underline;
}

li {
 margin-left: 55px;
 margin-bottom: 8px;
}

h3 a {
 color: white;
}


/* styles the text only, text inside h1 tags will be placed in the first green bar which is hard coded into the template immediately below the blue header image in the left column */
h1 {
 padding-top: 4px;
 padding-left: 39px;
 margin-bottom: 15px;
 font-size: 20px;
 color: white;
}


/* text styling same as h1 but this time the green background bar gets added with the text, sized for left column only */
h2 {
 background: url(images/cms/sigmaweb/h2bg.gif) no-repeat;
 width: 572px;
 height: 28px;
 padding-right: 10px;
 padding-left: 39px;
 padding-top: 4px;
 margin-bottom: 15px;
 font-size: 20px;
 color: white;
 clear: both;
}


/* text styling same as h1 and h2 but this time comes with sigmaweb blue background bar, sized for use in right column */
h3 {
 background: url(images/cms/sigmaweb/h3bg.gif) no-repeat;
 width: 292px;
 height: 28px;
 padding-right: 20px;
 padding-left: 45px;
 padding-top: 4px;
 font-size: 20px;
 color: white;
}


.leftcolh3 {
 background: url(images/cms/sigmaweb/leftcolh3.gif) no-repeat;
 width: 530px;
 height: 28px;
 padding-left: 39px;
 padding-top: 4px;
 font-size: 20px;
 color: white;
}


/* sigmaweb blue text and matching blue underline that fades to the right, sized for use in the right column */
h4 {
 background: url(images/cms/sigmaweb/h4bg.gif) no-repeat;
 width: 273px;
 height: 27px;
 padding-top: 6px;
 font-size: 16px;
 color: #260859;
}


.leftcolh4 {
 background: url(images/cms/sigmaweb/leftcolh4.gif) no-repeat;
 width: 500px;
 height: 27px;
 margin-left: 39px;
 padding-top: 6px;
 font-size: 16px;
 color: #260859;
}


/* sigmaweb green header text */
h5 {
 padding-top: 5px;
 padding-bottom: 3px;
 font-size: 13px;
 color: #00a160;
}


/* this class will give you sigmaweb green bullet points, applied to li tags, but will also turn your text green, see .darktext comment below */
.greenbullets {
 margin-left: 55px;
 margin-bottom: 8px;
 color: #00a160;
}


/* if you applied .greenbullets to your li tags, you can get the normal text color back by wrapping your text in span tags and applying this class */
.darktext {
 color: #333;
}


#wrapper { 
 margin: 0 auto;
 width: 996px;
}


#faux {
 background: #f9f9fb url(images/cms/sigmaweb/faux.gif);
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}


/* the sigmaweb logo */
#sigmaweblogo {
 background: url(images/cms/sigmaweb/sigmaweblogo.gif) no-repeat;
 width: 996px;
 height: 76px;
}


/* this makes the sigmaweb logo clickable */
#sigmaweblogolink {
 display: block;
 float: left;
 width: 678px;
 height: 76px;
}


/* styles the phone number */
#phonenumber {
 color: #260859;
 float: right;
 margin-right: 18px;
 padding-top: 12px;
 width: 300px;
 height: 18px;
 font-size: 32px;
 font-weight: bold;
}


/* and the mouse overs */
.horiznavlinks:hover {
 color: #00a160;
 text-decoration: underline;
}


/* the blue header background is split into two horizontally, this makes it easier to deal with the free seo analysis stamp later on in making it become clickable.  this top half of the blue background contains the white text about internet dust and the phone number */
#bluebackgroundheadertop {
 background: url(images/cms/sigmaweb/bluebackgroundheadertop.gif) no-repeat;
 width: 996px;
 height: 101px;
}


/* styles the internet dust text */
#doesyourtxt {
 float: left;
 padding-top: 40px;
 padding-left: 58px;
 width: 581px;
 color: white;
 font-size: 25px;
 font-weight: bold;
}


/* styles the office address */
#officeaddress {
 float: left;
 text-align: right;
 padding-top: 10px;
 padding-right: 32px;
 width: 325px;
 color: white;
 font-size: 12px;
}


/* the bottom part of the blue header background, also contains the top half of the free seo analysis stamp which is split into two,  the bottom part of the free seo stamp is added at the top of the right column later */
#bluebackgroundheaderbottom {
 background: url(images/cms/sigmaweb/bluebackgroundheaderbottom.gif) no-repeat;
 padding-right: 36px;
 width: 960px;
 height: 42px;
}


/* makes the top part of the free seo analysis stamp clickable */
#freeseostamptoplink {
 float: right;
 display: block;
 width: 262px;
 height: 42px;
}


/* this background image also contains the static positioning of the green horizontal h1 background */
#leftcolumn {
 background: url(images/cms/sigmaweb/leftcolbg.png) no-repeat;
 display: inline;
 padding-left: 18px;
 padding-right: 10px;
 padding-bottom: 10px;
 width: 611px;
 min-height: 295px;
 float: left;
}


.leftcoltext {
 padding-left: 39px;
 padding-right: 10px;
}


/* this background image also contains the bottom half of the free seo analysis stamp */
#rightcolumn {
 background: url(images/cms/sigmaweb/rightcolbg.png) no-repeat;
 float: right;
 width: 357px;
 display: inline;
 position: relative;
}


/* makes the bottom part of the free seo analysis stamp clickable */
#freeseostampbottomlink {
 margin-left: 58px;
 display: block;
 width: 262px;
 height: 57px;
}


/* the seo clients background */
#seoclients {
 background: url(images/cms/sigmaweb/seoclients.gif) no-repeat;
 width: 621px;
 height: 125px;
 clear: both;
}


#seoclientsinner {
 width: 410px;
 float: left;
}


/* working with #seoclients, makes cherrything clickable */
#cherrything {
 float: left;
 display: block;
 width: 200px;
 height: 55px;
}


/* working with #seoclients, makes tapestriesdirect clickable */
#tapestriesdirect {
 float: left;
 display: block;
 width: 210px;
 height: 55px;
}


/* working with #seoclients, makes debtrecoveries clickable */
#debtrecoveries {
 display: block;
 float: left;
 width: 200px;
 height: 45px;
 clear: left;
}


/* working with #seoclients, makes ryanairlettings clickable */
#ryanairlettings {
 display: block;
 float: left;
 width: 210px;
 height: 58px;
}


/* working with #seoclients, makes nwac clickable */
#nwac {
 display: block;
 float: left;
 width: 120px;
 height: 100px;
}


/* background for the quick enquiry form */
#quickenquiry {
 background: url(images/cms/sigmaweb/quickbg.png) no-repeat;
 width: 357px;
 height: 238px;
}


/* removes default styling on form elements for the quick enquiry form only */
input#fbrp__30, input#fbrp__31, input#fbrp__32_1, input#fbrp__33, select {
 background-color: transparent;
 border: none;
}


/* now that the default styling on the quick enquiry form has been removed, they can be positioned correctly over the quick enquiry form background image, this is take care of with the following classes down to and including .submitbutton */
.enqname {
 padding-top: 31px;
 padding-left: 76px;
}


.enqname {
 #padding-top: 60px;   /* this is processed by internet explorer only */
}


.enqtelephone {
 padding-top: 2px;
 padding-left: 76px;
}


.enqemail {
 padding-top: 4px;
 padding-left: 76px;
}


.enqweb {
 padding-top: 3px;
 padding-left: 76px;
}


.submitbutton {
 outline: none;
 margin-left: 153px;
}


/* styles formbuilder error messages */
.error_message {
 color: red;
 font-weight: bold;
 font-size: 18px;
 padding-left: 53px;
}


/* positions div containing formbuilder successful submission data */
#formsubmission {
 height: 400px;
}


/* google, twitter, etc. logos, all on one background image */
#googletwitteretc {
 background: url(images/cms/sigmaweb/googletwitteretc.gif) no-repeat;
 width: 335px;
 height: 168px;
 padding-left: 22px;
}


/* makes google, twitter, etc. logos clickable */
.googletwitteretclinks {
 width: 72px;
 height: 73px;
 display: block;
 float: left;
}


#hostingframe {
 background: url(images/cms/sigmaweb/hostingbg.png) no-repeat;
 width: 347px;
 height: 417px;
 margin-right: 10px;
 margin-bottom: 10px;
}


#hostinglink {
 display: block;
 width: 347px;
 height: 385px;
 margin-right: 10px;
}


#newsframe {
 width: 337px;
 margin-right: 20px;
}


/* calendar background for news date */
.newsdatebg {
 background: url(images/cms/sigmaweb/calendarbutton.gif) no-repeat;
 float: right;
 color: white;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 padding-top: 12px;
 padding-right: 0px;
 margin-left: 3px;
 margin-bottom: 1px;
 width: 53px;
 height: 66px;
}


.newstext {
 font-size: 11px;
}


/* different styling needed for news page content */
div#newspage {
 padding-left: 39px;
}


div#newspage div div.newstext {
 font-size: 13px;
}


div#newspage h3, div#newspage h4 {
 background: none;
 padding: 0px;
 font-size: 13px;
 font-weight: bold;
}


div#newspage h5 {
 color: #333;
 background: none;
 padding: 0px 0px 5px 0px;
 font-size: 13px;
 font-weight: bold;
}


div#newspage h3 a {
 color: #333;
}


div#newspage div.newsdatebg {
 background: url(images/cms/sigmaweb/calendarbuttongreen.gif) no-repeat;
 float: right;
 color: white;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 margin-left: 5px;
 margin-bottom: 2px;
 padding-top: 5px;
 width: 63px;
 height: 58px;
}


/* div width for sigmaweb address on contact us page */
#contactusaddressbox {
 float: left;
 width: 225px;
}


a.greenbutton {
 background: url(images/cms/sigmaweb/greenbutton.png) no-repeat;
 float: left;
 font-size: 18px;
 text-align: center;
 font-weight: bold;
 display: block;
 width: 127px;
 height: 66px;
 padding-top:  62px;
 margin-right: 15px;
 margin-bottom: 15px;
 color: #260859;           /* sigmaweb blue */
 text-decoration: none;
}


a.greenbutton:hover {
 text-decoration: underline;
}


#footer {
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 width: 996px;
 padding-top: 5px;
 margin-bottom: 10px;
 color: #4a3a75;
 clear: both;
}


.clear {
 clear: both;
 background: none;
}

/******************************* HORIZ NAV MENU START *****************************/

/* creates empty space to put the horizontal navigation links into */
#horiznavemptyspace {
 background: white;
 text-align: center;
 padding-right: 13px;
 margin-left: 18px;
 margin-top: 3px;
 width: 965px;
 height: 23px;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	background-color: white;
/* IE6 Hack */
	height: 1%;
	width: auto;
	margin: 0;
	padding: 0;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
/*	padding-top: 10px; */
/* keeps the first menu item off the left side */
/*	padding-left: 10px; */
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	border-right: 2px solid #00a160;
	border-bottom: 2px solid #00a160;
	border-left: 2px solid #00a160;
                background: white;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 100%;
padding-right: 12px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the "a" link look here */
ul#primary-nav li a {
 outline: none;
 position: relative;
 z-index: 1000;
 display: block;
 color: #260859;
 border-left-width: 2px;
 border-style: solid;
 border-color: #00a160;
 border-top: none;
 border-right: none;
 border-bottom: none;
 text-transform: lowercase;
 text-decoration: none;
 font-weight: bold;
 font-size: 14px;
 padding-left: 7px;
 padding-right: 7px;
}
ul#primary-nav li a:hover {
/* green */
	color: #00a160;
                font-weight: bold;
                text-decoration: underline;
}
ul#primary-nav li li a:hover {
/* green */
	color: #00a160;
                font-weight: bold;
                text-decoration: underline;
}
ul#primary-nav li a.menuactive {
	color: #260859;  /*blue*/
/* bold to set it off from non active */
	font-weight: bold;
}
ul#primary-nav li a.menuactive:hover {
	color: #00a160;    /*green*/
/* keep it the same */
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 0px 3px 7px;
	font-weight: bold;
/* blue */
	color: #260859;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
ul#primary-nav li ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;
/*	border-top: 1px solid #260859; */
	border-bottom: 2px solid #00a160;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
	color: #260859 /* blue */
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

/******************************* HORIZ NAV MENU END *****************************/

span.tooltip span {
 text-align: left;
 float: left;
 display: none;
 padding: 5px;
 width: 430px;
}

span.tooltip:hover span {
 display: inline;
 position: absolute;
 text-decoration: none;
 background: #ffffff;
 border: 1px solid #cccccc;
 color: #6c6c6c;
}

span.tooltip span p {
 padding-left: 0px;
}

.boldhover:hover {
 font-weight: bold;
}
/* End of 'sigmaweb' */