﻿.hideElement {display:none;}
.multiPage {padding-top:5px;}


/*--------------------------------------------------------------------------------
  P A G E  L A Y O U T  S E T T I N G S
  --------------------------------------------------------------------------------*/
html                {overflow:-moz-scrollbars-vertical;}
body                {margin: 0px; padding: 0px; width: 100%; height: 100%;}
#hdr-title          {position:absolute; top:6px; left:15px; z-index:99200; font-weight:bold;}
#hdr-logo           {position:absolute; top:0; right:25px; width:200px; height:50px; vertical-align:bottom;}
#page-content       {position:relative; margin:auto; width:700px; padding-top:46px; padding-bottom:50px;}
#page-ftr           {position:fixed; bottom:0; left:0; width:100%; height:50px;}
.hdrImage         {width:700px; height:150px; margin-bottom:5px;}

.mylink, .mylink:visited, .mylink:active
                    {color:Green; text-decoration:none;}
.mylink:hover       {color:Black; text-decoration:none; border-bottom:dashed 1px red;}

/* TWO-COLUMN LAYOUT */
.twoColTable        {width:100%; border-collapse:collapse;}
.twoColTableMain    {padding:0px; vertical-align:top;}
.twoColTableGapL    {width:24px; border-right: solid 1px #EEEEEE;}
.twoColTableGapR    {width:25px;}
.twoColTableSide    {padding:0px; width:250px; vertical-align:top;}


/*--------------------------------------------------------------------------------
  G E N E R I C   F O R M   S E T T I N G S
  --------------------------------------------------------------------------------*/
.frmFieldset        {font-size:11pt; border:none; border-top:1px solid #999999;}
.frmLegend          {padding:0px 5px; background:transparent; font-size:14pt; font-weight:bold; background-color:White; color:#333; margin-bottom:10px;}
.frmBlock           {clear:both; color:#333; border-top:dashed 1px #cccccc; width:95%; margin:0px auto;}
.frmQuestion, .frmQuestionReq
                    {width:33%; float:left; margin-right:2%; text-align:right; font-weight:bold; padding:3px 0px 3px 0px;}
.frmQuestionReq     {background: url(../IMG/BG/qRequired.gif) no-repeat top left;}
.frmAnswer          {width:58%; float:right; padding:3px 0px 3px 0px;}
.frmHint            {width:5%; float:right; text-align:right; padding:3px 0px;}
.frmFooter          {clear:both; margin:0px auto 10px auto; padding:5px 0px 0px 0px; border-top:1px solid #999999; text-align:right;}
.frmNote            {clear:both; color:#333; width:100%; margin:0px auto; text-align:justify;}

.frmSub32           {width:150px; height:32px;}
.frmCan32           {background: url(../IMG/BUTN/butnCan32.gif) no-repeat left; width:75px; height:32px;}
.frmSub26           {width:120px; height:26px;}
.frmCan26           {background: url(../IMG/BUTN/butnCan26.gif) no-repeat left; width:61px; height:26px;}
.frmSub32, .frmSub26 {font-size:8pt; font-weight:bold; color:#666666; text-decoration:none; vertical-align:middle; text-align:left; padding-left:15px; border:0; text-transform:uppercase;}
.frmSub32:hover, .frmSub26:hover {text-decoration:none; color:#000000; cursor:pointer;}
.frmSub32:focus, .frmSub26:focus {text-decoration:none; color:#000000;}
.frmCan32, .frmCan26 {font-size:8pt; color:#666666; text-decoration:none; vertical-align:middle; text-align:left; padding-left:15px; border:0; text-transform:uppercase;}
.frmCan32:hover, .frmCan26:hover {text-decoration:none; color:#000000; cursor:pointer;}
.frmCan32:focus, .frmCan26:focus {text-decoration:none; color:#000000;}

.frmInput, .frmTextarea, .frmSelect
                    {width:90%; padding:1px; color:#333;}
.frmInput:hover, .frmSelect:hover, .frmTextarea:hover
                    {background:#EEEEEE; color:#000;}
.frmInput:focus, .frmSelect:focus, .frmTextarea:focus
                    {background:#FFFFFF; color:#000;}
.frmTextarea        {height:75px; font-family:arial; font-size:10pt;}


/*--------------------------------------------------------------------------------
  V A L I D A T I O N   S U M M A R Y
  --------------------------------------------------------------------------------*/
.frmWarning {width:100%; max-width:560px; background:url(/IMG/ICO32/stop.gif) no-repeat 97% 5px; text-align:left; margin:10px auto 10px auto; padding:10px 0px 0px 5px; text-transform:uppercase; border:dashed 1px #cccccc;}
.frmWarning ul {text-align:left;}
.frmWarning li {text-align:left; margin-left:-15px; padding-left:5px; color:#666666; text-transform:none;}


/*--------------------------------------------------------------------------------
  P A N E L B A R   S E T T I N G S
  --------------------------------------------------------------------------------*/
.panelInfoMsg       {padding:10px; margin:10px; border-top:solid 1px #666666; border-bottom:solid 1px #666666;}


/*--------------------------------------------------------------------------------
  N A V I G A T O R   S I D E B A R
  --------------------------------------------------------------------------------*/
.naviTable {width: 100%; border-collapse:collapse; border:solid 1px #CCCCCC;}
.naviTableHdr {height:22px;	padding: 5px; font-weight:bold; background-color:#EEEEEE; border-bottom:solid 1px #CCCCCC;}
.naviTableBody {height:415px; padding:10px; vertical-align:top; }
.naviTableFtr {height:20px;	padding: 3px; font-size:8pt; text-align:right; font-style:italic; background-color:#EEEEEE; }
	

/*--------------------------------------------------------------------------------
  S K I N    C H O O S E R   P O P U P 
  --------------------------------------------------------------------------------*/
.skinChooser-Tab {width:95%; background-color:#CCCCCC; margin: 10px auto;}
.skinChooser-Hdr {width:20%; height:20px; padding:3px; background-color:#EEEEEE;}
.skinChooser {width:20%; padding:5px; background-color:#FFFFFF; text-align:center;}


/*--------------------------------------------------------------------------------
  C U S T O M   P A G E R   F O R   N O N - T E L E R I K   D I S P L A Y S
  --------------------------------------------------------------------------------*/
.edPager {width:100%; height:100%; border-collapse:collapse;}
.edPagerNav {width:50%;	padding: 0px 0px 0px 5px; vertical-align:middle; text-align:left; font-size:9pt;}
.edPagerAddRef {width:50%; padding: 0px 5px 0px 0px; vertical-align:middle; text-align:right;}
.edPagerBtn {vertical-align:middle;}
.edPagerText {font-weight:bold;}


/*--------------------------------------------------------------------------------
  I C O N   B U T T O N S
  --------------------------------------------------------------------------------*/
.ibutnConfirm {background: url(/IMG/ibutnConfirm.gif) no-repeat; width:24px; height:24px; border:0px;}
.butnConfirm:hover {cursor:pointer;}
.ibutnCancel {background: url(/IMG/ibutnCancel.gif) no-repeat; width:24px; height:24px; border:0px;}
.butnCancel:hover {cursor:pointer;}
.ibutnPlus {background: url(/IMG/ibutnPlus.gif) no-repeat; width:24px; height:24px; border:0px;}
.ibutnPlus:hover {cursor:pointer;}


/*--------------------------------------------------------------------------------
  T E L E R I K   S P E C I F I C
  --------------------------------------------------------------------------------*/
/* remove border from radmenu for all skins */
.RadMenu_Default .rmRootGroup {border: 0px !important;}  
.RadMenu_Black .rmRootGroup {border: 0px !important;}  
.RadMenu_Forest .rmRootGroup {border: 0px !important;}  
.RadMenu_Hay .rmRootGroup {border: 0px !important;}  
.RadMenu_Office2007 .rmRootGroup {border: 0px !important;}  
.RadMenu_Outlook .rmRootGroup {border: 0px !important;}  
.RadMenu_Simple .rmRootGroup {border: 0px !important;}  
.RadMenu_Sitefinity .rmRootGroup {border: 0px !important;}  
.RadMenu_Sunset .rmRootGroup {border: 0px !important;}  
.RadMenu_Telerik .rmRootGroup {border: 0px !important;}  
.RadMenu_Vista .rmRootGroup {border: 0px !important;}  
.RadMenu_Web20 .rmRootGroup {border: 0px !important;}  
.RadMenu_WebBlue .rmRootGroup {border: 0px !important;}  
.RadMenu_Windows7 .rmRootGroup {border: 0px !important;}  

/* MENU */
.menuSearch_fld {background:#FFFFFF url('/IMG/BG/bgQuickSearchField.gif') no-repeat; height:18px; width:120px; font-family: "MS Sans Serif", Arial, sans-serif; font-size:9px; border:0px; text-align:center; margin-bottom:3px;}
.menuSearch_btn {background:#FFFFFF url('/IMG/BG/bgQuickSearchButn.gif') no-repeat; height:20px; width:60px; font-family: "MS Sans Serif", Arial, sans-serif; font-size:9px; border:0px; margin-top:1px;}



/* LEGACY */
.butnPrev 
{
  background: url(../../IMG/REG/butn-prev.gif) no-repeat;
  width: 225px;
	height: 30px;
	font-size:10pt;
	color:black;
	text-decoration:none;
	vertical-align:middle;
	text-align:right;
	padding: 5px 10px 5px 0px;
	border:0px;
	}
.butnPrev:hover {
	text-decoration:underline;
	cursor:pointer;
	}
.butnPrev:focus {
	text-decoration:underline;
	}
.butnNext 
{
  background: url(../../IMG/REG/butn-next.gif) no-repeat;
  width: 225px;
	height: 30px;
	font-size:10pt;
	color:black;
	text-decoration:none;
	vertical-align:middle;
	text-align:left;
	padding: 5px 0px 5px 10px;
	border:0px;
	}
.butnNext:hover {
	text-decoration:underline;
	cursor:pointer;
	}
.butnNext:focus {
	text-decoration:underline;
	}

.formtabTable {
    width: 100%;
	border-collapse:collapse;
  }
.formtabHdr {	
  background: #CCCCCC url(../IMG/Rego/bg-Hdr1.png) no-repeat top left;
	border-bottom:solid 1px #000000;
	padding: 0px 5px 0px 10px;
	vertical-align:middle;
	text-align:left;
	font-size:11pt;
	font-weight:bold;
	height: 26px;
	}
.formtabHdrR {	
  background: #CCCCCC url(../IMG/Rego/bg-Hdr1.png) no-repeat top left;
	border-bottom:solid 1px #000000;
	padding: 0px 10px 0px 10px;
	vertical-align:middle;
	text-align:right;
	height: 26px;
	}
.formtabFtr {	
	padding: 0px 0px 0px 0px;
	vertical-align:bottom;
	height: 40px;
	text-align:right;
	background:#FFFFFF url(../IMG/Rego/bg-formFtr.gif) repeat-x bottom;
	margin-top:5px;
	}
.formtabSubHdr {	
	border-bottom:solid 1px #999999;
	vertical-align:bottom;
	padding: 25px 0px 3px 3px;
	font-size:10pt;
	font-weight:bold;
	}
.formtabLabel {	
	padding: 4px 0px 0px 0px;
	vertical-align:top;
	text-align:right;
	width: 250px;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	}
.formtabLabelReqd {	
	padding: 4px 0px 0px 0px;
	vertical-align:top;
	text-align:right;
	width: 250px;
	font-weight:bold;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	}
.formtabField {	
	padding: 3px 0px 3px 10px;
	vertical-align:top;
	text-align:left;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	}
.formtabHint {	
	padding: 3px 0px 3px 0px;
	vertical-align:top;
	text-align:right;
	width:16px;
	border-bottom: solid 1px #EEEEEE;
	}
.formtabConf {	
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
  border-bottom:1px solid red;
	}
.formtabFtrR {	
	padding: 0px 0px 0px 0px;
	vertical-align:bottom;
	height: 40px;
	text-align:left;
	background:#FFFFFF url(../IMG/Rego/bg-formFtr.gif) repeat-x bottom;
	border-top:solid 2px #000000;
	margin-top:5px;
	}
.formtabSpacer {	
	padding: 0px;
	height: 8px;
	}
	
/* CONTROLS */
.formField
{
  font-size:9pt;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	}
.formField:hover {
	background-color: #CCCCCC;
	border: solid 1px #000000;
	}
.formField:focus {
	background-color: #FFFFFF;
	border: solid 1px #000000;
	font-weight: bold;
	}

/**** ADD-ONS FOR SPECIFIC TAGS ****/
input.formField
{
	padding-left:5px;
	width:350px;
	height:16px;
	}
select.formField
{
	padding-left:0px;
	width:356px;
	height:20px;
	}
textarea.formField
{
  font-family: Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
	padding: 1px 5px 1px 5px;
	width:346px;
	height:60px;
	}
iframe.formField
{
	padding:5px 0px 5px 5px;
	width:350px;
	height:120px;
	}

/**** PUSHBUTTONS ****/
.editFormSubmit   {
	font-weight:bold;
	text-align: center;
	background: #EEEEEE;
	border: solid 1px #000000;
	width: 100px;
	height: 25px;
	}
.editFormSubmit:hover   {
	background: #CCCCCC;
	border: solid 1px #666666;
	}
.editFormCancel   {
	text-align: center;
	background: #F5F8ED;
	border: solid 1px #000000;
	width: 100px;
	height: 25px;
	}
.editFormCancel:hover   {
	background: #FFFFFF;
	border: solid 1px #000000;
	}
	
	/* CART TABLE */
.carttabParticulars {	
  width: 70%;
	padding: 2px;
	vertical-align:top;
	text-align:left;
	font-size:10pt;
	border-top: solid 1px #EEEEEE;
	}
.carttabAmount {	
  width: 10%;
	padding: 2px;
	vertical-align:top;
	text-align:right;
	font-size:10pt;
	border-top: solid 1px #EEEEEE;
	}
.carttabQty {	
  width: 10%;
	padding: 2px;
	vertical-align:top;
	text-align:right;
	font-size:10pt;
	border-top: solid 1px #EEEEEE;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
	}
.carttabParticularsHdr {	
  background: #EEEEEE url(../IMG/Rego/bg-SubHdr.png) repeat-x;
	border-bottom:solid 1px #000000;
	height: 26px;
  width: 70%;
  font-weight:bold;
	padding: 2px;
	text-align:left;
	font-size:10pt;
	}
.carttabAmountHdr {	
  background: #EEEEEE url(../IMG/Rego/bg-SubHdr.png) repeat-x;
	border-bottom:solid 1px #000000;
	height: 26px;
  width: 10%;
  font-weight:bold;
	padding: 2px;
	text-align:right;
	font-size:10pt;
	}
.carttabQtyHdr {	
  background: #EEEEEE url(../IMG/Rego/bg-SubHdr.png) repeat-x;
	border-bottom:solid 1px #000000;
	height: 26px;
  width: 10%;
  font-weight:bold;
	padding: 2px;
	text-align:right;
	font-size:10pt;
	}
.carttabRegHdr 
{
  background: #FFFFFF;
	border-bottom:solid 1px #000000;
  font-weight:bold;
	padding: 2px;
	text-align:left;
	font-size:10pt;
	}
.carttabRegHdrR {	
  background: #FFFFFF;
	border-bottom:solid 1px #000000;
	padding: 2px;
	text-align:right;
	font-size:10pt;
	}
.carttabTotal 
{
	padding: 5px 2px 5px 2px;
	border-top:solid 1px #000000;
	border-bottom:solid 2px #000000;
  font-weight:bold;
  text-align:right;
	}
.carttabPromo 
{
	padding: 5px 2px 5px 2px;
  text-align:right;
	}
.carttabFtrL {	
    width: 60%;
	padding: 5px 0px 0px 5px;
	border-top:solid 2px #000000;
	margin-top:5px;
	}
.carttabFtrR 
{
    width: 40%;
	padding: 5px 0px 0px 5px;
	border-top:solid 2px #000000;
	margin-top:5px;
	}
.carttabFtrB 
{
	padding: 5px 0px 0px 0px;
	text-align:right;
	}    
.carttabRecalc {	
	text-align:right;
	border-top: solid 1px #EEEEEE;
	}
	
.cartnextTab {	
  background: #FFFFFF url(../IMG/Rego/cartNext-bg.gif) no-repeat;
  width: 300px;
  height: 200px;
  margin: 10px auto 50px auto;
  border-collapse: collapse;
	}
.cartnextTabHdr 
{
  font-weight:bold;
	padding: 0px 0px 0px 10px;
	height: 34px;
	text-align:left;
	font-size:12pt;
	color: #FFFFFF;
	}
.cartnextTabBody 
{
	vertical-align:top;
	}
.cartnextTabFtr
{
	padding: 0px 10px 0px 0px;
	height: 34px;
	text-align:right;
	vertical-align:top;
	}
.carttabRecalc 
{
	padding:5px 2px 5px 0px;
	border-bottom:solid 1px #000000;
	color:#666666;
  font-weight:normal;
  text-align:right;
	}
.cartRecalcButton	
{
  font-size:6pt;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	height:14PX;
	width:50PX;
	margin-left:10px;
	}
.cartRecalcButton:hover {
	background-color: #99FF33;
	border: solid 1px #000000;
	}

	
/* CATEGORY TABLE */
.categSelector {	
  width: 5%;
	padding: 2px;
	vertical-align:top;
	text-align:left;
	border-bottom: solid 1px #EEEEEE;
	}
.categName {	
	padding: 2px;
	vertical-align:top;
	text-align:left;
	border-bottom: solid 1px #EEEEEE;
	}
.categFee {	
  width: 20%;
	padding: 2px;
	vertical-align:top;
	text-align:right;
	border-bottom: solid 1px #EEEEEE;
	}
.categHint {	
  width: 4%;
	padding: 2px;
	vertical-align:top;
	text-align:center;
	border-bottom: solid 1px #EEEEEE;
	}	
	
/* FEE TABLE */
.feetabParticulars {	
  width: 75%;
	padding: 2px;
	vertical-align:top;
	text-align:left;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	}
.feetabAmount {	
  width: 10%;
	padding: 2px;
	vertical-align:top;
	text-align:right;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	}
.feetabQty {	
  width: 10%;
	padding: 2px;
	vertical-align:top;
	text-align:right;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
	}
.feetabHint {	
  width: 5%;
	padding: 2px;
	vertical-align:top;
	text-align:right;
	font-size:10pt;
	border-bottom: solid 1px #EEEEEE;
	}


/**** SKU TABLE ****/
.skuTable
{
    font-size: small;
    width: 100%;
    }
.skuName
{
    font-size: inherit;
    width: 60%;
    border-bottom: solid 1px #EEEEEE;
    }
.skuPrice
{
    font-size: inherit;
    width: 20%;
    text-align: right;
    border-bottom: solid 1px #EEEEEE;
    }
.skuQty
{
    font-size: inherit;
    width: 20%;
    text-align: right;
    }
.skuNameHdr
{
    font-weight:bold;
    width: 60%;
    border-bottom: solid 1px #EEEEEE;
    }
.skuPriceHdr
{
    font-weight:bold;
    width: 20%;
    text-align: right;
    border-bottom: solid 1px #EEEEEE;
    }
.skuQtyHdr
{
    font-weight:bold;
    width: 20%;
    text-align: right;
    }
img.skuProductImage
{
    border: solid 1px black;
    cursor: pointer;
    margin: 0px 5px 5px 0px;
    }
img.skuProductImage:hover
{
    border: solid 1px red;
    cursor: pointer;
    margin: 0px 5px 5px 0px;
    }	
        
    
/**** SPECIAL INPUT FIELDS ****/
.formFieldQty {
	padding-right:5px;
	text-align:right;
	width:30px;
	height:16px;
  font-size:9pt;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	}
.formFieldQty:hover {
	background-color: #CCCCCC;
	border: solid 1px #000000;
	}
.formFieldQty:focus {
	background-color: #FFFFFF;
	border: solid 1px #000000;
	font-weight: bold;
	}
    
.formFieldAmt {
	padding-right:5px;
	text-align:right;
	width:45px;
	height:16px;
  font-size:9pt;
	background-color: #EEEEEE;
	border: solid 1px #999999;
	}
.formFieldAmt:hover {
	background-color: #CCCCCC;
	border: solid 1px #000000;
	}
.formFieldAmt:focus {
	background-color: #FFFFFF;
	border: solid 1px #000000;
	font-weight: bold;
	}
	
.recalcCart
{
    font-size:8pt;
    width: 38px;
    height: 20px;
    border: solid 1px #666666;
    background-color: #CCCCCC;
    margin:2px;
    text-align:center;
    vertical-align: middle;
    }
.recalcCart:hover
{
    background-color: #000000;
    color: #FFFFFF;
    }		