/* CSS page */
*		{	box-sizing: border-box;}

body 	{font-size: 100%; margin: 5px;}


/* blocks */
.content-body {
          margin:0;
          overflow: auto;
          height: 100%;}

.title-bar {overflow: auto;}

.navbox	  {
	      min-width: 200px;
	      margin: -2px;
	      padding: 5px;
	      height: 100%;
	      }
	      
.printbox {max-width: 620px;
           width: 100%;
           background: #FFFFFF;
           margin-right: auto;
           margin-left: auto;
           padding: 15px;
	      }

.main	{padding: 10px 15px;
         height: 100%;
         overflow: auto;
         float: right;}

.footer  {
          text-align: center;
          position: relative;}         
         
.centeredbox    {width: 70%;
				Margin: auto;
				}
				

/* floats, clears, aligns */     
.floatleft {float: left;}
.floatright {float: right;}

.center {margin-right: auto; margin-left: auto;}
.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

.alignright	{text-align: right;}
.aligncenter	{text-align: center;}
.alignleft	{text-align: left;}


/* text formatting */

.b {font-weight: bold;}
.bi {font-weight: bold; font-style: italic;}
.i  {font-style: italic;}
.strike {text-decoration: line-through;}

.plus1 {font-size: 1.2em;}
.plus2 {font-size: 1.4em;}
.minus1 {font-size: 0.9em;}
.minus2 {font-size: 0.6em;}
.minus3 {font-size: 0.4em;}

h4 + p {margin-top: -20px;}

h3 + ul.data {margin-top: -20px;}
h4 + ul.data {margin-top: -20px;}
ul.data {margin: 0;}

.hr {width: 100%;
     display: block;
     border: 2px solid #42629e;}

.hr2 {width: 75%; display: block; 
     border: 2px solid #000080;
       margin-left: 10%;}

.hr3 {width: 100%;
     display: block;
     border: 1px solid AntiqueWhite;}       
       
/* images */

#logo {float: left;
       border: solid #FFFFFF 3px;
       padding: 8px;
       height: 100px; }



/* boxes */
.shoppingcartbox	{padding: 7px; 
					margin: 5px;
					border-style: inset; 
					float: right;
					border-radius: 10px;}
					
.currencybox	{border: #092966 3px solid; background: #ffffff;  padding: 7px; 
					margin: 5px;
					border-style: inset;
					border-radius: 10px;}

.addthisbox     {padding: 7px; float:right;}

.footerlinks	{color: #FAEBD7;}

.video	{border: #092966 3px solid; background: #ffffff;  padding: 7px; 
					margin: 5px;
					border-style: inset;
					border-radius: 10px;
					width: 100%;
					height: auto;
					min-height: 480px;
					max-height: 480px;
					max-width: 640px;
					margin-left: auto; margin-right: auto;
					display: block;}

				 


/* MOBILE FORMATTING */

@media only screen and (max-width: 549px){
#logo {display:none;}
h1 	  {font-size: x-large;
       text-align: center;}

.centeredbox    {width: 100%;
				}
				
       }



/* COLUMN FORMATTING */

*[class*="col-"] {float: left;}

.row:after {
	content: "";
	clear: both;
	display: block;
	}

/* for mobile phones */
*[class*="col-"] {width:100%;}

/* for tablets */
@media only screen and (min-width: 700px) {
	.col-m-1 {width: 8.33%;}
	.col-m-2 {width: 16.66%;}
	.col-m-3 {width: 25%;}
	.col-m-4 {width: 33.33%;}
	.col-m-5 {width: 41.66%;}
	.col-m-6 {width: 50%;}
	.col-m-7 {width: 58.33%;}
	.col-m-8 {width: 66.66%;}
	.col-m-9 {width: 75%;}
	.col-m-10 {width: 83.33%;}
	.col-m-11 {width: 91.66%;}
	.col-m-12 {width: 100%;}
	.navbox   {max-width: 275px;}
	}

/* for desktops */
@media only screen and (min-width: 925px) {
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	.navbox   {max-width: 275px;}
	}

/*END OF COLUMN FORMATTING */