MXWSQN.css
Masterworx E-business Style Sheet for TFI..
(c) 2016 Masterworx, Llc
Color Scheme: Blue/Grey/Black

*** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ***/
* Colors Used: #1493a0, #44d5e8, #9debf3 
*/


/* =================================================== HTML ELEMENTS */

html {height: 101%;}
header, footer, nav {display: block;}

BODY { 
background : #ffffff; 
font-family : 'Open Sans', Verdana, Helvetica, sans-serif; 
font-size : 100%; 
color : #000000; 
margin : 0; 
padding : 0; 
line-height : 1.5;



 
}
.buttonpay {
background-color: white;
  color: black;
  border: 2px solid #555555; 
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonpay:hover {
  background-color: #000;
  color: white;
}

.bg {
	background-image: url("../images/Ad_Basics.jpg");
    height: 100%; width: 100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	overflow-x: scroll;
	margin:auto;
  padding:-20;
}
.bg1 {
	background-color:white;
	 height: 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	overflow-x: scroll;
}
.bg2 {
	background-image:url('greenlinen.jpg');
	height: 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	overflow-x: scroll;
}
.bg3 {
	background-image:url('Metallic-Toad.jpg');
	height: 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	overflow-x: scroll;
}
 .bg4 {
	background-image:url('Metallic-Toad.jpg');
	height: 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow-x: scroll;
center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bannerrow { 
 
padding : 0; 
text-align : center; 
margin : 0 auto; 
} 
.hideme { 
display : none; 
visibility : hidden; 
height : 1px; 
width : 1px; 
} 
.testme { 
border : #F00 solid 1px; 
}
.parent_container { 
width : 1200px;
height: 
color : #000000; 
margin : 0 auto; 
padding : 0; 
text-align : center; 
} 
h1{
max-width:100%;
text-align : center; 
font-size : 20px; 
vertical-align : top; 
	
}
h2{
max-width:100%;
text-align : center; 
font-size : 14px; 	
}


h3{
max-width:100%;
background-color: #c5c1c4;

border: 25px solid ;
border-color:#82C4AE;
padding: 25px;
margin: 25px; 
color:#000;
}

h4{
background-color: none;
max-width:50%;
float:right;
text-align:right;
font-size: 14px;


padding: 15px;
margin: 15px; 

}

h5{
background-color: #D9D9D9;
max-width:100%;
font-size: 14px;
border: 10px solid ;
border-color:#595959 ;
padding: 10px;
margin: 10px; 
color:#000000;
}
h6{
background-color: #ffffff;
max-width:100%;
border: 3px solid ;
border-color:#000000;
padding: 25px;
margin: 25px;
font-size: 16px; 
color:#000000;

}

h7{

max-width:100%;

font-size: 16px 

}

h8{
background-color: #ffffff;
max-width:100%;
border: 5px solid ;
border-color:#000000;
padding: 25px;
margin: 0px;
font-size: 8px; 
color:#000000;
}

fieldset {
	width:700px;
	border: 2px #b49bb4 solid;
	margin: 10px 30px;
	text-align: left;
	line-height: 1.8;
}
fieldset img {
	background-color: #ffffff;
	margin: 5px 10px;
	border: 1px #919191 solid;
}
fieldset p {
	font-size: 14px;
	text-align: left;
	padding: 0 10px;
	line-height: 1.6;

}
legend {
	background-color: transparent;
	padding: 0 10px;
	margin: 0 0 0 10px;
	color: #b49bb4;
	letter-spacing: 1px;
	font: small-caps bold 28px "Century Gothic", Verdana, Helvetica, sans-serif;
}

img {
 
  max-width: 100%;
  height:auto;
}






div.content_left_container { 
padding : 10px 0 10px 20px; 
margin-right: auto; margin-left: 10px; margin-bottom: 10px; 
background-position : left top; 
width:200px; 
border : #999999 solid 1px; 
background-color : #BF9BB4; 
margin : 0 11px 12px 11px; 

} 
.content_center_container { 
width : 75%; 
padding : 0 2%; 
vertical-align : top; 
text-align:center;
margin-right: auto; margin-left: auto;
margin-bottom:20px; margin-top:10px;
} 

div.content_center_container_item { 
width : 800px; 
padding : 0 2%; 
vertical-align : top; 
text-align:center;
margin-right: auto; margin-left: 25px;
margin-bottom:20px; margin-top:10px;
display:block
} 

div.content_right_container { 
overflow : hidden; 
width : 1px; 
width : 0; 
height : 1px; 
margin-right: auto; margin-left: auto;

display : none; 
} 


.footer_container td { 
font-size : 10px;
margin-top: auto; 
} 
a.mx_nav_cell_top { 
color : #787A7A; 
font-size : 10pt; 
font-weight : 800; 
text-decoration : none; 
} 
a.mx_nav_cell_top_selected, a.mx_nav_cell_top:hover { 
color : #FFFFFF; 
font-size : 12pt; 
font-weight : 800; 
text-decoration : underline; 
} 
a.mx_nav_cell_1st { 
color : #EDE8EB; 
font-size : 10pt; 
font-weight : 400; 
text-decoration : none; 
margin-left : 10px; 
} 
a.mx_nav_cell_1st_selected, a.mx_nav_cell_1st:hover { 
color : #FFFFFF; 
font-size : 12pt; 
font-weight : 400;
text-decoration : underline; 
margin-left : 10px; 
} 
a.mx_nav_cell_2nd { 
color : #EDE8EB; 
font-size : 8pt; 
font-weight : 400; 
text-decoration : none; 
margin-left : 20px; 
} 
a.mx_nav_cell_2nd_selected, a.mx_nav_cell_2nd:hover { 
color : #d7cedb; 
font-size : 8pt; 
font-weight : 400; 
text-decoration : underline; 
margin-left : 20px; 
} 
div.mx_nav_trail a { 
color : #000; 
font-weight : 800; 
text-decoration : none; 
} 
div.mx_nav_trail a:hover { 
text-decoration : underline; 
} 
.mx_search_table { 
margin-bottom : 6px;
color:#90c3d4; 
} 
.mx_search_table_title_cell { 
font-weight : 800; 
font-size : 12pt; 
padding-left : 2px; 
color : #000000; 
} 

.mx_search_table_content_cell { 
font-weight : 400; 
font-size : 8pt; 
} 
.mx_hr { 
height : 1px; 
color : #888888; 
width : 100%; 
} 
.mx_item_title { 
font-size : 12px; 
} 
a.mx_item_link, a.mx_cat_link { 
color : #000; 
font-weight : 800; 
text-decoration : none; 
font-size : 12px; 
} 
a.mx_item_link { 
text-transform : none; 
} 
a.mx_item_link:hover, a.mx_cat_link:hover { 
text-decoration : underline; 
} 
.mx_ps_table { 
width : 100%; 
} 
.mx_ps_table td { 
padding : 6px;
margin-top:15px;  
vertical-align : bottom; 
} 
.mx_ps_pagenav { 
font-size : 16pt; 
text-align : center; 

margin-bottom :40px; 
} 
.mx_ps_pagenav a { 
font-size : 12pt; 
} 
.mx_item_image_cell { 
width : 165px; 
padding-right : 6px; 
padding-top : 2px; 
} 
.mx_item_image_cell a:hover { 
text-decoration : underline; 
} 
a.mx_item_image_link { 
font-size : 10px; 
color : #FFF; 
font-weight : 800; 
text-decoration : none; 
} 
a.mx_item_image_link:hover { 
text-decoration : underline; 
} 
.mx_item_content_table { 
width : 100%; 
} 
.mx_item_content_table td { 
padding : 4px; 
} 
.mx_item_content_table a { 
color : #000; 
font-weight : 800; 
text-decoration : none; 
} 
.mx_item_content_table a:hover { 
text-decoration : underline; 
} 
.mx_item_recommended_title { 
color : #000; 
font-weight : 800; 
} 
.mx_item_longdesc { 
font-size : 10px; 
} 
.mx_sc_titlecell { 
font-size : 14px; 
font-weight : 800; 
color : #000000; 
padding-bottom : 6px; 
} 
.mx_sc_intrevrow { 
font-size : 12px; 
font-weight : 400; 
} 
.mx_sc_intrevrow input { 
font-size : 10px; 
font-weight : 400; 
} 
.mx_B2B_item_options_input { 
text-align : right; 
width : 26px; 
font-size : 10px; 
color : #2352a0; 
font-weight : bold; 
} 
.mx_B2B_item_options_table { 
border-bottom : 1px solid #2352a0; 
border-right : 1px solid #2352a0; 
} 
.mx_B2B_item_options_table td { 
border-left : 1px solid #2352a0; 
border-top : 1px solid #2352a0; 
padding : 2px; 
padding-right : 6px; 
padding-left : 6px; 
vertical-align : middle; 
text-align : center; 
font-size : 10px; 
width : 26px; 
} 
.mx_B2B_item_option_table_header { 
font-weight : bold; 
font-size : 10px; 
} 
.mx_B2B_item_option_table_note { 
font-size : 10px; 
font-style : italic; 
} 
.mx_hr { 
height : 1px; 
color : #888888; 
max-width : 100%; 
} 
.hr { 
height : 10px; 
color : #FFFFFF; 
width : 95%; 
} 

div.nav_scsummary { 
padding-left : 4px;

color : #EDE8EB;  
} 
a.nav_scsummary:link, a.nav_scsummary:active, a.nav_scsummary:visited { 
text-decoration : none; 
color : #000000; 
} 
a.nav_scsummary:hover { 
text-decoration : none; 
color : #FFFFFF; 
} 
div.menu_top, div.menu_bot { 
text-align : center; 
padding : 13px 30px 12px 14px; 
background:#000;
margin : 0 11px 12px 11px; 
height : 25px; 
font-size : 12px; 
font-weight : normal; 
text-decoration : none; 
color : #FFF; 
font-family : "Trebuchet MS", sans-serif; 
text-transform : uppercase; 
} 
div.menu_bot { 
max-width : 100%;
text-align : center; 
background-color : #000; 
} 
.titlerow { 
padding : 0 0 2px 0; 
font-size : 20px; 
text-transform : uppercase; 
letter-spacing : 1px; 
font-weight : bold; 
color : #A99E9D; 
border-bottom : 1px solid #96BBDA; 
} 
.revtitle { 
width:96%;
padding : 0 0 2px 0; 
font-size : 20px; 
text-transform : uppercase; 
letter-spacing : 1px; 
font-weight : bold; 
color : #999999; 
border-bottom : 1px solid #96BBDA;
 
} 
.revtitle1 { 
width:96%;
padding : 0 0 2px 0; 
font-size : 14pt; 
text-transform : uppercase; 
 
font-weight : bold; 
color : #000; 
border-bottom : 1px solid #96BBDA;
 
} 
.intrevrow { 
font-style : normal; 
font-size : 10pt; 
font-weight : 800; 
color : #000; 
} 
a.intrevrow { 
color : #FFFFFF; 
} 
.introw { 
font-style : normal; 
font-size :12pt; 
font-weight : 400; 
color : #000000; 
} 

.introw1 { 
font-style : normal; 
font-size : 9pt; 
font-weight : 400; 
color :#000000; 
 
} 
.datarow { 
font-style : normal; 
font-weight : 400; 
color : #40409B; 
} 
.datacells { 
font-style : normal; 
font-size : 10pt; 
font-weight : 400; 
color : #40409B; 
background-color : #F5F5F5; 
} 
.datacells input { 
font-size : 7pt; 
font-weight : 400; 
color : #40409B; 
width : 30px; 
text-align : right; 
} 
.error { 
font-style : normal; 
font-size : 10pt; 
font-weight : 800; 
color : #F00; 
} 
a.mainmenuitems, a.mainmenuitems:active { 

margin : 0,; 
padding : 13px 20px 12px 20px; 
list-style : none; 
text-align : center; 
height : 48px;
max-width: 100%; 
color : #fff; 
box-sizing : border-box; 
text-transform : uppercase; 
} 
a.mainmenuitems:hover, a.menubar:hover { 
color : #FFF; 
background-color : #cfb8c3; 
border : #FFFFFF solid 1px; 
text-decoration : none; 
} 
a.menubar, a.menubar:active { 
margin : 0,; 
padding : 13px 20px 12px 20px; 
list-style : none; 
text-align : center; 
height : 48px;
max-width: 100px; 
color : #fff; 
box-sizing : border-box; 
text-transform : uppercase; 

} 
a.menubar:hover { 
color : #FFF; 
background-color :cfb8c3; 
border : #FFFFFF solid 1px; 
text-decoration : none; 
} 
#dropmenu0 { 
z-index : 100; 
} 
a.link { 
font-size : 12pt; 
font-weight : 400; 
color : #FFFFFF; 
} 
a.visited { 
font-size : 12pt; 
font-weight : 400; 
color : #993399; 
} 
a.active { 
font-size : 12pt; 
font-weight : 400; 
color : #7A297B; 
} 
INPUT { 
color : #330099; 
} 
SELECT { 
color : #330099; 
} 
TEXTAREA { 
font-family : Courier; 
color : #330099; 
} 
.NOTES { 
font-size : 10pt, bold; 
font-weight : 400; 
color : #000000;
 
} 
.NOTESlog { 
font-size : 10pt, bold; 
font-weight : 400; 
color : #000000;
 
} 
.error			
{
	font-style: normal;
	font-size: 10pt;
	font-weight: 800;
	text-align: center;
	color: #000;
}

.catrow { 
font-size : 10pt; 
font-weight : 400; 
text-decoration : none; 
background-color : #3366CC; 
color : #ffffff; 
} 
.topcat { 
font-size : 10pt; 
font-weight : 400; 
text-decoration : none; 
background-color : #3366CC; 
color : #ffffff; 
} 
a.topcat:hover { 
font-weight : 400; 
text-decoration : none; 
color : #FFFFFF; 
background-color : #0099CC; 
} 
.cattree { 
font-size : 8pt; 
font-weight : 600; 
text-decoration : none; 
background-color : #0099CC; 
color : #FFFFFF; 
} 
.catcells { 
font-style : normal; 
font-size : 10pt; 
font-weight : 400; 
color : #ffffff; 
background-color : #0099CC; 
} 
.subcat { 
font-size : 10pt; 
font-weight : 400; 
text-decoration : none; 
background-color : #0099CC; 
color : #ffffff; 
} 
a.subcat:hover { 
font-weight : 400; 
text-decoration : none; 
color : #ffffff; 
background-color : #3366CC; 
} 
.datarow { 
font-size : 12px; 
} 
.altdatacells { 
font-style : normal; 
font-size : 10pt; 
font-weight : 400; 
color : #66CCFF; 
background-color : #330099; 
} 
.sc_step2_nowrap TD { 
white-space : nowrap; 
font-size : 8pt; 
} 
.sc_step2_nowrap INPUT, .sc_step2_nowrap SELECT { 
width : 100px; 
font-size : 10px; 
color : #000000; 
} 
.footer { 
font-size : 10px;
text-align : center; 
font-weight : 400; 
margin-bottom : 4px;
 
} 
#footer { 
margin-top : 10px; 
padding-top : 0; 
} 


}


}