@charset "UTF-8";
/* CSS Document */


/* firstCall.css
------------------------------------------------------------------------------

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				12/08/2008

Version:			1.0
Designed for:		FireFox 3

CSS file:			Design One 

------------------------------------------------------------------------------*/



/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#444444;
background:			url(../images/bodyBG.gif) top left repeat-x;
}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}


.centre p strong{
color:				#000;
}



a{
text-decoration:	none;
outline:none;
}
a:active
{
  outline: none;
}


q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}



/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html { 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/

p{
font-size:			1.2em;
line-height:		1.8em;
}

p a{
text-decoration:	none;

}

p img{
margin:				10px;
padding:            0px;

}

p a:hover{
text-decoration:	underline;	
}

a:hover{
text-decoration:	underline;	
}

/* REMOVES HORIZONTAL SCROLL BARS */
html{
overflow-x:			hidden;
}


h3{
color:				#6EB43F;
font-size:			1.6em;
}

h3 span{
color:				#2F571D;
font-size:			0.6em;
}


/* =WRAPPER
------------------------------------------------------------------------------*/

.wrapper{
background:			url(../images/bodyBG.gif) top left repeat-y;
width:				800px;
margin-left:		auto;
margin-right:		auto;
padding:            14px 0px 0px 0px;
margin-top:        -14px;
}

*html .wrapper{
_position:			relative;
_top:				0px;
}

.innerWrapper{
width:				1000px;
margin:				0px 0px 0px 35px;
}

.logo a{
background-image:			url(../images/Logo.gif);
background-position: top left;
background-repeat: no-repeat;
height:				143px;
width:				182px;
text-indent:        -4000px;
float:				left;
margin:				10px 0px 0px 0px;
}

.strapline{
background:			url(../images/strapline.gif) top left no-repeat;
height:				38px;
width:				476px;
float:				right;
text-indent:        -4000px;
margin:				44px 20px 0px 0px;
}

.contactDetails{
float:				right;
width:				300px;
color:				#6eb43f;
font-size:			30px;
line-height:		28px;
margin:				40px 5px 0px 0px;
text-align:			right;
}

.contactDetails span a{
color:				#2f571d;
font-size:			22px;
}

/* =TAB =MENU
------------------------------------------------------------------------------*/

.mainMenu{
float:			right;
width:			800px;
font-size:		93%;
line-height:	normal;
margin-right:   0px;
border-bottom:	2px solid #2f571d;
margin-top:		0px;
}

.mainMenu li{
display:		inline;
}

.mainMenu ul, .subMenu ul{
margin:			0px 0px 0px -1px;
padding:        0px;
list-style:		none;
}

.mainMenu a{
float:			right;
margin:			0px 0px 0px 1px;
padding:        0px 0px 0px 5px;
background:		url(../images/menuLeft.gif) no-repeat left top;
}



.mainMenu a span{
display:		block;
background:		url(../images/menuRight.gif) no-repeat right top;
padding:        9px 18px 7px 8px;
color:			#FFF;
text-decoration:none;
font-family:	Verdana, Arial, Helvetica, sans-serif;
font-size:		1.5em;
float:			none;
}

.mainMenu li a:hover, .mainMenu li a:hover span{
background-position:	0% 72%;
text-decoration:		none;
}

.mainMenu li a:hover span{
background-position:	100% 72%;
}


.mainMenu #selected a{
background-position:			0% 72%;
}

.mainMenu #selected a span{
background-position:			100% 72%;
}


/* =SUBMENU
------------------------------------------------------------------------------*/

.subMenu{
width:			800px;
background-color:#d7e9fe;
float:			left;
font-size:		93%;
line-height:	normal;
}


.subMenu li{
float:			right;
padding:        7px 0px 7px 0px;
}

.subMenu a{
color:			#7f8180;
font-size:		1.2em;
padding:        9px 10px 9px 10px;
}

/* =MAIN BODY
------------------------------------------------------------------------------*/

