html, body {
    height: 100%;
}
body {
	color: #333333;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-bottom: 0px;
	text-align: center;
	min-height: 400px; /* For Mozilla/Opera/Safari */
	background: url("/images/bg_csia.gif") #FAFAFA repeat top;	
	text-align: center;

}
body, td, p, input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrapper{
	width: 100%;
	border: 0px;
	margin: 0px;
	height: 100%;
	padding: 0px;
	float: none;
	display: block;
	top: 0px;
}

#TD-transfer-wrapper{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
	text-align: center;
}
.splash {
  position: relative;
  margin-top: 150px;
} 

#columns-container {
	width: 100%;	 	
	padding-bottom: 10px;
	

}

#page-header table {margin-left:auto; margin-right:auto;}


#mid-column {
	width: 800px;	 	
	padding-bottom: 10px;
	border: 1px solid #DDD;		
	margin-left:auto; 
	margin-right:auto;
	background-color: #e1e1e1;
	
}

#footer {
	text-align: center;
	margin: 0px;
	height: 150px;
	width: 100%;
	border: 0px;
	vertical-align: baseline;
	margin: 0px;
	position: relative;
	bottom: 0px;
	top: 20px;

}
.logtxt {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-top: 7px;
}

.login {
	height: 16px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: none;
	background:#E0CAC9;
	font-size: 10px;
	padding-top: 7px;
}
.search {
	width: 200px;
	height: 16px;
	border-top: 1px solid #7f9db9;
	border-bottom: 1px solid #7f9db9;
	border-right: 1px solid #7f9db9;
	border-left: none;
	background:#E0CAC9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#imageField {
	float: right;
	text-align: right;
}

.lnk {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.verdana {
	color: #FFFFFF;
	font-size:9px;
}

/*---------------------------------------*/
.main-table, .tbl-container {
	width: 100%;
	margin-top: 5px;
	text-align:center;
}


.main-table .subtitle, #success-registration .subtitle {
	font-weight: bold;
}

.main-table .title {
	font-weight: bold;
	font-size: 18px;
	color: #666666;
	font-style: italic
}
.main-table .tr-crs-title, .tbl-header-text, .waiver-title, .prod-det-title , .tbl-title {
	color: #FFFFFF;
	background-color: #000000;
}

.lft-crs-title, .mid-crs-title, .rgt-crs-title, .main-table .tr-crs-title, .tbl-header-text, .waiver-title, .prod-det-title , .tbl-title  {
	border-bottom: 2px solid #858585;
}

.main-table .td-crs-display-mid, .main-table .td-crs-display-right{
	border-left: 1px solid #CCCCCC;
}


.td-crs-display-right a, .td-crs-display-right a:hover, .td-crs-display-right a:visited {
	color: #050505;
	padding-left:3px;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

.separator {
	border-bottom: 1px solid #CCCCCC;
}
.tbl-container, .tblbd {
	width: 100%;
	margin-top: 15px;
	border: 1px solid #CCCCCC;
	background-color: #FAFAFA;
}

.tbl-header-text, .waiver-title {
	height: 20px;
	padding-left: 5px;
	font-weight: bold;
	text-align:left;
}

.tbl-sub-container, .waiver-sub-title, .waiver-text {
	text-align:left;
}
.tbl-td-label {
	width: 150px;
	height: 25px;
	margin-left: 5px;
	text-align: left;
	padding-left: 5px;
	
}
.tbl-td-content {
	/*width: 700px;*/
	text-align: left;
	padding-left:5px;
	margin-left: 5px;
	text-align: left;
}
.price-amount, .price-total-amount {
	text-align: right;
	padding-right: 10px;
	height: 25px;
	width: 100px;
}
.price-label, .note-txt {
	text-align: left;
	padding-left: 5px;
	height: 25px;
}
.tax-label {
	text-align: left;
	padding-left: 5px;
}
.tbl-td-required {
	width: 15px !important;
	padding-left:5px;
}
.waiver-text, .waiver-sub-title {
	padding-left:5px;
}
/* billing - shipping */

table.tbl-container   		 { width: 100%; }

.lbl {
	float: left;
	width: 150px;
	padding-left: 10px;
}

.tbl-td-label {
	width: 150px;
	height: 25px;
	margin-left: 5px;
	text-align: left;
	padding-left: 5px;
	
}
.tbl-td-content {
	width: 700px;
	margin-left: 5px;
	text-align: left;
}

.price-amount, .price-total-amount {
	text-align: right;
	padding-right: 10px;
	height: 25px;
	width: 100px;
}

.price-total-amount  {
	font-weight: bold;
}

.price-label, .note-txt {
	text-align: left;
	padding-left: 5px;
	height: 25px;
}
.tax-label {
	text-align: left;
	padding-left: 5px;
}


#required-image {
    margin: 0;
	width:15px !important;
	background:url(/images/flash_r.gif) no-repeat center !important;
}

