/* ############################################################################################## */
/* NEW STYLES THAT FOLLOW THE STYLESHEET GUIDE */
/* STYLES FOR GENERAL TAGS */
/* ======================= */

/* ############################################################################################## */
/* Text formatting */
.g_note {
  font-size: 11px;
}

.g_footnote { 
  font-size: 10px;
}

.g_pageHeading {
  color: #bf333e;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

/* Text table style (used for better readability) */
.g_textTable {
  width: 40%;
  margin: 0px auto;
  border-spacing: 0px;
}

/* ############################################################################################## */



/* ############################################################################################## */
/* Default table style */
.g_table {
  border: 1px solid #aaa;
  background-color: #fff;
  width: 100%;
  border-spacing: 0px;
}

.g_tableHeader {
  background-color: #6b97bd;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  padding: 3px;
}
.g_tableHeader a,
.g_tableHeader a:link,
.g_tableHeader a:visited,
.g_tableHeader a:active {
  color: #fff;
  text-decoration: underline;
}
.g_tableHeader a:hover {
  color: #fff;
  text-decoration: none;
}

.g_tableRowOff {
  background-color: #fff;
}

.g_tableRowOn {
  background-color: aliceblue; 
}

.g_navigatorSelectedRow,.g_navigatorSelectedPage {  
  color: #00416b;
  background: #cee3f7;
}
.g_navigatorSelectedPage {
  font-weight: bold;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* System messages */
.g_systemInfo {
  border: 1px solid #0099CC;
  padding: 0px;
  font-size: 11px;
  width: 100%;
  height: 30px;
  text-align: center;
  font-weight: bold;
  color: black;
  background-color: aliceblue;
  margin: 0px auto;
}

.g_systemError {
  border: 2px solid darkred;
  background-color: tomato;
  padding: 0px;
  font-size: 11px;
  width: 500px;
  height: 30px;
  text-align: center;
  font-weight: bold;
  color: darkred;
  margin: 0px auto;
}

.g_systemInfo tr td {
  padding: 3px;
}

.g_systemError tr td {
  padding: 3px;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Standard Forms */
.g_form {
  width: 100%;
  margin: 0px auto;
  border: 1px solid #999;
  background-color: #fafafa;
  clear: both;
}

.g_formLabel {  
  color: #6a6a6a;
  text-align: right;
  font-size: 11px;
}

.g_formField {
  font-size: 11px;
  color: #6a6a6a;
  border: 1px solid #6a6a6a;
  background-color: #fff;
}

.g_formButton {
  margin: 0px;
  padding: 0px 5px;
  height: 18px;
  line-height: 18px;
  border: none;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  font-size: 12px; 
  font-weight: bold; 
  color: #dbf300;
  background-color: #bf333e;
  text-align: center; 
  cursor: pointer;
  cursor: hand;
}

a.g_formLabel:link {
  color: #c81002;
}
     
a.g_formLabel:visited {             
  color: #c81002;
  text-decoration: none;  
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Forum and messages */
.g_message {
  width: 100%;
  border: 1px solid #aaa;
  border-spacing: 0px;
}

.g_message td {
  padding: 3px;
}

.g_messageHeader {  
  font-size: 15px;
  font-weight: bold;
  color: #00416b;
  background: #cee3f7;
}

.g_messageSenderInfo { 
  vertical-align: top;
  width: 150px;
  background-color: #fffbff;      
}

.g_messageContent {
  width: 640px;
}

.g_messageInfo {  
  background-color: #fffbff;
  width: 150px;
  border-top: 1px solid #eee;
}

a.g_messageThread:link,
a.g_messageThread:visited {
}

a.g_messageThreadAction {
  color: #fff;
}

a.g_messageAction {
  font-weight: normal;
}

a.g_messageThreadLink {
  font-weight: bold;
  color: blue;
  text-decoration: none;
}

.g_messageThreadLine {
  background-color: #7ba4d0;
  width: 5px;
}

.g_messageFooter {
  font-style: italic;
  height: 30px;
  border-top: 1px solid #eee;
}

.g_messageDeleted {
  border-bottom: 1px solid #4682b4;
  font-size: 12px;
  background-color: #dd7777;
  color: #601717;
}

.g_messageHeaderDeleted {
  background-color: #d55454;
  font-size: 12px;
  font-weight: bold;
  color: #601717;
}

.g_messagePrivate {
  border-bottom: 1px solid #4682b4;
  font-size: 12px;
  background-color: #FFCC66;
  color: #601717;
}

.g_messageHeaderPrivate {
  background-color: #FFCC66;
  font-size: 12px;
  font-weight: bold;
  color: #601717;
}

.g_messageTypeColumn {
  width: 50px;
}

.g_messageSenderRecipientColumn {
  width: 125px;
}

.g_messageSubjectColumn {
  width: *;
}

.g_messageDateColumn {
  width: 100px;
}

.g_messageOptionsColumn {
  width: 10px;
}
/* ############################################################################## */



/* ############################################################################## */
/* Slide Menue */

.slideMenue_control {
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
  text-align: right;
  color: #fff;
}

#slideMenue_contentBox {
  border: 1px solid #aaa;
  visibility: hidden;
  position: absolute;
  background-color: #fafafa;
  overflow: hidden;
  padding: 0px;
  height: 190px;
  width: 190px;
  /* Remove to change slide direction */
  right: 0px;
  top: 0px;
}
#slideMenue_content {
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
  font-size: 0.8em;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
#slideMenue_contentHead {
  padding: 0px;
  margin: 0px;
  background-color: #6b97bd;
  color: #fff;
  text-align: right;
  border-bottom: 1px solid #aaa;
}
.slideMenueHeadText{
  color: #fff;
  font-weight: bold;
}
#slideMenue_Table {
  width: 190px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 170px;
}
#slideMenue_slidedown {
  position: relative;
  width: 190px;
}

