/* CSS Document */

BODY {
	height:100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#FFFFFF;
	background-image:url(../graphics/bg.gif);
	background-repeat:repeat-x;
	color:#333333;
}

/*#bg{position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}*/
#headerpanel{background-image: url(../graphics/headerfill.png); width:100%; height:173px; color:#CCC; border-top:1px solid #333; z-index:1;}
#pagebanner {width:1000px; height:173px; background-image:url(../graphics/topbanner.png);}
#mainpage {width:1000px; min-height:600px; position:relative; background-color:#FFFFFF; border-left:#666 1px solid; border-right:#666 1px solid; text-align:left;}
#pagecontent {width:975px; padding:1em; background-image:url(../graphics/pagecontent.png); background-repeat:repeat-x;}

#wpheader{background-image: url(../graphics/banner.gif); width:850px; height:73px; color:#FFFFFF; border-top:1px solid #333; z-index:1;}
#wppagecontent {width:820px; padding:1em; background-image:url(../graphics/pagecontent.png); background-repeat:repeat-x;}
#wpmainpage {width:850px; min-height:600px; position:relative; background-color:#FFFFFF; border-left:#666 1px solid; border-right:#666 1px solid; border-bottom:#666 1px solid; text-align:left;}

#footer{background-image: url(../graphics/footerback.png); width:100%; position:relative; margin-top:0 ; color:#CCC; border-top:1px solid #333;}
#footerpanel{background-image:url(../graphics/footerfill.png); width:1000px; height:205px;}

#mainmenu {width: 1000px; height:28px; background-color:#666; padding: 0px 0px; white-space:nowrap;}
#titlebar {height:20px; width:1000px; background-color:#060; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFDC73; text-align:center;}

#box1 {position:relative; width:960px; height:50px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/tobboximg.png); background-repeat:repeat-x;}

#box1blue {position:relative; width:960px; height:220px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/boximgblue.png); background-repeat:repeat-x;}

#box2 {position:relative; width:960px; height:90px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/tobboximg.png); background-repeat:repeat-x;}

#box2blue {position:relative; width:960px; height:90px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/boximgblue.png); background-repeat:repeat-x;}

#box3 {position:relative; width:960px; height:145px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/tobboximg.png); background-repeat:repeat-x;}

#box3blue {position:relative; width:960px; height:145px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/boximgblue.png); background-repeat:repeat-x;}

#box4 {position:relative; width:960px; height:200px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/tobboximg.png); background-repeat:repeat-x;}

#box4blue {position:relative; width:960px; height:200px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/boximgblue.png); background-repeat:repeat-x;}

#box5blue {position:relative; width:960px; height:125px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/boximgblue.png); background-repeat:repeat-x;}

#toolbox {position:relative; width:960px; height:32px; padding-left:8px; padding-top:8px; border-style:solid; border-width:1px; border-color:#D0D0D0; 
background-image:url(../graphics/tobboximg.png); background-repeat:repeat-x;}


.footertext{color:#CCC; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;}

.border {
	border: 1px solid #CCCCCC;
}

.bar-borders{
	height: 18px; 
	border-top: #000000 1px solid; 
	border-bottom: #000000 1px solid;
}

.maintxt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 15px; 
	font-weight: normal; 
	color: #000000;
	padding-left:10px;
	padding-right:10px;
}

.tinytxt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000;
	padding-left:5px;
	padding-right:5px;
}

.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 9px; 
	font-weight: bold; 
	color: #333399; 
	text-decoration: none;
}

.head {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 18px; 
	font-weight: bold; 
	color: #003399; 
	padding-left:10px;
}

.inputfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#FFFFCC;
	color:#000000;
	border: 1px solid #CCCCCC;
	height:18px;
}

select {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color:#FFFFCC;
	}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFCC;
	color:#003399;
	border: 1px solid #CCCCCC;
}

.submitbutton {
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	background-color:#0066CC;
	color:#CCCCCC;
	border: 1px solid #CCCCCC;
	height:20px;
	cursor:hand;
}

.shiplist{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold;
	background-color:#C8CDD7;
	padding-left:5px;
	padding-bottom: 2px;
	padding-top:2px;
	height:15px;
}

.shipment {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold;
	color:#0066CC;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-bottom: 2px;
	padding-top:2px;
	height:15px;
}

.shipmentred {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold;
	color:#CC0000;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-bottom: 2px;
	padding-top:2px;
	height:15px;
}