.mainBody{
background:		#FFF;
float:			left;
width:			800px;
background:		url(../images/contentMiddleBG.jpg) top left repeat-y;
}

.home .mainBody{
background:		none;
background:		#FFF;
float:			left;
width:			800px;
}


/* =HOME
------------------------------------------------------------------------------*/

.home .domtabs{
width:			200px;
list-style:		none;
margin:			30px 0px 0px 0px;
padding:        0px;
}



.home .mainBody .domtabs li a{
height:			43px;
width:			145px;
display:		block;
text-align:		right;
padding:	    3px 55px 0px 0px;
font-size:		1.8em;
text-transform:	uppercase;
color:			#000;
margin:			10px 0px 0px 0px;
font-weight:	normal;
line-height:	16px;
}

.mainBody .domtabs li a:hover{
text-decoration:none;
}

#small1 a{
background:		url(../images/small1.gif) top right no-repeat;
}

#small2 a{
background:		url(../images/small2.gif) top right no-repeat;
}

#small3 a{
background:		url(../images/small3.gif) top right no-repeat;
}

#small4 a{
background:		url(../images/small4.gif) top right no-repeat;
}

#small5 a{
background:		url(../images/small5.gif) top right no-repeat;
}

#small6 a{
background:		url(../images/small6.gif) top right no-repeat;
}

/* =DOM TABS
------------------------------------------------------------------------------*/

.domtabs{
list-style:			none;
padding:            0px;
margin:				47px 0px 15px 0px ;
float:				left;
}

* .domtabs{
* margin-top:			10px;
}


.domtabs li{
}

.home .domtabs li a{
display:			block;
padding:            3px 12px 3px 12px;
margin:				0px 1px 0px 0px;
background-color:	#c78182;
color:				#FFF;
}


.home .left .domtabs li a:hover{
background-color:	#8f0406;
text-decoration:	none;
}

.home .domtab div.domdiv{
float:				right;
width:				550px;
}

.introText{
width:				550px;
float:				right;
}

.homeWelcome{
float:				right;
width:				550px;
}


/* =GALLERY
------------------------------------------------------------------------------*/


.gallery .domtabs{

list-style:			none;
margin:				0px 0px 0px 0px;
padding:       	    1px 1px 1px 0px;
}

.gallery .domtabs li{
float:				left;
}

.gallery .domtabs li a{
background-color:	#a2c8f4;


}

.gallery .domtabs .active a{
background-color:	#66a6ef;
}

.gallery .domtabs li a:hover{
background-color:	#66a6ef;
text-decoration:	none;
}

.gallery .domtabs{
background-color:	#66a6ef;
width:				552px;
}

* .gallery .domtabs{
* margin-top:		16px;
}

.gallery .mainBody .domtabs li a{
display:			block;
text-align:			right;
padding:	   	    4px 7px 4px 7px;
font-size:			10px;
color:				#fff;
margin:				0px 0px 0px 1px;
font-weight:		normal;
line-height:		16px;
}

* .gallery .mainBody .domtabs li a{
* font-size:		9px;
* padding:          4px 7px 4px 6px;
} 

.lightBoxList{
list-style:			none;
width:				550px;
float:				left;
margin:				0px;
padding:        	10px 0px 10px 2px;
background-color:	#e8f1fc;
}

.lightBoxList li{
float:				left;
}


.lightBoxList li a img{
padding:        	7px;
margin:				4px;
}


.lightBoxList li a:hover img{
background-color:	#FFF;
}


/* =FOOTER
------------------------------------------------------------------------------*/

.footerBlue{
height:				25px;
background-color:	#d7e9fe;
width:				800px;
margin:				0px;
padding:            0px;
}

.footer{
width:				800px;
margin:				0px 0px 0px 0px
}

.footer ul{
padding:            5px 0px 30px 0px;
margin:				0px;
list-style:			none;
border-top:			3px solid #2f571d;
width:				800px;
}


.footer ul li{
float:				left;
color:				#2f571d;
}

