/* clear away the body margins and scrollbars from the body to get a clean canvas*/
body {
    margin:0px;
    /* look and feel */
    background-image:url("linedbg.jpg");
    background-repeat:repeat-x;
}

/* cause any rtf text to maintain the overall corp design and not kindie!, they now inherit from their immediate parent container */
font{
    color:inherit;
    font-size:inherit;
    font-family:inherit;
}

/* if the html editor inserts p into the content remove margins so customer doesn't create unwanted gaps */
p {
    margin-top:0px;
}

/* remind ie to stretch table cells to the height of the row they are in */
td {
	height: expression("100%");
}

.block{
    display:block;
}

.clearFloat{
    clear:both;
}

.floatLeft{
    float:left;
}

.floatRight{
    float:right;
}

.vertSpaceSmall{
	padding-top: 2px;
	padding-bottom: 2px;
    margin-bottom:5px;
}

.padAbove{
	padding-top: 10px;
}

.padBelow{
	padding-bottom: 10px;
}

.padLeft{
    padding-left:8px;
}

.padLeftTiny{
    padding-left:3px;
}

.padRight{
    padding-right:8px;
}

.padRightTiny{
    padding-right:3px;
}

.gapLeft{
    margin-left:15px;
}

.gapRight{
    margin-right:15px;
}

.gapBefore{
	margin-bottom: 15px;
}

.gapAfter{
	margin-bottom: 15px;
}

.alignCentre{
	text-align: center;
}

.alignRight{
	text-align: right;
}

.hide {
    display:none;
}

.bold {
    font-weight:bold;
}
.nonBold {
    font-weight:normal;
}

/* center the canvas in gecko. Must be the same width as the header, footer and canvas */
#templ8a_mozCenter{
	position:relative;
	height:100%;
	margin-left:auto;
	margin-right:auto;
    width:780px;
    text-align:left;
}

/* the css structure to make a header strip that always stays at the top of the screen */
#tmpl8a_header_container{
	height:247px; /* height of header strip*/
	overflow:hidden; /* anything that doesnt fit in the header will be clipped */
    width:780px;
}


/* the css structure to make a footer strip that always stays at the top of the screen */
#tmpl8a_footer_container{
	height:42px; /* height of footer strip */
 	overflow:hidden;  /* anything that doesnt fit in the header will be clipped */
	width:780px;
}

/* this css allows styling of the footer strip including borders without effecting the fixed height footer calculations */
#tmpl8a_footer{
	height:17px;
	width:695px;
    margin-top:15px;
    margin-left:58px;
    background-image:url("footerbg.gif");
    background-repeat:repeat-x;
}
/* hide this \ from mac ie */
#tmpl8a_footer{
	height:expression("17px");
}
/* end of hide from mac ie */

#templ8a_canvasDiv{
    width:694px; /* restrain the max width the site should stretch to for gecko .d 1000px */
    width:expression("780px");
	font-size:0px; /* help prevent ie whitespace font-size messes with height bug */
    
    /* insert padding so that the table will always line up with the footer */
    padding-left:58px;
    padding-right:28px;
}

#templ8a_canvasTable {
	/* gecko will use relative positioning to display the table full height and width of the canvas div */
    position:relative !important;
    width:694px;
}

#templ8a_ctr_container{ /* the td */
     width:100%; /* center area feels the flex */
	 height:100%; 
}

#templ8a_ctr_borders {
    position:relative;
    background-image:url("body.gif"); 
    background-repeat:repeat-y;
    background-position:left top;
}

/* hide this from mac ie \ */
#templ8a_ctr_borders {
    height:100%;
}
/* end of hide this from mac ie */


#templ8a_ctr {
    padding-left:18px;  
    padding-top:18px; 
    padding-right:18px; 
    padding-bottom:30px;
}

#templ8a_lhs{
    float:left;
	width:153px; /* dimensions of rhs */
    padding-right:7px;
}

#templ8a_rhs{
    float:left;
	width:153px; /* dimensions of rhs */
    padding-left:7px;
}

.locationExpandingDescription{
	overflow:hidden;
	position: absolute;
	height:17px;
	height:expression("19px");
	text-decoration:none;
	color:#555555;
	padding-top: 2px;
	z-index:5;
}

.locationExpandingDescription:hover{
	/* height: auto;
	z-index:20; */
}

.locationExpandingDescription span{
	display:none;
}

#flashholder {
    margin-top:10px;
    text-align:center;
}

#horizmenu {
    margin-top:1px;
    margin-left:58px;
    width:695px;
    height:31px;
    background-color:#A7C539;
    background-image:url("menubg.gif");
    background-repeat:repeat-x;
    overflow:hidden;
}

#menuleft {
    z-index:99;
    float:left;
    width:5px;
    height:31px;
    background-image:url("menu_leftcorner.gif");
    background-repeat:no-repeat;
    background-position:left top;
}

#submenuholder {
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
}

