body {
margin:0;
text-align:center;
font-family: verdana, arial, sans-serif;
background:#000000;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
}

h1,h2,h3,h4 {
font-weight:bold;
margin:0.2em auto 0.2em auto;
text-align:center;
}		
	
h1 {
font-size:1.0em;
}
	
h2 {
font-size:0.9em;
}	
	
h3 {
font-size:0.8em;
}	

h4 {
font-size:0.7em;
}
img {
max-width:100%;
}

#outer {
	width:100%;
	overflow: hidden;
	text-align:center;
	padding:0em;
	margin:0;	
	}

a:link {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #9957c6;}
a:active {color: #63248d;}	
	
br.clear {
width:90%;
height:0.1em;
clear:both;
padding:0;
margin:0;
}	

#header {
width:100%;
padding:0em 0em 0em 0em;
margin:0;
float:left;
text-align:center;
}

#topnav {
float:left;
width:100%;
text-align:center;
padding:0.3em 0em 0.3em 0em;
margin:0em;
}

#topnav #navlist1 {
width:95%;
text-align:center;
padding:0em;
margin:0em auto 0em auto;
font-size:0.7em;
}	

#topnav #navlist1 ul{
width:100%;
list-style:none;
text-align:center;
padding:0em;
margin:0em auto 0em auto;
background-color:#000000;
}  

#topnav #navlist1 ul li{
display:inline-block;
width:17%;
margin:0em;
padding:0.2em 0.3em 0.2em 0.3em;
background-color:#000000;
border-right:1px solid #cccccc;
}

#topnav #navlist1 ul li a{
text-decoration:none;
font-weight:normal;
background-color:#000000;
padding:0em 0em 0em 0em;
} 



#merlogos {
width:95%;
clear:both;
margin:0.1em auto 0.1em auto;
padding:0em;
}

#merlogos ul {
list-style-type:none;
width:100%;
margin:0em auto 0em auto;
padding:0em;
text-align:center;
}

#merlogos ul li {
display:inline-block;
margin:0em 0.1em 0em 0.1em;
padding:0em;
width:15%;
}

#mainlogo a{
text-decoration:none;
color:#000000;
}



#maincontent {
clear:both;
width:98%;
text-align:center;
padding:0;
margin:0em auto 0em auto;
border:0em solid #228b22;
border-top:0em;
background-color:#000000;
}

#mainmid {
clear:both;
width:90%;
padding:0.8em 1.0em 0.2em 1.0em;
margin:0.2em auto 0em auto;
color:#000000;
background-color:#ececec;
text-align:left;
border:2px solid #444444;
border-radius:1em;
}

#title {
width:95%;
margin:0em auto 0em auto;
font-weight:bold;
font-size:0.8em;
text-align:center;
}

#title2 {
width:95%;
margin:0em auto 0em auto;
font-weight:bold;
font-size:0.7em;
color:#ff0000;
text-align:center;
}

#title3 {
clear:both;
width:95%;
margin:0em auto 0em auto;
font-weight:bold;
font-size:0.6em;
text-align:center;
}

#titleleft {
float:left;
width:20%;
min-width:20%;
padding:0em;
margin:0em;
}

#titlemid {
float:left;
width:95%;
padding:0em;
margin:0em auto 0em auto;
}

#titleright {
float:left;
width:20%;
padding:0em;
margin:0em;
}

#advice {
font-size:0.8em;
clear:both;
width:100%;
margin:0.2em auto 0.2em auto;
text-align:left;
padding:0em;
}

#advice ul {
margin:0.2em auto 0em auto;
padding:0em;
list-style-type:none;
font-size:0.8em;
width:95%;
}

#advice ul li {
display:inline-block;
margin:0em;
padding:0em;
}

#helpbox {
float:left;
width:95%;
margin:0.2em auto 0.2em auto;
font-size:0.6em;
}

#pcsearch {
clear:both;
width:95%;
text-align:center;
padding:0.3em;
margin:0em auto 0.3em auto;
background-color:#cceecc;
border:0.1em solid #ff0000;
font-weight:bold;
}

#pcsearch input[type="text"]{
display:inline-block;
width:80%;
}

#pcsearch input[type="submit"]{
display:inline-block;
color:#ff0000;
}

#pcsearch #pcsearch_l {
width:20%;
float:left;
padding:0.3em 0em 0em 0em;
}
#pcsearch #pcsearch_m {
width:80%;
float:left;
}

#pcsearch #pcsearch_r {
width:15%;
float:left;
}

#intro {
float:left;
font-size:0.8em;
width:100%;
margin:0em auto 0.2em auto;
padding:0em;
}

#intro ul {
margin:0.2em auto 0em auto;
padding:0em;
list-style-type:none;
font-size:0.8em;
width:95%;
}

#intro ul li {
display:inline-block;
margin:0em;
padding:0em;
}

.fbline {
clear:both;
margin:0.1em auto 0.2em auto;
padding:0.1em 0.2em 0.3em 0.2em;
width:95%;
font-weight:bold;
font-size:0.8em;
}

.fbline_l {
color:#008000;
width:35%;
text-align:right;
float:left;
margin:0em 0.3em 0em auto;
padding-top:0.2em;
}

.fbline_r {
width:60%;
float:left;
margin:0.2em auto 0em 0em;
}

