/* Omara Cycles */

body { text-align:center; padding:0; margin:0; font-family:"Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; font-size:9pt; background-image:url(../images/background.jpg); background-repeat: repeat-y; background-position: center 0;
background-color:transparent;
}

a, a:link, a:visited {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

div#container {
	margin:0px auto;
	padding:0px;
	width:753px;
	height:auto;
	text-align:left;
	position:relative;
}

div#kwSearch {
	width:753px;
	height:28px;
	padding:0px;
	margin:2px 0px 5px 0px;
	text-align:right;
	float:left;
}

.navFlash {
	float:left;	
	width:248px;
	height:481px;
	padding:0px;
	margin:0px;
	padding:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_background_flash.png', sizingMethod='scale');	
}

* html body .navFlash {
	float:left;	
	width:248px;
	height:481px;
	padding:0px;
	margin:0px;
	padding:10px;
	background: url(../images/home_background_nav_ie.gif) no-repeat;
}

.navFlash[class] {
	background-image:url(../images/home_background_flash.png);
}

div.specials, div.specialsSec {
	padding:10px;
	margin:0px;
}

div.specials {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_background_specials.png', sizingMethod='scale');		
	width:444px;
	height:140px;
	float:left;
	margin-left:20px;	
}

* html body div.specials {	
	width:444px;
	height:140px;
	float:left;
	margin-left:20px;	
	background: url(../images/home_background_specials_ie.gif) no-repeat;
}

div.specials[class] {
	background-image:url(../images/home_background_specials.png);
}

/* placeholder div for tiled graphic at header of different sections */

div.hTile {
	background-image:url(../images/hd_background_tile_25px_tall.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:25px;	
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}

div.hTile2 h2 {
	background-image:url(../images/hd_background_tile_25px_tall.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:21px;	
	width:100%;
	padding:0px;
	margin:0;
	float:left;
}

div.hTile img {
	padding:0px;
	margin:5px;	
	float:left;
}

div.hTile a.header-img img {
	padding:0px;
	margin:5px;	
	float:left;
	border: none;
}

div.hTile a.header-text {
	color:#f8cc44;
	background-color:#141D70;
	height:20px;
	padding:0px 5px;
	margin:3px;
	float: right;
	vertical-align:middle;
	font-weight:bold;
}

div.vTile {
	background-image:url(../images/hd_background_tile_34px_wide.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:100%;
	width:33px;
	padding:0px;
	margin:0px 3px 0px 0px;
	float:left;
}

div.specials div.colouredBg, div.events div.colouredBg, div.specialsSec div.colouredBg {	
	background-color:#dcddea;	
	width:100%;
	height:114px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
}

div.specialsSec div.colouredBg {
	height:auto;
}

div.colFullWidth {
	width:95%;
	height:107px;
	padding:5px 5px 0px 5px;
	float:left;
}

div.colHalfWidth {
	width:47%;
	height:107px;
	padding:4px 5px 0px 5px;
	margin:0px;
	float:left;
}

div.colThirdWidth {
	margin:0px;
	margin-left:3px;
	float:left;
	width:30%;
	height:107px;
	padding:3px 4px 0px 4px;
	font-size:8pt;
}

div.colHalfWidth img, div.colFullWidth img {
	height:100px;
	width:75px;
	float:right;
	padding:0px;
	margin:0px;
	border:1px #000 solid;
}

div.specials a.specials, div.specialsSec a.specials, div.events a.events {
	color:#f8cc44;
	background-color:#141D70;
	height:20px;
	padding:0px 5px;
	margin:0px 0px 3px 0px;
	float:right;
	vertical-align:middle;
	font-weight:bold;
}

div.more {
	width:123px;	
	padding:0px;
	margin:0px 0px 0px 0px;
	vertical-align:bottom;
	color:#141D70;
	font-size:8pt;	
	float:left;
}

div.more a, div.more a:visited, div.more a:link {
	float:left;
	width:50%;
	color:#141D70;
}

div.events {
	width:444px;
	height:140px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_background_events.png', sizingMethod='scale');
	padding:10px;
	margin:0px;	
	float:left;
	margin-left:20px;
	margin-top:20px;
}

* html body div.events {
	width:444px;
	height:140px;
	padding:10px;
	margin:0px;	
	float:left;
	margin-left:20px;
	margin-top:20px;
	background: url(../images/home_background_specials_ie.gif) no-repeat;
}

div.events[class] {
	background-image:url(../images/home_background_events.png);
}

div.events h1, div.specials h1, div#hours h1, div#newsletter h1, div.specialsSec h1 {
	font-size:8pt;
	color:#141D70;
	padding:0px;
	margin:0px;
}

div.specials div.specialsPrice, div.specialsSec div.specialsPrice {
	height:12px;
	width:auto;
	background-color:#141d70;
	color:#f8cc44;
	font-size:8pt;
	padding:2px;
	float:right;
	line-height:8pt;
}

div.specialsPrice {
	font-weight:bold;
}

div.events p, div.specials p, div.specialsSec p {
	margin:0px;
	padding:0px;
	font-size:8pt;
	color:black;
	line-height:110%;
	height:auto;
	padding-bottom:3px;
}

div#hours {
	height:121px;
	width:183px;	
	color:black;
	background-image:url(../images/home_background_hours.png);
	padding:10px;
	float:left;
	margin-left:20px;
	margin-top: 0px;
	overflow: hidden;
}

* html body div#hours {
	height:121px;
	width:183px;	
	color:black;
	background-image:url(../images/home_background_hours_ie.gif);
	padding:10px;
	float:left;
	margin-left:20px;
	margin-top: 0px;
	overflow: hidden;
}