#viewmycartlink {
    z-index:99;
    float:right;
    width:80px;
    height:27px;
    padding-top:5px;
    padding-right:15px;
    margin-right:4px;
    margin-top:2px;
    background-image:url("viewmycart.gif");
    background-repeat:no-repeat;
    background-position:right top;
}

#viewmycartlink a {
    font-family:Arial, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#000000;
    letter-spacing:-1px;
    text-decoration:none;
}

#viewmycartlink a:hover {
    color:#FFFFFF;
}

#menuright {
    z-index:99;
    float:right;
    width:5px;
    height:31px;
    background-image:url("menu_rightcorner.gif");
    background-repeat:no-repeat;
    background-position:right top;
}

#footerimage {
    margin-top:-24px;
    margin-top:expression("-24px");
    margin-left:310px;
    width:191px;
    height:30px;
    background-image:url("morningsidegraf.gif");
    background-repeat:no-repeat;
    background-position:center center;
} 

#leftcorners {
    float:left;
    width:3px;
    height:17px;
    background-image:url("leftcorner.gif");
    background-repeat:no-repeat;
    background-position:left top;
}

#rightcorners {
    float:right;
    width:3px;
    height:17px;
    background-image:url("rightcorner.gif");
    background-repeat:no-repeat;
    background-position:right top;
}


#competition {
    width:500px;
    height:60px;
    margin-left:18px;
}

/* set the default fonts to use in the site */
div,td {
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    color:#666666;
}

/* common cms content styles */

.pageHeader{
    margin-left:15px;
    padding-top:15px;
} 

.pageSubHeader{
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-weight:bold;
    font-size: 15px;
/*     margin-top:5px; */
    margin-left:18px;
	color: #DD7700;
}

.sectionHeader{
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-bottom:4px;
    color: #8BB122;
}

.sectionSubHeader{
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:13px;
    padding-bottom:3px;
    color: #8BB122;
    margin-bottom:4px;
}

.sectionContent, .sectionContent a{
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    color:#666666;
    line-height:18px;
}

/* .sectionContent a:hover {
    color:#000000;
} */

/* styles for the paging text */

.pagingtext {
    float: right;
	color: #666666;
	font-size: 11px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
}

.pageIdentifier {
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.pageIdentifierLink, .previousText, .nexttext {
	padding-left: 3px;
	padding-right: 3px;
	color: #666666;
}

.pageIdentifierLink:hover, .previousText:hover, .nexttext:hover {
	padding-left: 3px;
	padding-right: 3px;
	color: #666666;
}

/* appearance of footer links */
.footerlink {
    float:left;
	padding-left:10px;
	padding-right:10px;
    padding-top:2px;
    font-family:Tahoma, Arial, sans-serif;
    font-size:10px;
    color:#CCCCCC;
    text-decoration:none;
}

.footerlinkRight {
	float:right;
	padding-right:10px;
    padding-top:2px;
    font-family:Tahoma, Arial, sans-serif;
    font-size:10px;
    color:#CCCCCC;
    text-decoration:none;
}

.footerlinkRight:hover, .footerlink:hover {
    color:#FFFFFF;
}

/* top level navigation */

.menuItem{
    float:left;
    height:17px;
	font-size:14px;
	font-family:Arial,sans-serif;
	text-decoration:none;
    color:#000000;
    font-weight:bold;
    letter-spacing:-1px;
    padding-left:20px;
    padding-right:20px;
    margin-top:7px;
    border-right:1px solid #FFFFFF;
}

.menuItem:hover, .menuItemParent:hover, .menuItemOrphan:hover{
    color:#FFFFFF;
}

.menuItemParent, .menuItemOrphan{
	color:#000000;
    text-decoration:none;
}

.menuItemChild, .menuItemChildParent{
    color:#000000;
    text-decoration:none;
}

.menuItemSelectedParent, .menuItemSelectedOrphan, .menuItemSelectedChild, .menuItemSelectedChildParent{
    font-weight:bold;
    color:#FFDD00;
}

/* styles for hot section applet */

.appletcontainer {
    position:relative;
    width:153px;
    text-align:center;
    background-image:url("right_body.gif");
    background-repeat:repeat-y; 
}

.appletheader {
    display:block;
    width:153px;
    height:5px;
    font-size:0px;
    background-image:url("dvd_top.gif");
    background-repeat:no-repeat; 
    background-color:#ffffff;
}

.appletlink {
    display:block;
    padding-bottom:15px;
    background-image:url("dvd_bottom.gif");
    background-repeat:no-repeat;
    background-position:center bottom;
}

.appletlink a {
    display:block;
    text-decoration:none;
}

.appletlink a:hover {
    text-decoration:underline;
}


.appletlinkheader {
    display:block;
    color:#666666;
    font-size:12px;
}

.appletlinksubheader {
    display:block;
    color:#666666;
    font-size:11px;
    margin-bottom:5px;
}

.appletimage {
    display:block;
}
.cartLocation
{
	text-align:left;
}