#slideMenue_Pin {
  cursor: pointer; 
  cursor: hand;
}

div.slideMenue_Pin_on {
  background: url(/com/GFX/global/slideMenue/pinOn.gif) no-repeat;
  text-align: right;
  background-position: right;
}
.slideMenue_Pin_on img {
  width:13px; height:20px;
}

div.slideMenue_Pin_off {
  background: url(/com/GFX/global/slideMenue/pinOff.gif) no-repeat;
  text-align: right;
  background-position: right;
}
.slideMenue_Pin_off img {
  width: 13px;
  height: 20px;
}

div.slideMenue_Close {
  background: url(/com/GFX/global/slideMenue/close.gif) no-repeat;
  text-align: right;
  background-position: right;
  cursor: pointer; 
  cursor: hand;
}
.slideMenue_Close img {
  width: 16px;
  height: 16px;
}

/* ######################################################################################## */



/* ################################ Emotions ############################################## */
/* ----- Smile ------------------------------------------------------------------ */
span.g_EmotionSmile{
  padding:2px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/smile.gif) no-repeat;
}
html>body span.g_EmotionSmile {
  padding:10px 0px 5px 0px; 
}
.g_EmotionSmile img{
  width:20px; 
}
html>body .g_EmotionSmile img {
  height:20px;
}
/* ----- Sad ------------------------------------------------------------------ */
span.g_EmotionSad{
  padding:2px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/sad.gif) no-repeat;
}
html>body span.g_EmotionSad {
  padding:10px 0px 5px 0px; 
}
.g_EmotionSad img{
  width:20px; 
}
html>body .g_EmotionSad img {
  height:20px;
}
/* ----- RedFace ------------------------------------------------------------------ */
span.g_EmotionRedFace{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/redface.gif) no-repeat;
}
html>body span.g_EmotionRedFace {
  padding:5px 0px 5px 0px; 
}
.g_EmotionRedFace img{
  width:20px; height:15px;
}
html>body .g_EmotionRedFace img {
  height:20px;
}
/* ----- Scare ------------------------------------------------------------------ */
span.g_EmotionScare{
  padding:2px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/scare.gif) no-repeat;
}
html>body span.g_EmotionScare {
  padding:10px 0px 5px 0px; 
}
.g_EmotionScare img{
  width:20px; height:20px;
}
html>body .g_EmotionScare img {
  height:20px;
}
/* ----- Cry ------------------------------------------------------------------ */
span.g_EmotionCry{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/cry.gif) no-repeat;
}
html>body span.g_EmotionCry {
  padding:5px 0px 5px 0px; 
}
.g_EmotionCry img{
  width:20px; height:15px;
}
html>body .g_EmotionCry img {
  height:15px;
}
/* ----- BigGrin ------------------------------------------------------------------ */
span.g_EmotionBiggrin{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/biggrin.gif) no-repeat;
}
html>body span.g_EmotionBiggrin {
  padding:5px 0px 5px 0px; 
}
.g_EmotionBiggrin img{
  width:20px; 
}
html>body .g_EmotionBiggrin img {
  height:15px;
}
/* ----- Cool ------------------------------------------------------------------ */
span.g_EmotionCool{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/cool.gif) no-repeat;
}
html>body span.g_EmotionCool {
  padding:5px 0px 5px 0px; 
}
.g_EmotionCool img{
  width:20px; height:15px;
}
html>body .g_EmotionCool img {
  height:15px;
}
/* ----- Yes ------------------------------------------------------------------ */
span.g_EmotionYes{
  padding:1px 0px 0px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/yes.gif) no-repeat;
}
html>body span.g_EmotionYes {
  padding:5px 0px 5px 0px; 
}
.g_EmotionYes img{
  width:25px; height:20px;
}
html>body .g_EmotionYes img {
  height:20px;
}
/* ----- No ------------------------------------------------------------------ */
span.g_EmotionNo{
  padding:1px 0px 0px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/no.gif) no-repeat;
}
html>body span.g_EmotionNo {
  padding:5px 0px 5px 0px; 
}
.g_EmotionNo img{
  width:38px; height:20px;
}
html>body .g_EmotionNo img {
  height:15px;
}
/* ----- Devil ------------------------------------------------------------------ */
span.g_EmotionDevil{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/devil.gif) no-repeat;
}

