/** Style.css */

/** This is where the general style of the font is set at. If you want all of the
  * classes in here to have same font then add an !important. Example: 'font: inherit !important;' */
* { 
    font-size: 14pt;
    font-family: Serif;
    color: black;
}

/* Used to place a strike through the text. */
.specialPrice {
	color: red;
}

/** Large header text. */
.largeHeaderText {
	font-size: 16pt;
	font-weight: bold;
}

/** Large header text with white on dark organge.*/
.largeHeaderTextInv {
	font-size: 16pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff7500;
}

/** header text with white on dark organge.*/
.headerTextInv {
	font-weight: bold;
	color: #ffffff;
	background-color: #ff8500;
}

/** Medium header text. */
.mediumHeaderText {
	font-size: 14pt;
	font-weight: bold;
}

/***/
.boldText {
	font-weight: bold;
}

/** Invalid text. */
.invalidText {
	color: red;
}


.checkoutTd A:link {
    color: #000000;
    text-decoration: none;
	
    border-top: solid #ff7500 1px; 
    border-right: solid #ff7500 1px; 
    border-left : solid #ff7500 1px; 
    border-bottom : solid #ff7500 1px;
	background-color: #fefefe;
}

.checkoutTd A:visited {
    color: #000000;
    text-decoration: none;
	
    border-top: solid #ff7500 1px; 
    border-right: solid #ff7500 1px; 
    border-left : solid #ff7500 1px; 
    border-bottom : solid #ff7500 1px;
	background-color: #fefefe;
}
.checkoutTd A:hover {
    color: red;
    text-decoration: underline;
	background-color: #ffffff;
}

.checkoutTd A:active {
    color: #000000;
    text-decoration: none;
	
    border-top: solid #ff7500 1px; 
    border-right: solid #ff7500 1px; 
    border-left : solid #ff7500 1px; 
    border-bottom : solid #ff7500 1px;
	background-color: #fefefe;
}

/*//////////////////////////////////////////////////////////////////////////////
// Classes only used by the template structure. //////////////////////////////*/
/** 	background-color: #feffd4; */
.TableLinkBodyFooter {
    border-top: solid #3136FE 1px; 
    border-right: solid #3136FE 1px; 
    border-left : solid #3136FE 1px; 
    border-bottom : solid #3136FE 1px;
    background-image: url("images/blend.jpg");
}

.TableBody {
    border-top: solid #3136FE 0px; 
    border-right: solid #3136FE 0px; 
    border-left : solid #3136FE 0px; 
    border-bottom : solid #3136FE 0px;
	padding-left: 15px;
	padding-right: 15px;
}

td.TdLinks {
	
    border-top: solid #3136FE 0px; 
    border-right: solid #3136FE 0px; 
    border-left : solid #3136FE 0px; 
    border-bottom : solid #3136FE 1px;
	
    width: 120px;
	text-align: center;
}


td.TdLinks A:link {
    color: #000000;
    text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
}

td.TdLinks A:visited {
    color: #000000;
    text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
}
td.TdLinks A:hover {
    color: red;
    text-decoration: underline;
	font-weight: bold;
	font-size: 12pt;
}

td.TdLinks A:active {
    color: #000000;
    text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
}


td.TdContent {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
	width: 600px;
}

td.TdFooter {
    width: 100%;
    border-top: solid #4411ff 0px; 
    border-right: solid #4411ff 0px; 
    border-left : solid #4411ff 0px; 
    border-bottom : solid #4411ff 3px 
}

hr.thinLine {
    background-color: #999999;
    height: 2px;
}

hr.thickLine {
    background-color: #000000;
    height: 4px;
}

.SuperHeader {
	background-color: #0000aa	;
	color: #ffffff;
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
}

.SubHeader {
	background-color: #0000ff;
	color: #ffffff;
	font-weight: bolder;
	text-align: center;
}
/* End Classes only used by the mainView.html structure. ///////////////////////
//////////////////////////////////////////////////////////////////////////////*/

.boxConfirm
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.boxConfirmHeader
{
    color: #ffffff;
    background-color: #dd0000;
    font-weight: bolder;
    font-size: 14pt;
}

.boxPurchase
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.boxPurchaseHeader
{
    color: #ffffff;
    background-color: #dd0000;
    font-weight: bolder;
    font-size: 14pt;
}

/*//////////////////////////////////////////////////////////////////////////////
// Box1. /////////////////////////////////////////////////////////////////////*/

.box1
{
    margin:0 auto;
	width: 650px;
	border-top: solid #000000 1px; 
	border-right: solid #000000 1px; 
	border-left : solid #000000 1px; 
	border-bottom : solid #000000 1px;
	background-color: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.box1_image_bg
{
	margin:0 auto;
    background-image: url("images/banner-bg3.jpg");
    height: 46px;
    width: 600px;
    text-align:center;
    position: center;
    padding-top: 15px;
    font-size: 20pt;
    color: #ffffff;
}	

.box1 img
{
	margin-left:auto; 
	margin-right:auto; 
	display:block; 
	text-align:center;
}

.box1_boldLargeText
{
	font-weight: bold;
    font-size: 16pt;
}


.box1 dt
{
	margin-left:0px;
	font-weight: bold;
    font-size: 14pt;
	color: black;
}

.box1 dd
{
	margin-left:15px;
	margin-bottom:25px;
	color: blue;
}

.box1 A:link {
    color: #009900;
    text-decoration: none;
}

.box1 A:visited {
    color: #009900;
    text-decoration: none;	
}
.box1 A:hover {
    color: #000000;
    text-decoration: underline;
}

.box1 A:active {
    color: #009900;
    text-decoration: none;
}