html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}



										/*-- classes and styling -- */

.red {
	color:#ad1a1a;
}


.bold{
	font-weight:bold;
}
.centerText {
	text-align:center;
}
.rightText {
	text-align:right;
}
.text1 {
	font-size: 8pt
}
.text2 {
	font-size: 10pt
}
.text3 {
	font-size: 12pt
}
.text4 {
	font-size: 14pt
}
.text5 {
	font-size: 16pt
}
.text6 {
	font-size: 18pt
}
.text7 {
	font-size: 20pt
}
.text8 {
	font-size: 11pt
}
h1 {
    color:#ad1a1a;
    font-weight:normal;
    font-size:20pt
}
a:link {
	text-decoration: none;
	color: #ad1a1a;
}
a:visited {
	text-decoration: none;
	color:#ad1a1a;
}
a:hover {
	text-decoration: none; 
	color: #fff;
}
img, img a:link {
	border: 0;
}
.left {
	float:left
}
.right {
	float: right
}
.clear {
	clear:both
}
.imgMargin {
    margin-top:25px
}
.imgMargin2 {
    margin-top:5px
}
										/*-- core page elements --*/

body {
	font-family: Helvetica, sans-serif;
	font-size: 100.01%;
	background: url(../images/bgSlice.jpg) repeat-x #6d7379;
	color:#3b3939;
}
#contentWrapper {
    background: url(../images/contentBgSlice.jpg) repeat-y;
}
#contentHome {
    background: url(../images/homeContent.jpg) top center no-repeat;
    height:auto !important;
	height:325px;
	min-height:325px;
}
#contentInner {
    width:854px;
    padding:22px 60px;
    min-height: 325px;
}
#footer {
    background: url(../images/footer.jpg) no-repeat;
	height: 76px;
    padding:15px 53px 15px 51px;

}
#footerInfo {
    width:570px;
    margin:0 auto;
    text-align:center;
    padding-top:30px;
}
#footerInfo a {
    display:inline;
    border-right:1px solid white;
    padding-right:9px;
    padding-left:5px;
    color:#ccc
}
#footerInfo a.last {
    border:none;
}
#footerInfo a:hover.last, #footerInfo a:hover{
    color:#ad1a1a
}


#header {
	background: url(../images/header.gif) no-repeat;
	height: 367px;
    position:relative
}
#headerSurplusLink {
    position:absolute;
    left:94px;
    bottom:128px;
    width:361px;
    height:34px
}
#headerSalesLink {
    position:absolute;
    left:94px;
    bottom:258px;
    width:361px;
    height:34px
}
#headerFieldLink {
    position:absolute;
    left:94px;
    bottom:216px;
    width:361px;
    height:34px
}
#headerRemanLink {
    position:absolute;
    left:94px;
    bottom:172px;
    width:361px;
    height:34px
}
#headerSec {
	background: url(../images/pitchBg.jpg) no-repeat;
	height: 367px;
    position:relative
}

#homeText {
    width:472px;
    margin-left:22px;
    display:inline;

}
#homeText p{
    letter-spacing: -.00em

}
.logo {
    margin-left:349px
}
#logoHeader {
    background: url(../images/logoHdr.jpg) no-repeat;
	height: 116px;
}
#normalList li{
    margin-left:15px;
    list-style:disc
}
#picWrap {
    width:150px;
    float:right
}
#slideShow {
    position:absolute;
    height:320px;
    width:432px;
    left:62px;
    top:24px;
    overflow:hidden
}
#wideText {
    width:642px;
    margin-left:22px;
    display:inline;

}
.wrapper {
	width:977px;
	margin: 0 auto;
}


/* main navigation css */


#navFly {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:184px; border:1px solid #dcdcdc}
#navFly ul {padding:0; margin:0; list-style:none; width:184px; height:auto; background: url(../images/trans.gif); position:absolute; left:-9999px; top:0;}
#navFly table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#navFly li {float:left; margin-bottom:0px;border-bottom:1px solid #dcdcdc}
#navFly li a {display:block; float:left; width:184px; padding-top:9px; height:33px; background:#7d7d7d; color:#fff; line-height:24px; font-family:verdana, sans-serif; font-size:18px; text-decoration:none; text-indent:10px;}
#navFly li a.fly {background:#7d7d7d url(../images/right-arrow.gif) no-repeat right center;}

#navFly li:hover {position:relative;}
#navFly li a:hover {position:relative; background-color:#ad1a1a; color:#fff;}
#navFly li:hover > a {background-color:#ad1a1a; color:#fff;}

#navFly ul li a {background:#666;}
#navFly ul li a.fly {background:#aaa url(../images/right-arrow.gif) no-repeat right center;}
#navFly ul ul li a {background:red;}
#navFly ul ul li a.fly {background:red url(../images/right-arrow.gif) no-repeat right center;}
#navFly ul ul ul li a {background:#ddd;}

