@charset "UTF-8";
/* CSS Document */

/* Specify blanket rules for all elements */ 
body {
	font: normal 10px Helvetica, Arial, sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color: #000000;	
}
/* Container for all page content */ 
  #container { 
    width:940px;
	margin:0px auto;
} 
/* Rules for standard fonts */ 
h1 { 
font-size:200%; 
} 
h2 { 
font-size:175%; 
} 
h3 { 
font-size:150%; 
}
h4 {
	font-size:120%;
	line-height:90%;
}
h5 { 
font-size:100%; 
} 
p { 
font-size:100%; 
line-height:150%; 
}
a img {
    border: none;
}
.revcaption  {
	font-size:9px;
	color: #FFFFFF;
}
.reversetxt  {
	color: #FFFFFF;
}
/* Container for Topps Logo Masthead homepage */ 
#masthead { 
	padding:0px;
	margin:0px;
	height:150px;
	font-size: 9px;
} 
/* Reduced Container for Masthead on other pages */ 
#smlmasthead { 
	padding:0px;
	margin:0px;
	height:65px;  
} 
/* Container for Topps Logo on hompage */ 
#logobox {
	height:150px;
	padding-right:50px;
	padding-top: 5px;
	} 
/* Reduced Container for Topps Logo on all other pages */ 
#smllogobox {
	height:65px;
	padding-left:5px;
	padding-top: 0px;
	} 
/* Container for orange box next to logo on homepage */ 
#orangefill {
	float:right;
	padding:0px;
	width:15px;
	height:150px;
	background-color:f5822a;
	background-image: url(../images/orngflood.gif);
	border-left: 2px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
} 
/* Reduced Container for orange box next to logo on all other pages */ 
#smlorangefill {
	float:right;
	padding:0px;
	width:15px;
	height:65px;
	background-color:f5822a;
	background-image: url(../images/orngflood.gif);
	border-left: 2px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
} 
/* Container for purple box next to navigation */ 
#purplefill {
	float:right;
	padding:0px;
	width:15px;
	height:30px;
	background-color:171f6a;
	background-image: url(../images/prplflood.gif);
	border-left: 2px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
} 
/* Container for purple box next to navigation */ 
#pictbar {
	float:right;
	padding:0px;
	width:15px;
	height:160px;
	border-left: 2px solid #fff;
}
/* Container for navigation bar on homepage */ 
#navbar {
	margin:0px;
	padding:0px;
	height:30px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	text-align: center;
}
/* Container for welcome text on homepage */ 
#welcome {
	float:right;
	margin-top:235px;
	margin-right:50px;
	padding:0px;
	width:440px;
}
/* Text on homepage */
p.introtxt{
	font: normal small Helvetica, Arial, sans-serif;
	text-align: left;
	color: #FFFFFF;
}
/* Text on homepage */
p.introtxt-dark{
	font: normal small Helvetica, Arial, sans-serif;
	text-align: left;
	color: #000000;
}
/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
.selectedanchor{ 
	border-top: 10px solid #ED8722;
	border-bottom: 10px solid #ED8722;
	background: #ED8722;
	line-height: 30px;
}
/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
.main_menu2 .selectedanchor{
	background: #ED8722;
	display: block;
	border-top: none;
	border-bottom: none;
}
/* ######### Default class for navigation drop down menus ######### */
.main_menu{
	position: relative;
	left: 0;
	font: normal 10px Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5 px;
	line-height: 30px;
	text-decoration: none;
	width: 923px;
	background-color: #1e3a53;
	text-transform: uppercase;
}
/* ######### Default class for vertical drop down menus ######### */
.main_menu2{
	left: 0;
	font: bold 11px Helvetica, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	line-height: 30px;
	text-decoration: none;
	width: 175px;
	text-align: left;
}
a.anchorclass:link {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 5px;
}
a.anchorclass:visited {
	text-decoration: none;
	color: #CCCCCC;
	padding: 0px 5px;
}
a.anchorclass:active {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 5px;
}
a.anchorclass:hover {
	text-decoration: none;
	color: #000000;
	padding: 0px 5px;
}
a.anchorclass2:link {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 5px;
}
a.anchorclass2:visited {
	text-decoration: none;
	color: #CCCCCC;
	padding: 0px 5px;
}
a.anchorclass2:active {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 5px;
}
a.anchorclass2:hover {
	text-decoration: none;
	color: #000000;
	padding: 0px 5px;
	border-top: 10px solid #ED8722;
	border-bottom: 10px solid #ED8722;
	background-color: #f5822a;
}
a.someotherclass:link {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
}
a.someotherclass:visited {
	text-decoration: none;
	color: #CCCCCC;
	padding: 0px;
}
a.someotherclass:active {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
}
a.someotherclass:hover {
	text-decoration: none;
	color: #000000;
	padding: 0px;
}
a.prtfclass:link {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
}
a.prtfclass:visited {
	text-decoration: none;
	color: #CCCCCC;
	padding: 0px;
}
a.prtfclass:active {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
}
a.prtfclass:hover {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
	background-color: #FF0000;
}
a.anchorclass4:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.anchorclass4:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a.anchorclass4:active {
	text-decoration: none;
	color: #FFFFFF;
}
a.anchorclass4:hover {
	text-decoration: none;
	color: #000000;
	background-color: #f5822a;
	display: block;
}
a.anchorclass6:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.anchorclass6:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a.anchorclass6:active {
	text-decoration: none;
	color: #FFFFFF;
}
a.anchorclass6:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF0000;
	display: block;
}
a.anchorclass7:link {
	text-decoration: none;
	color: #000000;
}
a.anchorclass7:visited {
	text-decoration: none;
	color: #000000;
}
a.anchorclass7:active {
	text-decoration: none;
	color: #000000;
}
a.anchorclass7:hover {
	text-decoration: none;
	color: #000000;
	background-color: #f5822a;
	display: block;
}
.anylinkcss{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font: normal 10px helvetica,arial,sans serif;
	line-height: 18px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background-image:url(../images/dd_trans_bg1.png);
	width: 175px; /* default width for menu */
	text-transform: uppercase;
}
.anylinkcss ul{
margin: 5px 0px 0px 0px;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
border-bottom: 1px solid white;
padding: 0px;
text-decoration: none;
text-indent: 5px;
color: white;
}

