@charset "utf-8";

/* Mobile Stylesheet for buyupside.com */

/* Karen Brockney */

/* February 13, 2014 */



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



/*

---------------------------

Colors

---------------------------

#000066 Dark Blue

#e2e2e2 Light Gray

#FFFFCC Light Yellow

#DAFADC Light Green

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	/*font: inherit;*/

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* eric Meyer reset ends */



/*

--------------------------------------------

Generic font and and element styles

--------------------------------------------

*/

body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	color: #000;

}



h1, h2 {

	color: #28431f; /*green*/

}





h1 {

	font-size: 110%;

	font-weight: bold;

	border-bottom: 1px solid #ccc;

	padding-bottom: .2em;

	margin-bottom: .2em;

}



h2 {

	font-size: 100%;

	font-weight: bold;

	margin-bottom: .5em;

}



h3 {

	font-size: 100%;

	font-weight: bold;

}





p, li, dl, dt, td, th {

 font-size: 100%;

}



p {

 margin-bottom: 1em;	

}



a img {

border: none;

}



/*header,footer,article,nav,section {

	display:block;

}*/



ul {

	list-style-type: disc;

	margin: 0 1.5em 1em;

	padding: 0;

	}

	

ol 	{

	list-style-type:decimal;

	margin: 0 1.5em 1em;

	padding: 0;

	}

	

li {	

	padding: .5em 0;

}



/*

--------------------------------------------

Container for Header

--------------------------------------------

*/

.headsection{

margin: 0 auto;

background-image: url(../images/grid30.png);

background-repeat: repeat;

border-bottom: thin #000 solid;

clear:both;

}



/*

--------------------------------------------

Header Styles

--------------------------------------------

*/

.logo-search {
display: block;

  width: 100%;

  margin: 0 auto;
 	
	
}

/* header contains the logo*/

header {

  display: block;

  width: 85%;

  margin: 0 auto;
 


}

header h1 {

	border-bottom: none;

	font-size: 2em;

	color:#690;

	padding-bottom: .2em;

	margin-bottom: 0;
	
}



header h2 {

	font-style:italic;

	font-size: 1.25em;	
}



header h1 img {

	margin-top: 1em;

}




.searchform{
margin: 0 auto;
width: 400px;
float: right;
}


/*

--------------------------------------------

Navigation

--------------------------------------------

*/



/*Menu with buttons*/

nav {

	display: block;

	width: 10em;

	margin: 1em auto 1em;
	
	clear:both;

}



/*

nav ul {

list-style-type:none;

margin:0;

padding:0;	

}



nav li {

padding: 0 .5em 0 0;

margin: .5em .5em .5em 0;

}



nav a:link,a:visited

{

	display: block;

	width: 7em;

	font-weight:bold;

	font-size: 85%;

	color:#FFFFFF;

	background-color:#690;

	text-align:center;

	padding: .8em;

	text-decoration:none;

}

*/

	



/*

--------------------------------------------

Main Content

--------------------------------------------

*/



.main {

	display: block;

	width: 85%;

	margin: 0 auto;

	margin-bottom: 30;

	background-color: #FFF;	

	margin: 1em auto;

}



/*

--------------------------------------------

Tables

--------------------------------------------

*/



.clean {

	

}

/*	

-------------------------------------------------

Styled table

-------------------------------------------------

*/

.styled table {

	width: 100%;

	margin: 0;

	padding: 0;

	border-collapse:collapse;

	border:1px solid #000000;

	position: relative;

}



.styled tr th {

  text-align: center;

  font-weight: bold;

  color:#FFF;

  border:1px solid #000000;

  margin: 0;

  padding: .5em .5em .5em .2em;

  background-color: #000066;

}



.styled .top{

	background-color: #e2e2e2;

}



.styled td {

  text-align:center;

  vertical-align: top;

  border:1px solid #000000;

  margin: 0;

  padding: .4em;

}



.styled td:first-child {

	background-color: #e2e2e2;

    text-align:left;

}



/*	


/*	

-------------------------------------------------

Left - Justified Table

-------------------------------------------------

*/

.left table {

	width: 100%;

	margin: 0;

	padding: 0;

	border-collapse:collapse;

	border:1px solid #000000;

	position: relative;

}