.footer ul li a{
margin:				0px 10px 0px 10px;
color:				#2f571d;
}

.footer ul .right{
float:				right;
text-align:			right;
}

.footer ul .right a{
margin:				0px;
}


/* =GENERIC PAGE
------------------------------------------------------------------------------*/

.left{
width:				550px;
margin:				0px 0px 0px 25px;
float:				left;
}

.right{
float:				right;
width:				206px;
}


.mainBody .left h2{
text-transform:		uppercase;
font-family:		Verdana, Arial, Helvetica, sans-serif;
color:				#000;
font-size:			2.6em;
line-height:		1em;
font-weight:		normal;	
margin:				25px 0px 0px 0px;
}

.otherOption{
margin:				0px 0px 0px 0px;
color:				#6eb43f;
}

.otherOption a{
color:				#6eb43f;
text-decoration:	underline;
}

.otherOption a:hover{
background-color:	#f5fce1;
}

.left p a{
color:				#6eb43f;
text-decoration:	underline;
}

.left p a:hover{
background-color:	#f5fce1;
}

.largeImageRight{
float:				right;

}

.smallLogos{
margin:				0px 0px 15px 0px;
}

/* =GALLERY
------------------------------------------------------------------------------*/

.miniGalleryHeader{
background:			url(../images/galleryBG.jpg) top left no-repeat;
width:				159px;
font-weight:		lighter;
text-transform:		uppercase;
padding:            7px 0px 6px 7px;
margin:				25px 15px 0px 0px;
float:				right;
font-size:			1.3em;
color:				#FFF;
}

.miniGallery{
float:				right;
list-style:			none;
margin:				0px 15px 0px 0px;
padding:            6px 7px 10px 0px;
width:				158px;
background:			url(../images/miniGalleryBottom.jpg) bottom left no-repeat #f0f6fc;
}
.miniGallery li.liRight
{
	z-index: 100;
}
.miniGallery li.liLeft
{
	z-index: 1;
}
.miniGallery li
{
	position:relative;
float:				right;
margin:				5px;
}

.miniGallery li a{
position:			relative;
color:				#2f571d;
}

.miniGallery li a span{
display:			none;
background:			url(../images/miniGalleryHover.png) top left no-repeat;
width:				551px;
height:				482px;
}

.miniGallery li a:hover span{ 
display:			block;
position:			absolute;
left:				-500px;
top:				-70px;
z-index:			999;
}

* .miniGallery li a:hover span
{
*	top: -30px;
}


.miniGallery li h4{
background:			url(../images/titleTextBackground.gif) top left repeat-x;
height:				20px;
width:				435px;
padding:            2px 0px 0px 10px;
margin:				30px 0px 10px 30px;
}

.miniGallery li a span img{
margin:				0px 0px 0px 42px;
}

.miniGallery li a span p{
width:				430px;
margin:				10px 0px 0px 42px;
text-align:			center;
}

/* =WHY US
------------------------------------------------------------------------------*/

.whyChooseUsHeader{
width:				159px;
background:			url(../images/whyUsBG.jpg) top left no-repeat;
padding:            10px 0px 10px 7px;
margin:				20px 15px 0px 0px;
float:				right;
font-weight:		lighter;
text-transform:		uppercase;
font-size:			1.3em;
color:				#FFF;
}

.whyUsList{
float:				right;
font-size:			1.2em;
line-height:		1.4em;
margin:				0px 15px 0px 0px;
background:			url(../images/whyUsBottom.jpg) bottom left no-repeat;
padding:            0px 0px 30px 20px;
width:				146px;

}

.whyUsList li{
margin:				10px 0px 10px 0px;

}


/* =BLOCKQUOTES
------------------------------------------------------------------------------*/

blockquote{
color:				#366521;
margin:				0px 0px 0px 0px;
padding:            0px 0px 0px 0px;
font-size:			1.7em;
background-color:	#f8fbff;
width: 230px;
}
blockquote a
{
color:				#366521;
	
}

