@charset "utf-8";
/* CSS Document */
/***** Body Styles *****/
body {
	font-family:Arial, Helvetica;
	color:#666;
	background:#fef5f9;
	font-size:12px;
	line-height:18px;
}
.header {
	background:url(images/header_bg.gif);
	height:124px;
	background-repeat:no-repeat;
	background-position:center;
	padding-left:20px;
	padding-right:10px;
	text-align:left;
}
.content {
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
.left_column {
	border-right:dotted;
	border-right-style:dashed;
	border-right-color:#999;
	border-right-width:1px;
	padding-left:20px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-family:Arial, Helvetica;
	font-size:11px;
	color:#666;
	text-align: left;
}
.footer {
	background:url(images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	padding-left:20px;
	padding-right:20px;
	padding-top:14px;
	text-align:left;
	font-size:10px;
	line-height:16px;
	background-color:#fef5f9;
}
.footer a{
	text-decoration:none;
	font-size:10px;
	color:#666;
}
.footer a:hover{
	text-decoration:underline;
	font-size:10px;
	color:#666;
}
.footer2 {
	font-size:10px;
	line-height:25px;
	letter-spacing:1px;
}
.footer2 a{
	font-size:10px;
	letter-spacing:1px;
	text-decoration:none;
	color:#666;
}
.footer2 a:hover{
	font-size:10px;
	letter-spacing:1px;
	text-decoration: underline;
	color:#666;
}
.table_bg {
	background:url(images/content_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
}
.logo {
	margin-top:16px;
	border:0px;
	margin-right:70px;
}

/*************** NAVIGATION STYLES ***************/

/* Measurements for nav image replacement

The distance from the top to....

initial state = 0px
rollover state = 26px

The distance from the far left to the...

home button = 0px
about button = 57px
products button = 122px
special offers button = 183px
my account button = 270px
search button = 349px
my basket button = 399px
contact button = 467px

The width of the...

home button = 57px
about button = 65px
products button = 61px
special offers button = 87px
my account button = 79px
search button = 50px
my basket button = 68px
contact button = 64px
*/

ul#nav { background:url(navbg.gif); margin-top:96px;}

ul#nav li {
	float:left;
	list-style-type:none;
}
ul#nav li a { height:26px; display:block; text-indent:-9999px; outline:none }

li#navHome a, li#navAbout a, li#navProducts a, li#navSpecials a, li#navAccount a, li#navSearch a, li#navBasket a, li#navContact a { background:url(navbg.gif) }

li#navHome a 			{ background-position:0 0; width:57px; left:0 }
li#navHome a:hover		{ background-position:0 -26px }
body#pageHome li#navHome a 	{ background-position:0 -26px }

li#navAbout a 			{ background-position:-57px 0px; width:65px; left:57px }
li#navAbout a:hover		{ background-position:-57px -26px }
body#pageAbout li#navAbout a 	{ background-position:-57px -26px }

li#navProducts a 			{ background-position:-122px 0px; width:61px; left:122px }
li#navProducts a:hover		{ background-position:-122px -26px }
body#pageProducts li#navProducts a 	{ background-position:-122px -26px }

li#navSpecials a 			{ background-position:-183px 0px; width:87px; left:183px }
li#navSpecials a:hover		{ background-position:-183px -26px }
body#pageSpecials li#navSpecials a 	{ background-position:-183px -26px }

li#navAccount a 			{ background-position:-270px 0px; width:79px; left:270px }
li#navAccount a:hover		{ background-position:-270px -26px }
body#pageAccount li#navAccount a 	{ background-position:-270px -26px }

li#navSearch a 			{ background-position:-349px 0px; width:50px; left:349px }
li#navSearch a:hover		{ background-position:-349px -26px }
body#pageSearch li#navSearch a 	{ background-position:-349px -26px }

li#navBasket a 			{ background-position:-399px 0px; width:68px; left:399px }
li#navBasket a:hover		{ background-position:-399px -26px }
body#pageBasket li#navBasket a 	{ background-position:-399px -26px }

li#navContact a 			{ background-position:-467px 0px; width:63px; left:467px }
li#navContact a:hover		{ background-position:-467px -26px }
body#pageContact li#navContact a 	{ background-position:-467px -26px }

.cartoverviewtop {
	border-top:dotted;
	border-top-style:dotted;
	border-top-color:#666;
	border-top-width:1px;
	padding-top:4px;
	padding-left:6px;
}
.cartoverview {
	padding-top:1px;
	padding-left:6px;
	padding-bottom:3px;
}
/*
 * NavigationBar Styles BEGIN
 */
.NavigationBar {
    padding: 0px;
    margin: 2px;
    width: 180px;
    background-color: white;
}

.NavigationBar table td{
    font-family: Arial;
    color:#666;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

.NavigationBar table td.Empty {
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

.NavigationBar table td.LevelDefault{
    padding: 1px 0px 5px 20px;
}

.NavigationBar table td.LevelDefault a{
    color: #666;
    text-decoration: none;
}

.NavigationBar table td.LevelDefault a:hover{
    color:#d22673;
}

.NavigationBar table td.Level1{
    padding: 1px 0px 5px 20px;
    font-weight: bold;
}

.NavigationBar table td.Level1 a{
    color: #666;
    text-decoration: none;
}

.NavigationBar table td.Level1 a:hover{
    color: #d22673;
}

.NavigationBar table td.Level2{
    padding: 1px 0px 5px 30px;
}

.NavigationBar table td.Level2 a{
    color: #666;
    text-decoration: none;
}
.NavigationBar table td.Level2 a:hover{
    color: #d22673;
}

.NavigationBar table td.Selected{
    background-color: #FFF;
}

.NavigationBar table td.Selected a{
    color: #d22673;
    text-decoration: none;
}

.NavigationBar table td.Selected a:hover{
    color: #666;
}
/*
 * NavigationBar Styles END
 */