div#hoursContent {
	background: url(../images/background_shophours.gif) no-repeat;
	color: #FBCC3B;
	font-size: 10px;
	height: 37px;
	width:173px;
	padding: 74px 5px 10px 5px; margin: 0;
}

div#newsletterSec {
	padding:10px;
	height:121px;
	width:221px;
	float:right;
	margin:0px;
	clear:right;
}

div#quoteSec {
	padding:10px;
	width:201px;
	float:right;
	margin: 20px 0 0 0;
	font-size: 10px;
	background-color:#dcddea;
}

div.specialsSec {
	width:222px;
	height:auto;
	float:right;
	clear:right;
}

div#newsletter {
	padding:10px;
	height:121px;
	width:221px;
	float:left;
	margin: 0px 0px 20px 20px;	
	background-image:url(../images/home_background_newsletters.png);
}

* html body div#newsletter {
	padding:10px;
	height:121px;
	width:221px;
	float:left;
	overflow: hidden;
	margin: 0px 0px 20px 20px;	
	background-image:url(../images/home_background_newsletter.gif);
}

div#newsletterContent {
	background-color:#dcddea;
	color:black;
	font-size:8pt;
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	float:left;
}

#newsletterContent div.vTile img {
	margin-top:7px;
	padding:3px;
	float:left;
}

#newsletterContent p {
	margin:8px 4px 0px 40px;
	padding:0px;
	line-height:9pt;
}

/* links */

a.contentBoxLink {
	color:#f8cc44;
}


div.spacer {
	width:100%;
	height:1px;
	clear:both;
	font-size:1px;
	padding:0px;
	margin:0px;
}

/* secondary page layout */

div#topNav {
	background: url(../images/secHeader.jpg) no-repeat;
	width:728px;
	height:82px;
	float:left;	
	margin:0px 0 0 20px;
}

#topNav #logo a {
	float: left;
	display: inline; overflow: hidden;
	margin: 10px 0 0 10px;
	width: 132px; height: 63px;
}

#topNavCont {
	width:321px;
	height:50px;
	margin: 17px 0 0 397px;
	background: url(../images/background_secNav.jpg) no-repeat;
}

* html body #topNavCont {
	margin: 17px 0 0 394px;
}

#topNavCont #right {
	width: 116px;
	height:44px;
	float: right;
	overflow: hidden;
	margin: 3px 0 3px 0; padding: 0;
}

#topNavCont #middle {
	width: 100px;
	height:44px;
	float: right;
	overflow: hidden;
	margin: 3px 0 3px 0; padding: 0;
}

#topNavCont #left {
	width: 97px;
	height:44px;
	float: left;
	overflow: hidden;
	margin: 3px 0 3px 0; padding: 0;
}

ul#topNavigation {
	width: 104px;
	height:50px;
	display: inline;
	margin: 0; padding: 0;
}

ul#topNavigation li {
	float: left;
	text-indent: -5000px; list-style-type: none
}

ul#topNavigation li a {
	display:block;
	text-indent: -5000px;
	padding: 0 0 3px 0;
	font: bold 1px Lucida Grande, Verdana, sans-serif; text-decoration: none;
}

ul#topNavigation li a.home {
	width: 79px; height: 12px;
	background: url(../images/link_home.jpg) left no-repeat;
}

ul#topNavigation li a.products {
	width: 85px; height: 12px;
	background: url(../images/link_products.jpg) left no-repeat;
}

