body, html {
    margin:0px; padding:0;
    font-size: 100%;
}

body {
    min-width:980px;
    background:#fff;
}

body, td, th, input, textarea {
    font-family:verdana, Arial, Helvetica, sans-serif; 
    font-size:12px;
    color:#666;
}


/*-- General --*/


th, td { vertical-align:top; }
th { text-align:left; }

img { border:none; }

.left  { float:left; }
.right { float:right; }
.nowrap { white-space: nowrap; }

.clearer { 
	clear: both;
	line-height: 1px;
} 

* html #content {
        height: 1%;
}

.error, .msg, .success {
	font-weight:bold;
	border-style:solid;
	border-width:1px 0px;
	padding:2px 0px;
	margin:2px 0px;
}

.error {
	color:#ff0909;
	border-color:#ff0909;
}

.msg, .success {
	color:#393;
	border-color:#393;
}

a:link { color:#bc2b1c; text-decoration:underline; }
a:visited { color:#551a8b; text-decoration:underline; }

h2 { margin-top:0px; }

/*-- page layout - columns --*/

.div { border:1px solid #fff; }	

#bodywrap {
	width:980px;
    margin:10px;
}
#narrowbodywrap {
	width:640px;
    margin:10px;
}

#content {
	position: relative;

    height: auto !important;
    height: 600px;	/* space for rh boxes + logos */
    min-height: 600px;
}


#leftcolumn {
	margin:0; padding: 0;
	width:179px;
	float:left;
}

#widecolumn {
	width:571px;
	overflow:hidden;	/* for IE5.5/IE6 */
	margin:0px 25px;
	float:left;
}

/*-- right hand column --*/

#rightcolumn {
	margin:0; padding: 0;
	width:180px;
	float:right;

	/* put it here for IE5+*/
    height: auto !important;
    height: 600px;	/* space for rh boxes + logos */
    min-height: 600px;
    
    color:#592D5F;
}

#rightcolumn #panels {
	font-size:85%;
	font-weight:normal;
}

#rightcolumn #logos {
	position: absolute;
	bottom: 0px;
	right:30px;
}

#rightcolumn a:link {
	color:#592D5F;
}

.panel {
	margin-bottom:1em; 
}


/*-- left hand menu --*/
div#navmenu ul  {
	margin:0; padding:0;
}

div#navmenu li  {
	display: inline;
	list-style: none;
	margin:0; padding: 0;
	text-align: left;
}

/*-- header bar --*/
#header {
	background: #fff url('images/header_line.gif') bottom right no-repeat;
	padding:0px 12px 6px 0px;
	margin-bottom:20px;
}

/*-- footer --*/

#footer {
	padding:30px 20px 10px 20px;
	background: #fff url('images/footer_line.gif') top left no-repeat;
	font-size:85%;
}

#footer a { 
	color:#666;
}

#footer ul  {
	margin:0; padding:0;
	display: inline;
}

#footer li  {
	display: inline;
	list-style: none;
	margin:0; padding: 0;
	margin-left:12px;
}


/*-- bodytext --*/

div.bodytext {
	line-height:160%;
	padding:0px 20px;
}

div.bodytext p:first-child {
	/* margin-top:0px; */
}	

.topimage {
	position:relative;
	width:571px; height:260px;
	z-index:1;
}	

.topimage p {
	position:absolute;
	color:#fff;
	margin:0;padding:0;
	line-height:160%;
	left:20px; bottom:20px;
	width:520px;
	z-index:2;
}

.em {
	color:#bc2b1c;
	font-weight:bold;
	font-size:110%;
}

/*-- forms and fieldsets --*/
input.button, input.purplebutton {
    background-color:#7597b3;
    border:1px outset #666;
    color:#fff;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
}
input.purplebutton {
    background-color:#592D5F;
}

form { 
  margin:0;
  padding:0;
}

fieldset {
	border:1px solid #ccc ;
	padding: 10px; 
	margin: 0;
	margin-bottom:10px;
}

td.label {
	width: 120px; 
	padding:0; 
}

td.data {
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding:0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea, form select {
	width:auto; 
	margin:5px 0 0 10px; 
}

form .field {
	display: block;
	margin: 5px 0 0 130px;
}
form .hint {
	display: block;
	margin: 0 0 0 130px;
	padding: 1px 0px;
}

form br {
	clear:left;
}


select.inputbox, input.inputbox {
	border:1px solid #592d5f;
	width:300px;
	background-color:#fff !important;
}	

textarea.inputbox {
	border:1px solid #592d5f;
	width:300px;
	height:80px;
	background-color:#fff !important;
}	


/*-- box with rounded corners and texture --*/
.texture {
	background:#fff url('images/texture-top-left.gif') top left no-repeat;
	margin-bottom:12px;
}

.texture .b2 {
	background:transparent url('images/texture-bottom-right.gif') bottom right no-repeat;
}

.texture .b3 {
	background:transparent url('images/texture-bottom-left.gif') bottom left no-repeat;
}

.texture .b4 {
	padding:12px;
	background:transparent url('images/texture-top-right.gif') top right no-repeat;

    height: auto !important;
    height: 50px;
    min-height: 50px;
}


/*-- box with rounded corners --*/
.rounded {
	background: #fff url('images/rounded-top-left.gif')  top left no-repeat;
}

.rounded .b2 {
	background:transparent url('images/rounded-bottom-right.gif')  bottom right no-repeat;
}

.rounded .b3 {
	background:transparent  url('images/rounded-bottom-left.gif')  bottom left no-repeat;
}

.rounded .b4 {
	min-height:50px;
	background: transparent url('images/rounded-top-right.gif') top right no-repeat;
}
.rounded form {
	padding:12px;
}	


/*-- postback form --*/
table.postback {
	border-spacing:0px;
	border-collapse: collapse ;
	empty-cells: show ;
	border:1px solid #e5dee6;
}
table.postback td {
	padding:3px 6px;
	border-bottom:1px solid #b5a2b8;
}	

table.postback td.label {
	background-color:#dad0db;
	font-weight:bold;
}

table.postback td.data {
	width:300px;
}

/*-- reseller list in 3rd column --*/
#resellerlist p {
	text-align:right;
}