/* General styles */
body {
	background-color:#000;
	color:#ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#fff; 
	scrollbar-base-color:#000; 
	scrollbar-darkshadow-color:#000; 
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#fff; 
	scrollbar-shadow-color:#000;
}
a, a:visited{color:#ffffff;}
a:hover {text-decoration:underline;color:#fff;}

h1, h2, h3{
    font-size: 100%;
    font-weight: normal;
    color:#fff;
}
h2 {font-size:2em;}
h3 {font-size:1.2em;}

#footer {width:100%;height:50px;}
#footer p {margin:0px;padding:0px;}

/* homepage styles */ 
#pagehome {width:800px;margin:0px auto;min-height:100%;border:0px solid #111;}
#bannerindex{width:800px;height:280px;margin-top:5px;background:url("images/lockertemp.jpg") top left no-repeat;}
#bannerindex p {color:#fff;width:400px;margin-left:25px;padding:0px;font-size:80%}
#bannerindex p.first{padding-top:110px}
#indexbottom{width:800px;height:400px;}

#loginin{float:right;color:#fff;background-color:#171818;width:350px;height:300px;margin:0px;padding:0px;}
#loginin p{padding:5px 10px 5px 10px;background-color:#2d2d2d;text-transform:uppercase;margin-bottom:10px;margin-top:0px;}
#loginin p.bottom{margin-top:10px;margin-bottom:0px;}
#loginin p.normal{margin:0px;font-size:80%;background-color:#171818;padding:10px 20px;}
#loginin a:link,#loginin a:visited,#loginin a:hover{color:#fff;}
#products{float:left;color:#fff;background-color:#000;width:440px;height:250px;padding-left:0px;}
#products img {margin:10px 0px 10px 30px}
#title{width:100%;border-bottom:1px solid #ff0000;}

#page, #pageform {width:900px;margin:auto;margin-bottom:50px;}
#pageform_cust {width:900px;margin:auto;margin-bottom:50px;}
#pagecontent{padding-top:10px;min-height:100%;width:100%;}

html #pagecontent{height:100%;}

/* banners */
#banner {width:100%;height:120px;background:url(images/mytape.jpg) center center no-repeat;}
#bannerAddress {font-size:0.9em;float:right;width:260px;margin-top:8px;color:#006}
#homebar{width:100%;height:20px;background-color:#ee3035;padding-top:5px;}
#homebar a{color:#ffffff;margin-left:50px;}

/* Nav styles */
#navdiv{width:800px; height:40px;background:url("images/navback.jpg") top left repeat-x;}
ul#nav  {padding-top:0px;margin-top:7px;}
#nav li{float:left;position:relative;margin-top:4px;text-align:center;padding:3px 20px 0px 20px;height:10px;list-style:none;}
#nav li.first{width:3em;text-align:left;}
#nav li.last{border-right:none;}
#nav li ul{visibility:hidden;position:absolute;top:100%;left:0;background-color:#ffffff;padding:0.5em 0 1em 0;}
#nav li > ul{top:100%;left:0;}
#nav li li{float:none;display:block;width:20em;text-align:left;padding-left:8px;}
#nav li:hover ul {visibility:visible;display:block;}
#nav a{color:#888;font-size:1em;text-decoration:none;}
#nav a:visited{color:#888;text-decoration:none;}
#nav a:hover{color:#fff;text-decoration:underline;}

/* Red box on left side of order form */
#toggle {position:relative;width:200px;float:left;border-right:1px solid #000;padding:0;margin-top:1em;margin-bottom:1em;background-color:#EB0000;color:#333;}
#toggle ul {list-style:none;margin:0;padding:0;border:none;}
#toggle li {border-bottom:1px solid #FF5C5C;margin:0;height:40px;}
#toggle li a {display:block;padding-top:10px;padding-left:5px;height:30px;width:175px;border-left:10px solid #b80000;border-right:10px solid #ff3333;background-color:#EB0000;color:#fff;text-decoration:none;}
#toggle li a:hover {border-left:10px solid #EB0000;border-right:10px solid #FF4D4D;background-color:#FF1F1F;}

/* Order form styles */
#formtry{float:left;position:relative;width:680px;margin-top:10px;padding-top:0px;text-align:left;height:1%}
#formtry_custom{float:left;height:1%;width:100%;margin-top:10px;padding-top:0px;text-align:left;height:500px;}

#pagecontentsummary{background-color:#000;color:#ffffff;height:100%;}
#pagecontentsummary p {margin:5px 10px; width:100%;}

/* table styles */
tr .bg td{background-color:#red;}
td {border:1px solid #313030;font-size:0.8em;border-right:0px;border-bottom:0px;padding-left:10px;padding-top:5px;text-align:left;}
td .bottomborder{border-bottom:1px solid #313030}
td .topbord{border-left:0px;}
th {
	background:url("images/shade.jpg") top left repeat-x;
	text-transform:uppercase;
	font-size:0.8em;
	text-align:left;
	border:1px solid #313030;
	padding-left:10px;
	height:25px;
	border-right:0px;
	border-bottom:0px;
	vertical-align:middle;
}
td a{text-decoration:none;}
.bordright {border-right:1px solid #313030}
.bordbottom {border-bottom:1px solid #313030}
.tableright{text-align:right;border-right:1px solid #313030}

#pagecontentleft{float:left;width:65%;height:100%;background-color:transparent;}
#pagecontentright{float:right;height:100%;width:200px;text-align:center;}

#loginright {float:right;width:40%;margin:20px 10px 10px 10px;}
#ob{width:100%;height:auto;text-align:center;}
#lb{width:100%;height:auto;}
#sffp{width:90%;height:auto;}

/* From fields */
fieldset{width:100%;text-align:left;border:0px solid #ff0000;background-color:transparent;color:#ffffff;padding-left:5px;}
label{display:block;width:30%;float:left;margin:0px;padding:0px;margin-left:40px;height:20px;margin-top:4px;}
textarea {width:250px;border:1px solid #cccccc;margin-top:5px;}
select {margin-top:10px;}
input {margin:5px 30px 4px 0px;width:150px;background-color:#ffff;padding-left:5px;border:1px solid #595959;height:20px;}
input.submit, input.apply{
	float:right;
	color:#fff;
	margin-right:30px;
	background-color:#2d2d2d;
	border:1px solid #555;
}

#homeLogin label{width:100px;float:left;margin:0px;padding:0px;margin-left:40px;height:20px;margin-top:4px;}
#homeLogin .button {width:100px;height:25px;padding:0px 5px;background-color:#eaeaea;}
#homeLogin input{float:right;}
/*#accountcustomer label,#nonaccount label,#delivery label, #ordercomplete label, #editcust label*/
#ordercomplete input{padding-left:0px;}
#loyalty label{float:left;width:30%;margin:0px;padding:0px;margin-left:40px;height:20px;margin-top:4px;}

#userAdminBox{width:90%;margin:0px auto;border:1px solid #313030;height:auto;margin-bottom:15px;padding-bottom:5px}
#userAdminBox a {text-decoration:underline;}
#userAdminBox p {padding-bottom:0px;margin-bottom:0px;}
#userAdminBox .boxText {width:100%;padding:10px;}
#userAdminBox .title{width:100%;font-size:1.2em;height:25px;text-align:center;background:url("images/shade.jpg") top left repeat-x;color:#fff;font-weight:bold;padding:5px 0px 5px;margin-top:0px}
#userAdminBox li{padding:2px;margin:0px;list-style-type:none;padding-left:10px;}

/* Custom form styles */
.customprods{height:100%;margin-bottom:20px;}
.button {padding-left:0px;}
#currentprods{border:1px solid #ccc;background-color:#313030;padding:10px;}
#currentprods th{border:1px solid #555;border-bottom:0px;border-right:0px;}
#currentprods td{border:1px solid #555;border-bottom:0px;border-right:0px;}

/* Client panel styles */
#clientLogin input {width:250px;border:1px solid #cccccc;margin-top:5px;height:20px;padding-top:2px;}
#clientLogin label{width:30%;float:left;text-align:right;margin:0px;padding:0px;margin-top:9px;}
#clientLogin .button {width:100px;height:25px;padding:0px 5px;background-color:#eaeaea;}

#termsCond {width:80%; border:1px solid #cccccc;margin:10px auto; padding:5px;height:200px; overflow:auto}
#termsCond p {padding:3px 5px}
#termsCond ul {margin-left:50px;}
#termsCond li {padding:3px 0px;}
.wideLabel {width:850px;margin-bottom:5px;}
input.radio {width:30px;border:none;}

#clientRight{width:30%;float:right;text-align:left;min-height:100%;}
html #clientRight{height:100%;}
#clientRight img {margin-left:12px;margin-bottom:10px;}

html #wrapper {height:700px} 
#content {height:450px} 
#agent{width:100%;border:1px solid #313030;height:auto;margin:15px 0px;padding-bottom:5px}
#unpaid,#paid{width:100%;border:1px solid #313030;background-color:#ee3035;height:auto;margin:0px 0px 15px 0px;padding-bottom:5px;color:#fff;}
#paid {background-color:#006600;border-color:#006600;}
#agent a {text-decoration:none;}
#unpaid a,#paid a{color:#fff;font-weight:bold;}
#agent p,#unpaid p,#paid p{padding:0px 10px 5px;}
#agent .boxText {width:100%;padding:10px;}
#agent .title,#unpaid .title{width:100%;height:25px;text-align:center;background:url("../images/shade.jpg") top left repeat-x;color:#fff;font-weight:bold;padding:5px 0px;margin-bottom:10px}
#paid .title{width:100%;text-align:center;background-color:#006600;color:#fff;font-weight:bold;padding:5px 0px;margin-bottom:10px}
#agent ul,#unpaid ul{margin-left:30px;}
#agent li,#unpaid li{padding:2px;margin:0px;list-style-type:none;padding-left:10px;}
.buttonlong {width:150px;height:25px;padding:0px 5px;background-color:#ffffff;}#contentInvoice {width:650px;height:100%;margin:10px auto;background-color:#000; }

#contentInvoice p {padding:0px;margin:0px;}
#orderContents {padding-top:20px;}

.prods{height:450px;overflow-y:scroll;}