/*
COLOURS

BLUE
100% 42C4DD
75% 7CD0E4
50%	A9DEEC
25% D3EDF4
10% ECF7FA

GREEN
100% A0CF67
75% B7D98C
50%	CEE4AF
25% E4F0D5
10% F3F8EC
*/

@import "RStypography.css";


body{
    background: #E5E5E5;
}

div.holder{
    width:960px;
    overflow:auto;
    margin-left: auto;
    margin-right: auto;
    background:white;
}

a{
    color: #94d178;
    text-decoration: none;
}

div.topLogo{
    width:360px;
    height:64px;
    margin: 15px 0px 0px 80px;
    float:left;
    background-image: url('images/topLogo.png');
    background-repeat: no-repeat;
}

div.topLoginMenu{
    float:right;
        margin: 15px 60px 0px 0px;
    text-align:right;
}

div.topLoginMenu a{
	color:#41C4DD;
}

div.quickLinks{
    width:960px;
    height:178px;
    margin-bottom: 20px;
    background-image: url('images/quickLinkBanner.png');
    background-repeat: no-repeat;
    background-position: center;
    clear:both;
}

div.quickLinkButton{
    position: relative;
    top:30px;
    float:right;
    margin-right: 40px; /*instead of both sides being 10px*/
}

div.quickLinkButton img{
    border:none;
}


div.mainContent{
    width:640px;
    float:left;
    margin-left: 40px;
    margin-right: 20px;
}


/*********** Side Menu *************/

div.sideMenuContainer{
	margin: 0px 10px;
	width:220px;
	float:left;
}

div.sideMenu{
    float:right;
    clear:right;
    margin-bottom:20px;
    width:220px;
}

.sideMenu h3{
	margin-top: 0px;
	margin-bottom: 0.5em;
}

div.sideMenuTop{
    width:220px;
    height:15px;
    background-image: url('images/sideMenuTop.png');
}

div.sideMenuBottom{
    width:220px;
    height:15px;
    background-image: url('images/sideMenuBottom.png');
}

div.sideMenuContent{
	padding: 0px 18px;
    background-color: #EDF8FB;
    overflow:auto;
	overflow-x:hidden; /*for IE*/
    color:#41C4DD;
    line-height: 120%;
}

div.sideMenuContent a{
font-weight: bold;
}

div.sideMenuContent .entry{
    width:175px;
    padding: 2px;
    background-color: #ffffff;
    border:none;
    height: auto;
}

div.sideMenuLabel{
    float:right;
	clear:both;
	margin: 4px 0px 12px 0px;

}
.loginButton{
	float:right;
	clear:both;
}


#loginSideMenu{
	text-align: right;
}

.right_image{
	/*margin-top:*/
	margin-right: 20px;
}



/************* FOOTER **************/

div.footerLeft{
	width:12px;
    height:42px;
    background-image: url('images/footerLeft.png');
	float:left;
}

div.footerRight{
	width:12px;
    height:42px;
    background-image: url('images/footerRight.png');
	float:right;
}

div.footerContent{
	height: 42px;
	width: 916px;
	float:left;
	background-image:  url('images/footerBG.png');
	background-repeat:repeat-x;
}

/*footer content will have to offset itself*/
div.footerContent p{
	margin-top: 8px;
	margin-left: 20px;
}

div.specialSearchButtonContainer{
	margin:20px 0px;
	float:left;
	width:100%;
}

div.specialSearchButton{
	float:left;
	padding-left: 25px;
	padding-right: 25px;
}

#searchGreeting p.subheading, td.header{
	font-weight: bold;
	font-size: 14px;
	color:#41C4DD;
}

table.quickform{
	width:100%;
}


div.searchResultEntry{
	border-style:solid;
	border-width:1px;
	border-color:#A9DEEC;
	margin-top:10px;
	width:600px;
}

div.searchResultEntry .searchEntryHeader{
	color:#41C4DD;
	font-size:16px;

	background-color: #E5E5E5;

	border-bottom: 1px solid #41C4DD; /*same as total entry*/
}