.anylinkcss a:hover{ /*hover background color*/
background-image:url(../images/dd_trans_bg2.png);
color: black;
}
.anylinkcss2{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	font: normal 10px helvetica,arial,sans serif;
	line-height: 18px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background-image:url(../images/dd_trans_bg1.png);
	width: 175px; /* default width for menu */
}
.anylinkcss2 ul{
margin: 5px 0px 0px 0px;
padding: 0;
list-style-type: none;
}

.anylinkcss2 ul li a{
width: 100%;
display: block;
border-bottom: 1px solid white;
padding: 0px;
text-decoration: none;
text-indent: 5px;
color: white;
}

.anylinkcss2 a:hover{ /*hover background color*/
background-image:url(../images/dd_trans_bg2.png);
color: black;
}

/* ######### class for shadow DIV ######### */


.anylinkshadowx{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 90; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

/* ######### Generic Page Items in CSS ######### */
/* ######### ###################### ######### */

/* Container for all page content */ 
#toppcontainer {
	width:940px;
	margin:0px auto;
	border:1px solid #000;
	background-image: url(../images/bckgrnd-grad.jpg);
	}
#equal  {
	background-image: url(../images/sidebarnavbkrd.jpg);
	float: left;
}	
#sidebarnav {
	margin:5 px;
	float:left;
	padding-top:25px;
	width:175px;
	}
#prdtarea {
	margin:0px;
	float:right;
	width:750px;
	background-color: c7dff4;
	text-align: left;
	padding-left: 15px;
	padding-top: 15px;
	background-image: url(../images/prdtbckgrnd.jpg);
	min-height: 500px;
	}
	
#copyright  {
	padding-top: 2px;
	clear: both;
	}
#prdtbox  {
	margin:0px;
	padding:0px;
	width:132px;
	height: 270px;
	text-align: center;
	float:left;
	}
#prdtbox_lg  {
	margin:0px;
	padding:0px;
	width:132px;
	height: 450px;
	text-align: center;
	float:left;
	}