#cc-fields #required-image, #billing-fields #required-image, #billing-fields #no-required-image{
    display:inline;
    float:left;
} 

#billing-fields li, #cc-fields li {
	padding-top: 5px;

}

/* product info */


ol,ul{list-style:none;}
ul,ol,li,th,td{margin:0;padding:0;}
.tbl-container td {
	padding-top: 5px;
}

.tbl-container .none {
	margin-left: -15px;
}

input #Gender {
	border: 0px solid #fff;
}

/* ---- */


.summary-tbl {
	margin-top: 10px;
	border-top: 1px solid #666666
}
.summary-tbl td {
    padding-top: 5px;
}

.loading-indicator {
    font-size: 11px;
    background-image: url(../images/default/grid/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}


.flyout-menu-det {
	position:absolute;
	overflow: hidden;
}

.flyout-menu-det {
	position:absolute;
	overflow: hidden;
	width: 760px;
	padding:5px;
	text-align:left;
	background-color:#EEEEEE;  
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 2px solid #AEAEAE;
	border-bottom: 2px solid #AEAEAE;
	margin-bottom:100px;
	color: #525252;
	/*font-weight: bold;*/
}
.flyout-menu-det #close-win {
	margin-top:0px;
	/*background-color:#CCCCCC;*/
	/*border:1px solid #aaa;*/
	width: 99%;
	padding:2px;
	height:22px;
}

#close-win #j-top{
	display: block;
	float:left;
	overflow: hidden;
	font-size: 14px;
	padding-left:5px;
	font-weight: bold;
	
}

#close-win .close-btn {
	display: block;
	float:right;
	overflow: hidden;
}

#det-wrapper {
	margin-top: 10px;
	padding: 5px;
	width: 99%;
}

#det-wrapper .flyout-menu-det-label {
	float:left;
	width:150px;
}
#det-wrapper ol{
	margin-left:18px;
	list-style-type: disc;
	font-size:11px;
}
#det-wrapper ol .ol-none{
	list-style-type: none;
}

.flyout-menu-note {
	font-size: 9px;
	font-style: italic;
}



/* billing - shipping */
#payment {
	text-align: left;
}
#payment #billing-title, #payment #shipping-title {
    padding-top: 5px;
    padding-bottom: 5px;
	
}
#payment #billing-title p, #payment #shipping-title p {
    font-weight: bold;
}
#payment #required-image {
    margin: 0;
    width: 0px;
}
#payment #cc-fields #payment #required-image {
    display:inline;
    float:left;
} 
#payment #required-image {
	visibility:hidden;
}
#payment #billing-fields .lbl, #payment #shipping-fields .lbl {
	visibility: hidden;
	display:none;
}

#payment #billing-address, #payment #shipping-address {
	margin-top: 10px;
	
}

#payment #billing-fields li, #payment #shipping-fields li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#payment #billing-name, #payment #shipping-name  {
	font-weight: bold;
}
/* product info */

.billing-title p {
    padding-left: 5px;

}
.prod-det-title , .total-items  p, .total-grand-total p, .total-grand-total-text p {
    font-weight: bold;
}
.prod-det-title td {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
}
.prod-det-title, .prod-lines, .total-items, .total-shipping, .total-hst, .total-gst, .total-qst, .total-grand-total {
    text-align: right;
}
.total-items-amount {
    padding-top: 10px;
}
.prod-det-title .prod-title-prodName , .prod-lines .prod-lines-prodName{
    text-align: left;
    padding-left: 2px;
}
.prod-lines-prodName, .prod-lines-qt, .prod-lines-price, .prod-lines-total {
    border-bottom: 1px solid #AEAEAE;
}
.prod-title-total, .prod-lines-total, .total-items-amount, .total-shipping-amount, .total-hst-amount, .total-gst-amount, .total-qst-amount, .total-grand-total-amount {
    padding-right: 10px;
}

#submitbutton {
    text-align: center;
}

#submitbutton li {
padding: 10px;
}

/* cc info */
.lbl {
	width: 200px; 
	float: left;
} 
.summary-tbl {
	margin-top: 10px;
	border-top: 1px solid #666666
}
.summary-tbl td {
    padding-top: 5px;
}
/*  ----------- success-registration --------------------*/
#success-registration{
	text-align: left;
}

#success-registration  p{
	padding: 5px;
	padding-left: 20px;
}
#success-registration .main-title {
	font-size: 14px;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
}
/*  ----------- end success-registration --------------------*/