/** Add css rules here for your application. */
div,td {
  color:#000000
}

button {
  display: block;
  font-size: 10pt
}

.widePanel {
  width: 100%
}

.product-catalog-table {
  width: 600px;
  border-collapse: collapse; 
}
.product-catalog-table-cell {
  border: 1px solid black; 
}

.gwt-DisclosurePanel {
  cursor: default;
}

.gwt-DisclosurePanel-open {
  cursor: default;
}

.gwt-DisclosurePanel-closed {
  cursor: default;
}

.gwt-DisclosurePanel-open .header,
.gwt-DisclosurePanel-open .header a,
.gwt-DisclosurePanel-open .header td {
  text-decoration: none;  /* Remove underline from header */
  color: red; 
  cursor: default;
}

.gwt-DisclosurePanel-closed .header,
.gwt-DisclosurePanel-closed .header a,
.gwt-DisclosurePanel-closed .header td {
  text-decoration: none;  /* Remove underline from header */
  color: blue; 
  cursor: default;
}



.gwt-DisclosurePanel .content {
  border-left: 3px solid #e8eef7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
  border-bottom:black 1px inset;
}


.css-dockPanel {
  width: 800px;
}

.css-northPanel {
  width: 800px;
  border-bottom:1px inset black;
}

.css-southPanel {
  width: 800px;
  border-top:1px inset black;
  padding: 5px;
}

.css-eastPanel {
  width: 160px;
  /*border-left:1px inset black;*/
  padding: 5px;
}

.css-centerPanel {
  width: 640px;
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 50px;
}

.css-brandList {
  width: 640px;
  border-bottom:1px inset black;
}

.css-brandDetailMainPanel {
  width: 480px;
  border-bottom:1px inset gray;
  padding-bottom: 5px;
}

.css-brandDetailSubPanel {
  width: 380px;
  border-bottom:1px inset lightgrey;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.css-brandDetailSubTitlePanel {
  width: 360px;
}

.css-pagingPanel {
  margin-left: auto;
  margin-right: 0px;
  margin-top: 10px;
}

.css-brandCols {
  text-decoration: none;
  padding: 5px;
}

.css-brandRows {
  text-decoration: none;
  padding: 2px;
}

.css-brandTitleBasic {
  width: 575px;
}

.css-brandTitleDetail {
  width: 510px;
}

.css-brandTitle {
  text-align: left;
}

.css-brandToggle {
  text-align: right;
  text-decoration: underline;
  color: blue;
  font-family:Arial; font-size:8pt;
  cursor: pointer;
}

.css-brand {
  width: 600px;
  padding: 5px;
}

.css-flowPanelItems {
  float: left;
  white-space: nowrap;
}

.css-tableRowSeparator {
  border-bottom:1px inset blue;
}

.css-mainLinksPanel {
  margin-bottom: 0px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: 0px;
}

.css-brandHomepagePanel {
  width: 600px;
  margin-left: auto;
  margin-right: 0px;
}

.css-loginPanel {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 0px;
  border:1px inset gray;
}

.css-signUpPanel {
  width: 300px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  border:1px inset gray;
}

.css_html_l {
  text-align: left;
}

.css_html_r {
  text-align: right;
}

.load-message {
  font-style: italic;
  color: black;
}

.info-message {
  font-style: italic;
  color: blue;
}

.warning-message {
  font-style: italic;
  color: blue;
}

.error-message {
  font-style: italic;
  color: red;
}

.css_section {
  font-weight: bold;
  text-decoration: underline;
}

.css_smalltext {
  font-size: xx-small;
  color: gray;
}

.css_graylabeltext {
  color: #F59527;
  text-align:center;
}

.css_title {
  font-weight: bold;
  text-decoration: underline;
}

.info-description {
  border:1px solid blue;
  padding:3px;
}

.css_registerlogin {
  width: 750px;
  padding: 5px;
}

.css-leftAlign {
  margin-left: 0px;
  margin-right: auto;
}

.css-rightAlign {
  margin-left: auto;
  margin-right: 0px;
}

.label {
  font-family:Arial; font-size:10pt;
}

.labelGray {
  color: gray;
  font-family:Arial; font-size:10pt;
}

.labelRed {
  color: red;
  font-family:Arial; font-size:10pt;
}

.labelYellow {
  color: #FF6600;
  font-family:Arial; font-size:10pt;
}

.labelGreen {
  color: #009900;
  font-family:Arial; font-size:10pt;
}

.labelBlue {
  color: blue;
  font-family:Arial; font-size:10pt;
}

.labelTopic {
  color: blue;
  font-weight: bold;
  font-family:Arial; font-size:10pt;
}

.labelHeader {
  color: blue;
  font-weight: bold;
  font-family:Arial; font-size:12pt;
  text-decoration:none;
}
.labelHeader a:link {text-decoration:none;} /* unvisited link */
.labelHeader a:visited {text-decoration:none;} /* visited link */
.labelHeader a:hover {text-decoration:underline;} /* mouse over link */
.labelHeader a:active {text-decoration:underline;} /* selected link */



.labelTitle {
  font-family:Arial; font-size:12pt;
}

.labelSmallGray {
  font-size: xx-small;
  color: gray;
}

.labelCloud {
  font-family:Arial;
}
.labelCloud a:link {text-decoration:underline;} /* unvisited link */
.labelCloud a:visited {text-decoration:underline;} /* visited link */
.labelCloud a:hover {text-decoration:none;} /* mouse over link */
.labelCloud a:active {text-decoration:none;} /* selected link */

.boxWithBorder {
  border:1px solid lightgrey;
  font-family:Arial; font-size:10pt;
}

.box {
  border:3px solid gray;
  font-family:Arial; font-size:10pt;
}

.boxUnderline {
  border-bottom:1px inset black;
  font-family:Arial; font-size:10pt;
}

.boxRed {
  background-color: red;
  border:1px solid lightgrey;
  font-family:Arial; font-size:10pt;
}

.boxPromoComment {
  border:1px solid lightgrey;
  font-family:Arial; font-size:10pt;
  background-color: lightgrey;
}
/*
.portletWithBorder {
  border:2px solid lightgrey;
}
*/

.panelLeftAlign {
  margin-left: 0px;
  margin-right: auto;
  text-align: left;
}

.panelRightAlign {
  margin-left: auto;
  margin-right: 0px;
  text-align: right;
}

.panelCenterAlign {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.headerPanel {
  background-color: #000080;
  font-family:Arial; font-size:10pt; color:white;
}

.votePanel {
  margin-left: auto;
  margin-right: auto;
  background-color: gray;
  text-align: center;
  color: white;
  font-family:Arial; font-size:10pt;
}

.votePanel a:link {color:yellow;text-decoration:underline;} /* unvisited link */
.votePanel a:visited {color:yellow;text-decoration:underline;} /* visited link */
.votePanel a:hover {color:yellow;text-decoration:none;} /* mouse over link */
.votePanel a:active {color:yellow;text-decoration:none;} /* selected link */

.promoCommentPanel {
  padding:10px;
  background-color: gray;
  color: white;
  font-family:Arial; font-size:10pt;
}
/*
.img-frame {
  border:1px solid #CCCCCC;
  padding:3px;
  cursor:pointer;
  white-space: nowrap;  
}
*/
.img-banner {
  border:1px solid black;
  cursor:pointer;
  /*clip: rect(0px, 10px, 10px, 0px);*/ 
  background: url(/pixelad/pixelbg.gif)  
}

.RateItWidget {
  cursor: pointer;
}








/*globalnav*/

#globalnav {
	position:relative;
	float:right;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;
	background:#000080;
}

#globalnav LI {
	float:right;
	margin:0;
	padding:0;
}

