/*
/ Styles for Dave Latham's Atlantic Charters website at http://www.atlanticcharters.co.uk/
/
/ Author:    Dominic Winsor, Technical Lead & UX Consultant. Design Haus http://www.dhaus.com/
/ Created:   2008-04-05, 18:02
/ Revisions: 2007-04-23, 14:01 Added homepage styles
			 2009-12-24, 11:47 Revamped homepage, tidied up styles for contribute compatibility
/
/ NOTE: please DELETE the lines labelled as such - these are present to fake an image with a span, once the real image is in place they become redundant
/*/

body {
	background-color: #005984;
	/*background: #0076AE url('tpl/main-background.jpg') 0 0 repeat-x;*/
	margin: 0;
	font-size: 68.9%; /* Default (medium) is 16px: scale to 11px */
	font-family: Arial, Helvetica, sans-serif;
}

a
{
	outline:none;
}
.quote
{
    font-weight:bold;
}
.testimonial-quote
{
    font-size:11px!important;
    margin:8px 0px!important;
}
.testimonial-quote strong
{
    font-size:10px!important;
}
/* 
/common: inline
/*/
.audio { display: none;}

h3 { font-size: 1.4em; }
h3.oblique
{
    font-size: 11px;
    color: #2D98CC;
    font-style: italic;
    margin-left: 2em;
}
h4 { font-size: 1.2em; }

p.break a
{
    margin-left: 2em;
    text-transform: uppercase;
    color: #00496C;
    font-weight: bold;
}

.form-table
{
	text-align:left;
	text-decoration:none;
	padding: 10px;
}
.form-table th
{
    text-align: left;
}



/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/structure: root
/contains all content, define overall width
/*/
.wrapper
{
    width: 988px; /*Σ 1024*/
    padding-left: 36px;
    margin: auto;
    float: left;
    background: #0076AE url('tpl/main-background.jpg') 0 0 repeat-x;
}
.wrapper .lining
{
    width: 949px;
    padding-right: 39px;
    float: left;
    
    background: transparent url('tpl/top-right-splash.gif') 100% 0 no-repeat;
}

/* i wondered what to call this: its a lining in a lining, so its called lining! */
.wrapper .lining .lining
{
	float: left;
	position: relative;
	left: -36px;
	padding-left: 36px;
	background: transparent url('tpl/bottom-splash.gif') 0 100% no-repeat;
}




/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ structure: header
/ contains header, h1 (ident), p (email & phone), main navigation
/*/
.header
{
    float: left;
}

.header h1 
{
    margin: 0;
}
.header h1 a
{
    width: 198px;
    height: 127px;
    text-indent: -6000px;
    margin: 29px 0 0 -2px;
    float: left;
    background: transparent url('tpl/ac-logo.jpg') 0 0 no-repeat;
}

.header p
{
    width: 429px; /*Σ 487*/
    height: 24px;/*29*/
    padding: 5px 24px 0 34px;
    margin: 0;
    float: right;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    background: transparent url('tpl/email-bar.png') 0 0 no-repeat;
    /*background-color: #FF0; opacity: .4;*/
}

.header a
{
    color: #00496C;
    text-decoration: none;
}

/* 
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/primary navigation (split into utility (top row) and section (bottom row)) 
/*/
.header ul
{
    width: 737px;
    height: 41px;
    margin: 33px 0 0 0;
    padding: 0;
    float: right;
    display: inline;
}

