/*

All custom styles go in here.
Do not put custom styles in the template-styles.css
file as this might be overwritten if the standard template
is used and a colour change is put in place.
*/
#infoBox {
	margin-left: 5px;
}
#infoBox #infoBoxHead{
	background-color: #6689C9;
	background-image: url("images/info-top.gif");
	background-repeat: no-repeat;
	padding: 2px 2px 2px 5px;
	color: #FFFFFF;

}

#infoBox #infoBoxContent  {
	background-color: #A3C3FE;
	padding: 2px 2px 2px 5px;
}

#infoBox #infoBoxBase {
	background-image: url("images/nav-base.gif");
	background-repeat: no-repeat;
}

.directoryTable {

}

.directoryTable .directoryHeader {
	background-color: #cccccc;
	color: #333333;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOn {
	background-color: #ececec;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOff {
	background-color: #dddde3;
	padding: 2px 5px 2px 5px;
}

.formFields {
	border: 1px solid #888;
	background-color: #fff;
	color: #333;
        padding:1px;
        margin-bottom:3px;
}

.submitButton {
	border: 1px solid #333333;
	background-color: #cccccc;
	color: #333333;
}

/* STORE STYLES */

	/* Navigation Links */
	#content a.sectionButton:link , 
	#content a.sectionButton:visited ,
	#content a.sectionButton:hover {
		color: #27318b;
		text-decoration:none;
	}	
	
	#content a.sectionButton:hover {
		color: #333;
		text-decoration:underline;
	}
	
	#content .cookieCrumb {font-size:120%;font-weight:200;}
	#content .cookieCrumb a:link ,
	#content .cookieCrumb a:visited ,
	#content .cookieCrumb a:hover  {
		color: #27318b;
		text-decoration:none;
	}
	
	#content .cookieCrumb a:hover {
		color: #333;
		text-decoration:underline;
	}
	
	/* 	Store Category List Home 
		Styles contained in /modules/store/store-p-home.inc (client side)
	*/
	.storeListCategories {maring:0;padding:0;}
	.storeListCategories .storeHomeCategoryList td {height:100px;}
	.storeListCategories .storeCategoryImage {}
	.storeListCategories .storeCategoryTitle h2 {
		margin:0;
		padding:0;
		font-size: 200%;
		font-weight:200;
		text-transform:lowercase;
		text-transform:capitalize;
		margin-bottom:5px;
	}
	.storeListCategories .storeCategoryTitle h2 a {text-decoration: none;color:#27318b;}
	.storeListCategories .storeCategoryProductLink a:link , 
	.storeListCategories .storeCategoryProductLink a:visited , 
	.storeListCategories .storeCategoryProductLink a:hover {
		color:#27318b;
	}


	.categoryRow {
		padding-bottom: 0px;
	}
	.categoryRow a img {
		height: auto;
	}
	
	
	
	.categoryRow .formFields {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
	}
	
	.categoryRow .submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:1px;
		font-size:13px;
	}

	/* Store Cart Styles */
	.storeCartContainer {font-size: 13px;font-family: "trebuchet ms", arial, sans-serif;}
	.storeCartContainer .storeCartColHeaders td.categoryRow  {
		margin:0;
		padding:0;
		border-bottom:1px solid #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCartContainer .storeCartOrderLines td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCartContainer .storeCartOrderLines td.categoryRow .removeLink {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:1px;
		font-size:13px;
		text-decoration: none;
	}
	
	.storeCartContainer .storeCartOrderLines td.categoryRow .formFields {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
	}
	.storeCartContainer .storeCartSubTotal {}
	.storeCartContainer .storeCartUpdateButton {
		
	}
	.storeCartContainer .storeCartActionButtons input.submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:12px;
	} 
	.storeCartContainer .storeCartLineSpacer {}
	.storeCartContainer .storeCartActionButtons {
		margin:0;
		padding:0;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCartContainer .storeCartActionButtons .continueLink {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
		text-decoration: none;
	}
	.storeCartContainer .storeCartActionButtons .checkoutLink {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
		text-decoration: none;
	}
	
	.storeCartContainer .storeCartEmptyNotice {}
	
	/* Store Checkout Styles */
	.storeCheckoutContainer {}
	
	.storeCheckoutContainer .storeCheckoutComments {}
	.storeCheckoutContainer .storeCheckoutHeading td {
		margin:0;
		padding:0;
		border-bottom:1px solid #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCheckoutContainer .storeCheckoutOrderLines td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCheckoutContainer .storeCheckoutSubTotalLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCheckoutContainer .storeCheckoutShippingLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px solid #333;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCheckoutContainer .storeCheckoutTaxLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px solid #333;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCheckoutContainer .storeCheckoutOrderTotalLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px solid #333;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCheckoutContainer .storeCheckoutActionButton {
		text-align:right;
	}
	.storeCheckoutContainer .submitButtons , 
	.storeCheckoutContainer .storeCheckoutActionButton input.submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:12px;
	}
        .largeButton {
		padding:0 !important;
		margin:0  !important;
		border:1px solid #ccc  !important;
		background-color: #ddd  !important;
		color:#333  !important;
		padding:4px  !important;
		font-size:16px  !important;
                cursor: pointer !important;
                text-decoration:none !important;
	}

	
	.storeCheckoutContainer .storeCheckoutWarnings {
		margin:0;
		padding:0;
		border: 1px solid #333;
		width:450px;
		padding: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		color: #a00;
		font-weight: bold;		
	}
	
	.storeCheckoutPickupLabel {font-size:120%;font-weight:bold;}
	.storeDeliveryOptionDisplay {margin-bottom:10px;padding-left:5px;}
	.storeCheckoutBranchSelector {}

	/* Store Product List */
	h2.storeProductListHeading {
		margin:0;
		padding:0;
		font-size: 200%;
		font-weight:200;
		text-transform:lowercase;
		text-transform:capitalize;
		margin-bottom:5px;
		padding-bottom:2px;
		border-bottom: 1px solid #27318b;
	}
	
	.storeProductList .storeProdRow td {
		border-bottom: 1px dashed #ccc;
		margin-bottom:5px;
	}
	
	.storeProductList .storeProdDescCell h3.storeProdTitle {
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:200;
		margin-bottom:5px;
		margin-top:2px;
	}
	
	.storeProductList .storeProdPriceCell .storeProdPrice {
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:200;
		margin-bottom:5px;
		margin-top:2px;
	}
	.storeProdPriceCell .storeProdAdd span.storeProdAddQtyLabel {
		font-weight:bold;
	}
	
	.storeProdPriceCell .storeProdAdd .submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:1px;
		font-size:13px;
	}
	
	.storeProdPriceCell .storeProdAdd .formFields {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
	}
	
	
	/* Create account form */
        .storeForm {
            margin-top:10px !important;
        }

	.storeForm td.field-label-required strong {
		color: #CD0000;
	}
	
	.storeForm td.field-label strong {
		color: #27318b;
	}

        .welcomeBackHeading {

            font-size:180%;
            font-weight: 200;
            color:#333;
            margin-top:5px;
            margin-bottom:5px;

        }

        .screenNoticeContainer {
            display:block;
            margin-top:10px;
            margin-bottom:10px;
        }

        .screenNoticeContainer .notice {
            display:block;
            font-size:150%;
            font-weight: 200;
            color:red;
        }

        .lineBottomSolid3331px {
            border-bottom: 1px solid #ccc;
        }

        .bottomLineDotted {
            border-bottom: 1px dotted #ccc !important;
        }
	
	/*
        image link icons
        */

        .content .pageContent ul {
                /* list-style-type:square; */
                list-style-image: url(images/bullet.png) no-repeat;
                /* padding-left: 20px; */
                line-height: 20px; /* To center the text vertically with the icon */
                margin-left:15px;
        }

        .content a.pdf , a.pdf:visited , a.pdf:link , a.pdf:hover { /*The background image*/
                background: url(images/pdf.png) no-repeat left center;
/*                padding-left: 20px;*/
                line-height: 20px; /* To center the text vertically with the icon */
                text-decoration:underline;
        }

        .content a.txt { /*The background image*/
                background: url(images/txt.png) no-repeat left center;
                padding-left: 20px;
                line-height: 16px;
        }

        .content a.zip { /*The background image*/
                background: url(images/ppt.png) no-repeat left center;
                padding-left: 20px;
                line-height: 16px;
        }

        .content a.email , a.email:link , a.email:hover , a.visited  {
                background: url(images/email.png) no-repeat 10px center;
                padding-left: 30px;
                line-height: 16px;
        }


        /* DIRECTORY STYLES */
        .directorytable , .directorytable td {
                margin:0;
                padding:0;
        }

        .directorytable th {
                background-color: #819CC0;
                color: #ffffff;
                padding: 2px 5px 2px 5px;
        }

        .directorytable .directoryRowOn {
                background-color: #ececec;
        }

        .directorytable .directoryRowOff {
                background-color: #dddde3;
        }
        .directorytable td {
                padding: 5px 5px 5px 5px;
        }


        #content img#floatright {padding:0 0 20px 20px;}
        /* Product */
        #content tr.storeProdRow td {border-bottom:1px dashed #00297D;}

        .morelesslink {font-weight:bold;color:#00297D;cursor:pointer;cursor:hand}

        .fsNoticeBox {padding:5px;border:1px solid navy;background-color:#dddde3;}
        .fsNoticeBox .notice strong {font-weight:bold;color: #FF0000;}