/* ############################################################################################## */
/* 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 {
  margin: 0px 0px 10px;
  font-family: Times,Georgia,Verdana,Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #5b6566;
  letter-spacing: 1px;
  background-color: transparent;
}

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



/* ############################################################################################## */
/* Default table style */
.g_table {
  border: 1px solid #72b1d4;
  font-size: 12px;
  width: 100%;
  border-spacing: 0;
}
.g_tableHeader {
  background-color: #72b1d4;
  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: #fafafa;
  font-size: 12px;
}
.g_tableRowOn {
  background-color: #fff;
  font-size: 12px;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* System messages */
.g_systemInfo {
  padding: 0px;
  margin: 0px auto;
  width: 96%;
  height: 30px;
  border: 1px solid #107cb6;
  background-color: #fff;
  color: #107cb6;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
.g_systemError {
  padding: 0px;
  margin: 0px auto;
  width: 96%;
  height: 30px;
  border: 2px solid #f30;
  background-color: #fff;
  color: #f30;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
.g_systemInfo tr td {
  padding: 3px;
}
.g_systemError tr td {
  padding: 3px;
}
/* ############################################################################################## */



/* ############################################################################################## */
/* Standard Forms */
.g_form {
  background-color: #fafafa;
  border: 1px solid #c2e1f3;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.g_formLabel{  
  text-align: right;
}
.g_formField {
  font-size: 11px;
  border: 1px solid #107cb6;
  background-color: #fff;
}
.g_formButton {
  height: 18px;
  margin: 0px;
  padding: 0px 5px;
  _padding: 0px;
  line-height: 18px;
  font-size: 12px;  
  font-weight: bold; 
  font-family: Arial,Verdana,Helvetica,sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #fff; 
  border: none; 
  background-color: #4e89ab;
  cursor: pointer;
  cursor: hand;
}
a.g_formLabel:link {
  color: #C81002;                                                     
}

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



/* ############################################################################################## */
/* Forum and messages */
.g_message {
  border-bottom: 1px solid #72b1d4;
  font-size: 12px;
  width: 100%;
  border-spacing: 0px;
}

.g_message td {
  padding: 3px;
}

.g_messageHeader {  
  font-size: 14px;
  font-weight: bold;
  color: #4e89ab;
  border-top: 1px solid #72b1d4;
  border-right: 1px solid #72b1d4;
  border-bottom: 1px solid #72b1d4;
  background: #CEE3F7;
}

.g_messageSenderInfo {  
  width: 150px;
  border-top: 1px solid #72b1d4;
  border-right: 1px solid #72b1d4;
  border-left: 1px solid #72b1d4;
  background-color: #fafafa;      
}

.g_messageContent {
  height: 150px;
  border-right: 1px solid #72b1d4;
}

.g_messageInfo {  
  border-top: 1px solid #72b1d4;
  border-right: 1px solid #72b1d4;
  border-left: 1px solid #72b1d4; 
  background-color: #fafafa;
}

a.g_messageThread:link,
a.g_messageThread:visited {
  font-weight: bold;
}

a.g_messageThreadAction,
a.g_messageThreadAction:link,
a.g_messageThreadAction:visited,
a.g_messageThreadAction:active {
  color: #fff;
}
a.g_messageThreadAction:hover {
  color: #fff;
  text-decoration: none;
}

a.g_messageAction,
a.g_messageAction:link,
a.g_messageAction:visited,
a.g_messageAction:active,
a.g_messageThreadLink,
a.g_messageThreadLink:link,
a.g_messageThreadLink:visited {
  color: #4e89ab;
  font-weight: bold;
}
a.g_messageAction:hover,
a.g_messageThreadLink:hover {
  color: #4e89ab;
  font-weight: bold;
  text-decoration: none;
}

.g_messageThreadLine {
  background-color: #72b1d4;
  width: 5px;
  border-top: 1px solid #107cb6;
  border-right: 1px solid #107cb6;
  border-bottom: 1px solid #107cb6;  
}

.g_messageFooter {
  font-style: italic;
  height: 30px;
  border-right: 1px solid #72b1d4;
}

.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{
  text-align: center;
  border: 1px solid #c2e1f3;
  visibility: hidden;
  position: absolute;
  background-color: #fff;
  overflow: hidden;
  padding: 0px;
  height: 160px;
  width: 160px;
  /* 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: #72b1d4;
  color: #fff;
  text-align: right;
  border-bottom: 1px solid #c2e1f3;
}
.slideMenueHeadText {
  color: #fff;
  font-weight: bold;
  font-size: 80%;
}
#slideMenue_Table{
  width: 160px;
  margin:0px;
  padding:0px;
  text-align:center;
  height:165px;
}
#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 ########################################################## */

span.g_EmotionSmile,span.g_EmotionSad,span.g_EmotionRedFace,span.g_EmotionScare,
span.g_EmotionCry,span.g_EmotionBiggrin,span.g_EmotionCool,span.g_EmotionYes,span.g_EmotionNo,
span.g_EmotionNinja,span.g_EmotionBeer,span.g_EmotionFlower,span.g_EmotionBad,span.g_EmotionParty,
span.g_EmotionPuke,span.g_EmotionDevil,span.g_EmotionCool{
  margin:0px;
  padding:1px 0px 5px 0px; 
}
.g_EmotionSmile img, .g_EmotionSad img, .g_EmotionRedFace img, .g_EmotionScare img,
.g_EmotionCry img, .g_EmotionBiggrin img, .g_EmotionCool, .g_EmotionYes img, .g_EmotionNo img,
.g_EmotionNinja img, .g_EmotionBeer img, .g_EmotionFlower img, .g_EmotionBad img, .g_EmotionParty img,
.g_EmotionPuke img, .g_EmotionDevil img, .g_EmotionCool img{
  width:15px; 
  height:15px;
}
/* ----- Smile --------------------------------------------------------------------- */
span.g_EmotionSmile{
  background: url(/com/GFX/global/emotions/smile.gif) no-repeat;
}
/* ----- Sad ----------------------------------------------------------------------- */
span.g_EmotionSad{
  background: url(/com/GFX/global/emotions/sad.gif) no-repeat;
}
/* ----- RedFace ------------------------------------------------------------------- */
span.g_EmotionRedFace{
  background: url(/com/GFX/global/emotions/redface.gif) no-repeat;
}
/* ----- Scare --------------------------------------------------------------------- */
span.g_EmotionScare{
  background: url(/com/GFX/global/emotions/scare.gif) no-repeat;
}
/* ----- Cry ----------------------------------------------------------------------- */
span.g_EmotionCry{
  background: url(/com/GFX/global/emotions/cry.gif) no-repeat;
}
/* ----- BigGrin ------------------------------------------------------------------- */
span.g_EmotionBiggrin{
  background: url(/com/GFX/global/emotions/biggrin.gif) no-repeat;
}
/* ----- Cool ---------------------------------------------------------------------- */
span.g_EmotionCool{
  background: url(/com/GFX/global/emotions/cool.gif) no-repeat;
  padding:0px;
}
/* ----- Yes ----------------------------------------------------------------------- */
span.g_EmotionYes{
  background: url(/com/GFX/global/emotions/yes.gif) no-repeat;
}
/* ----- No ------------------------------------------------------------------------ */
span.g_EmotionNo{
  background: url(/com/GFX/global/emotions/no.gif) no-repeat;
}
/* ----- Devil --------------------------------------------------------------------- */
span.g_EmotionDevil{
  background: url(/com/GFX/global/emotions/devil.gif) no-repeat;
}
html>body span.g_EmotionDevil{
  padding-top:1px;
}
/* ----- Ninja --------------------------------------------------------------------- */
span.g_EmotionNinja{
  background: url(/com/GFX/global/emotions/ninja.gif) no-repeat;
}
/* ----- Beer ---------------------------------------------------------------------- */
span.g_EmotionBeer{
  background: url(/com/GFX/global/emotions/beer.gif) no-repeat;
}
.g_EmotionBeer img{
  width:30px;
}
/* ----- Flower -------------------------------------------------------------------- */
span.g_EmotionFlower{
  background: url(/com/GFX/global/emotions/flower.gif) no-repeat;
}
.g_EmotionFlower img{
  width:20px;
}
/* ----- Party --------------------------------------------------------------------- */
span.g_EmotionParty{
  background: url(/com/GFX/global/emotions/party.gif) no-repeat;
}
html>body span.g_EmotionParty{
  padding-top:10px;
}
.g_EmotionParty img{
  height:35px;
}
/* ----- Puke ---------------------------------------------------------------------- */
span.g_EmotionPuke{
  background: url(/com/GFX/global/emotions/puke.gif) no-repeat;
}
/* ----- Bad ----------------------------------------------------------------------- */
span.g_EmotionBad{
  background: url(/com/GFX/global/emotions/bad.gif) no-repeat;
}
/* ######################################################################################## */



/* ######################################################################################## */
/* Purchase & order styles */
.g_purchaseFooter {
  position: relative;  
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #c2e1f3;
  margin: 0px auto;
}

.g_purchaseForm {
  text-align: center;
  width: 770px;
  _width: 780px;  
  border: none;
  padding: 5px;
  margin: 0px auto;
  background-color: #fafafa;
  border: 1px solid #c2e1f3;
}

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

.g_purchaseGetData {
  width: 100%;
}

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

.g_purchaseHeader {
  width: 100%;
  border: 0px solid #000;
  text-align: center;
  margin: 0px auto;
  background-color: #fafafa;
  border: 1px solid #c2e1f3;
}

.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: block;
}
/* ############################################################################################## */



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

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

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

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

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

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

.g_certificate {
  text-align: left;
}

.g_navigatorSelectedRow,
.g_navigatorSelectedPage {
  background-color: #fafafa;
}