blockquote img{
float:				left;
}

blockquote .imageRight{
float:				right;
}

blockquote .topQuote b{
background:			url(../images/quoteTop.gif) top left no-repeat;
display:			block;
height:				34px;
width:				26px;
}

blockquote .bottomQuote b{
background:			url(../images/quoteBottom.gif) right bottom no-repeat;
display:			block;
height:				34px;
width:				35px;
float:				right;
}

blockquote .topQuote{
background:			url(../images/quoteTopBG.gif) top left repeat-x;
width:				100%;
display:			inline;
height:				34px;
}

blockquote .bottomQuote{
background:			url(../images/quoteBottomBG.gif) bottom left repeat-x;
display:			inline;
height:				34px;
}

.leftSpan{
float:				left;
color:				#6abe46;
font-size:			6em;
font-family:		Helvetica, Verdana, Arial, sans-serif;
margin:				0px;
}

.rightSpan{
font-size:			3.6em;

}	

/* =HOME PAGE
------------------------------------------------------------------------------*/

.homeWelcome{
background:			url(../images/homePageIcons.jpg) bottom right no-repeat;
color:				#6eb43f;
border-bottom:		1px solid #f1ecec;
font-weight:		lighter;
padding-bottom:		0px;
font-size:			2.2em;
padding-top:        50px;
width:				540px;
margin:				0px 10px 0px 0px;
}

* .homeWelcome{
* position:			relative;
* top:				40px;
}


.introText span{
color:				#6eb43f;
font-size:			1.4em;
}

.introText{
border-top:		1px solid #f1ecec;
padding-top:        15px;
}

* .introText{
* position:			relative;
* top: 				-50px;
}


.home .domtab{
width:				800px;
}

.home .domtab div.domdiv p{
float:				left;
width:				265px;
text-transform:		uppercase;
margin:				30px 0px 0px 0px;
}

* .home  .domtab div.domdiv p{
* position:			relative;
* top:				65px;
}




.home .domtab div.domdiv p img{
float:				left;
}

.home .domtab div.domdiv p a{
color:				#6eb43f;
display:			block;
height:				160px;
border:				3px solid #FFF;
font-size:			1.25em;
font-weight:		bold;
}

.home .domtab div.domdiv p a strong{
color:				#000;
}

.home .domtab div.domdiv p a:hover{
text-decoration:	none;
border:				3px solid #e7fbda;
}

/* =QUICK REF
------------------------------------------------------------------------------*/

.quickRefTitle{
background:			url(../images/refBoxTop.jpg) top left no-repeat;
width:				532px;
padding:            20px 0px 0px 20px;
color:				#2f571d;
text-transform:		uppercase;
margin:				0px;
}


.quickReference{
width:				552px;
margin:				0px 0px 15px 0px;
background:			url(../images/refBottom.jpg) bottom left no-repeat;
height:				27px;
}


.quickRefMid{
margin:				-2px 0px 0px 0px;
background:			url(../images/refMiddle.jpg) top left repeat-y;
padding:            10px 0px 0px 50px;
font-size:			1.2em;
}

.quickRefMid li{
margin:				2px 0px 0px 0px;
}

.quickRefMid a{
color:				#6abe46;
font-style:			italic;
position:			relative;
text-decoration: none;
}

.quickRefMid a.QRGLink
{
	cursor: hand;
	
}

.quickRefMid a span{
display:			none;
}

.quickRefMid a:hover span{
position:			absolute;
display:			block;
z-index:			998;
bottom:				-0px;
left:				-40px;
}
.quickRefMid a:hover span h5
{
	font-size: 1em;
margin:				0px 0px 0px 0px;
}

.quickRefMid a:hover span h5.title{
background:			url(../images/quickRefBoxTop.png) top left no-repeat;
width:				310px;
height:				8px;
line-height:				8px;
margin:				0px 0px 0px 0px;
padding:            30px 0px 0px 40px;
font-size: 10px;
position: relative;
}