a.nav-id:link {
	text-decoration: none;
	color: #000000;
}
a.nav-id:visited {
	text-decoration: none;
	color: #000000;
}
a.nav-id:active {
	text-decoration: none;
	color: #000000;
}
a.nav-id:hover {
	text-decoration: none;
	color: #FF9900;
}
a.revcaption:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.revcaption:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.revcaption:active {
	text-decoration: none;
	color: #FFFFFF;
}
a.revcaption:hover {
	text-decoration: none;
	color: #FF9900;
}
/* ######### Garment Page Items ######### */
/* ######### ###################### ######### */
#colorswatch  {
	margin:0px;
	padding:0px;
	width:55px;
	float: right;
	text-align:center;
	padding-top: 5px;
}
#modelshot  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	clear: both;
	background-image: url(../images/grmt-indstry.png);
	}
#modelshot-blank  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	clear: both;
	min-height: 600px;
	}	
#modelshot-station  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	background-image: url(../images/grmt-station.png);
	clear: both;
	}
#modelshot-fire  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	background-image: url(../images/grmt-wldlnd.png);
	clear: both;
	}
#modelshot-dual  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	background-image: url(../images/grmt-dual.png);
	clear: both;
	padding-bottom: 5px;
	}
#modelshot-crash  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	background-image: url(../images/grmt-crash.png);
	clear: both;
	padding-bottom: 5px;
	}	
#modelshot-police  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	background-image: url(../images/police-bkgrnd-pnl.png);
	clear: both;
	padding-bottom: 5px;
	}
#modelshot-jail  {
	margin:0px;
	padding:0px;
	width:356px;
	text-align: center;
	float:right;
	background-image: url(../images/cellblock.png);
	clear: both;
	padding-bottom: 5px;
	}			
#grmtdscrpt  {
	margin:0px;
	padding:0px;
	width:365px;
	float: left;
}

p.menuhdr { 
	font: bold 16px helvetica,arial,sans serif;
	text-align:left;
	line-height:30px; 
	padding: 0px 5px;
} 
a.anchorclass5:link {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 0px;
}
a.anchorclass5:visited {
	text-decoration: none;
	color: #CCCCCC;
	padding: 0px 0px;
}
a.anchorclass5:active {
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 0px;
}
a.anchorclass5:hover {
	text-decoration: none;
	color: #000000;
	padding: 0px 0px;
}
#grmthdr {
	margin:0px;
	padding:5px;
	background-image: url(../images/ornggrdt.png);
	line-height: 20%;
}
#grmthdr-prtf {
	margin:0px;
	padding:5px;
	background-image: url(../images/bluegrdt.png);
	line-height: 20%;
}
.modelno  {
	line-height: 20%;
}
#grmtdscrpt  {
	margin:0px;
	padding-top:15px;
	padding-left:5px;
	line-height: 20%;
}
dl  {
	font: helvetica,arial,sans serif;
	font-size: 130%;
	line-height: 120%;
	font-style: italic;
}
dt  {
	font-weight:bold;
}
.fabricblts  {
	font-size: 120%;
	line-height: 150%;
}
.sizetable	{
	background-color: #cce0f0;
}
table  {
	border:0px;
	border-collapse:collaspe;
	font: normal helvetica, sans serif;
	line-height: 120%;
	text-align: center;
}
.prtftable  {
	border:0px;
	border-collapse:collaspe;
	font: normal helvetica, sans serif;
	line-height: 80%;
	text-align: left;
	font-weight: bold;
}
caption  {
	text-align:left;
	font-weight:bold;
}
tr  {
	padding:2px;
}
td  {
	padding:2px;
}
td .size  {
	padding:2px;
	border-right: 1px solid #000000;
}
#lineartpnl  {
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height:100%;
	border: 0px;
}
#lineartpair  {
	margin:0px;
	line-height:100%;
	border: 0px;
	float: left;
	width: 48%;
}
#safetyinfo	{
	margin:0px;
	float:right;
	padding:5px;
	line-height:110%;
	text-align:center;
}
#prdtpair  {
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:100%;
	border: 0px;
	clear: left;
}