#globalnav A {
	display:block;
	color:white;
	text-decoration:none;
	font-weight:bold;
	background:#000080;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #3B5978;
	border-top:1px solid #3B5978;
	border-right:1px solid #3B5978;
	border-bottom:1px solid #3B5978;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#3B5998;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}





/*brandnav*/

#brandnav {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;
}

#brandnav LI {
	float:left;
	margin:0;
	padding:0;
}

#brandnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#brandnav A:hover,
#brandnav A:active,
#brandnav A.here:link,
#brandnav A.here:visited {
	background:#bbb;
}

#brandnav A.here:link,
#brandnav A.here:visited {
	position:relative;
	z-index:102;
}



/*tagnav*/
/*
#tagnav {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;
}

#tagnav LI {
	float:left;
	margin:0;
	padding:0;
}

#tagnav A {
	display:block;
	color:blue;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	background:#ddd;
	margin:0;
	padding:0.15em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#tagnav A:hover,
#tagnav A:active,
#tagnav A.here:link,
#tagnav A.here:visited {
	background:#bbb;
}

#tagnav A.here:link,
#tagnav A.here:visited {
	position:relative;
	z-index:102;
}



#tagbar {
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;
}

#tagbar LI {
	float:left;
	margin:0;
	padding:0;
	display:block;
	color:blue;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	background:#ddd;
	margin:0;
	padding:0.15em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;	
}

*/

.countrybox {
	cursor: pointer;
	background-color:white;
	border:1px solid #C7DAEC;
	border-collapse:collapse;
	text-align:center;
	width:150px;
}

.countryItems {
	background-color:white;
	border:1px solid #C7DAEC;
	border-collapse:collapse;
	position:absolute;
	width:150px;
	z-index: 1000;
}

.countryItem {
	height:17px;
	background-color:white;
	cursor: pointer;
}

.countryItem:hover {
	background-color:#c7daec;
}


.countryItemFlag {
	width: 22%;
	vertical-align: middle;
}

.countryItemWord {
	vertical-align: middle;
	font-family:Tahoma,Arial,Helvetica;
	font-size: 11px;
	color: black;
	text-decoration: none;
	text-align: left;
}

.countryItemFlag2 {
	width: 22%;
	vertical-align: middle;
	cursor: pointer;
}
.countryItemFlag2:hover {
	background-color:#c7daec;
}