.quickRefMid a:hover span div.btm{
background:			url(../images/quickRefBoxBottom.png) bottom left no-repeat;
width:				310px;
height:				76px;
display:			block;
position: relative;
}

.quickRefMid a:hover span div.mid{
background:			url(../images/quickRefBoxMiddle.png) top left repeat-y;
width:				230px;
color:				#000;
font-size:			1em;
font-style:			normal;
margin:				0px;
padding:            20px 40px 0px 40px;
position: relative;


/*--- MAYBE to fix more content position bug?
height:				60px;
overflow:			scroll;
overflow-x:			hidden;
------------------------------*/

}

.testimonial{
font-style:			italic;
color:				#6EB43F;

}

.testimonial span{
color:				#000;
font-size:			0.8em;
}


/* =CONTACT FORM
-------------------------------------------------------------------------*/


.contactFormHeader{
background:			url(../images/contactHeaderBG.gif) top left repeat-x;
height:				22px;
padding:            5px 0px 0px 10px;
width:				512px;
color:				#000;
font-weight:		lighter;
text-transform:		uppercase;
font-size:			12px;
margin:				0px 0px 10px 0px;
}


.contactUs{
border:				9px solid #e8f1fc;
padding:			5px;
margin:				15px 0px 0px 0px;
}

*html .contactUs{
_width:				520px
}

.contactUs .contactInfo input{
width:				200px;
background:			url(../images/inputBG.gif) top left repeat-x;
height:				22px;
border:				1px solid #cacec2;
}

.contactUs .contactInfo .phone{
width:				133px;
}

.contactUs .contactInfo .phoneMobile{
width:				145px;
}


* .contactUs .contactInfo .phone{
* width:			123px;
}

* .contactUs .contactInfo .phoneMobile{
* width:				140px;
}

*html .innerLeft{
_float:				left;
_position:			relative;
_left:				-30px;
}

.contactUs label{
color:				#2f571d;
}

.contactUs label span{
color:				#6eb43f;
}

.checkBoxes{
margin-left:		20px;
}

.checkBoxes tr{
height:				40px;
}

.checkBoxCol{
width:				70px;
}

.comments{
width:				495px;
margin:				0px 0px 0px 10px;
}

.left .contactUs .commentsHeader{
margin:				10px 0px 0px 0px;
display:			block;
font-size:			1.2em;
line-height:		1.8em;
color:				#000;
}

.left .contactUs p{
color:				#000;
}

.submit{
margin:				10px 0px 10px 355px;
width:				150px;
}

.quickRefMid p{
line-height:		1em;
font-size:			0.9em;
width:				250px;
float:				left;
}

.quickRefMid .address{
float:				left;
}

.mainBody .left .registered{
clear:				both;
background:			url(../images/registeredBG.gif) top left no-repeat;
color:				#000;
font-size:			0.8em;
line-height:		1.3em;
width:				530px;
float:				none;
text-align:			right;
padding:            5px 30px 5px 0px;
margin:				5px 0px 0px 0px;
position:			relative;
left:				-46px;
}

.quickRefMid p span{
color:				#2f571d;
}

*html .innerRightContactUs .right{
_position:			relative;
_top:				-825px;
}

.FAQs{
color:				#6EB43F;
}

.FAQs li a{
color:				#6EB43F;
}
.newsList
{
margin:			0px 0px 0px -1px;
padding:        0px;
list-style:		none;
	
}
.newsItem{
width:				206px;
float:left;
}

.newsItem .date{
font-size:			1.75em;
font:				Arial, Helvetica, sans-serif;
font-weight:		bolder;
margin-left:		28px;
margin-top:			10px;
margin-bottom:		5px;
float:				left;
color:				#666;
line-height:		0.8em;
}

.newsItem img{
float:				left;
margin-left:		5px;
margin-top:			7px;
}
.newsItem p
{
	float:left;
	clear:both;
}

* .newsItem .date{
_margin-left:		5px;
* margin-top:       5px;
}

