/* -------------------------- CSS Reset -------------------------- */
.IE8Fix { z-index: 100; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
img { 	border:0;}
.png { behavior: url(/styles/iepngfix.htc) }
ol,ul {list-style:none;}
caption,th {text-align:left;}

/* div {border: solid 1px red; }  */

/* -------------------------- General Styles -------------------------- */

* {font-family: Verdana, Arial, Helvetica, sans-serif;	color:#666666; }
body {margin-bottom: 20px;	background-color: #333;}
a { outline: none;color: #CC9900;text-decoration: none; }
a:hover { color: #fc0; }
.DarkLink { color: #666666;text-decoration: none; font-weight: normal;  } /* CC6600 */
.DarkLink:hover { color: #fc0; font-weight: normal; }
.DarkLinkBold { color: #666666;text-decoration: none; font-weight: bold;  } /* CC6600 */
.DarkLinkBold:hover { color: #fc0; font-weight: bold; }
p, p a, li a, div {font-size: 10px;  line-height: 18px;}
p {padding-bottom: 15px;}
h1 {font-size: 18px; font-weight: bold; color: #252889;	padding-bottom: 15px;} 
h2 {font-size: 15px; font-weight: bold; color: #666666;	padding: 15px 0 10px 0;}
h3 {font-size: 12px; font-weight: bold; color: #666666; padding-bottom: 5px;}
h4 {font: normal bold 10px/18px; text-transform: uppercase;	letter-spacing: 1px;padding-bottom: 15px;	color: #000;}
input, textarea, select, option {color:#000; font-size:10px;}

.clear {clear:both; margin: 0; padding:0;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.image-left {	float: left;padding: 10px 10px 10px 0px; }
.image-right { float: right;padding: 0 10px 10px 10px; }
.image-center {display: block;	margin-left: auto;margin-right: auto; }
.center {text-align:center;}
.warning {color:Red;}
.success {color:Green;}

/* -------------------------- header Styles -------------------------- */

#header { width:100%; border-bottom: solid 1px #fff}
#header td.left {background-color: #fff;}
#header td.center {background: url(/images/headerBackground.jpg) #fff no-repeat left top; width: 950px; }
#header td.center div.spacer {margin-top:-1px; }
#header td.center div.logo {float:left; padding-left:15px;}
#header td.center div.tagLine {float:left; height: 40px; width: 550px; margin: 0; padding: 30px 0 0 125px; font-size: small; color: White; }
#header td.right {background-color: #569cbe; }
.homePageHeader  {font-size: 18px; font-weight:normal; color: white;	padding-bottom: 15px;} 

/* -------------------------- body Styles -------------------------- */

#bodyBackground {background-color: #666; } 
#bodyContent {width: 950px; margin: 0 auto; padding: 10px 0 15px 0; }
#bodyContent p, #bodyContent div, #bodyContent a {font-size: 12px; }
#bodyLogo {float:left; padding-bottom: 10px;}
#bodyMainMenu {float:left; padding-top: 20px;}

.bodyMainStatic td {height:22px; vertical-align:bottom; }
.bodyMainStatic, .bodyMainStatic a {  font-size:12px; color:#fff !important; font-weight:bold; text-decoration:none !important; letter-spacing:1px;}
.bodyMainStatic a {padding:0px 13px 0px 6px;}
.bodyMainStatic a:hover {font-weight:bold !important; }
.bodyMainDynamic, bodyMainDynamic a {font-size:10px; color:#fff; background-color: #333; text-align:left !important; white-space:nowrap; }
.bodyMainDynamic td {padding:4px 27px 4px 9px !important;}
.bodyMainDynamic a {display:block;}
.bodyMainDynamic a:hover {color:#000;}
.bodyMainDynamicHover {background-color:#fc0 !important; color:#000; text-decoration:none !important; }

#bodySearchText {float:right; text-align: right; margin-top: 3px; padding: 0; }
#bodySearchButton {float: right; margin: -4px 0 0 5px;}

#divHeaderImage {margin-left: 3px; }

#divHeaderBar {background-color:#999; width: 945px; height: 35px; margin-left:3px; margin-top:-2px; }
#divHeaderTitle {float:left; width: 190px; height: 25px; padding-top: 10px; color:#fff; padding-left: 10px; font-weight:bold; font-size: 13px !important; }
#divHeaderCrumb1 {float:left;  width: 930px; height: 25px; padding-top: 10px; padding-left: 10px; font-weight: normal; font-size: 13px !important; }
#divHeaderCrumb1 a, #divHeaderCrumb2 a{color:#fff !important; }
#divHeaderCrumb1 a:hover, #divHeaderCrumb2 a:hover {color:#fc0 !important;  }
#divHeaderCrumb2 {float:left;  width: 734px; height: 25px; padding-top: 10px; padding-left: 10px; font-weight: normal; font-size: 13px !important; border-left: solid 1px #666;}

#divBodyWrapper {width: 948px; }
#divBodyMenu {float:left; width: 193px; padding-top: 10px; color:#fff; padding-left: 10px; }

#divBodyText1 {float:left; padding: 30px 30px 30px 30px; width: 885px; border-left: solid 3px #666;}
#divBodyText2 {width:684px; border-left: solid 1px #999; float:left; padding: 30px 30px 30px 30px}

#divBodyText1 h1, #divBodyText2 h1 { color: #666666; font-size: 18px; }
#divBodyText1 ul, #divBodyText2 ul { list-style: disc; margin-left: 25px; padding-bottom: 10px; }
#divBodyText1 li, #divBodyText2 li { padding-bottom: 5px; }

.subMenuHeader {cursor:pointer; font-weight: bold; margin: 5px 0 5px 0; color: White; }
.subMenuHeader2 {font-weight: bold; margin: 5px 0 5px 0; color: White; }
.subMenuHeader3 {cursor:pointer; font-weight: normal; margin: 0 0 0 15px; color: #cccccc; }
.subMenuHeader:hover{color:#fc0;} 
.subMenuHeader a {color: white;}
.subMenuContent a {color: #cccccc;}
.subMenuContent2ndLevel a {color: white;}
.subMenuContent2ndLevel a:hover {color:#fc0; }
.subMenuHeader a:hover, .subMenuContent a:hover {color:#fc0; }
.subMenuContent {margin-left: 15px; }
.subMenuContentNone {visibility:hidden;}
.subMenuContent div {margin-left: 15px; }
.subMenuContent3 {margin-left: 30px; }
.subMenuContent3 a {color: #cccccc;}
.subMenuContent3 a:hover {color:#fc0; }
.subMenuContent ul li ul {margin-left: 15px; }

#loadingprogress {position:absolute; top:200px; left:400px; padding:8px; border:solid 2px #535454;width:auto;background-color:#fff}

/* -------------------------- content styles -------------------------- */

.ContentAreaBlackFinePrint {font-family:  Arial, Helvetica, sans-serif;	color: Black; font-size: 9px; }
.ContentAreaBlackFinePrintBold {font-family:  Arial, Helvetica, sans-serif;	color: Black; font-size: 9px; font-weight: bold; }
.ContentAreaBlack {font-family:  Arial, Helvetica, sans-serif;	color: Black; font-size: 10px; }
.ContentAreaBlackBold {font-family:  Arial, Helvetica, sans-serif;	color: Black; font-size: 10px; font-weight: bold }
.ContentArea {font-family:  Arial, Helvetica, sans-serif;	color:#666666; font-size: 12px; }
.ContentAreaBold {font-family:  Arial, Helvetica, sans-serif;	color:#666666; font-weight: bold; font-size: 12px;}
.ContentAreaBoldLarge {font-family:  Arial, Helvetica, sans-serif;	color:#666666; font-weight: bold; font-size: 16px;}
.MessageGoldBold {font-family:  Arial, Helvetica, sans-serif;	color:#CC9900; font-weight: bold; font-size: 12px;} 
.MessageGoldBoldLarge {font-family:  Arial, Helvetica, sans-serif;	color:#CC9900; font-weight: bold; font-size: 16px;} 
.MessageMaroonBold {font-family:  Arial, Helvetica, sans-serif;	color:maroon; font-weight: bold; font-size: 12px; font-style: italic; }
.FinePrint { color: gray;	font-style: italic; font-family: Verdana, Arial, Tahoma; }
.FinePrintWhite { color: white;	font-style: italic; font-family: Verdana, Arial, Tahoma; }

/* -------------------------- home page Styles -------------------------- */
#home {margin-top:10px; width:100%;}
#home td {vertical-align:top;}
#home h1 {font-size: 21px; margin-bottom:5px; padding:0; color:#fff; }

/* -------------------------- document library Styles -------------------------- */
.doclib { padding: 0 5px 0 5px; text-align:center; vertical-align:top;}

/* -------------------------- footer Styles -------------------------- */

#footerBackground { border-top: solid 1px #fc0; }
#footerContent {width:950px; margin: 0 auto; padding: 15px 0 25px 0; font-size: 11px;}
#footerMenu{float:left; width:600px;}
#footerMenu a { color: #fff; font-size: 11px; padding:0 3px 0 3px }
#footerMenu a:hover { color: #fc0; }
#footerSearchText {float:right; text-align: right; margin: 0; padding: 0; }
#footerSearchButton {float: right; margin: 0; margin: -7px 0 0 5px;}
#footerCopyright {float:left; padding-top: 15px; width:600px;}
#footerLanguageImage {float: right;}
#footerLanguageList {float: right; margin: 3px 0 0 10px}
#footerLanguageList select {width:100px;}
           
/* -------------------------- modal dialog styles -------------------------- */
.modalBackground {background-color:Gray; filter:alpha(opacity=70);opacity:0.7;}
.modalPopup500, .modalPopup600, .modalPopup700, .modalPopup900 {	background-color:#ffffdd; border-width:3px;	border-style:solid;	border-color:Gray;	padding:3px; width:900px}
.modalPopup500 {width:500px;}
.modalPopup600 {width:600px;}
.modalPopup700 {width:700px;}

/* -------------------------- Vanceva color picker styles -------------------------- */
#divColor {width:615px; height:280px; color:#000000; background-color:#fff; margin:10px 0 0 0; padding: 5px; border-top:solid 1px black;border-left:solid 1px black;border-bottom:solid 3px black;border-right:solid 3px black;}
#divColor {overflow:auto;}
/* #divColor td{text-align:center;} */
#divColor div{color:#000000; }
#divColor a, #divColorDrops a {color:#000000; font-size:9px;}
#divColor a:hover{color:#ffcc00; cursor:hand; } 
#divColor .dragBox {border: solid 1px black; margin:2px; height:40px; width: 43px; }
.divTable { width:600px; height:270px; }
.ColorTable td {text-align:center; }

/* -------------------------- Vanceva cart styles -------------------------- */
.cartHeader, .cartFooter {background-color:#e8e8e8; }
.cartHeader th {padding:3px 5px 3px 5px; text-align:center; }
.cartRow td, .cartFooter td {padding:3px;}
.cartColorPreview, .cart2SidedPreview { width: 50px; height: 50px; }
.cart2SidedPreview {float: left;}
.cartButtons { margin: 10px 0 10px 0; text-align:center }

.tradeEvents th {font-weight:bold;}
.tradeEvents td {padding-right:25px;}