ul#topNavigation li a.specials {
	width: 79px; height: 12px;
	background: url(../images/link_specials.jpg) left no-repeat;
}

ul#topNavigation li a.servicing {
	width: 78px; height: 12px;
	background: url(../images/link_servicing.jpg) left no-repeat;
}

ul#topNavigation li a.about {
	width: 78px; height: 12px;
	background: url(../images/link_about.jpg) left no-repeat;
}

ul#topNavigation li a.events {
	width: 78px; height: 12px;
	background: url(../images/link_events.jpg) left no-repeat;
}

ul#topNavigation li a.sponsorship {
	width: 116px; height: 12px;
	background: url(../images/link_sponsorship.jpg) left no-repeat;
}

ul#topNavigation li a.contact {
	width: 116px; height: 12px;
	background: url(../images/link_contact.jpg) left no-repeat;
}

div#secContentContainer {
	width:728px;
	height:auto;
	padding:0px 0px 0px 0px;
	float:left;
	margin:20px 0 0 20px;
	background-color:white;
	background: #fff url(../images/secContent_background.jpg) top no-repeat;
}

div#secContent {
	float:left;
	width:438px;
	height:auto;
	margin:0px;
	margin-left:10px;
	padding:10px 0px 10px 10px;
}

div#secContent h1,div#secContent h2, div#secContent h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#28187c;
	margin-top:0px;
	margin-bottom:5px;
}

div#secContent h1 {
	font-size:24pt;	
    text-transform: uppercase;
	margin-top:0px;
}

div#secContent h2 {
	font-size:14pt;
	margin: 20px 0 3px 0;
}

div#secContent h3 {
	font-size:12pt;
	margin: 20px 0 3px 0;
}

div#secContent p {
	padding:0px;
	margin:0px 0 10px 0;
	font-size:8pt;
}

div#secContent ol {
	padding:0px;
	margin:0px 0 10px 30px;
        font-size:8pt;
}

div#secContent ul {
	padding:0px;
	margin: 0px 0 10px 0;
}

div.specialsSec h1 {
	font-size:8pt;
	color:#141D70;
	padding:0px;
	margin:0px;
}

div#secContent a, div#secContent a:visited, div#secContent a:link {
	text-decoration:none;
	color:#28187c;
	font-weight:bold;
}

div#secContent a:hover {
	text-decoration:underline;
}

/* specials listing */

div.specialList {
	float:left;
    clear: both;
    padding-bottom:8px;
	margin-top:10px;
}

div.specialList img {
    float: left;
    margin-right: 4px;
    border: 1px solid black;
}

div.specialText {
    vertical-align: middle;
	margin-left:115px;
}

div.specialsImage {
	padding:0px;
	margin:0px;
	float:left;
	width:82px;
	height:140px;
	text-align:center;
}

div.specialsImage img {
	border:1px #000 solid;
	padding:0px;
	margin:0px;
}

div.specialsImageLge {
	padding:0px;
	margin:0px 0px 8px 0px;
	float:left;
	text-align:center;
	width:107px;
	/*height:170px;*/
	height:auto;
}

div.specialsImageLge img {
	width:105px;
	height:auto;
	padding:0px;
	margin:0px;
	border:1px #000 solid;
}

/* apply some special conditions for the price when showing the special item enlarged */
.specialsImagePrice {
	color:#f8cc44;
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	vertical-align:middle;
	line-height:22px;
}

div#secContent h2.eventMonth {
	color:#f8cc44;
	font-weight:bold;
	font-size:14pt;
	padding:0px;
	margin:0px 0px 0px 5px;
}

div.month {
	width:100%;
	clear:left;
	margin:5px 0px 0px 0px;
	padding:0px;
	float:left;
}

div.event {
	width:100%;
	margin:10px 0px 0px 0px;
	padding:0px;
	clear:left;
	float:left;
}

/* logo banner on bottom of page */

div#logos {
	width:100%;
	margin:5px 0px;
	padding:0px;
	height:auto;
	float:left;
	text-align: center;
	vertical-align: middle
}

div#logos img {
	border:none;
	vertical-align: middle;
	padding:0px 11px 0 10px;
}

div#logos img.omara {
	border-right:1px #fff solid;
}

div#footer {
	width:100%;
	height:30px;
	margin-top:2px;
	color:white;
	font-size:8pt;
	float:left;
}

div#footer a {
	color:white;
	text-decoration:none;
}


div#eventsList h2 {
    background-color: #13115C;
    color: #F8CC44;
    padding: 2px;
}

div#eventsList ul {
    padding-left:30px;
    font-size:8pt;
    list-style-type:square;
}