body {
	background-color:#a6bf79;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0px;
}
.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}
#container {
	margin: 0px auto;
	text-align: left;
	width: 717px;
}
a{
	font-size:12px;
}
p{
	margin: 15px 0px;
}
/********************** Header ***************************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url(images/header.jpg);
	width:717px;
	height:288px;
	position:relative;
}
#header ul{
	background-color:#85a157;
	width:711px;
	border: 3px solid #FFFFFF;
	display:block;
	top:255px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:22px;
	padding:5px 0px 0px 0px;
	text-align:center;
}
#header li{
	display:inline;	
}
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
#header ul a:hover{
	text-decoration:underline;
	color:#28556b;
}
#logo_w1,#logo_w2 {
	font-size: 24px;
	font-style:italic;
	color:#FFFFFF;
	position:absolute;
}
#logo_w1{
	top:15px;
	left:70px;
}
#logo_w2{
	top:44px;
	left:94px;
}
#cart_text {
	top:-9px;
	right:-20px;
	width:150px;
	position:absolute;
}
#cart_text p{
	text-align: right;
	font-size: 8pt;
	color:#809360;
}
#cart_text a{color:#28556b;}
#cart_text a:hover{color:#c77e0c;}

#header_text {
	top:205px;
	left:23px;
	width:430px;
	position:absolute;
}
#header_text p{
	font-size: 12px;
	color:#666666;
}
#header_text a{color:#666666;text-decoration:none;}
#header_text a:hover{color:#c77e0c;}
/********************** Content ***************************/
#content {
	background-image:url(images/content_bg.gif);
	width:717px;
}
img{
	border-width:0px;
}
h1{
	color:#000000;
	font-size:14px;
	margin: 20px 0px 20px 0px;
}

h2{
	color:#85a157;
	font-size:14px;
	text-align:center;
	width:200px;
	margin: 10px 0px 15px 0px;
}

#left {
	float:left;
	width:428px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}

#center {
	float:left;
	width:660px;
	margin-left:27px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#center a{color:#28556b;}
#center a:hover{color:#c77e0c;}


#photos a{
	margin-right:14px;
}

#right {
	float:right;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;

}

#right a{
	color:#c77e0c;
}

#right a:hover{
	color:#85a157;
}

/********************** Footer ***************************/

#footerline {
clear:both;
background-image:url(images/footer_bg.gif);
font-size:1px;
height:10px;
}
#footer {
	color: #ffffff;
	font-size: 8pt;
	width:717px;
	text-align:center;
	padding: 20px 0px;
}
#footer a {
	color: #ffffff;
}
#footer a:hover{color:#809360;}
#footer p.copyright {
	color: #809360;
}

#infomessage { color: #990000; }
#errormessage { color: #990000; }
.error { color: #990000; }

/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
    
.Icon {
        
    width: auto;
    padding-left:20px;
    background-position: left center;
    background-repeat: no-repeat;
    color:#006699; 
    text-decoration: none;
}

a.Icon { }
   
a.Icon:hover {
    text-decoration: underline;    
}

    
.Icon.Ticket { background:url(images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(images/icons/ticket_source_phone.gif) 0 2px no-repeat; }


.Icon.attachment { background-image: url(images/icons/attachment.gif); }
.Icon.file { background-image: url(images/icons/attachment.gif); }
.Icon.refresh { background-image: url(images/icons/refresh.gif); }   
.Icon.thread {
    font-weight: bold;
    font-size: 1em;
    background-image: url(images/icons/thread.gif);
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
    margin:10px 0 5px 0;
}

#ticketthread table.response {
    margin-bottom:5px;
}

table.message, table.response {
    border: 1px solid;
    border-bottom: none;
}

table.message td, table.message th,table.response td, table.response th {
    border-bottom:1px solid;
    padding:5px;
}

table.message tr.header td, table.response tr.header td {
    padding:1px;
    padding-left:5px;
}

table.message th, table.response th {
    line-height:24px;
    font-size:12px;
    padding:1px;                
    padding-left:5px;
    font-weight:bold;
}





/* ************************************************************* */


/* Data Table */
table.tgrid {
 border-left: 1px solid;
}

table.tgrid td {
  border:1px solid;
  border-top:none;
  border-left:none;
  padding:5px; 
}

table.tgrid th {
  color: #FFF;
  font-size: 12px; 
  font-weight:bold;
  padding:5px; 
}


table.tgrid, table.tgrid td, table.tgrid th {
  border-color:#ADADAD;
}

/* Table headings */
table.tgrid th {
  background:#ADADAD;;
  color:#FFF;
}

table.tgrid th a, table.tgrid th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover */
.tgrid tr:hover td {  background-color: #FFFFDD; }

/* Alt rows used on most data tables */
.row1 { background-color: #F4FAFF; }
.row2 { background-color: #FFFFFF; }

/* auto-highlight */
.row1.highlight td,.row2.highlight td {
    background-color: #FFFFDD;
}


/* mesages, warning and errors */
.error {
    color: #FF0000;
}

.msg {
    color:#006699;
}

#infomessage {
  background-color: #390;
  border-color: #390;
  color: #390;
  background: #CFC;
}

#errormessage {
    border-color: #903;
    background-color: #fcc;
    color: #903;
}

#warnmessage {
    border-color: #fad163;
    background-color: #fdedc1;
}



/* Assorted number of tables used on view ticket.*/

table.infotable td, table.infotable th {
    background-color: #F4FAFF;
}

table.infotable th {
    font-weight:bold;
    text-align:left;
    padding-left:3px;
}

/* Response & message background */
table.message, table.response {
    border-color:#ADADAD;
}

/* Message title */
table.message th {
    background-color: #C3D9FF;
}
/* Response title */
table.response th {
    background-color: #FFE0B3;
}

/* message & response header */
table.message tr.header td, table.response tr.header td {
    background-color: #EFEFEF;
    border-color:#ccc;
}

/* table cells bg */
table.message td, table.response td {
  background-color: #FAFAFA;
}