html>body span.g_EmotionDevil {
  padding:10px 0px 0px 0px; 
}

.g_EmotionDevil img{
  width:20px; height:25px;
}
html>body .g_EmotionDevil img {
  height:25px;
}
/* ----- Ninja ------------------------------------------------------------------ */
span.g_EmotionNinja{
  padding:2px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/ninja.gif) no-repeat;
}
html>body span.g_EmotionNinja {
  padding:5px 0px 5px 0px; 
}
.g_EmotionNinja img{
  width:20px; height:15px;
}
html>body .g_EmotionNinja img {
  height:15px;
}
/* ----- Beer ------------------------------------------------------------------ */
span.g_EmotionBeer{
  padding:2px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/beer.gif) no-repeat;
}
html>body span.g_EmotionBeer {
  padding:10px 0px 0px 0px; 
}
.g_EmotionBeer img{
  width:52px; height:20px;
}
html>body .g_EmotionBeer img {
  height:20px;
}
/* ----- Flower ------------------------------------------------------------------ */
span.g_EmotionFlower{
  padding:2px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/flower.gif) no-repeat;
}
html>body span.g_EmotionFlower {
  padding:10px 0px 5px 0px; 
}
.g_EmotionFlower img{
  width:30px; height:20px;
}
html>body .g_EmotionFlower img {
  height:25px;
}
/* ----- Party ------------------------------------------------------------------ */
span.g_EmotionParty{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/party.gif) no-repeat;
}
html>body span.g_EmotionParty {
  padding:5px 0px 5px 0px; 
}
.g_EmotionParty img{
  width:35px; height:15px;
}
html>body .g_EmotionParty img {
  height:20px;
}
/* ----- Puke ------------------------------------------------------------------ */
span.g_EmotionPuke{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/puke.gif) no-repeat;
}
html>body span.g_EmotionPuke {
  padding:5px 0px 5px 0px; 
}
.g_EmotionPuke img{
  width:20px; height:15px;
}
html>body .g_EmotionPuke img {
  height:15px;
}
/* ----- Bad ------------------------------------------------------------------ */
span.g_EmotionBad{
  padding:1px 0px 5px 0px; 
  margin:0px;
  background: url(/com/GFX/skin/monster/tiger/emotions/bad.gif) no-repeat;
}
html>body span.g_EmotionBad {
  padding:5px 0px 5px 0px; 
}
.g_EmotionBad img{
  width:20px; height:15px;
}
html>body .g_EmotionBad img {
  height:15px;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Purchase & order styles */
.g_purchaseHeader {
  width: 100%;
  color: #6a6a6a;
  padding: 5px 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #999;
  background-color: #fafafa;
}
.g_purchaseForm {
  width: 780px;
  color: #6a6a6a;
  padding: 5px 0px;
  text-align: center;
  border: 1px solid #999;
  background-color: #fafafa;
}
.g_purchaseFooter {
  position: relative;
  color: #6a6a6a;
  padding: 5px 0px;
  border-top: 1px solid #999;
}

table#g_purchaseArticle {
  width: 100%;
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.g_purchaseInfo {
  clear: both;
  z-index: 2;
}

.g_purchaseGetData {
  width: 100%;
  margin: 0px auto;
}

.g_purchaseHeaderColumn {
  width: 240px;
}

.g_purchaseArticleHeader {
  position: absolute;
  font-size: larger;
  font-weight: bold;
  color: #004163;
}

.g_purchaseArticleEmphasize {
  position: absolute;
  color: #c90707;
  top: 20px;
  font-weight: bolder;
}

.g_purchaseArticleContent {
  position: absolute;
  top: 50px;
}

.g_order {
  border-spacing: 0px;
  color: #ff4500;
  border-spacing: 0px;
}


.g_orderText {
  color: black;
}

.g_orderTitle {
  font: bold 16px verdana,arial,helvetica,sans-serif;  
  color: black;
}

#g_bottomContentSpacer {
  display: none;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Order & Cart Positions */
.g_posTable {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}

.g_posHeading {
  font-weight: bold;
  border: 1px solid #305aa5;  
  color: black;
}

.g_posCell {
  border: 1px solid #305aa5;
  background-color: #f0f0f0;
  color: black;
}

.g_posTotal {
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  color: black;
}

.g_posTotalGst {
  font-size: 13px;
  color: black;  
}
/* ############################################################################################## */



/* ############################################################################################## */
/* User Profile */
.g_profileDataRow {
  border-bottom: 1px solid #5189FF;
  color: #0E127B;
  font-weight: bold;
}

#g_profileImgCell{
}

#g_profileDataCell{
}
/* ############################################################################################## */

#g_acceptTermsTextField {
  background-color: #ffffff;
  width: 100%;
}

.g_certificate {
  text-align: left;
}