/*----------------------------------------------------------------------------- 
Admin Screen Stylesheet 
   date:     /  /
version:   1.0 
 author:   Terry
  email:   terry.webdesign@gmail.com
-----------------------------------------------------------------------------*/ 

/* Global
-----------------------------------------------------------------------------*/ 
html,body { margin: 0; padding: 0; border: none; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #fff url(images/bg.jpg) top left repeat-y; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
img {vertical-align: top;}
input, textarea, select { font-family: Arial, Helvetica, sans-serif; padding: 1px 4px;}
select {padding: 0;}
a, a:link, a:hover, a:visited { text-decoration: none; color: #0000FF; }
a:hover { text-decoration: underline }


/* Header 
-----------------------------------------------------------------------------*/ 
#header { height: 125px; background: #000 url(images/header_bg.jpg) top center repeat-x; }
	#headerLogo { height: 125px; width: 793px; background: url(images/header.jpg) top center no-repeat; }


/* Navigation 
-----------------------------------------------------------------------------*/ 


/* Homepage 
-----------------------------------------------------------------------------*/ 
#wrapper { margin: 0 auto;}
#leftCol { width: 119px; float: left;  padding: 10px; color: #fff; background: #000; }
#rightCol { width: 766px; float: left;  padding: 10px 10px 10px 20px; }
#cat_name, #cat_name a, #cat_name:link, #cat_name:visited { color: #ff0000; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 0 0 10px 0; }	

#sub_cat a, #sub_cat a:link, #sub_cat a:visited { color: #fff; font-size: 12px; }


/* Forms
-----------------------------------------------------------------------------*/ 


/* Thickbox CSS 
-----------------------------------------------------------------------------*/ 
#TB_window * {padding: 0; margin: 0;}
#TB_window { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link {color: #0000ff;}
#TB_window a:visited {color: #0000ff;}
#TB_window a:hover {color: #0000ff;}
#TB_window a:active {color: #0000ff;}
#TB_window a:focus{color: #0000ff;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px;	text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#6F8992; height:24px; color: #fff; font-weight: bold; border: 1px solid #4D5F64; }
#TB_ajaxContent { clear:both;  padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }




/* Forms
-----------------------------------------------------------------------------*/ 
table.form_1 {  }
table.form_1 td {  }
table.form_1 td.labelcol { background-color: #f2f2f2; }
table.form_1 td.inputcol { background-color: #dee3e7; }
table.form_1 td label { font-weight: bold; display: block; width: 100%; text-align: right; padding: 3px 0; }
tr.form_1_head td, tr.right_tbl td { padding: 15px 5px 6px 5px; text-align: left; border-bottom: 1px solid #989898; font-weight: bold; }
tr.form_1_a td, tr.form_1_b td { padding: 3px 5px; }
tr.form_1_a td { background-color: #FFF; }
tr.form_1_b td { background-color : #FFF; }
td.form_1_bt { text-align: center; height: 45px; vertical-align:middle; white-space: nowrap;}

tr.form_1_head td a, tr.form_1_head td a:link, tr.form_1_head td a:hover, tr.form_1_head td a:visited { text-decoration: none; color: #fff; }
tr.form_1_head td a:hover { text-decoration: underline }

input.button { width: auto; padding: 5px 15px; }
ul.checkradio { list-style-type: none; font-family: verdana; font-size: 10px; margin: 0; padding: 0;}
ul.checkradio li { display: inline; white-space: nowrap;  }
ul.checkradio li div {float: left;  padding: 0 10px 0 0; line-height: 22px; width: auto;}
ul.checkradio li div input {vertical-align: middle; float: none; height: 14px; }
ul.checkradio li div label { display: inline;  float: none; text-align: right; }

table.fields1, table.fields2 { border-bottom: 1px solid #CAD0D5; border-left: 1px solid #CAD0D5; border-right: 1px solid #CAD0D5; border-top: 0px; background: #fff; }
table.fields2 { background-color:#F2F2F2; }
td.field1 { background-color:#F2F2F2; padding:6px; }
td.value1 { background-color:#DEE3E7; padding:6px; }

td.fieldv1 { background-color:#F6F6F6; padding: 6px; border-bottom: 1px solid #CBDAE6; }
td.valuev1 { background-color:#fff; padding: 6px;  border-bottom: 1px solid #CBDAE6; }

table.catalog { border-bottom: 1px solid #CAD0D5; border-left: 1px solid #CAD0D5; border-right: 1px solid #CAD0D5; border-top: 0px; background: #fff; }

.button { padding: 3px; font-weight: bold; }






#contact_form { width: 400px; float: left; }

	#contact_form fieldset { border-bottom: 0px; border-left: 0px; border-right: 0px; width: 400px; display: block; padding: 20px 0; }

	#contact_form legend { font-size: 18px; font-weight: bold; color: #036; margin: 0 0 15px 0; }

	#contact_form label { width: 150px; text-align: right; float: left; line-height: 21px; padding: 0 5px 0 0; display: block; font-weight: bold; }

	#contact_form input, select { width: 140px; border: 1px solid #666666; padding: 2px; }

	#contact_form #button { width: 100px; }

	#contact_form textarea { width: 220px; height: 100px; border: 1px solid #666666; font-family: verdana; font-size: 11px; }

	#contact_form div.field { margin: auto auto 0.5em; margin-bottom: 0.5em; text-align: left; width: 100%; float: left; }

	#contact_form span.required { color: #FF0000; }