.fbline_rimg {
float:left;
width:15%;
margin:0em 0.3em 0em auto;
padding:0em;
}

.fb-like {
float:left;
width:80%;
}

#discsearch {
clear:both;
width:95%;
text-align:center;
padding:0.3em;
margin:0em auto 0.3em auto;
background-color:#ffffcc;
border:0.1em solid #ff0000;
font-weight:bold;
}

#discsearch_top {
width:100%;
margin:0em;
padding:0em;
}

#discsearch_bot{
font-size:0.6em;
clear:both;
width:100%;
margin:0em auto 0em auto;
padding:0.5em 0em 0em 0em;
}

#discsearch input[type="text"]{
display:inline-block;
width:80%;
}

#discsearch input[type="submit"]{
display:inline-block;
color:#ff0000;
}

#discsearch #discsearch_l {
width:20%;
float:left;
padding:0.3em 0em 0em 0em;
}
#discsearch #discsearch_m {
width:80%;
float:left;
}

#discsearch #discsearch_r {
width:15%;
float:left;
}

#discbikesearch {
clear:both;
width:95%;
text-align:center;
padding:0.3em;
margin:0em auto 0.3em auto;
background-color:#ffffcc;
border:0.1em solid #ff0000;
font-weight:bold;
}

#discbikesearch input[type="text"]{
display:inline-block;
width:80%;
}

#discbikesearch input[type="submit"]{
display:inline-block;
color:#ff0000;
}

#discbikesearch #discbikesearch_l {
width:20%;
float:left;
padding:0.3em 0em 0em 0em;
}
#discbikesearch #discbikesearch_m {
width:80%;
float:left;
}

#discbikesearch #discbikesearch_r {
width:15%;
float:left;
}





/* portrait */

@media only screen
and (min-device-width: 20em)
and (max-device-width: 50em)
and (orientation:portrait)
{
body { font-size:100%;}
#merlogos img {max-width:95%;min-width:2.2em;}
#merlogos li {width:12%;}
#mainlogo_r {display:none;}
}


/* mobile landscape */
@media only screen
and (min-device-width: 20em)
and (max-device-width: 50em)
and (orientation:landscape)
{
body { font-size:130%;}

#mainlogo_l {width:30%;}
#mainlogo_m {width:65%;font-size:0.8em;}
#mainlogo_r {width:20%;}

#topnav #navlist1 ul li{padding:0.2em 0.3em 0.2em 0.3em;}

#merlogos img {max-width:80%;min-width:2.2em;}
#merlogos li {width:10%;margin-top:0em;margin-bottom:0em;padding-top:0em;padding-bottom:0em;}

#pcsearch #pcsearch_l {padding-top:0.1em;}
#discsearch #discsearch_l {padding-top:0.1em;}
#discbikesearch #discbikesearch_l {padding-top:0.1em;}

.fbline_l {padding-top:0.2em;}
.fbline_rimg {width:10%;}
.fb-like {padding-top:0.2em;}

}

/* desktops */

@media only screen
and (min-device-width: 51em)
{
body { font-size:150%;}
#topnav #navlist1{font-size:1em;}

#merlogos img {max-width:95%;min-width:2.2em;}
#merlogos ul li {width:8%;}

#mainlogo_l {width:30%;}
#mainlogo_m {width:60%;font-size:1.2em;padding:0.5em 0em 0em 0em;}
#mainlogo_r {width:15%;padding:1.0em 0.3em 0em 0em;}

#title {font-size:1em;width:40%;float:left;text-align:right;}
#title2 {font-size:1em;width:50%;float:right;text-align:left;}
#title3 {width:95%;font-size:0.8em;text-align:center;margin:0.2em auto 0.2em auto;padding-top:0.2em;}

#advice {margin:0.5em;}
#advice ul li{display:inline-block;margin:0em 0.3em 0em 0.3em;}

#pcsearch {font-size:1.2em;}
#pcsearch input[type="text"]{font-size:0.8em;}
#pcsearch input[type="submit"]{font-size:0.8em;}

#discsearch {font-size:1.2em;}
#discsearch_top {float:right;width:55%;margin-top:1.0em;}
#discsearch_bot {float:left;clear:none;width:40%;margin-top:0.3em;padding:0em;}

#discsearch #ds_bot_l{font-size:1.0em;}
#discsearch #ds_bot_l select{font-size:1.0em;}
#discsearch input[type="text"]{font-size:0.8em;}
#discsearch input[type="submit"]{font-size:0.8em;}
#discsearch #ds_bot_r select{font-size:1.0em;}

#discbikesearch {font-size:1.2em;}
#discbikesearch input[type="text"]{font-size:0.8em;}
#discbikesearch input[type="submit"]{font-size:0.8em;}

.fbline {padding-top:0em;}
.fbline_l {padding-top:0.7em;}
.fbline_r {padding-top:0em;}
.fb-like {padding-top:0.4em;}
.fbline_rimg {width:7%;}

}

/* end desktops */


#pagefooter {
width:820px;
color:#666666;
font-size:10px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

#pagefooter {
font-size:10px;
}

#pagefooter a:link{
color:#0000cc;
}
#pagefooter a:visited{
color:#0000cc;
}
#pagefooter a:hover{
color:#0000cc;
}
#pagefooter a:active{
color:#0000cc;
}