.header li
{
    display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

/* common nav links */
.header ul a
{
    /*width: auto;*/ /* bad idea once text-indent is off to the negative!*/
    padding: 0;
    float: left;
    display: inline;
    color: #fff;
}

/* the 'break' li splits the list in two
it does this by adding a big wodge of padding on the right. (the more elegant clear:left; float: left; does not work in msie7) */
.header ul li.break
{
    padding-right: 274px; /*369*/
}

/* the utility are the less prominent */
.header li.utility a
{
    height: 12px;
    font-size: .8em;
    border-right: 1px solid #fff;
}

/* section li are the more prominent */
.header ul li.section
{
    margin-top: 16px;
}
.header ul li.section a
{
    height: 25px;
    font-size: 1.6em;
    font-weight: bold;    
    border-right: 2px solid #fff;
}
/* in place of the li:last-child css3 selector */
.header ul li.break a,
.header ul li.end a
{
    border-right: 0;
}

/* in place of the li:first-child css3 selector */
.header ul li.first a
{
    padding-left: 0;
}

/* nav graphics */
.nav-home a,
.nav-prices a,
.nav-offers a,
.nav-yachts a,
.nav-gallery a,
.nav-news a,
.nav-contact a,
.nav-rya a,
.nav-charter a,
.nav-racing a,
.nav-cruising a
{
    text-indent: -6000px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 13px;
}
.nav-rya a,
.nav-charter a,
.nav-racing a,
.nav-cruising a
{
    height: 25px;
}

/* individual graphics*/
.nav-home a { background-image: url('tpl/nav/home-ov.gif'); width: 40px;}          		.nav-home a:hover, .nav-home strong a { background-image: url('tpl/nav/home-up.gif'); }
.nav-prices a { background-image: url('tpl/nav/prices-ov.gif'); width: 46px;}      		.nav-prices a:hover, .nav-prices strong a  { background-image: url('tpl/nav/prices-up.gif'); }
.nav-offers a { background-image: url('tpl/nav/special-offers-ov.gif'); width: 93px;}	.nav-offers a:hover, .nav-offers strong a  { background-image: url('tpl/nav/special-offers-up.gif'); }
.nav-yachts a { background-image: url('tpl/nav/yachts-ov.gif'); width: 74px;}      		.nav-yachts a:hover, .nav-yachts strong a  { background-image: url('tpl/nav/yachts-up.gif'); }
.nav-gallery a { background-image: url('tpl/nav/gallery-ov.gif'); width: 50px;}    		.nav-gallery a:hover, .nav-gallery strong a  { background-image: url('tpl/nav/gallery-up.gif'); }
.nav-news a { background-image: url('tpl/nav/news-ov.gif'); width: 83px;}          		.nav-news a:hover, .nav-news strong a  { background-image: url('tpl/nav/news-up.gif'); }
.nav-contact a { background-image: url('tpl/nav/contact-ov.gif'); width: 69px;}    		.nav-contact a:hover, .nav-contact strong a  { background-image: url('tpl/nav/contact-up.gif'); }
/*Σ top row = 362px*/
.nav-rya a { background-image: url('tpl/nav/rya-ov.gif'); width: 164px;}           .nav-rya a:hover, .nav-rya strong a  { background-image: url('tpl/nav/rya-up.gif'); }
.nav-charter a { background-image: url('tpl/nav/charter-ov.gif'); width: 240px;}   .nav-charter a:hover, .nav-charter strong a  { background-image: url('tpl/nav/charter-up.gif'); }
.nav-racing a { background-image: url('tpl/nav/racing-ov.gif'); width: 177px;}     .nav-racing a:hover, .nav-racing strong a  { background-image: url('tpl/nav/racing-up.gif'); }
.nav-cruising a { background-image: url('tpl/nav/cruising-ov.gif'); width: 111px;} .nav-cruising a:hover, .nav-cruising strong a  { background-image: url('tpl/nav/cruising-up.gif'); }
/*Σ bottom row = 692px*/




/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ structure: content regions
/ contains main content area and its columns. Organised as follows:
/  - contentWrapper: full width container
/     - col-info: left-hand column
/     - content:  container for the centre and right columns
/        - col-main: main content
/        - col-related: right-hand side column
/*/
.contentWrapper
{
    clear: both;
    float: left;
    width: 949px;
}
.content
{
    float: right;
    width: 737px;
}

/* central column: main page content*/
.col-main
{
    float: left;
    width: 489px;
    padding: 0;
    margin: -10px 0 0 0;
    background: white url('tpl/center-col-top-wide.gif') 0 0 no-repeat;
}
.col-main-lining
{
    width: 473px; /*489 - 16px */
    padding: 10px 8px;
    float: left;
    display: inline;
}

.col-main h2
{
    font-size: 2em;
}
.col-main hr { border-top: 0; height: 1px; border-color: #2D98CC; color: #2D98CC; width:340px;}

/* right-hand column for info relating to main content and section nav*/
.col-related
{
    float: right;
    width: 232px;
}
.right-panel
{
    width: 232px;
    float: left;
    margin-bottom: 10px;
    background: #00496C url('tpl/internal-db-box-top.gif') 0 0 no-repeat;
}
.right-panel .panel-lining
{
    width: 178px;
    padding: 5px 27px 8px 27px;
    float: left;
    background: transparent url('tpl/internal-db-box-bottom.gif') 0 100% no-repeat;
}
.right-panel h3,
.right-panel p
{
    margin: 0;
    color: #fff;
    font-size: 0.9em;
}

.right-panel a
{

    color: #fff;
}

.right-panel h3
{
    font-size: 1.2em;
    margin-top: .2em;
    margin-bottom: .2em;
}

.right-panel h3.dark-blue
{
    font-size: 1.2em;
    margin-bottom: .5em;
    color: #00496C;
}



/*
/ section navigation
/ oops - i appear to have used section twice: once for the big items in the pri nav, and once for the section nav (sub menus)
/*/
.col-related .section /* is also a .right-panel: no need to float*/
{
    background: #2D98CC url('tpl/internal-lb-box-top.gif') 0 0 no-repeat;
    padding-top: 15px;
}
.col-related .section-lining
{  
    float: left;
    width: 200px;
    background: transparent url('tpl/internal-lb-box-bottom.gif') 0 100% no-repeat;
    padding: 0 0 15px 27px;
}

.col-related .section ul
{
    width: 178px; /* width:232-2*padding:27*/
    margin: 0 0 1em;
    padding: 0;
    float: left;
    display: inline;
}
.col-related .section li
{
    width: 178px;
    display: inline;
	float: left;
	margin: 0;
	padding: 0 0 1px;
	background-image: url('tpl/arrow-bullet.gif');
	background-repeat: no-repeat;
}
.col-related .section li a
{
    width: 165px;
    background: transparent url('') 0 0 no-repeat;
    padding: 0 0 0 13px;
    float: left;
    display: inline;
    color: #fff;
}
.col-related .section li a:hover
{
	color: #00496C;
}
.col-related .section li a:visited
{
	color: #ADDBE2;
}





/* left-hand column for supporting info*/
.col-info
{
    float: left;
    width: 196px;
}
.map
{
    float: left;
    width: 196px;
    height: 161px;
    margin: 0 0 10px;
    background-color: #006;
}
.left-panel
{
    float: left;
    width: 196px;
    background: #2D98CC url('tpl/news-top.gif') 0 0 no-repeat;
}
.left-panel .panel-lining
{
    width: 158px;
    padding: 18px 19px;
    float: left;
    display: inline;
    background: transparent url('tpl/news-bottom.gif') 0 100% no-repeat;
}
.left-panel h3,
.left-panel p
{
    margin: 0;
}
.left-panel h3
{
    font-size: 1.2em;
    margin-bottom: .5em;
    color: #00496C;
}

.left-panel h3 a
{
    color: #00496C;
}

.left-panel h4
{
    font-size: 1em;
    color: #fff;
    width: 145px;
    padding: 0px;
    margin: 10px 0 3px 0;
}
.left-panel h4 a { color: #fff; }
.left-panel h4 a:hover { color: #00496C; }
.left-panel h4 a:visited { color: #ADDBE2; }
.left-panel hr { border-top: 0; height: 1px; border-color: #ADDBE2; color: #ADDBE2; }

.left-panel h5
{
    font-size: 0.95em;
    color: #00496C;
    width: 145px;
    padding: 0px;
    margin: 0 0 5px 0;
}

.left-panel p
{
    color: #fff;
}

.dhaus
{
    float: left;
    width: 196px;
    text-align: right;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
}
.dhaus a
{
    color: #fff;
    /* dh glyph, padding etc..*/
}




/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ inline: contribute styles
/*/
.image-main
{
    width: 473px;
    height: 161px;
    
    /*delete*/ display: block;
    /*delete*/ background-color: #ccf;
}

.image-left
{
    width: 207px;
    height: 128px;
    float: left;
    margin-right: 1em;
    
    /*delete*/ display: block;
    /*delete*/ background-color: #ccf;
}

.image-right
{
    width: 207px;
    height: 128px;
    float: right;
    margin-left: 1em;
    
    /*delete*/ display: block;
    /*delete*/ background-color: #ccf;
}

.image-home
{
    width: 344px;
    height: 285px;
    float: left;
    margin-bottom: 10px;
}

/* the splash that overlays the main homepage image (.image-home)*/
.splash-overlay
{
	width: 344px;
	height: 140px;
	margin-top: -150px;
	display: block;
	float: left;
	background: transparent url('tpl/image-base-splash.png') 0 0 no-repeat;
}

.polaroid
{
	width: 145px;
	height: 161px;
	margin-top: -45px;
	margin-bottom: -45px;
	float: right;
	border: 0;
}
.iberian-logo
{
	float: right;
	margin-top: -35px;
	border: 0;
}

/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ Home Page Feature Boxes
/*/
.hp-feature{
	float: left;
	margin-left: 11px;
	margin-top: 11px;
	margin-bottom: 11px;
	/*border: green 1px solid;*/
}
.hp-feature a{
	float: left;
	display:inline;
	margin:0;
	padding: 5px;
	width: 146px;
	height: 89px;
	/*border: red 1px solid;*/
}
.hp-feature a:hover{
	text-decoration:none;
}
.f-one{	background: transparent url('tpl/hp-feature-1.gif') 0 0 no-repeat;}
.f-two{	background: transparent url('tpl/hp-feature-2.gif') 0 0 no-repeat;}

.hp-feature a p {
	margin: 0;
	padding: 0;
}
.hp-feature a:visited
{
    color:#00496C;
}
.hp-mainfeature
{
	float: left;
	clear:both;
	width:323px;
	height:80px;
	margin-left: 11px;
	margin-top: 11px;
	background: transparent url('tpl/panel-323.jpg') 0 0 no-repeat;
}
.hp-mainfeature a
{
    margin-left: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #00496C;
    font-weight: bold;
    float:left;
    clear:both;
}
.hp-mainfeature span
{
    float:left;
    clear:both;
    font-size:11px;
    margin-left:10px;
    width:155px;
}
/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ structure: footer
/*/
.footer
{
    float: left;
    width: 473px;
    padding: 10px 8px;
    margin: 0;
    background: #00496C url('tpl/center-col-bottom-wide.gif') 0 100% no-repeat;
}
.footer-contact
{
    font-size: 1.1em;
    color: #fff;
    margin: 0;
}
.footer-contact a
{
    color: #fff;
}
.footer-legal
{
    color: #2D98CC;
    margin: 1em 0 0 0;
}
.footer-legal span
{
    float: left;
    width:305px;
}
.footer-legal a
{
    color: #2D98CC; float:right;
}





/*
/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >8 - - - - 
/ structure: HOME PAGE
/ adjust widths for homepage layout: the homepage is similar to the content template
/ only the main and side columns are 361px and 360px respectively. To enable a 'homepage' layout
/ simply add the homepage class to the wrapper div: <div class="wrapper homepage"> 
/*/
.homepage .col-main
{
	width: 361px; 
	background: white url('tpl/center-col-top.gif') 0 0 no-repeat;
}
.homepage .col-main-lining
{
    width: 345px;/*361 - 16px */
    padding: 10px 8px;
    float: left;
    display: inline;
}

.homepage .col-related
{
	width: 360px;
}

.homepage .footer
{
	width: 345px;
	background: #00496C url('tpl/center-col-bottom.gif') 0 100% no-repeat;
}

.homepage .section ul
{
    width: 306px;
}
.homepage .section li
{
    width: 306px;
}
.homepage .section li a
{
	width: 293px;
}



/*
/ gallery
/*/
/* gallery albums*/
.gallery-pile
{
    float: left;
	width: 145px;
	height: 166px;
	margin: 0 5px 1em 0;
    background: transparent url('tpl/gallery-album.jpg') 0 0 no-repeat;
}
.gallery-pile a img
{
    border: 0;
    float: left;
    margin: 19px 0 0 21px;
}
.gallery-pile h4
{
    float: left;
    display: inline;
    width: 100px;
    margin: 7px 0 0 21px;
    font-size: 10px;
    color: #2D98CC;
    font-style: italic;
}


/* individual gallery photos */
.gallery-single
{  
    float: left;
	width: 154px;
	height: 194px;
	margin: 0 5px 1em 0;
    background: transparent url('tpl/gallery-frame.gif') 0 0 no-repeat;
}
.gallery-single a img
{
    border: 0;
    float: left;
    margin: 7px 0 0 7px;
}
.gallery-single h4
{
    float: left;
    display: inline;
    width: 139px;
    margin: 7px;
    font-size: 10px;
    color: #2D98CC;
    font-style: italic;
}


/* Stu & Phil */

.home-right-pods
{
    width: 351px; /*361*/
    height: 160px;
	background: white url('tpl/home-pods-blue.gif') 0 0 no-repeat;
	clear: both;
	margin-bottom: 10px;
	padding: 0 10px 0 0;
}

.home-right-pods img
{
    float: left;
    margin-right: 10px;
}

.home-right-pods h3
{
    color: #00496C;
    margin: 10px 0 10px 0;
    float: left;
    width: 200px;
    display: inline;
}

.home-right-pods a
{
    color: #fff;
}
.home-right-pods a:hover
{
	color: #00496C;
}
.home-right-pods a:visited
{
	color: #ADDBE2;
}


.home-right-pods p
{
    padding: 0px;
    margin: 0 0 7px 0;
    color: #fff;
}

.home-right-pods ul
{
    padding: 0px;
    margin: 0px;
}

.home-right-pods li
{
    width: 190px;
    display: inline;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url('tpl/arrow-bullet.gif');
	background-repeat: no-repeat;
}

.dark-blue 
{
    color: #00496C;
}

/* home page update - Dan Wellman */
.homepage .col-main { width:489px; background:#fff url(tpl/homepage-update/center-col-top.gif) no-repeat 0 0; margin-top:0; }
.homepage .image-home { width:auto; height:auto; }
.homepage .col-main-lining { width:473px; padding:10px 0 0 5px; }
.homepage .hp-mainfeature { width:480px; height:94px; margin:11px 0 0 0; background:transparent url('tpl/homepage-update/home_banner.jpg') 0 0 no-repeat; }
.homepage .col-related { float:right; width:232px; }
.homepage .home-right-pods { padding:12px 12px 0 28px; width:192px; height:210px; margin-bottom:10px; background:#2D98CC url('tpl/homepage-update/blue-box-top.gif') 0 0 no-repeat; position:relative; }
.homepage .home-right-pods img { float:none; position:absolute; bottom:0; left:0; }
.homepage .home-right-pods .panel-lining { background:#2D98CC url('tpl/blue-box-bottom.gif') no-repeat scroll 0 100%; }
.homepage .footer { width:473px; background: #00496C url('tpl/homepage-update/center-col-bottom-wide.gif') 0 100% no-repeat; position:relative; }
.homepage .home-right-pods li { float:none; display:block; list-style-type:none; }
.homepage .footer-legal span { width:440px; }
.homepage .home-right-pods h3 { float:none; display:block; color:#fff; margin-top:0; }
.homepage .hp-mainfeature span { float:right; width:100px; margin-right:10px; margin-top:10px; }
.homepage .hp-mainfeature span.blue { color:#00496C;float:none; display:inline; margin:0; }
.homepage .hp-mainfeature a { float:none; display:block; margin-left:0; margin-top:3px; color:#333; text-transform:none; }
.homepage .credit { color:#2D98CC; font:9px Arial; float:right; margin:-7px -4px 0 0; }
.homepage .credit a { color:#2D98CC; }
.homepage h3.oblique { display:inline; margin-left:0; position:relative; left:10px; top:10px; }
.homepage .f-one, .homepage .f-two { background:none; }
.homepage .hp-feature { float:left; margin:11px 11px 11px 0; width:150px; height:116px; background:url('tpl/homepage-update/feature_box.gif') no-repeat; position:relative; }
.homepage .hp-feature img { border:none; position:absolute; bottom:12px; left:23px; }
.homepage .f-two img { bottom:15px; }
.homepage .f-three { margin-right:0; }
.homepage .f-three img { left:53px; }
.homepage .hp-feature a { height:auto; width:auto; color:#333; }
.homepage .hp-feature a span { display:block; color:#333366; }
.homepage .racing-pod { height:235px; }
.homepage .video-heading { text-indent:-9999px; height:11px; width:88px; background:url('tpl/homepage-update/video-heading.gif') no-repeat 0 0; margin:20px 0 0 10px; }
.homepage .video-placeholder { width:480px; height:295px; position:relative; top:10px; margin-bottom:20px; clear:both; }
.homepage #weather { height:auto; margin-bottom:31px; }
#weather a { font-size:14px; width:100%; text-align:center;display:block; margin:10px 0 5px; font-weight:bold; }
#weather .panel-lining { position:relative; padding-bottom:11px; }
#weather .panel-bottom { width:232px; background:url(tpl/homepage-update/blue-box-bottom.png) no-repeat; height:21px; position:absolute; bottom:-11px; left:0; }
#weather h4 { color:#fff; width:156px; margin:0; padding:8px 0 5px; background:url('tpl/homepage-update/weather.gif') no-repeat 100% 0; font-size:13px; }
#weather .opener { display:block; width:20px; height:20px; background:url('tpl/homepage-update/opener.gif') no-repeat 0 0; position:absolute; right:10px; top:-3px; }
#weather .opener-open { background-position:0 -20px; }
#weather .weather-wrapper { display:none; position:relative; left:-10px; width:199px; overflow:hidden; }
.homepage .footer a.dh-link { position:absolute; left:-115px; margin-top:-190px; color:#a6d3ea; padding:0 0 4px 25px; background:url('tpl/homepage-update/dh-logo.gif') no-repeat 0 0; }
.homepage .left-panel .panel-lining { height:566px; }

/* blogengine update April 2010 */

.post h1 { margin-bottom:6px; font-size:20px; }
.post h1 a { color:#00496C; }
.post h1 a:hover { color:#000; }
.post h6 { font-weight:normal; font-size:14px; margin-top:0; margin-bottom:12px; color:#999; }
.post h6 span { font-weight:bold; color:#666; }
.post .footer { background:none; }
.post a { color:#ADDBE2; font-weight:bold; }
.post a:hover { color:#00496C; }

#postnavigation { margin-top:10px; }
#postnavigation a { color:#ADDBE2; font-weight:bold; }
#postnavigation a:hover { color:#2D98CC; }

.footer-blog-login { clear:both; }
.footer-blog-login a { color:#fff; }
.footer-blog-login a:hover { color:#2D98CC; }

/* sidebar */
.widgetzone .widget { margin:0 0 0 20px; }
.widgetzone .widget a { margin-right:5px; padding-left:5px; border-left:1px solid #fff; font-weight:bold; color:#fff !important; }
.widgetzone .widget a:first-child { border-left:none; padding-left:0; }
.widgetzone .widget a:hover { color:#00496C !important; }
.widgetzone .content { width:auto; float:left; }
.widgetzone .content a:first-child { padding-left:10px; }
.widgetzone h4 { margin:10px 0 10px 0; color:#00496C; font-size:13px; }
.widgetselector { margin-left:20px; width:140px; }
#monthList li { background-image:none !important; }
#monthList li ul li { background-image:url("tpl/arrow-bullet.gif") !important; }