@import 'meyers-css-reset.css'; 
@import 'cms.css';
@import 'menu0.css';

/* HTML Elements */

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: center;
}

h1 {
    font-size: 26px;
    font-weight:bold;
    font-weight: normal;
    color:#e4c5ce;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px; padding: 0px;
}

a {
	color:#fff;
	text-decoration: underline;
}

hr {
    height: 1px; 
}

strong {
    font-weight: bold;
}

.right-arrow { display:block; background-image: url(../images/right-arrow-icon.png); background-repeat:no-repeat; background-position:98%; }
.right-arrow:hover { color:#e4c5ce; }


.right-arrow { display:block; background-image: url(../images/right-arrow-icon.png); background-repeat:no-repeat; background-position:98%; }
.right-arrow:hover { color:#e4c5ce; }


.priceColour { color: #d11126; font-weight: bold; font-size:13px; }

.paddedTable td, th { padding: 5px; }

.trainSelectionTable { width: 100%; text-align: left;}
.trainSelectionTable th { font-weight: bold; padding-bottom: 4px; }
.trainSelectionTable tr.TrainItem { background-image: url(../images/transblock.png); background-repeat: repeat;}
.trainSelectionTable th, td.TrainData { padding: 5px;text-align: left;}
.trainSelectionTable td.TrainSpacer { height: 3px; display: block; }

.tt_legendsquare { width: 18px; height: 18px; padding: 0px; margin: 0px; border: 1px solid black; }
.tt_green {background-color: #87d137;}
.tt_red, .tt_red_family, .tt_red_school {background-color: #ff0000;}
.tt_white {background-color: #ffffff;}
.tt_blue {background-color: #58a8de;}
.tt_yellow {background-color: #fcff0b;}

.largeFont 
{
    font-size: 15px;
}

.Shadow { box-shadow:-8px 12px 8px #000000; }


/*                    */
/*                    */
/* COMMON USE CLASSES */
/*                    */
/*                    */
/*                    */


/* Neat Table Cell Lines */

.tl { border: 1px solid #cccccc;}
.tm { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top;}
.tr { border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}
.ml { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}
.mm { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top; vertical-align: top;}
.mr { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top; vertical-align: top;}
.bl { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top;}
.bm { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; vertical-align: top;}
.br { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; vertical-align: top;}
.total { border-right: 1px solid #cccccc; padding-top:20px; vertical-align: top;}
.totalAmt { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;padding-top:20px; vertical-align: top;}
.cellPad6 { padding: 6px;}

.redBorder {
    /* test class */
    border: 1px solid red;
}

.floatLeft {
    float:left;
    text-decoration: none;
}

.floatRight {
    float:right;
    text-decoration: none;
}

.clearBoth {
	clear: both;
}

.greyText {
    color: #999999;
}

.redText {
    color: #FF0000;
}

.greenText 
{
    color: #00c847;
}

.smText {
    font-size: 10px;
}

.NoPadding {
    padding: 0px !important;
}

.NoMargin {
    margin: 0px !important;
}

.compulsoryField {
    font-size: 11px;
    color: Red;
}

.cufon-loading body { visibility: hidden }

.clear { clear:both; }

.product-list-panel 
{
    position:relative;
    width:200px;
    height:200px;
    float:left;
    text-align:center;
    padding-left:25px;
    padding-right:25px;
}

.product-list-panel a
{
    text-decoration:none;
}

.product-list-panel h2 
{

}

.product-row 
{
    min-height:50px;    
    margin-top:10px;
    padding-bottom:10px;
}

.product-row img 
{
    float:left; 
    margin-right:25px;    
}

.product-row a 
{
    text-decoration:none;
}
 
.product-row .more-info
{
    font-weight:bold;
}
    
.product-detail
{

}

.product-detail img
{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.product-detail .price
{
    font-size:18px;
    color:#fff;    
}

.product-detail .add-to-cart
{
    margin-top:25px;    
    background-color:#f6d2dd;
    padding:10px;
    overflow:hidden;  
}

.product-detail .quantity 
{
    padding:5px;
    font-size:14px;
    float:left;
    margin-right:10px;    
}

.product-detail .add-to-cart-button
{
    font-size:24px;
    color:#4d4d4f;    
    text-decoration:none;
}

.product-detail .add-to-cart-button:hover
{
    color:#000;    
}

.email-body
{
    width:450px;
    height:100px;
}

.email-subject
{
    width:450px;
}