.left tr th {

  text-align: left;

  font-weight: bold;

  color:#FFF;

  border:1px solid #000000;

  margin: 0;

  padding: .5em .5em .5em .2em;

  background-color: #000066;

}



.left .top{

	background-color: #e2e2e2;

}



.left td {

  text-align:left;

  vertical-align: top;

  border:1px solid #000000;

  margin: 0;

  padding: .4em;

}



.left td:first-child {

	background-color: #e2e2e2;

    text-align:left;

}



/*	


-------------------------------------------------

Links table

-------------------------------------------------

*/

.links table {

	width: 100%;

}





.links td {

  text-align:left;

  vertical-align: top;

  padding: .2em  3em .2em 0;  

}



/*	

-------------------------------------------------

Form Input table - two columns

-------------------------------------------------

*/

.formInput table {

	width: 100%;

	margin: 0;

	padding: 0;

	border-collapse:collapse;

	border:1px solid #000000;

	position: relative;

}



.formInput tr th {

  text-align: center;

  font-weight: bold;

  color:#FFF;

  border:1px solid #000000;

  margin: 0;

  padding: .5em .5em .5em .2em;

  background-color: #000066;

}



.formInput .top{

	background-color: #FFF;

}



.formInput td {

  text-align:left;

  vertical-align: top;

  border:1px solid #000000;

  margin: 0;

  padding: .4em;

}



.formInput td:first-child {

	background-color: #e2e2e2;

	width: 50%;

	text-align:left;

}



.formInput .last td:first-child {

	background-color:#FFF;}



.formInput td:nth-last-child(1) {

	text-align:center;

}



.formInput .green td{

	background-color: #DAFADC;

}



/*	

-------------------------------------------------

Form Output table - 3 columns

-------------------------------------------------

*/

.formOutput table {

	width: 100%;

	margin: 0;

	padding: 0;

	border-collapse:collapse;

	border:1px solid #000000;

	position: relative;

}



.formOutput tr th {

  text-align: center;

  font-weight: bold;

  color:#FFF;

  border:1px solid #000000;

  margin: 0;

  padding: .5em .5em .5em .2em;

  background-color: #000066;

}



.formOutput .top{

	background-color: #FFF;

}



.formOutput td {

  text-align:right;

  vertical-align: top;

  border:1px solid #000000;

  margin: 0;

  padding: .4em;

  background-color: #DAFADC;

}



.formOutput td:first-child {

	width: 40%;

    text-align:left;

}

/*

.formOutput td:nth-last-child(2) {

	text-align:right;

	background-color:#DAFADC;

}

*/

/*

--------------------------------------------

Footer

--------------------------------------------

*/



footer {

	margin: 0 auto 0;

	padding-bottom: 0;

	width: auto;
	
	font-size: .6em; 
	
	text-align: center;	

}



footer p{

	/*font-size: .6em;*/

	padding-bottom: 1em;

	padding-top: .5em;

	text-align: center;
}

footer ul {
	padding: 0px 0px 0px 0px;
	margin: 0;
}

footer ul li {
	display: inline;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
	margin: 0;
	border-right: 1px dotted white;
}

footer ul li.last {
	display: inline;
	text-decoration: none;
	padding: 0px 15px 0px 15px;
	margin: 0;
	border: 0;
}

footer ul li a {
	color: #28431f;						/*Slate blue*/
	font-weight:bold;
	text-decoration: none;
	text-align: center;
} 

footer ul li a:hover, #navcontainer ul li a:focus {
	color: #800015; 						/*Blood red*/
	font-weight:bold;
}






/*Clear floats*/

.clear {

	clear:both;

}

/*

------------------------------------------------

Responsive Images
--------------------------------------------------

*/

.responsive {
	width: 100%;
	max-width: 900px;
	height: auto;
	
}

.responsiveai {
	width:100%;
	max-width:500px;
	height:auto;
	
}
/*

------------------------------------------------

Google Ads

--------------------------------------------------

*/



.GoogleAd {

display: block;

	width: auto;

	text-align: center;

	margin: 10px auto;

	background-color: #FFF;	

}