* div[class="newsItem"] .date{
* margin-left:		25px;
}

.newsItem .date span{
font-size:			0.6em;
}

.newsItem .newsContent{
width:				170px;
padding-right:      10px;
margin-top:			10px;
float:				right;
}

* .newsItem .newsContent{
* margin-top:       2px;
}

.newsItem .newsContent a{
color:				#6EB43F;
font-weight:		bold;
display:			block;
margin:				0px 0px 1px 0px;
}

/* =NEWS
------------------------------------------------------------------------------*/

.newsContentWrapper{
margin-left:		45px;
margin-right:		45px;
}


.mainNewsItem{
width:				477px;
border-top:			1px solid #CCC;
float:				left;
margin-top:			20px;
}

.mainNewsItem .mainDate{
font-size:			4em;
font-weight:		bold;
float:				left;
width:				60px;
margin-top:			20px;
margin-bottom:		20px;
line-height:		40px;
float: left;
display:inline;
}

.mainNewsItem .newsContent{
float:				right;
width:				400px;
margin-top:			20px;
margin-bottom:		13px;
display:inline;
}

.mainNewsItem .newsContent h2{
margin-top:			6px;
color:				#009fd8;
font-size:			1.5em;
}

.mainNewsItem .mainDate span{
font-size:			0.6em;
}


.mainNewsItem .newsContent h2{
color:				#6EB43F;
font-size:			1.8em;
margin:				0px 0px 0px 0px;
}


/* =LIGHTBOX
-------------------------------------------------------------------------*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

/***************************

	styles for hidden next & previous buttons

***************************/
/*
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	left: 0;
	
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}
*/
/***************************

	styles for next & previous buttons as part of footer

***************************/

#lbPrevLink, #lbNextLink {
	display: block;
	width: 20px;
	height: 25px;
	outline: none;
}

#lbPrevLink {
	float: left;
	background: transparent url(images/prev.gif) no-repeat left;
	
}

#lbPrevLink:hover {
	background: transparent url(images/prev.gif) no-repeat left;
}

#lbNextLink {
	float: right;
	background: transparent url(images/next.gif) no-repeat right;
}

#lbNextLink:hover {
	background: transparent url(images/next.gif) no-repeat right;
}

/**********************************/


#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	/*width: 66px;
	height: 22px;*/
	width: 20px;
	height: 20px;
	background: transparent url(images/close.gif) no-repeat bottom;
	margin: 0px 0;
	padding: 15px 0px 0px 0px;
}

#lbCaption, #lbNumber, #lbDescription {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


.lightboxDesc {
	display: none;
}

.testimonials .domtabs, .testimonials .domtabs2{

list-style:			none;
margin:				0px 0px 0px 0px;
padding:       	    1px 1px 1px 0px;
}

.testimonials .domtabs li,.testimonials .domtabs2 li{
float:				left;
}

.testimonials .domtabs li a,.testimonials .domtabs2 li a{
background-color:	#a2c8f4;


}

.testimonials .domtabs .active a, .testimonials .domtabs2 .active a{
background-color:	#66a6ef;
}

.testimonials .domtabs li a:hover, .testimonials .domtabs2 li a:hover{
background-color:	#66a6ef;
text-decoration:	none;
}

.testimonials .domtabs, .testimonials .domtabs2{
background-color:	#66a6ef;
width:				552px;
}

* .testimonials .domtabs, * .testimonials .domtabs2{
* margin-top:		16px;
}

.testimonials .mainBody .domtabs li a, .testimonials .mainBody .domtabs2 li a{
display:			block;
text-align:			right;
padding:	   	    4px 7px 4px 7px;
font-size:			10px;
color:				#fff;
margin:				0px 0px 0px 1px;
font-weight:		normal;
line-height:		16px;
}

* .testimonials .mainBody .domtabs li a, * .testimonials .mainBody .domtabs2 li a{
* font-size:		9px;
* padding:          4px 7px 4px 6px;
}