/* Main
---------------------------------------- */
@charset "utf-8";

html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
	margin-bottom: 1px;
}

body {
	background-color: #f0f0f0;
	color: #606060;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

a {
	color: #63ae1b;
	text-decoration: underline;
}

a:hover {
	color: #63ae1b;
	text-decoration: none;
}

a img {
	border: 0;
}

p {
	margin: 0 0 10px;
}


/* Body
---------------------------------------- */
.outterBody {
	width: 100%;
}

.bodyTopOutter {
	background-color: #76ce21;
	border-bottom: 1px solid #91d84d;
	height: 23px;
	padding-right: 25px;
}

.bodyTopInner {
	height: 21px;
	width: 800px;
}

.outterHeader {
	background-color: #fff;
	height: 142px;
	vertical-align: top;
}

.innerHeader {
	height: 142px;
	width: 800px;
}

.innerHeader #mainLogo {
	margin-left: 70px;
	position: absolute;
	top: 3px;
}

.innerHeaderRight {
	height: 141px;
	width: 100%;
	text-align: right;
	vertical-align: top;
}

.innerBody {
	background: #f0f0f0 url(lyt_img/content_bg.jpg) top left repeat-x;
	vertical-align: top;
}

.outterMenu {
	background: #7a7b7a url(lyt_img/menu_bg.jpg) top left repeat-x;
	height: 37px;
}

.innerMenu {
	width: 802px;
}

.innerMenuDivider {
	background: url(lyt_img/menu_divider.jpg) top left no-repeat;
	width: 1px;
}

.outterContent {
	background: url(lyt_img/footer_bg.jpg) bottom left repeat-x;
	padding-top: 14px;
}

.innerContent {
	background-color: #fff;
	border: 1px solid #acacab;
	width: 800px;
}

.outterTitle {
	background: url(lyt_img/title_bg.jpg) top left repeat-x;
	border-bottom: 1px solid #c2c2c1;
}

.innerTitle {
	border: #fff 1px solid;
	height: 78px;
	width: 100%;
}

.innerTitleLeft {
	padding-left: 22px;
}

.innerTitleRight {
	padding: 0 15px 18px 0;
	text-align: right;
	vertical-align: bottom;
}

.subMenuDivider {
	padding: 0 12px;
}

.titleRetailers {
	background: url(lyt_img/title_divider.jpg) top right no-repeat;
	padding-left: 18px;
	width: 272px;
}

.titleProducts {
	padding-left: 18px;
}

.outterShowcase {
	border-bottom: 1px solid #c8c8c7;
	padding-bottom: 10px;
}

.innerShowcase {
	background: url(lyt_img/dot_horizontal.jpg) 172px bottom no-repeat;
	height: 256px;
	width: 100%;
}

.innerShowcaseLeft {
	background: url(lyt_img/dot_vertical.jpg) right 8px no-repeat;
	width: 284px;
}

.innerShowcaseLeft #btnRetailers {
	left: 10px;
	position: relative;
	top: 3px;
}

.innerShowcaseRight {
	width: 495px;
}

.innerShowcaseRight #mainBike {
	top: 194px;
	margin-left: 20px;
	position: absolute;
}

.innerShowcaseRight #btnProducts {
	left: 363px;
	position: relative;
	top: 104px;
}

.outterMainContent {
	padding: 22px 23px 0 45px;
}

.innerMainContent {
	width: 100%;
}

.innerMainLeft {
	padding-right: 27px;
	width: 318px;
	vertical-align: top;
}

.innerMainRight {
	padding: 20px 0 0 27px;
	vertical-align: top;
}

.outterSecContent {
	padding: 16px 17px;
}

.innerSecContent {
	width: 100%;
}

.productOutter {
	background: url(lyt_img/dot_horizontal_long.jpg) bottom center no-repeat;
	padding-bottom: 28px;
}

.productInner {
	width: 100%;
}

.productPicture {
	width: 223px;
}

.productThumb {
    width: 223px;
    height: 180px;
    background: #fff no-repeat center;
    border: 1px solid #c2c2c1;
}

.productContent {
	padding: 15px 0 0 24px;
}

.productTitle {
	color: #1e1e1e;
	font-size: 16px;
	font-weight: bold;
}

.productDescription {
	padding-top: 5px;
}

.productPagination {
	font-size: 20px;
	padding: 0 5px;
}

.productPagination a {
	text-decoration: none;
}

.productPagination a:hover {
	text-decoration: underline;
}

.productNumber {
	font-weight: bold;
	text-align: center;
}

.productNumber b {
	display: inline-block;
	font-size: 17px;
	text-align: center;
	width: 25px;
}

.productNumber a {
	display: inline-block;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	width: 25px;
}

.productNumber a:hover {
	text-decoration: underline;
}

.innerContentFooterOutterMain {
	border: #fff 1px solid;
	background: #fff url(lyt_img/innercontent_main_bg.jpg) 44px 30px no-repeat;
}

.innerContentFooterOutterSec {
	border: #fff 1px solid;
	background: #fff url(lyt_img/innercontent_sec_bg.jpg) 18px 30px no-repeat;
}

.innerContentFooterInner {
	border-bottom: #76ce21 12px solid;
	padding: 40px 0 30px;
	width: 100%;
}

.outterFooter {
	background-color: #323232;
}

.innerFooter {
	color: #fff;
	height: 109px;
	font-size: 12px;
	padding-top: 15px;
	width: 100%;
}

.innerFooter a {
	color: #fff;
	text-decoration: none;
}

.innerFooter a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerText {
	text-align: center;
	vertical-align: top;
}

.slideshow {
	height: 225px;
	width: 282px;
	position: relative;
	margin-left: 3px;
}


/* Form
---------------------------------------- */
form {
	margin: 0px;
}

input, textarea, select {
	color: #606060;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inputShadow {
	border: 0;
	height: 27px;
	padding: 11px 13px 0;
}

#text.inputShadow {
	background: url(lyt_img/input_text_bg.jpg) center center no-repeat;
	width: 317px;
}

#city.inputShadow {
	background: url(lyt_img/input_city_bg.jpg) center center no-repeat;
	width: 212px;
}

#province.inputShadow {
	background: url(lyt_img/input_province_bg.jpg) center center no-repeat;
	width: 74px;
}

.textareaShadow {
	background: url(lyt_img/input_textarea_bg.jpg) center center no-repeat;
	border: 0;
	color: #606060;
	height: 144px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 11px 13px 0;
}

.btnOrder {
	margin-top: -30px;
	margin-left: 430px;
	position: absolute;
}

.btnEnlarge {
	margin-left: 400px;
	position: relative;
}


/* Miscellaneous
---------------------------------------- */
.error {
	background-color: #ff9;
	border: 1px solid #fff;
	color: #f00;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.success {
	background-color: #9c9;
	border: 1px solid #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.formLabel {
	padding-right: 10px;
	text-align: right;
}

.textLeft {
	text-align: left;
}

.textCenter {
	text-align: center;
}

.textRight {
	text-align: right;
}

.textBold {
	font-weight: bold;
}

.noBorder {
	border: 0;
}

#fullHeight {
	height: 100%;
	vertical-align: top;
}