/* ######### News Page Items ######### */
/* ######### ###################### ######### */
#newsarea {
	width:927px;
	margin:0px;
	float:left;
	background-color: c7dff4;
	text-align: center;
	padding-left: 15px;
	padding-top: 15px;
	background-image: url(../images/prdtbckgrnd.jpg);
	min-height: 250px;
	float: left;
	float: left;
	background-color: none;
	}
#news  {
	width:500px;
	text-align: left;
}
/* ######### Fabric Page Items ######### */
/* ######### ###################### ######### */	
#fabcontnr {
	margin:0px;
	background-color: c7dff4;
	text-align: center;
	padding: 15px 15px 0px 15px;
	background-image: url(../images/fabrics.jpg);
	min-height: 400px;
	}
#fabric {
	display: inline-block; /*sets hasLayout - required for IE*/
	display: block; /*resets to proper property value without resetting layout*/
	overflow: hidden; /*causes modern browsers to enclose child floats*/
	margin:0px auto 0px auto;
	text-align: left;
	padding: 15px;
	background-image: url(../images/85prcntscrn.png);
	width: 780px;
	min-height: 400px;
	}
#fabnav {
	text-align:right;
	float:left;
	padding-top:25px;
	width:180px;
	border-right: 1px solid #000;
	}
#fabinfo	{
	float: right;
	width: 570px;
}
#fablogos {
	text-align: center;
	}
.fabclass	{
	display: inline-block; /*sets hasLayout - required for IE*/
	display: block; /*resets to proper property value without resetting layout*/
	overflow: hidden; /*causes modern browsers to enclose child floats*/background-color: #FFFFFF;
	font: Times, serif;
	padding: 5px;
	border: 1px solid #000;
	min-height: 30px;
	}	
#fabinfotbl	{
	float:right;
	padding: 0px 15px 15px 15px;
	clear: both;
	}
.fabtable  {
	text-align: center;
	width: auto;
	}
#fabric td	{
	border-bottom:1px solid #000;
	padding: 3px 6px 3px 6px;
	}
#fabric th	{
	font-size: 12px;
	border-bottom:1px solid #000;
	padding: 3px 6px 3px 6px;
	}
.fabnomex	{
	background-color: #FFFF33;
	padding:6px;
}
.fabteca	{
	background-color: #FF0000;
	padding:6px;
}
.fabindura	{
	background-color: #336600;
	padding:6px;
	color: #FFFFFF;
}
.fabultra	{
	background-color: #669933;
	padding:6px;
}
.fabfirewr	{
	background-color: #0066FF;
	padding:6px;
}
#fablogohldr	{
	float: right;
	text-align: center;
}
#fabtext	{
	clear: both;
	}
/* ######### About Page Items ######### */
/* ######### ###################### ######### */	
#cmpycontnr {
	margin:0px;
	background-color: c7dff4;
	padding: 15px 15px 0px 15px;
	background-image: url(../images/cvrr-bckgrnd.jpg);
	min-height: 400px;
	}
#cmpybox {
	display: inline-block; /*sets hasLayout - required for IE*/
	display: block; /*resets to proper property value without resetting layout*/
	overflow: hidden; /*causes modern browsers to enclose child floats*/
	margin:0px auto 0px auto;
	background-image: url(../images/85prcntscrn.png);
	width: 700px;
	min-height: 175px;
	}
#side1	{
	float:left;
	padding:15px;
	background-image: url(../images/sidebarnavbkrd.jpg);
	width:175px;
	text-align: left;
	min-height: 125px;
	}
#side2	{
	float:right;
	padding:15px;
	text-align: left;
	width: 450px;
}
#fullwidth	{
	padding: 15px;
	text-align: left;
}
.contactus-text {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #333333;
	TEXT-ALIGN: left;
}
.contactus-error {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	COLOR: #CC0000;
	TEXT-ALIGN: left;
}
.contactus-input {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #000000 1px solid;
	COLOR: black;
	BORDER-BOTTOM: #000000 1px solid;
	BACKGROUND-COLOR: white;
	TEXT-ALIGN: left;
}
.contactus-submit {
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: #000000 1px solid;
	CURSOR: hand;
	COLOR: #000000;
	BORDER-BOTTOM: #000000 1px solid;
	BACKGROUND-COLOR: white;
}