.pageheader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

.boldheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#03C;
}

.printheading{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold;
	background-color:#F0F0F0;
	padding-left:5px;
	padding-bottom: 2px;
	padding-top:2px;
	height:15px;
}

.printdetail {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
	background-color:#FFFFFF;
	padding-left:5px;
	padding-bottom: 2px;
	padding-top:2px;
	height:15px;
}


td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
}


#headerrowc{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	background-image:url(../graphics/th.png);
	background-repeat:repeat-x;
	text-align:center;
}

#headerrowl{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	background-image:url(../graphics/th.png);
	background-repeat:repeat-x;
	text-align:left;
}

#headerrowr{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	background-image:url(../graphics/th.png);
	background-repeat:repeat-x;
	text-align:right;
}


#blankrow{
	background-color:#DDDFF3;
}
		  
.row{
	border-bottom: 1px solid #CCCCCC;
	background-color:#FFC;
}

.col{
	border-right: 1px solid #CCCCCC;
}

.colbold{
	font-weight:bold;
	color:#396;
}

.colboldr{
	font-weight:bold;
	color:#396;
	border-right: 1px solid #CCCCCC;
}

.bodystyle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.small {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
}

.smallwhite {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FFFFFF;
}

.smallgreenr {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#0F0;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
}


.whitebold {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent: 5px;
}

.datetext {
	color:#666;
	font-size: 9px;
	font-weight:bold;
	padding-right: 5px;
	height:12px;
}

.logintext {
	color:#666;
	font-size: 9px;
	font-weight:bold;
	padding: 5px;
	height:12px;
}

.teltext {
	color:#FFFFFF;
	font-size: 9px;
	font-weight:bold;
	height:12px;
}

/* ORDER FORM */

.blacktext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 11px;
	font-weight:bold;
	text-indent:3px;
	text-align:left;
}

.bluetext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#00C;
	font-size: 11px;
	font-weight:bold;
	text-indent:3px;
}

.inputtext {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFCC;
	color:#000000;
	border: 1px solid #808080;
	height:20px;
}

.wpinput {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#FFFFCC;
	color:#000000;
	border: 1px solid #808080;
	height:20px;
}

.osinput {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#FFFFCC;
	color:#000000;
	border: 1px solid #808080;
	height:22px;
	border-radius:5px;
}

.osexinput {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#FFDBB7;
	color:#000000;
	border: 1px solid #808080;
	height:22px;
	border-radius:5px;
}

.osginput {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#CFC;
	color:#000000;
	border: 1px solid #808080;
	height:22px;
	border-radius:5px;
}


.osbinput {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#CFF;
	color:#000000;
	border: 1px solid #808080;
	height:22px;
	border-radius:5px;
}

.osselect {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#FFFFCC;
	color:#333;
	border: 1px solid #808080;
	height:28px;
	padding:5px;
	border-radius:5px;
}

.oscompany {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#FFFFCC;
	color:#333;
	border: 1px solid #808080;
	height:32px;
	width: 400px;
	padding:5px;
	border-radius:5px;
}

.ostextarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#FFFFCC;
	color:#333;
	border: 1px solid #808080;
	border-radius:2px;
}

.osgtextarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#CFC;
	color:#333;
	border: 1px solid #808080;
	border-radius:2px;
}

.osbtextarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color:#CFF;
	color:#333;
	border: 1px solid #808080;
	border-radius:2px;
}

.osbutton {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	border: 1px solid #808080;
	height:25px;
	width: 65px;
	border-radius:3px;
}


.inputtextc {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFCC;
	color:#000000;
	border: 1px solid #808080;
	height:15px;
	text-align:center;
}

.inputtextr {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFFFCC;
	color:#000000;
	border: 1px solid #808080;
	height:15px;
}

.urltext{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:#C00;
	background-color:#FFC;
	padding: 3px;
	border: 1px solid #36C;
}

.tbrborder{
	border: 1px solid #999;
	-moz-border-radius: 1em 1em 1em 1em;
	-webkit-border-radius: 1em 1em 1em 1em;
	border-radius:  1em 1em 1em 1em;
}

.tbr{
	-moz-border-radius: 1em 1em 0em 0em;
	-webkit-border-radius: 1em 1em 0em 0em;
	border-radius:  1em 1em 0em 0em;
}


</style>