html { height: 100%; margin-bottom: 1px; }
body{ background:#f4f4f4; margin: 0px; padding: 0px; }

/*Links*/
a:link {text-decoration:none; font-weight:none; color:#03406D; font-weight: bold;}
a:visited {text-decoration:none; font-weight:none; color:#03406D; font-weight: bold;}
a:hover {text-decoration:underline; font-weight:none; color:#03406D; font-weight: bold;}
a.basenavtxt {color: #ffffff;}
a.basenavtxt:visited {color: #ffffff;}
a.basenavtxt:hover {color: #ffffff;}
a.continent {color: 03406D;}
a.continent:visited {color: #03406D;}
a.continent:hover {color: #03406D;}
a.breadcrumb:link {text-decoration:underline; color:#ffffff; }
a.breadcrumb:visited {text-decoration:underline; color:#ffffff; }
a.breadcrumb:hover {text-decoration:underline; color:#ffffff; }



a.menu:link, a.menu:visited {font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003b3f; font-weight:bold; text-decoration:none; padding: 8px 0 8px 15px; background: #E5E5E5 url(../coti_images/new/tabs/l-top.gif) top left no-repeat; display: block;}

a.menu:hover, a.menu:active { background: #5CAEE4 url(../coti_images/new/tabs/l-top.gif) top left no-repeat; color: #FFFFFF;}




.selected{ background: #03406D url(../coti_images/new/tabs/l-top.gif) top left no-repeat!important; color: #FFFFFF!important;}


.tabbedmenusectionhead{ background: #03406D url(../coti_images/new/tabs/l-top.gif) no-repeat top left; margin: 10px 0 0 15px; padding: 5px 0px 3px 15px; color: #FFFFFF; font-size: 11px; }

div.tabbedmenu{ position: relative; margin-bottom: 1px; width: 100%; }
div.menubottomcurve{ width: 5px; height: 5px; position: absolute; bottom: 0px!important; left: 0px!important;}



a.copyright:link {text-decoration:none; margin-left : 5px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #03406D;}
a.copyright:visited {text-decoration:none; margin-left : 5px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: color: #03406D;}
a.copyright:hover {text-decoration:underline; margin-left : 5px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: color: #03406D;}
a.copyright:active {text-decoration:underline; margin-left : 5px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: color: #03406D;}

a.jumplist {color:#03406D;}
a.jumplist:visited {color:#03406D;}
a.jumplist:hover {color:#03406D;}
a.logintxt {color:#03406D; padding: 5px 0;}
a.logintxt:visited {color:#03406D;}
a.logintxt:hover {color:#03406D;}
a.shortcuts {color:#03406D;}
a.shortcuts:visited {color:#03406D;}
a.shortcuts:hover {color:#03406D;}
a.white {color:#ffffff;}
a.white:visited {color:#ffffff;}
a.white:hover {color:#ffffff;}


/*Background styles*/
.sidepaneltitle {border-bottom: 1px solid #B5C6E4; background-color: #FFD7B1; font-weight: bold; color:#4f4f4f; padding: 4px; border-top: 1px solid #B5C6E4;}
.jumpback {background-image: url(/coti_images/jump_back2.gif); background-repeat: repeat-y; background-position: top right;}
.standardbanner {background-color: #b6b6b6; border-bottom: 1px solid #4f4f4f; text-align: center; padding:6px;}
.titleback { border-bottom: 10px solid #03406D; padding: 1px 1px 1px 10px; margin-top:0px;}
.flags {background-color: #d9d9d9; text-align: center; border-bottom: 1px solid #888888; padding: 2px;}
.mapcapsule {border-top: 10px solid #8196b3; border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px;}
.plaincapsule {/*border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 2px;*/}
.videocapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 15px;}
.greycapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px; background-color: #e1e1e1;}
.menuheadback {background-image: url(/coti_images/news_back.jpg); background-position: left; background-repeat: repeat-x; border-bottom: 1px solid #03406D; font-family : verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #ffffff; font-weight:bold; padding: 2px 2px 2px 2px; }
 .loginback {background-image: url(/coti_images/login_back.jpg); background-repeat: no-repeat; background-position: bottom right; background-color: #fcfefc; /* height:150px; */ color:#03406D; padding:4px;}
.jumpheadback {background-image: url(/coti_images/jump_back.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-top: 1px solid #03406D; border-bottom: 1px solid #03406D;}
.headback {background-image: url(/coti_images/head_back.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-top: 1px solid #03406D; border-bottom: 1px solid #03406D;}


.favhead {height: 10px;}


.loginhead {background-image: url(/coti_images/login_back.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 6px; border-bottom: 1px solid #03406D;}

.favouritesmain {background-color: #e3e1f0; border-bottom: none;}

/*Text Styles*/
td {font-family : Arial, verdana, Helvetica, sans-serif; font-size : 11px; color : #333333;}
h1 {font-family: verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight:  bold; color: #005a6e; text-transform: uppercase; margin-bottom: 2px; margin-top: 4px;}
h1.lighthead {color: #b5b5b5; font-size: 13px; margin: 4px 4px 4px 10px; display: inline;}

h2 {font-family: verdana,  Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight:  bold; color: #003c6d; margin-bottom: 2px; margin-top: 4px;}
h2.white {color: #ffffff;}
h3 {font-family: verdana,  Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:  bold; color: #084347; margin-bottom: 4px; margin-top: 2px;}
h3.tablehead {color: #003c6d; display: inline;}
h3.inline {display:inline;}
h4 {font-weight: bold; font-family: Arial, verdana,  Helvetica, sans-serif; font-size: 11px; margin-bottom: 0px; margin-top: 7px;}
.breadcrumbleft {color: #ffffff; background-color: #487073; padding: 1px 4px 1px 1px; border-left: 1px solid #03406D; border-top: 1px solid #03406D;background-image: url(/coti_images/head_back.gif); background-position: left; background-repeat: repeat-x; border-bottom: 1px solid #03406D;}
.breadcrumbright {color: #ffffff; background-color: #487073; padding: 1px 1px 1px 6px; border-right: 1px solid #03406D; border-top: 1px solid #03406D;background-image: url(/coti_images/head_back.gif); background-position: left; background-repeat: repeat-x; border-bottom: 1px solid #03406D;}
.newsticker {border-left: 1px solid #03406D; color: #03406D; background-color: #ffffff; padding: 4px 6px 4px 6px; border-right: 1px solid #03406D; border-top: 1px solid #03406D;}
.menucell { padding: 0px;}
.bottommenucell { padding: 0px; position: relative;}
.rightcell {border-right: 5px solid #FFFFFF; padding: 10px 5px 0 0; width: 100%; }
.leftcell {border-left: 5px solid #FFFFFF; padding-top: 10px; width: 100%; }


.sidecolumns{ /*background: #FF9;*/ width: 150px; }


.maincell {background-color: #ffffff; padding: 10px 5px 5px 5px;}
.smltxt {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666;}
.uppercase {text-transform : uppercase;}
.copyright {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #03406D;}
.disclaimer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #555555;}
.basenav { font-size: 10px; color: #ffffff; padding: 1px; background-image: url(/coti_images/head_back.gif); background-position: left; background-repeat: repeat-x; border-top: 1px solid #03406D; border-bottom: 1px solid #03406D;}
.maptxt {width: 90%;}
.white {color: #ffffff;}
.description {font-size: 10px; font-style: italic;}

/*Spacing Styles*/
p {margin-top: 3px; margin-left: 2px; font-family : Arial, verdana, Helvetica, sans-serif; font-size : 11px;}
.nopadding {padding: 0px;}
.bannerpadding {margin: 6px;}
img.productpadding {margin: 0px 10px 10px 0px;}
.mainpadding {padding: 6px;}
.minimapmargin {padding: 2px; border: 2px solid #03406D;}

/*Borders and Boxes*/
.borderbottom {/*border-bottom: 1px solid #03406D;*/}
.bordertop {/*border-top: 1px solid #03406D;*/}
.borderleft {/*border-left: 1px solid #03406D;*/}
.borderright {/*border-right: 1px solid #03406D;*/}
.bordertopbottom {border-top: 1px solid; border-color : #03406D; border-bottom: 1px solid; border-color : #03406D;}
.bordertopbottomright {border-top: 1px solid; border-color : #03406D; border-bottom: 1px solid; border-color : #03406D; border-right: 1px solid; border-color : #03406D;}
.bordertopbottomleft {border-top: 1px solid; border-color :#03406D; border-bottom: 1px solid; border-color : #03406D; border-left: 1px solid; border-color : #03406D;}
.borderleftbottom {border-left: 1px solid; border-color : #03406D; border-bottom: 1px solid; border-color : #03406D;}
.borderlefttop {border-left: 1px solid #03406D; border-top: 1px solid #03406D;}
.borderleftright {border-right: 1px dottted #03406D; border-left: 1px solid #03406D;}
.borderrightlefttop {border-right: 1px solid #03406D; border-top: 1px solid #03406D; border-left: 1px solid #03406D;}
.borderrighttopthick {border-right: 3px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f;}
.borderrighttop {border-right: 1px solid; border-color : #03406D; border-top: 1px solid; border-color : #03406D;}
.borderrightbottom {border-right: 1px solid; border-color :#4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;}
.borderrightleftbottom {border-right: 1px solid #03406D; border-bottom: 1px solid #03406D; border-left: 1px solid #03406D;}


.boxes {border :1px solid #03406D;}
.librarythumbs {border: #4f4f4f 1px solid; background-color: #e5e5e5; padding-top: 4px; padding-bottom: 4px;}
.boxesdownload {border: 1px solid #dddddd; background-color: #f8f8f8;padding: 4px;}
.boxeslight {border :1px solid #cccccc;}
.collapsehead {border: 1px solid #03406D; padding: 2px; background: #03406D; color: #FFF;}
.collapsehead h3.inline{color: #FFF; font-size:14px; padding: 0 0 8px 8px;}
.boxalert {border: 1px solid #95ADA4; background-color: #f4f3f8; padding: 5px;}
.controlcentrebox {border-right: 1px solid #03406D; border-bottom: 1px solid #03406D; border-left: 1px solid #03406D; background-color: #EFEFEF; padding: 5px;}
.alerttopbot {border: 5px double #F00; background-color: #FFFF99; padding: 14px 7px; margin-bottom: 10px; font-weight: bold;}
.boxout {border :1px solid #4f4f4f; padding: 0px; width: 250px; margin: 0px 2px 2px 4px;}
.DataTable {border :1px solid #cccccc;}
.DataHead {font-weight: bold; border-bottom: 1px solid #cccccc; background-color: #d9d9d9; padding: 4px;}
.DataCell {border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 4px;}
.bordertoplight {border-top: 1px solid #cccccc;}
.borderleftlight {border-left: 1px solid #cccccc;}
.borderrightlight {border-right: 1px solid #cccccc;}
.borderbottomlight {border-bottom: 1px solid #cccccc;}
.paddedbox {border: 1px solid #9f9f9f; padding: 4px; background-color: #f8f8f8; width: 210px;}
.warningbox {border: 1px solid #bc1d1d; padding: 4px; background-color: #f7ebeb;}
.countrysitemapbox {border: 1px solid #f47e20; background-color: #f8f8f8; margin-top: 4px; margin-bottom: 4px; padding: 4px;}
.citysitemapbox {border: 1px solid #e61818; background-color: #f8f8f8; margin-top: 4px; margin-bottom: 4px; padding: 4px;}
.airportsitemapbox {border: 1px solid #c0095f; background-color: #f8f8f8; margin-top: 4px; margin-bottom: 4px; padding: 4px;}
.attractionsitemapbox {border: 1px solid #924ac3; background-color: #f8f8f8; margin-top: 4px; margin-bottom: 4px; padding: 4px;}
.cruisesitemapbox {border: 1px solid #40a777; background-color: #f8f8f8; margin-top: 4px; margin-bottom: 4px; padding: 4px;}

.leaderbordertop {/*border-top: 1px solid #707070;*/}
.leaderborderleft {/*border-left: 1px solid #707070;*/}
.leaderborderright {/*border-right: 1px solid #707070;*/}
.leaderborderbottom {/*border-bottom: 1px solid #707070;*/}
.leaderborderrightleft {/*border-right: 1px solid #707070; border-left: 1px solid #707070;*/}

.solidborderbottom {border-bottom: 1px solid #888888;}
.endsection {border-top: 1px solid #03406D; border-bottom: 1px solid #03406D; background-color: #cccccc; height: 5px; font-size: 2px;}
.mainsections { padding: 8px 5px; /* font-size: 12px; */ font-family:Arial,verdana,Helvetica,sans-serif; font-size:11px;}
div.splitlists {display: inline;}
.displaytablehead {border-bottom: 1px solid #4f4f4f; background-color: #e5e5e5; padding:2px;}

/*Display Boxes and styles*/
.clockdisplay {border: 1px solid #c9c9c9; background-color: #f1f1f1; padding: 5px;  margin: 3px 1px 3px 1px;}
.selectedclock {border: 1px solid #c9c9c9; background-color: #e6ecf1; padding: 5px; margin: 3px;}
div#selectedClockDST {float:right; width: 45%; clear: both;}

.displaymap {border: 1px solid #c9c9c9; background-color: #f1f1f1; padding: 10px;}
.searchbox {background-color: #e8e8e8; padding: 10px 4px 0px 4px; border-bottom:1px solid #03406D;}


/*Form Styles*/
.form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003c6d; border: 1px #333333 solid; font-weight: normal; background-color: #FFFFFF; }
.formlogin { width: 172px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #333333; border: 1px #487073 solid; font-weight: normal; background-color: #FFFFFF;}
.formsearch { margin: 0px; display: inline;}
.formdropdown {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003c6d; border: 1px #333333 solid; font-weight: normal; background-color: #FFFFFF; width: 130px;}
.formdisabled {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #aaaaaa; border: 1px #999999 solid; font-weight: normal; background-color: #ededed;}
form.inline {display: inline;}
.textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; border: 1px #000000 solid; font-weight: normal; background-color: #FFFFFF;}
.formbutton {background-image: url(../coti_images/button_back.gif); background-position: top; background-repeat: repeat-x; font-family:  Arial, verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:  bold; color: #FF7F00; height: 17px; border: 1px solid #41569C; text-transform: capitalize; padding-left: 3px; padding-right: 3px;}
.formselect { width: 150px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; color: #000000; border: 1px #333333 solid; font-weight: normal; background-color: #FFFFFF;}

form.nomargin{margin: 0px;}
.guidenav {padding-top: 8px; padding-bottom: 8px;}

/*Other Styles*/
ul.lists {padding: 0px 0px 0px 15px; margin-left: 1px;}
ul.tourlist { margin-left: 1px;}
ul.subnav {padding: 0px 0px 0px 15px; margin: 0px;}
li {list-style: url(../coti_images/bullet.gif); margin-bottom: 2px;font-family:Arial,verdana,Helvetica,sans-serif;
font-size:11px;
margin-left:2px;
margin-top:3px;}
li.subnavitem {margin: 0px 0px 0px 5px; padding: 0px;}
li.flaglist {margin: 0px; padding: 0px; vertical-align: middle;}
li.tourlist {list-style : square outside; margin: 0px 0px 0px 5px; padding: 2px 0px 2px 2px;}
li.favourites {margin-left: 6px; margin-bottom: 2px;}
.uppercase{	text-transform: uppercase;}
.spacing {margin-left: 10px; margin-bottom: 10px;}
.inline {display:inline;}
.padding {padding:4px;}
.capitalise {text-transform: capitalize;}
.wrap {text-wrap: suppress; word-wrap: break-word;}


/* .button {background-image: url(/coti_images/button_back.gif); background-position: bottom; background-repeat: repeat-x; font-family:  Arial, verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #326e72; height: 17px; border: 1px solid #666666; text-transform: capitalize; padding-left: 3px; padding-right: 3px;} */

table {background-color: #ffffff;}


/*Country Styles*/
.navcountry {background-color: #7f6a9a;}
.countrybgcolor {background-color: #f46620;}
.countrytitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #df6402; padding: 1px 1px 1px 10px;}
h1.country {color: #b44400;}
h2.country {color: #b44400;}
.country {color: #b44400;}

/*City Styles*/
.navcity {background-color: #6a769a;}
.citybgcolor {background-color: #e61818;}
.citytitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #e61818; padding: 1px 1px 1px 10px;}
h1.city {color: #7b0000;}
h2.city {color: #7b0000;}
.city {color: #7b0000;}

/*Airport Styles*/
.navairport {background-color: #6a839a;}
.airportbgcolor {background-color: #c0095f;}
.airporttitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #c0095f; padding: 1px 1px 1px 10px;}
h1.airport {color: #950649;}
h2.airport {color: #950649;}
.airport {color: #950649;}

/*Attractions Styles*/
.navattraction {background-color: #6a9992;}
.attractionbgcolor {background-color: #924ac3;}
.attractiontitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #924ac3; padding: 1px 1px 1px 10px;}
h1.attraction {color: #400469;}
h2.attraction {color: #400469;}
.attraction {color: #400469;}

/*Event Styles*/
.navevent {background-color: #6a9a7b;}
.eventbgcolor {background-color: #4a72c3;}
.eventtitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #4a72c3; padding: 1px 1px 1px 10px;}
h1.event {color: #00246e;}
h2.event {color: #00246e;}
.event {color: #00246e;}

/*Cruise Styles*/
.navcruise {background-color: #659f5c;}
.cruisebgcolor {background-color: #40a777;}
.cruisetitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #40a777; padding: 1px 1px 1px 10px;}
h1.cruise {color: #00723d;}
h2.cruise {color: #00723d;}
.cruise {color: #00723d;}

/*Beach Styles*/
.navbeach {background-color: #89b210;}
.beachbgcolor {background-color: #40a777;}
.beachtitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #40a777; padding: 1px 1px 1px 10px;}
h1.beach {color: #00723d;}
h2.beach {color: #00723d;}
.beach {color: #00723d;}

/*SKi Styles*/
.navski {background-color: #adc4c4;}
.skibgcolor {background-color: #40a777;}
.skititleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #40a777; padding: 1px 1px 1px 10px;}
h1.ski {color: #00723d;}
h2.ski {color: #00723d;}
.ski {color: #00723d;}

/* ----- Ski blocks ----- */
rightFloaterContainer{  }
.rightFloater{ background: url(/images/skiguides/grey-gradient.gif) repeat-x left bottom #FFF; width: 106px; float: right; margin: 5px 0 0 0; padding: 0px; font-size: 11px; border-right: 1px solid #03406d; border-bottom: 1px solid #03406d; border-left: 1px solid #03406d; }
    .rightFloater h3{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; border-right: 1px solid #03406d; border-bottom: 1px solid #03406d; border-left: 1px solid #03406d; }
    .rightFloater ul{ padding: 5px; margin: 0px; }
    .rightFloater li{ list-style: none; }
    .rightFloater div.title{ font-weight: bold; }

.rightFloaterWide{ background: url(/images/skiguides/grey-gradient.gif) repeat-x left bottom #FFF; width: 225px; float: right; clear: right; margin: 5px 0 0 5px; padding: 0px; font-size: 11px; border-right: 1px solid #03406d; border-bottom: 1px solid #03406d; border-left: 1px solid #03406d; }
    .rightFloaterWide h3{ padding: 0px; margin: 0px !important; font-size: 13px; background: url(/images/skiguides/resort-icon.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; border-right: 1px solid #03406d; border-bottom: 1px solid #03406d; border-left: 1px solid #03406d; }
    .rightFloaterWide ul{ padding: 5px; margin: 0px; }
    .rightFloaterWide li{ list-style: none; font-weight: bold; }
    .rightFloaterWide span.title{ font-weight: normal; }


    .featuredboxes{ width: 225px; float: right; margin: 5px 0 0 5px; border-right: 1px solid #03406d; border-bottom: 1px solid #03406d; border-left: 1px solid #03406d; background:#F0F0F0; padding: 0 0 5px 0; clear: right; font-size: 11px; }

    .skinumbers { /*font-size: 22px;*/ font-weight: bold; float:right; margin:24px 5px 0 5px; }

    .featuredboxes div.subbox{ width: 103px; float: left; background:#FFF; margin-left: 5px; border: 1px solid #03406d; }
    .featuredboxes div.subbox div.paragraph { margin: 3px 0; padding: 0px 5px; border-bottom: 1px dotted #CCC;}
        .featuredboxes h3{ padding: 0px; margin: 0px; font-size: 13px; background:#03406d; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.mountain{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.snowflake{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-snowflake.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.snowreport{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-snowreport.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.weather{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-weather.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.day{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-day.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.night{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-night.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 27px 5px 5px; }
        .featuredboxes h3.tracks{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-tracks.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 31px 5px 5px; }
        .featuredboxes h3.lifts{ padding: 0px; margin: 0px; font-size: 13px; background: url(/images/skiguides/resort-icon-lifts.gif) #03406d top right no-repeat; color: #FFF; padding: 5px 31px 5px 5px; }
        .featuredboxes ul{ padding: 5px; margin: 0px; }
        .featuredboxes li{ list-style: none; }
        .featuredboxes div.title{ font-weight: bold; }
        .featuredboxes div.paragraph{ padding: 5px; }
        .featuredboxes div.paragraph b{ float: right; }
/* / */

/*World Clock Styles*/
.navclock {background-color: #d2a078;}
.clockbgcolor {background-color: #256f2c;}
.clocktitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #256f2c; padding: 1px 1px 1px 10px;}
h1.clock {color: #055129;}
.clock {color: #055129;}

/*Weather Styles*/
.navweather {background-color: #d27878;}
.weatherbgcolor {background-color: #5eac11;}
.weathertitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #5eac11; padding: 1px 1px 1px 10px;}
h1.weather {color: #336305;}
.weather {color: #336305;}


/*appendices*/
.navappendices {background-color: #d1d779;}
.appendicesbgcolor {background-color: #d7df05;}
.appendicestitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #8ead39; padding: 1px 1px 1px 10px;}
h1.appendices {color: #577110;}
.appendices {color: #577110;}

/*Converter Styles*/
.navconverter {background-color: #996a7d;}

/*Unrestriced nav styles*/
.nav1head {background-image: url(/coti_images/nav_back/nav1.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav1 {background-color: #7f6a9a;}


.nav2head {background-image: url(/coti_images/nav_back/nav2.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav2 {background-color: #6a769a;}

.nav3head {background-image: url(/coti_images/nav_back/nav3.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav3 {background-color: #6a839a;}

.nav4head {background-image: url(/coti_images/nav_back/nav4.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav4 {background-color: #6a9992;}

.nav5head {background-image: url(/coti_images/nav_back/nav5.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav5 {background-color: #6a9a7b;}

.nav6head {background-image: url(/coti_images/nav_back/nav6.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav6 {background-color: #659f5c;}

.nav7head {background-image: url(/coti_images/nav_back/nav7.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav7 {background-color: #d1d779;}


.nav8head {background-image: url(/coti_images/nav_back/nav8.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav8 {background-color: #d2a078;}


.nav9head {background-image: url(/coti_images/nav_back/nav9.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav9 {background-color: #d27878;}


.nav10head {background-image: url(/coti_images/nav_back/nav10.gif); background-position: left; background-repeat: repeat-x; font-family:  verdana, arial, Helvetica, sans-serif; font-size: 11px; font-weight:  bold; color: #ffffff; height: 17px; padding-left: 4px; border-bottom: 1px solid #03406D;}
.nav10 {background-color: #996a7d;}


.navnews1 {background-color: #986a99;}
.navnews2 {background-color: #7f6a9a;}
.navnews3 {background-color: #6a769a;}


/*Tour Styles*/
.navtour {background-color: #996a6a;}
.tourbgcolor {background-color: #4ab0c3;}
.tourtitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #4ab0c3; padding: 1px 1px 1px 10px;}
h1.tour {color: #005e70;}
h2.tour {color: #005e70;}
.tour {color: #005e70;}

/*news*/
.navnews {background-color: #d7df05; border-bottom: 1px solid #888888;}
.newsbgcolor {background-color: #d7df05;}
.newstitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #8196b3; padding: 1px 1px 1px 10px;}
h1.news {color: #003c6d;}
.news {color: #577110;}

/*GermanEvents Styles*/
.navgermanevents {background-color: #4a72c3;}
.germaneventsbgcolor {background-color: #4a72c3;}
.germaneventstitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #4a72c3; padding: 1px 1px 1px 10px;}
h1.germanevents {color: #00246e;}

/*Brochure*/
.navbrochure {background-color: #f4a220;  border-bottom: 1px solid #888888;}
.brochurebgcolor {background-color: #f4a220;}
.brochurestitleback {border-top: 1px solid #4f4f4f; border-bottom: 10px solid #f4a220; padding: 1px 1px 1px 10px;}
h1.brochures {color: #b97811;}
.brochures {color: #b97811;}

/*Webshop*/
.webshoptitleback {background-color: #ffffff; border-bottom: 10px solid #8196b3; padding: 1px 1px 1px 10px; border-top: 1px solid #4f4f4f;}
h1.webshop {color: #003c6d;}
.wslefttbcell {border-left: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;}
.wsrighttbcell {border-right: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;}
.wscentertbcell {border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;}

/*Videos*/
.videostitleback {background-color: #ffffff; border-bottom: 10px solid #8196b3; padding: 1px 1px 1px 10px; border-top: 1px solid #4f4f4f;}
h1.videos {color: #003c6d;}




div.paragraph{ font-size: 11px; }
div.mainsections h3{ margin:10px 0 0 0; display: block; clear: left; }
div.mainsections h5{ color: #03406D; font-size:11px; margin: 20px 0 -5px 0; }
div.mainsections h3.inline{ margin:10px 0 0 0; display: block; clear: left; }





/* ----- Tabby Tabs----- */

         /*Foregound colours available*/                 /*Aliased to work on these backgrounds*/
/* LightBlue  DarkBlue  Lime  Raspberry  Orange -->    <!-- White  LightGrey  MedGrey  DarkGrey */


    /* Lime */
      .tabLimeWhite{ height: 20px; padding: 0px; margin: 0px; background: #FFFFFF url(../../images/new/tabs/lime/tab-left-White.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #99CC00;}
        .tabLimeWhite span{ height: 17px; background: #99CC00 url(../../images/new/tabs/lime/tab-right-White.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabLimeLightGrey{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(../../images/new/tabs/lime/tab-left-LightGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #99CC00;}
        .tabLimeLightGrey span{ height: 17px; background: #99CC00 url(../../images/new/tabs/lime/tab-right-LightGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabLimeMedGrey{ height: 20px; padding: 0px; margin: 0px; background: #DCDCDC url(../../images/new/tabs/lime/tab-left-MedGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #99CC00;}
        .tabLimeMedGrey span{ height: 17px; background: #99CC00 url(../../images/new/tabs/lime/tab-right-MedGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabLimeDarkGrey{ height: 20px; padding: 0px; margin: 0px; background: #BBBBBB url(../../images/new/tabs/lime/tab-left-DarkGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #99CC00;}
        .tabLimeDarkGrey span{ height: 17px; background: #99CC00 url(../../images/new/tabs/lime/tab-right-DarkGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }
    /* /Lime */



    /* Orange */
      .tabOrangeWhite{ height: 20px; padding: 0px; margin: 0px; background: #FFFFFF url(../../images/new/tabs/orange/tab-left-White.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #F47300;}
        .tabOrangeWhite span{ height: 17px; background: #F47300 url(../../images/new/tabs/orange/tab-right-White.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabOrangeLightGrey{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(../../images/new/tabs/orange/tab-left-LightGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #F47300;}
        .tabOrangeLightGrey span{ height: 17px; background: #F47300 url(../../images/new/tabs/orange/tab-right-LightGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabOrangeMedGrey{ height: 20px; padding: 0px; margin: 0px; background: #DCDCDC url(../../images/new/tabs/orange/tab-left-MedGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #F47300;}
        .tabOrangeMedGrey span{ height: 17px; background: #F47300 url(../../images/new/tabs/orange/tab-right-MedGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabOrangeDarkGrey{ height: 20px; padding: 0px; margin: 0px; background: #BBBBBB url(../../images/new/tabs/orange/tab-left-DarkGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #F47300;}
        .tabOrangeDarkGrey span{ height: 17px; background: #F47300 url(../../images/new/tabs/orange/tab-right-DarkGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }
    /* /Orange */



    /* ----- Raspberry ----- */
      .tabRaspberryWhite{ height: 20px; padding: 0px; margin: 0px; background: #FFFFFF url(../../images/new/tabs/raspberry/tab-left-White.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #CF3267}
        .tabRaspberryWhite span{ height: 17px; background: #CF3267 url(../../images/new/tabs/raspberry/tab-right-White.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabRaspberryLightGrey{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(../../images/new/tabs/raspberry/tab-left-LightGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #CF3267;}
        .tabRaspberryLightGrey span{ height: 17px; background: #CF3267 url(../../images/new/tabs/raspberry/tab-right-LightGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabRaspberryMedGrey{ height: 20px; padding: 0px; margin: 0px; background: #DCDCDC url(../../images/new/tabs/raspberry/tab-left-MedGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #CF3267}
        .tabRaspberryMedGrey span{ height: 17px; background: #CF3267 url(../../images/new/tabs/raspberry/tab-right-MedGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabRaspberryDarkGrey{ height: 20px; padding: 0px; margin: 0px; background: #BBBBBB url(../../images/new/tabs/raspberry/tab-left-DarkGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #CF3267}
        .tabRaspberryDarkGrey span{ height: 17px; background: #CF3267 url(../../images/new/tabs/raspberry/tab-right-DarkGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }
    /* / */



        /* ----- Light Blue ----- */
      .tabLightBlueWhite{ height: 20px; padding: 0px; margin: 0px; background: #FFFFFF url(../../images/new/tabs/lightBlue/tab-left-White.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #009AFE;}
        .tabLightBlueWhite span{ height: 17px; background: #009AFE url(../../images/new/tabs/lightBlue/tab-right-White.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabLightBlueLightGrey{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(../../images/new/tabs/lightBlue/tab-left-LightGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #009AFE;}
        .tabLightBlueLightGrey span{ height: 17px; background: #009AFE url(../../images/new/tabs/lightBlue/tab-right-LightGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabLightBlueMedGrey{ height: 20px; padding: 0px; margin: 0px; background: #DCDCDC url(../../images/new/tabs/lightBlue/tab-left-MedGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #009AFE;}
        .tabLightBlueMedGrey span{ height: 17px; background: #009AFE url(../../images/new/tabs/lightBlue/tab-right-MedGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabLightBlueDarkGrey{ height: 20px; padding: 0px; margin: 0px; background: #BBBBBB url(../../images/new/tabs/lightBlue/tab-left-DarkGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #009AFE;}
        .tabLightBlueDarkGrey span{ height: 17px; background: #009AFE url(../../images/new/tabs/lightBlue/tab-right-DarkGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }
    /* / */



        /* ----- Dark Blue ----- */
      .tabDarkBlueWhite{ height: 20px; padding: 0px; margin: 0px; background: #FFFFFF url(../../images/new/tabs/darkBlue/tab-left-White.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #03406D;}
        .tabDarkBlueWhite span{ height: 17px; background: url(../../images/new/tabs/darkBlue/tab-right-White.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-weight: bold; /*color: #03406D;*/ font-size: 11px;}

      .tabDarkBlueLightGrey{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(../../images/new/tabs/darkBlue/tab-left-LightGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #03406D;}
        .tabDarkBlueLightGrey span{ height: 17px; background: url(../../images/new/tabs/darkBlue/tab-right-LightGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabDarkBlueMedGrey{ height: 20px; padding: 0px; margin: 0px; background: #DCDCDC url(../../images/new/tabs/darkBlue/tab-left-MedGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #03406D;}
        .tabDarkBlueMedGrey span{ height: 17px; background: url(../../images/new/tabs/darkBlue/tab-right-MedGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

      .tabDarkBlueDarkGrey{ height: 20px; padding: 0px; margin: 0px; background: #BBBBBB url(../../images/new/tabs/darkBlue/tab-left-DarkGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #03406D;}
        .tabDarkBlueDarkGrey span{ height: 17px; background: url(../../images/new/tabs/darkBlue/tab-right-DarkGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }
    /* / */



          /* ----- Dark Grey ----- */

        .tabDarkGreyLightGrey{ height: 20px; padding: 0px; margin: 0px; background: #F0F0F0 url(/images/new/tabs/darkGrey/tab-left-LightGrey.gif) top left no-repeat; width: 100%; color: #FFF; border-bottom: 2px solid #888888;}
        .tabDarkGreyLightGrey span{ height: 17px; background: url(/images/new/tabs/darkGrey/tab-right-LightGrey.gif) top right no-repeat; padding: 3px 20px 0 5px; margin-left: 5px; float: left; font-family: Trebuchet MS, sans-serif; font-weight: bold; /*color: #03406D;*/ }

          /* / */



/* / */



/* Going over to CSS layout stuff */

h1.large{ font-size: 18px; color: #03406D; }
ul.large li { font-size: 11px; margin-bottom: 10px; }

#mainContainer{ width: 974px; margin: 5px auto; background-color: #FFFFFF; font-family:verdana,Arial,Helvetica,sans-serif; }

#headerBar{ width:100%; }
  #logoHolder{ width: 108px; height: 100px; float: left; }
  #headerAdHolder{ width: 728px; height: 90px; float: right; }

#searchCrumb{ width: 952px; height: 29px; margin-left: 5px; padding: 5px; background: url(../coti_images/new/searchCrumbBG.gif) repeat-x top left #E5E5E5; border: 1px solid #03406d; }
  div#searchCrumb div#searchBox{ width: 220px; float: left; }
  div#searchCrumb div#breadCrumb{ width: 729px; float: right; margin-top:7px; font-size: 12px; }
  div#searchCrumb div#breadCrumb a.breadcrumb:link, div#searchCrumb div#breadCrumb a.breadcrumb:visited{ color:#03406D; font-weight: bold; }
  div#searchCrumb div#breadCrumb a.breadcrumb:hover, div#searchCrumb div#breadCrumb a.breadcrumb:active{ color:#009AFE; font-weight: bold; }

#mainSectionWrapper{ width:974px; margin: 10px 0 5px 0; }
  div#mainSectionWrapper div#leftNavColumn{ width:180px; margin-left: 5px; float: left; }
  div#mainSectionWrapper div#mainColumn{ width:585px; margin-left: 5px; float: left; /* background: url(../coti_images/globeWatermark.gif) no-repeat top left #FFFFFF; */ }
  div#mainSectionWrapper div#mainColumn div#sendToAFriend{ width:544px; margin:0px; float: left; }
  div#mainSectionWrapper div#rightNavColumn{ width:185px;  margin-left: 5px; float: left; }


div.navigationSpacer{ width: 100%; height: 7px; border-top: 1px dotted #03406D; margin-top: 7px; }

select.formdropdown { width:180px; }


#topFooter{ width: 958px; background: url(../coti_images/new/footerGradient.gif) #05426f repeat-x top left; font-size: 10px; padding: 3px; text-align: center; margin-left:5px; clear:left; }
.footerNavigationSpacer{ color: #009AFE; padding:0 5px; font-size: 6px; }

#bottomFooter{ width: 956px;  height: 59px; font-size: 9px; padding: 3px; border-left: 1px solid #05426f; border-right: 1px solid #05426f; border-bottom: 1px solid #05426f; margin:0 0 5px 5px; display: relative; /* background: url(../coti_images/ABTAlogo.gif) no-repeat 3px #FFF; padding-left: 105px; */ }
#bottomFooter span.copyrightStatement{ }
#bottomFooter span.copyrightLinks{ }



div.loginback { clear: left; font-size: 16px; font-weight: bold; text-align: center; background: #E5E5E5; }
div.loginback div.userName { margin: 5px 0 10px 0; color: #03406D; text-transform: capitalize; }
div.loginback div.button { width: 176px; height: 29px; padding-top: 5px; background: url(../coti_images/new/blankButton.gif) no-repeat top left; color: #FFF; font-size: 11px; }
div.loginback div.button a { color: #FFF; }



div#shortcuts_max{ clear: left; margin-bottom: 10px; padding-bottom: 5px; font-size: 12px; }
div#shortcuts_max ul.lists{ margin: 5px 0; }


div#shortcuts_min{ clear: left; height:14px; margin-bottom: 10px; }


.rightColumnTabbedBox { clear: left; background: #E5E5E5; font-size: 12px; padding:5px; }

#recommendationsBox ul { margin: 5px 0; padding-left: 17px; }
#recommendationsBox ul li { padding: 0px; }


#shortcutEmailBar{ width:583px;}
    #shortcutEmailBar div#shortcut{ float:right; padding-top: 2px; }
    #shortcutEmailBar div#shortcut img{ margin-right: 4px; }

    #shortcutEmailBar div#email{ float:right; margin-right: 15px; }


div#sectionNavigation{ font-size: 12px; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; padding: 5px; width:178px; float:left; clear:left; }



/* ----- Searchbar ----- */
div#searchBar input#q {
  /* background:#FFFFFF url(../coti_images/goSearchBG.gif) no-repeat 3px 3px; */
  border:1px solid #03406D;
  color:#03406D;
  font-size:20px;
  font-weight:bold;
  padding:1px 3px;
  width:166px;
  float: left;
  margin-right: 5px;
  }

div#searchBar input#q:focus {
  /* background:#FFFFFF url(../coti_images/goSearchBGfeint.gif) no-repeat 3px 3px; */
  border:1px solid #03406D;
  color:#03406D;
  font-size:20px;
  font-weight:bold;
  padding:1px 3px;
  width:166px;
  float: left;
  margin-right: 5px;
  }

/* / */

.caption{ font-size: 9px; color: #666; clear: left; margin-bottom: 5px; }


.headinglike{ font-family: Trebuchet MS,sans-serif; font-size: 18px; font-weight: normal; color: rgb(0, 82, 155); }
.headinglike-centered{ font-family: Trebuchet MS,sans-serif; font-size: 18px; color: rgb(0, 82, 155); text-align: center; padding-top: 2px; }
.headinglike-centered a{ color: #FFF; font-weight: normal; }


div.mainsections form input { margin-right: 10px; margin-top: 5px; }


/*  Boxes  */
.list-tl{ width: 10px; height: 10px; background: url(../coti_images/corners/white-grey-tl.gif) no-repeat #000; position: absolute; top:-1px; left:-1px; }
.list-tr{ width: 10px; height: 10px; background: url(../coti_images/corners/white-grey-tr.gif) no-repeat; position: absolute; top:-1px; right:-1px; }
.list-bl{ width: 10px; height: 10px; background: url(../coti_images/corners/white-grey-bl.gif) no-repeat; position: absolute; bottom:-1px; left:-1px; }
.list-br{ width: 10px; height: 10px; background: url(../coti_images/corners/white-grey-br.gif) no-repeat; position: absolute; bottom:-1px; right:-1px; }

.buttons-tl{ width: 10px; height: 10px; background: url(../images/corners/white-tl.gif) no-repeat; position: absolute; top:0px; left:0px; }
.buttons-tr{ width: 10px; height: 10px; background: url(../images/corners/white-tr.gif) no-repeat; position: absolute; top:0px; right:0px; }
.buttons-bl{ width: 10px; height: 10px; background: url(../images/corners/white-bl.gif) no-repeat; position: absolute; bottom:0px; left:0px; }
.buttons-br{ width: 10px; height: 10px; background: url(../images/corners/white-br.gif) no-repeat; position: absolute; bottom:0px; right:0px; }

.yesbutton{ position: relative; background:url(../images/corners/demo-bg.gif) no-repeat #009900; float: left; width: 111px; /*height: 64px;*/ padding: 5px; text-align: center; display: block; }
.nobutton{ position: relative; background:url(../images/corners/contact-bg.gif) no-repeat #990000; float: right; width: 111px; /*height: 64px;*/ padding: 5px; text-align: center; display: block; }
  .yesbutton a span, .nobutton a span { font-family: Trebuchet MS,sans-serif; font-size: 18px; font-weight: normal; color: #FFF; }
  .yesbutton a p, .nobutton a p { color: #FFF; margin-bottom: 5px; }
  .yesbutton a:hover, .nobutton a:hover { color: #FFF; }

.large-demo-button{ width: 185px; height: 28px; background: url(../images/corners/large-demo-button.gif) no-repeat; margin-top: 10px; display:block; }
.large-contact-button{ width: 185px; height: 28px; background: url(../images/corners/large-contact-button.gif) no-repeat; margin-top: 10px; display:block; }

.box-left{ width: 252px; float: left; background: #FFF; padding:10px; position: relative; border: 1px solid #CCC; margin-bottom: 10px; clear:left; }
.box-right{ width: 252px; float: right; background: #FFF; padding:10px; position: relative; border: 1px solid #CCC; margin-bottom: 10px; clear: right; }

/* / */


/* Clearfix */
  .clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; } * html .clearfix { height:1% } .clearfix { display:block; }
/* End of Clearfix */

/* / */