/* General settings */
body {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 770px;
	background-color: #ffffff;
	margin: 5px 0px 0px 10px;
	line-height: 130%;
}
.trader1{
background-position: left top; background-image: url('images/b2.gif'); background-repeat: no-repeat}

.trader2{
background-position: right top; background-image: url('images/b4.jpg'); background-repeat: no-repeat}
.linkline    { border-bottom: 1px dotted #000080;  }
.tradersmall{
background-position: right top; background-image: url('images/b4.jpg'); background-repeat: no-repeat}
}

.menulink:a, .menulink:visited, .menulink:link {text-decoration:none}

table {
	border: 0px none; 
}

td {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 130%;
}

img {
	border: 0px none; 
}

a {
	color: black;
	text-decoration: underline;
}

a.noDecoration {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #000080;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: bold
}

h2 {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
}

h2.filled {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
	background: #EEEEEE;
}

h3 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 10px;
	color: #000000;
}

h3.filled {
	font-size: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
	background: #EEEEEE;
}

table.smallbox h3 {
	font-size: 10px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}

ul {
	list-style-image: url('/pan/website/images/square_black.gif');
	margin-top: 10px;
	margin-bottom:0px
}

ul.important {
	list-style-image: url('/pan/website/images/square_orange.gif');
	margin-top: 10px;
	margin-bottom:0px
}





table.header {
	border-left:0px solid gray; border-right:0px solid gray; border-top:0px solid gray; border-bottom:1px solid gray; width:770px;
	
}
table.header a {
	font-size: 10px;
	color: gray;
	font-weight: bolder;
    text-decoration: none;
}
table.header td {
	font-size: 10px;
	color: gray;
	font-weight: bolder;
}


div.breadCrumb {
	font-size: 10px;
	color: red;
	background: #F8F8F8;
	font-weight: bold;
	padding: 4px;
	width:100%
}
div.breadCrumb a {
	text-decoration: none;
	color: red;
}




div.floatBoxRight {
	width:170px;
	float: right;
	margin-left:4px;
	margin-bottom:10px;
	padding-left:8px;
	border-left-width:1px;
	border-left-style:dotted;
	border-left-color:gray;
}

/* H2 inside floatBoxRight: */
div.floatBoxRight h3 {
	font-size: 10px;
	color: #000000;
	background: #EEEEEE;
	font-weight: bold;
	padding: 2px;
	padding-left:10px;
	margin-bottom: 10px;
	margin-top: 0px;
}
/*
img.floatBoxRight.nextButton  {
	vertical-align: middle;
	float: right;
	margin-right: 20px;
	width: 17px;
	height: 17px;
}
*/


img.listSquare {
	margin-right:5px;
	width: 5px;
	height: 5px;
}

.input {
	border-left:1px solid #AFAFAF;
	border-top:1px solid #AFAFAF;
	border-right:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	font-size: 10px;
	margin: 1px;
}
.inputbox {
	border-left:1px solid #AFAFAF;
	border-top:1px solid #AFAFAF;
	border-right:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	font-size: 10px;
	margin: 1px;
	width: 150;
}
.textarea {
	border-left:1px solid #AFAFAF;
	border-top:1px solid #AFAFAF;
	border-right:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	font-size: 10px;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	margin: 1px;
}

td.boxLeft {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 5px;
	border-right-style:dotted;
	border-right-color:gray;
	border-right-width:1px;
	height: 100%;
}

td.boxMiddle {
	vertical-align: top;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border-right-style:dotted;
	border-right-color:gray;
	border-right-width:1px;
	height: 100%;
}

td.boxRight {
	vertical-align: top;
	padding-top: 0px;
	padding-left: 5px;
	height: 100%;
}

h3.boxHeader {
	font-size: 10px;
	color: blue;
	background: red;
	padding: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.nextButton  {
	vertical-align: middle;
	width: 17px;
	height: 17px;
}

.nextButtonRight  {
	vertical-align: middle;
	float: right;
	width: 17px;
	height: 17px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
}



/* *********************** MENU styles *******************************/

table.menuTable {

}

table.menuTable td {
    padding: 4px;
    border-bottom: 1px dotted #666666;
    border-left: none;
    border-right: none;
    cursor:pointer;
}

table.menuTable a {
    text-decoration: none;
}

table.menuTable td.menuLevel0 {
    background:#eeeeee;
    text-transform: uppercase;
    font-weight: bold;
}

table.menuTable td.menuLevel1 {
    text-transform: uppercase;
}

/* this and menuLevel2 is used at the same time (class="menuLevel2 menuLevel2Selected")
   this is overridden in advertiser.css, publisher.css etc) */
table.menuTable td.menuLevel1Selected {
		background:red;
		font-weight: bold;
}

table.menuTable td.menuLevel2 {
    padding-left: 16px;
}

/* *********************** /MENU styles *******************************/
/* *********************** /PRODUCT DETAIL*******************************/
table.productgrid td.productgrid { font-size: 10px; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; 
               text-align: Center }