/* template style sheet for sites4bikes by Bevan Rudge, lucion, creativo@lucion.com.ar

---colors used ----
#EA0535 s4b red
#F68EA4 s4b pink
red alternative red
white page background
#F5F0E9 background cream
#F3F3F3 form grey 
#FAFAFA feildset grey
#888888 text grey

/******* tags ********/
body,td,th { font-family: Tahoma, Geneva, Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; color: black; }
body { background: #F5F0E9; margin: 0px; }
a, a:link, a:visited { text-decoration: underline; color: #EA0535; font-weight: bold; padding: 0px 2px; }
a:hover, a:active { text-decoration: none; background: #EA0535; color: white; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-align: center; }
/* more tags */
table, #page, #pageHeader, table#pageContent { border-spacing: 0px; border-collapse: collapse; border-width: 0px; }
td { vertical-align: top; }
img { border: 0px;}
a img, a:link img { border-color: white; border: 2px solid transparent; }
a:hover img { border-color: #EA0535; }
hr { height: 3px; color: #EA0535; background-color: #EA0535; margin: 10px 10%; }
/* form elements */
form { border: 1px dashed #EA0535; background: #FAFAFA; padding: 0.4em; margin: 0.4em; }
form table { width: 100%; }
fieldset, legend, input, select, textarea { border: 1px solid #EA0535; background: white; }
input.required, select.required, textarea.required { border: 1px solid yellow; }
input, textarea, select { font-size: smaller; padding: 0.2em; margin: 0.3em; }
input:focus, select:focus, textarea:focus, input:target, select:target, textarea:target { background: #FFFFCC; }
fieldset { background: #F3F3F3; padding: 0.6em; margin-bottom: 10px; }
legend { font-weight: bold; padding: 0.1em 0.5em; text-align: center; background: #FAFAFA; }
label { font-weight: bold; }

/***** Template styles ******/
#page, #pageTop, #pageMiddle, #pageBottom, #pageTopLeft, #pageTopCentre, #pageTopRight, #pageLeft, #pageContent, #pageRight, #pageBottomLeft, #pageBottomCentre, #pageBottomRight { padding: 0px; margin: 0px; }
/* size cells */
#pageLeft, #pageRight, #pageTopLeft, #pageTopRight, #pageBottomLeft, #pageBottomRight { width: 35px; }
#pageBottom, #pageBottomLeft, #pageBottomCentre, #pageBottomRight { height: 35px; }
#pageTop, #pageTopLeft, #pageTopCentre, #pageTopRight, #pageHeader { height: 210px; }
/* background imgs and page styling */
#page { width: 1000px; margin: 10px auto; background: white; }
#pageTop { background: #EA0535 url("/files/template/header-bg.gif") top repeat-x; }
#pageLeft { background: url("/files/template/left.gif") right repeat-y; }
#pageRight { background: url("/files/template/right.gif") left repeat-y; }
#pageBottom { background: url("/files/template/bottom.gif") top repeat-x; }
#pageTopLeft { background: url("/files/template/top-left.gif") top right no-repeat; }
#pageHeader { background: url("/files/template/header.gif") top left no-repeat; width: 100%; }
#pageHeaderTop { padding-top: 30px; }
#pageHeaderText { font-weight: bold; text-align: right; }
#pageHeaderTop a, #pageHeaderTop a:link { color: #FFFFFF; }
#pageHeaderMenu { vertical-align: bottom; }
#pageHeaderRight { text-align: right; vertical-align: bottom; padding-bottom: 17px; width: 225px; }
#pageTopRight { background: url("/files/template/top-right.gif") top left no-repeat; }
#pageContent { background: white; width: 100%; }
#pageSidebar { width: 180px; }
#pageSidebarBottom { vertical-align: bottom; text-align: left; font-size: smaller; font-weight: bold; }
td#pageContentContent { padding-left: 1em; }
#pageBottomLeft { background: url("/files/template/bottom-left.gif") top right no-repeat; }
#pageBottomRight { background: url("/files/template/bottom-right.gif") top left no-repeat; }
#pageFooter { background: #F5F0E9; }
#pageFooterCentre { text-align: center; font-weight: bold; }
/* small nbsps/whitespace in empty cells */
#page, #pageTop, #pageMiddle #pageLeft, #pageRight, #pageBottom, #pageTopLeft, #pageTopCentre, #pageTopRight, #pageBottomLeft, #pageBottomCentre #pageBottomRight, #pageFooterLeft, #pageFooterRight { font-size: xx-small; }

/******* Menu ********/
#pageHeaderMenu ul, #pageSidebar ul { padding: 0px; margin: 0px; }
#pageHeaderMenu li { 
	list-style-type: none; 
	float: left; 
	background: black url("/files/template/menu-back.gif") right top no-repeat; 
	margin: 0px 4px; }
#pageHeaderMenu a { 
	display: block; 
	height: 43px; 
	background: url("/files/template/menu-left.gif") left top no-repeat; 
	color: #FFFFFF; 
	padding: 0px 8px; 
	text-decoration: none; 
	font-size: 20px; }
/* Hovering / on */
#pageHeaderMenu li.on, #pageHeaderMenu li#on { 
	background: #EA0535 url("/files/template/menu-back-on.gif") right top no-repeat; }
#pageHeaderMenu li.on a, #pageHeaderMenu li#on a {
	background: url("/files/template/menu-left-on.gif") left top no-repeat; }

/******* Sidebar Menu ********/
#pageSidebar li { 
	list-style-type: none;
	padding: 0px;
	margin: 0px; }
#pageSidebar li a { 
	display: block;
	width: 100%;
	padding: 5px;
	margin: 3px;  }

/******** banners *******/
a#pageBannerH, a#pageBannerV { text-align: center; border: 0px solid #EA0535; display: block; }
a#pageBannerH { border-width: 0px 0px 3px 0px; padding: 1.2em; }
a#pageBannerV { border-width: 3px 0px; margin: 0.4em; padding: 0.2em; }
img.vertical-banner { padding-top: 16px; background: url("/files/template/text-ad-h.gif") top center no-repeat; }
img.horizontal-banner { padding-left: 16px; background: url("/files/template/text-ad-v.gif") left no-repeat; }

/******** content styles *********/
/* hides the background hover red on links */
.nobg, a.nobg, .nobg a, .nobg a:link, a.nobg:link, #bannerH a, #bannerH a:link, #bannerV a, #bannerV a:link, .nobg img, a.nobg img, .nobg a img, a.nobg:link img, .nobgborder, a.nobgborder, .nobgborder a, a.nobgborder:link, #bannerH a, #bannerH a:link, #bannerV a, #bannerV a:link, .nobg img, a.nobg img, .nobg a img, a.nobg:link img, .orResultImg a, .orResultImg a:link { background-color: white; color: #EA0535; }
.nobg, a.nobg, .nobg a, .nobg a:link, a.nobg:link, #bannerH a, #bannerH a:link, #bannerV a, #bannerV a:link, .nobg img, a.nobg img, .nobg a img, a.nobg:link img, .nobgborder, a.nobgborder, .nobgborder a, a.nobgborder:link, #bannerH a, #bannerH a:link, #bannerV a, #bannerV a:link, .nobg img, a.nobg img, .nobg a img, a.nobg:link img, .orResultImg a, .orResultImg a:link { background-color: transparent !important; color: #EA0535; }
/* hides the red hover border on images inside links */
.noborder, a.noborder img, a.noborder:link img, a.noborder:hover img, a:link img.noborder, a:hover img.noborder, img.noborder, .nobgborder, a.nobgborder img, a.nobgborder:link img, a.nobgborder:hover img, a:link img.nobgborder, a:hover img.nobgborder, img.nobgborder { border-width: 0px; }
.hide { display: none; }
/* other styles */
.right { float: right; }
.left { float: left; }
.smaller { font-size: smaller; }
.small { font-size: small; }
.larger { font-size: larger; }
.large { font-size: large; }
.x-large { font-size: x-large; }
.xx-large { font-size: xx-large; }
.pink-background { background: #F68EA4; }
.grey1-background { background: #F3F3F3; }
.grey2-background { background: #FAFAFA; }
.grey-text { color: #888888; }
.black-text { color: #000; }
.box { padding: 0.2em; margin: 0.2em; border: 1px solid #EA0535; }