#navFly li a.current,
#navFly ul li a.current,
#navFly ul ul li a.current,
#navFly ul ul ul li a.current {background-color:#545454; color:#fff;}

#navFly :hover ul,
#navFly :hover ul :hover ul,
#navFly :hover ul :hover ul :hover ul {left:175px;}

#navFly :hover ul ul,
#navFly :hover ul :hover ul ul {left:-9999px;}

#navFly ul li:hover > a {background-color:#ad1a1a; color:#fff;}
#navFly ul ul li:hover > a {background-color:#ad1a1a; color:#fff;}


/* contact form */
.conForm1 {
    width:285px
}
.conForm2 {
    width:285px;
    padding-left:15px
}
#subMessage1 {
	font-size:16px;
	font-weight:bold;
	color: #00900e;
	position:relative;

}
.subBtn {
    padding-left:125px
}

#frmContact1 label {
	width:120px;
    text-align:right;
    font-size:15px;
    font-weight:bold;
    margin-right:5px
}
#frmContact1 textarea {
	width:600px;
    height:100px

}
#frmContact1 input {
    margin-bottom:10px
}
#frmContact1 label.error {
	color: red;
	width: 250px;

	font-size: .8em;
}

input.error {
	border: 2px solid red;
}

textarea.error {
	border: 1px solid red;
}


select.error {
	border: 1px solid red;
}

/* Forms */
#TransformerAddForm, #TransformerEditForm, #TransformerIndexForm { margin: 0 0 18px; }

#TransformerIndexForm label,
#TransformerAddForm label,
#TransformerEditForm label,
#TransformerIndexForm input,
#TransformerAddForm input,
#TrasnformerEditForm input { display: block; }

#TransformerIndexForm input,
#TransformerIndexForm select,
#TransformerAddForm input,
#TransformerAddForm select,
#TransformerEditForm input,
#TransformerEditForm select { margin: 0 0 5px; }

#UserLoginForm input, #UserLoginForm label { display: block; margin: 0 0 5px; }

#TransformerIndexForm label,
#TransformerAddForm label,
#TransformerEditForm label { margin: 0 0 5px; }

/* Validation */
div.error-message {
    background: #F33;
    border: 1px solid #C03;
    color: #000;
    font-size: 12px;
    font-style: italic;
    margin: 5px 0;
    padding: 4px;
    width: 300px;
}

/* Transformer table */
table#transformers { width: 645px; }
    #transformers th { background: gray; font-weight: bolder; cursor: pointer; }
    #transformers tr { border-bottom: 1px solid #999; }
    table#transformers thead tr th, table#transform tbody tr > th { padding: 5px 0 5px 15px; }
    #transformers th, #transformers td { padding: 5px 0; }

/* data tables */
.dataTables_wrapper { width: 645px; }
    .top, .bottom { font-size: 12px; }
    .dataTables_wrapper > table { clear: left; }
    .dataTables_wrapper div.top {
        background: #333;
        color: #fff;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;

        /* CSS3: will not validate */
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
    }

    .dataTables_wrapper div.bottom {
        background: #333;
        color: #fff;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;

        /* CSS3: will not validate */
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
    }
.dataTables_length { float: left; }
.dataTables_filter { float: right; margin: 0; }
.dataTables_info { float: left; }

.odd {}
.even { background-color: #AAA; }

.add_trans {
    background: url(../images/add.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 28px;
    margin: 0 8px 0 0;
    text-indent: -9999px;
    width: 71px;
}
.logout {
    background: url(../images/logout.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 28px;
    text-indent: -9999px;
    width: 71px;
}
.change_pass {
    background: url(../images/change_pass.png) 0 0 no-repeat;
    display: block;
    float: left;
    height: 28px;
    text-indent: -9999px;
    width: 150px;
}
.edit_icon {
    background: url(../images/edit.png) 0 0 no-repeat;
    display: block;
    height: 16px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 16px;
}
.delete_icon {
    background: url(../images/delete.png) 0 0 no-repeat;
    display: block;
    height: 16px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 16px;
}
table#transformers thead tr th.sorting_asc {
background: gray url(../images/sort_asc.png) no-repeat center left;
}

table#transformers thead tr th.sorting_desc {
	background: gray url(../images/sort_desc.png) no-repeat center left;
}

table#transformers thead tr th.sorting {
	background: gray url(../images/sort_both.png) no-repeat center left;
}

div#flashMessage { border: 1px dashed #333; margin: 5px 0 18px; padding: 4px; }

div.password input, div.password label { display: block; margin: 5px 0; }