body{
    background-color:#f6f0e2;
    background-image: url(templates/Suarez/resources/canvas.jpg);
    background-repeat:repeat;
    background-position:top left;
    background-attachment:;
    text-align:center;
    margin:0;
    padding:0 0 20px 0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
}

div.ys-bar{
    width:100%;
    background:#262628 url(templates/Suarez/resources/slate.jpg) center top repeat-y;
    z-index:1;
    border-bottom:3px solid #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
}

div.ys-layout{
    width:920px;
    margin:-55px auto 0 auto;
    text-align:left;
}

div.ys-nav-wrap{
    width:920px;
    margin:0 auto;
    text-align:left;
    padding:30px 0 60px 0;
}

div.sys_lang ul{
    text-align:left;
    margin:0;
    padding:0;
    list-style:none;
}

div.sys_lang ul li{
    display:inline;
}

div.sys_lang ul li a{
    display:inline-block;
    color:#f6f4ee;
    padding:10px 23px 10px 35px;
    background:url(templates/Suarez/resources/star.png) center left no-repeat;
    text-decoration:none;
    font-size:13px;
    text-shadow:0 1px 0 rgba(0,0,0,1);
}

div.sys_lang ul li.single a,
div.sys_lang ul li.first a{
    background:none;
    padding-left:0;
}

div.sys_lang ul li.selected a{
    color:#fff;
    font-weight:bold;
}

div.sys_lang ul li a:hover{
    text-decoration:underline;
}


div.sys_navigation ul{
    text-align:right;
    margin:0;
    padding:0;
    list-style:none;
}

div.sys_navigation ul li{
    display:inline;
}

div.sys_navigation ul li a{
    display:inline-block;
    color:#f6f4ee;
    padding:10px 23px 10px 35px;
    background:url(templates/Suarez/resources/star.png) center left no-repeat;
    text-decoration:none;
    font-size:13px;
    text-shadow:0 1px 0 rgba(0,0,0,1);
}

div.sys_navigation ul li.single a,
div.sys_navigation ul li.first a{
    background:none;
    padding-left:0;
}

div.sys_navigation ul li.selected a{
    color:#fff;
    font-weight:bold;
}

div.sys_navigation ul li a:hover{
    text-decoration:underline;
}

div.ys-banner-wrap{
    background:#fff;
    padding:10px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}

div.ys-banner-wrap td.heading{
    width:100%;
    background:#262628 url(templates/Suarez/resources/board.jpg) 0 0 repeat;
    border-right:1px solid #333;
}

div.ys-banner-wrap div.heading h1{
    margin:0;
    padding: 0 40px 0 40px;
}

div.ys-banner-wrap div.heading h1 a{
    color:#fff;
    text-decoration:none;
    font-size:40px;
    font-weight:normal;
    font-family:Georgia;
    text-shadow:0 1px 0 rgba(0,0,0,1);
}

#headtitle {
	font-size: 28px;
}

div#sys_banner{
    width:525px;
    height:394px;
    background: url(resources/ebike_logo.jpg) top left no-repeat;
}

div.ys-banner-wrap table{
    width:900px;
    background:#262628;
    height:195px;
}

div.content{
    background:#fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
    margin:20px 0 10px 0;
    padding:10px;
}


/* Variables - only edit these */





body{
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#222;
}

a{
    color:#0062b5;
    text-decoration:underline;
}

a:hover{
    text-decoration:none;
    color:#0062b5
}

a img{border:none;}

p{
    padding: 5px 0;
    margin: 0;
}

h1 a, h3 a, h4 a, h5 a, h6 a{color: #333333;}
h2 a{color: #063}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #333333;}
h1, h2, h3, h4, h5, h6{
    padding: 10px 0;
    margin: 5px 0;
    color: #333333;
}

h1{font-size: 200%;}
h2{font-size: 180%;
	color: #063;
}
h3{
	font-size: 160%;
	color: #039;
}
h4{font-size: 140%;}
h5{font-size: 130%;}
h6{font-size: 100%;}

.price {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #F00;
	text-align:right;
}
.priceblack {
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-align:right;
}
.priceold {
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #000;
	text-decoration: line-through;
	text-align:right;
}
.highlight {
	color: #F00;
}
.highlight_navy {
	color: #000080;
}
.rightalign {
	float: right;
	height: auto;
	width: auto;
	clear: right;
}

.leftalign {
	float: left;
	height: auto;
	width: auto;
	clear: left;
}

.container{
  float: left;
  clear: left;
  width: 100%;
}

.left {
  float: left;
  width: 33%;
  height: 320px;
  border: 1px solid;
  text-align: center;
}

.sleft {
  float: left;
  width: 20%;
  border: 1px solid;
  text-align: left;
  padding-left: 2%;
}

.sright {
  float: left;
  width: 35%;
  border: 1px solid;
  text-align: left;
  padding-left: 2%;
}

div.sys_navigationcate ul{
    text-align:left;
    margin:0;
    padding:0;
    list-style:none;
}

div.sys_navigationcate ul li{
    display:inline;
}

div.sys_navigationcate ul li a{
    display:inline-block;
    color:#0101DF;
    padding:10px 23px 10px 35px;
    background:url(templates/Suarez/resources/star.png) center left no-repeat;
    text-decoration:none;
    font-size:13px;
    text-shadow:0 1px 0 rgba(0,0,0,1);
}

div.sys_navigationcate ul li.single a,
div.sys_navigation ul li.first a{
    background:none;
    padding-left:0;
}

div.sys_navigationcate ul li.selected a{
    color:#08088A;
    font-weight:bold;
}

div.sys_navigationcate ul li a:hover{
    text-decoration:underline;
}