/*for highlighted entries*/
div.highlighted .searchEntryHeader{
	background-color: #A9DEEC;
	color:#ffffff;
}

div.featuredResultEntry{
	border-color:#94d178;
	border-style:solid;
	border-width:1px;
	margin-top:10px;
	width:600px;
}

div.featuredResultEntry .searchEntryHeader{
	color:white;
	font-size:16px;
	background-color: #A9CF96;
	border-bottom: 1px solid #94d178; /*same as total entry*/
}


/*used by detailed display*/
.searchEntryHeader{
	color:#41C4DD;
	font-size:16px;
	background-color: #E5E5E5;
	border-bottom: 1px solid #A9DEEC; /*same as total entry*/
}

.featuredResultContent{
	background-color: #E3F7D9 ;
}

div.searchResultOption{
	float:left;
	width:200px;
	vertical-align: middle;
}

.tinyIcon{
	vertical-align: middle;
	margin-bottom:2px;
	margin-top: 2px;
}

.detailTable{
	padding-bottom: 16px;
	clear: both;
}
.detListHdg{
	min-width:100px;
}
.detListTxt{
	min-width: 100px;
}

.scrollContainer{
	margin-top: 8px;
	margin-bottom: 8px;
	overflow:auto;
}

.imageBeltButton{
	cursor: pointer;
	float: left;
}

#manage_units_bar{
	height: 32px;
	background-image:  url('images/footerBG.png');
	background-repeat:repeat-x;

	color:white;

	padding-left: 14px;
	padding-top: 4px;

	font-weight:bold;
	font-size:14px;
}

.adSummaryMainContent{
	float:left;
	margin-left: 10px;
	margin-right:10px;
	width: 530px;
}

.adSummarySub{
	margin-left:30px;
}

.adSummaryMisc{
	float:right;
	margin-left: 10px;
	margin-right:10px;
	width: 300px;
	display:inline; /*needed to solve IE double margin bug*/
}

.accountAdContainer{
	overflow:visible; /*IE7 needs this to be visible not auto*/
	margin-top:8px;
	margin-bottom:8px;
}

.tinyIconDiv{
	vertical-align: middle;
	margin-top:2px;
	margin-bottom: 2px;
}

.contentMessageBox{
	/*float:left;*/
	background-color:#EDF8FB;
	margin-top:20px;
	margin-bottom:20px;
	padding-left: 10px;
	padding-right: 10px;
	clear:both;
}

.contentMessageBox H2{
	color: #E31837;
}

.blueDivider{
	/*float:left;*/
	clear:both;
	width:820px;
	height:4px;
	background-image: url('images/lightBlueLine.png');
}

.contentHeading{
	color:#41C4DD;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

.sideMenuIconLinkGroup{
	overflow: auto;
	margin-bottom: 10px;
}


.mapitContainer{
	position: fixed;
	top: 60px;
	width: 600px;
	margin-left: -300px;
	left: 50%;
	background-color: rgb(255, 255, 255);
	z-index: 1003;
}

#directionInstructions{
	padding-top: 10px;
}

#directionInfo{
	width: 598px;
	min-height: 20px;
	padding: 10px 0px 0px 10px;
}


#landmarkList{
	width: 598px;
}

.landmarkListColumn{
	float:left;
	padding: 10px;
}

.landmarkListOptionDiv{

}

#distanceInfoContainer{
margin-bottom: 20px;
}


.removeFromCartButton{
	float:right;
	cursor:pointer;
	color:orange;
}

.existing_order_message{
	color: orange;
}

table.styledTable, table.styledTable td, table.styledTable th{
	border-width:1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	background-color: white;
}
table.styledTable td, table.styledTable th{
	padding: 3px;
}

.newadheader{
	font-weight:bold;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/*Intended for keeping the form tables smallers (less wide)*/
.thinnerFormTable{
	width:60%; /*uses smaller width to override global table width*/
}

.searchResultHeadline{
	margin-left: 4px;
	padding-top: 4px;
}