/* Top Navigation Rules

	The following rules are specific to top navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.topNav {
	margin: 0;
	padding: 0;
	height: 40px;
	width: 980px;
	font-size: 11px;
	list-style: none;
	overflow: hidden;
	background: url(../images/template/sideNavBackground.png) top left no-repeat;
	display: block;
	float: left;
	clear: none;
	z-index: 10;
}

.topNav ul { padding: 0; width: 510px; float: left; clear: none; }
.topNav p { margin: 0; padding: 13px 0 0 0; width: 310px; display: block; float: left; clear: none; }

.topNav li {
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
	background: none;
	display: block;
	position: relative;
	float: left;
}

/* Rules for topNav standard links */

.topNav a {
	margin: 0;
	padding: 15px 0 0 0;
	width: auto;
	color: #444;
	text-align: left;
	font-weight: normal;
	border: none;
	display: block;
	float: left;
	clear: none;
}

.topNav a:hover { color: #ff9933; }

/* Special header links*/

.topNav a.link5, .topNav a.link6, .topNav a.link7 { margin: 0; padding: 0 10px 0 10px; color: #444; width: auto; text-align: right; float: right; }
.topNav a.link6 { padding: 0 10px 0 0;color: #ff9933; }
.topNav a.link7 { padding: 0 30px 0 26px; background: url(../images/template/iconCart.gif) top left no-repeat; }

.topNav a.link5:hover, .topNav a.link6:hover, .topNav a.link7:hover { color: #ff9933; }

/* Top Navigation Graphic Links
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.topNav a.graphicLink {
	margin: 0;
	padding: 0;
	height: 40px;
	width: auto;
	border: none;
	text-indent: -5000px;
	display: block;
	float: left;
	clear: none;
	overflow: hidden;
}

/* These rules set widths for the links in the navigation

	For a top navigation I think it is best to force some kind of restraint on the growth of the text.
	Simply applying widths through classes can make a liquid design maintain some sort of order 
	
	If used in addition to ".graphicLink" you would specify the background images in the seperate classes here. */
	
.topNav li a.link1 { width: 81px; background: url(/images/template/topNavLinks.png) no-repeat 0px 0px; }
.topNav li a.link2 { width: 92px; background: url(/images/template/topNavLinks.png) no-repeat -81px 0px; }
.topNav li a.link3 { width: 117px; background: url(/images/template/topNavLinks.png) no-repeat -173px 0px; }
.topNav li a.link4 { width: 72px; background: url(/images/template/topNavLinks.png) no-repeat -289px 0px; }
.topNav li a.linkblog { width: 59px; background: url(/images/template/topNavLinks.png) no-repeat -422px 0px; }
.topNav li a.linkcc { width: 144px; background: url(/images/template/topNavLinks.png) no-repeat -360px 0px; }

.topNav li a.link1:hover { width: 81px; background: url(/images/template/topNavLinks.png) no-repeat -0px -82px; }
.topNav li a.link2:hover { width: 92px; background: url(/images/template/topNavLinks.png) no-repeat -81px -82px; }
.topNav li a.link3:hover { width: 117px; background: url(/images/template/topNavLinks.png) no-repeat -173px -82px; }
.topNav li a.link4:hover { width: 72px; background: url(/images/template/topNavLinks.png) no-repeat -289px -82px; }
.topNav li a.linkblog:hover { width: 59px; background: url(/images/template/topNavLinks.png) no-repeat -422px -82px; }
.topNav li a.linkcc:hover { width: 144px; background: url(/images/template/topNavLinks.png) no-repeat -360px -82px; }

body.inspirations div.topNav li a.link1 { width: 81px; background: url(/images/template/topNavLinks.png) no-repeat 0px -41px; }
body.retail-stores div.topNav li a.link2 { width: 92px; background: url(/images/template/topNavLinks.png) no-repeat -81px -41px; }
body.customer-service div.topNav li a.link3 { width: 117px; background: url(/images/template/topNavLinks.png) no-repeat -173px -41px; }
body.about-us div.topNav li a.link4 { width: 72px; background: url(/images/template/topNavLinks.png) no-repeat -289px -41px; }
body.blog div.topNav li a.linkblog { width: 59px; background: url(/images/template/topNavLinks.png) no-repeat -422px -41px; }
body.colorfulconversations div.topNav li a.linkcc { width: 144px; background: url(/images/template/topNavLinks.png) no-repeat -360px -41px; }

body.inspirations div.topNav li a.link1:hover { width: 81px; background: url(/images/template/topNavLinks.png) no-repeat 0px -41px; }
body.retail-stores div.topNav li a.link2:hover { width: 92px; background: url(/images/template/topNavLinks.png) no-repeat -81px -41px; }
body.customer-service div.topNav li a.link3:hover { width: 117px; background: url(/images/template/topNavLinks.png) no-repeat -173px -41px; }
body.about-us div.topNav li a.link4:hover { width: 72px; background: url(/images/template/topNavLinks.png) no-repeat -289px -41px; }
body.blog div.topNav li a.linkblog:hover { width: 59px; background: url(/images/template/topNavLinks.png) no-repeat -422px -41px; }
body.colorfulconversations div.topNav li a.linkcc:hover { width: 144px; background: url(/images/template/topNavLinks.png) no-repeat -360px -41px; }




/*

.topNav li a.link1 { width: 90px; background: url(/images/template/topNavLinks.png) 0px 0px; }
.topNav li a.link2 { width: 108px; background: url(/images/template/topNavLinks.png) 332px 0px; }
.topNav li a.link3 { width: 137px; background: url(/images/template/topNavLinks.png) 224px 0px; }
.topNav li a.link4 { width: 87px; background: url(/images/template/topNavLinks.png) 87px 0px; }

.topNav li a.link1:hover { width: 90px; background: url(/images/template/topNavLinks.png) 0px 120px; }
.topNav li a.link2:hover { width: 108px; background: url(/images/template/topNavLinks.png) 332px 120px; }
.topNav li a.link3:hover { width: 137px; background: url(/images/template/topNavLinks.png) 224px 120px; }
.topNav li a.link4:hover { width: 87px; background: url(/images/template/topNavLinks.png) 87px 120px; }

body.inspirations div.topNav li a.link1 { width: 90px; background: url(/images/template/topNavLinks.png) 0px 80px; }
body.retailstores div.topNav li a.link2 { width: 108px; background: url(/images/template/topNavLinks.png) 332px 80px; }
body.customerservice div.topNav li a.link3 { width: 137px; background: url(/images/template/topNavLinks.png) 224px 80px; }
body.aboutus div.topNav li a.link4 { width: 87px; background: url(/images/template/topNavLinks.png) 87px 80px; }

body.inspirations div.topNav li a.link1:hover { width: 90px; background: url(/images/template/topNavLinks.png) 0px 40px; }
body.retailstores div.topNav li a.link2:hover { width: 108px; background: url(/images/template/topNavLinks.png) 332px 40px; }
body.customerservice div.topNav li a.link3:hover { width: 137px; background: url(/images/template/topNavLinks.png) 224px 40px; }
body.aboutus div.topNav li a.link4:hover { width: 87px; background: url(/images/template/topNavLinks.png) 87px 40px; }

*/



/* Side Navigation Rules

	The following rules will transform the standard (top) navigation into a side-bar nav when the "sideNav" class is applied
	to both the "#content" div and the ".navigation" div. By applying the "sideNav" class in those to places you force the 
	navigation and the content divs to conform to a set size and float left, note the combined width of the two divs should 
	add up to the width of your wrapper div.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.sideNav {
	margin: 0;
	padding: 0px 0 5px 0;
	width: 235px;
	font-size: 12px;
	letter-spacing: normal;
	text-align: left;
	list-style: none;
	background: url(/images/template/sideNavBackground.png) top left no-repeat;
	display: block;
	float: left;
	clear: none;
	z-index: 5;
}

.sideNav ul {
	margin: 0;
	padding: 0;
	padding: 0;
	width: 235px;
	display: block;
}

.sideNav li {
	margin: 0;
	padding: 0;
	width: 235px;
	list-style: none;
	border: none;
	background: transparent;
	display: block;
	clear: both;
	min-height:10px;
	height:auto !important;
	height:10px;
}
.sideNav li:after {
	content:'.';
	visibility:hidden;
	display:block;
	clear:both;
	height:0px;
}
.sideNav li a {
	margin: 0;
	padding: 24px 0 0 33px;
	width: 202px;
	font-weight: normal;
	border: none;
	display: block;
}

.sideNav li a { color: #f08127 }
.sideNav li a:hover { color: #ff9933; }

/* Rules for topNav active links */

.sideNav li.active a { color: #f90; }

/* Side Navigation Graphic Links
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.sideNav a.graphicLink {
	margin: 0;
	padding: 0;
	height: 48px;
	width: 235px;
	border: none;
	text-indent: -5000px;
	display: block;
	float: left;
	clear: none;
	overflow: hidden;
}

/* These rules set widths for the links in the navigation

	For a top navigation I think it is best to force some kind of restraint on the growth of the text.
	Simply applying widths through classes can make a liquid design maintain some sort of order 
	
	If used in addition to ".graphicLink" you would specify the background images in the seperate classes here. */
	
.sideNav li a.link1 { height: 50px; background: url(/images/template/sideNavLinks.gif) 0px 0px; }
.sideNav li a.link2 { background: url(/images/template/sideNavLinks.gif) 0px 241px; }
.sideNav li a.link3 { background: url(/images/template/sideNavLinks.gif) 0px 193px; }
.sideNav li a.link4 { background: url(/images/template/sideNavLinks.gif) 0px 145px; }
.sideNav li a.link5 { background: url(/images/template/sideNavLinks.gif) 0px 97px; }
.sideNav li a.link6 { background: url(/images/template/sideNavLinks.gif) 0px 49px; }

.sideNav li.has_mega_menu a.link1 { background-image: url('../images/mega_menu/mega_menu_arrows.gif'); }
.sideNav li.has_mega_menu a.link2 { background-image: url('../images/mega_menu/mega_menu_arrows.gif'); }
.sideNav li.has_mega_menu a.link3 { background-image: url('../images/mega_menu/mega_menu_arrows.gif'); }
.sideNav li.has_mega_menu a.link4 { background-image: url('../images/mega_menu/mega_menu_arrows.gif'); }
.sideNav li.has_mega_menu a.link5 { background-image: url('../images/mega_menu/mega_menu_arrows.gif'); }
.sideNav li.has_mega_menu a.link6 { background-image: url('../images/mega_menu/mega_menu_arrows.gif'); }

.sideNav li a.link1:hover,
.sideNav li a.link1.nav_over { background-position: 470px 0px; }
.sideNav li a.link2:hover,
.sideNav li a.link2.nav_over { background-position: 470px 241px; }
.sideNav li a.link3:hover,
.sideNav li a.link3.nav_over { background-position: 470px 193px; }
.sideNav li a.link4:hover,
.sideNav li a.link4.nav_over { background-position: 470px 145px; }
.sideNav li a.link5:hover,
.sideNav li a.link5.nav_over { background-position: 470px 97px; }
.sideNav li a.link6:hover,
.sideNav li a.link6.nav_over { background-position: 470px 49px; }

body.handmade-area-rugs div.sideNav li a.link1 { height: 50px; background-position: 235px 0px; }
body.bedding div.sideNav li a.link2 { background-position: 235px 241px; }
body.furniture div.sideNav li a.link3 { background-position: 235px 193px; }
body.accessories div.sideNav li a.link4 { background-position: 235px 145px; }
body.fabrics div.sideNav li a.link5 { background-position: 235px 97px; }
body.sale div.sideNav li a.link6 { background-position: 235px 49px; }

body.handmade-area-rugs div.sideNav li a.link1:hover { background-position: 470px 0px; }
body.bedding div.sideNav li a.link2:hover { background-position: 470px 241px; }
body.furniture div.sideNav li a.link3:hover { background-position: 470px 193px; }
body.accessories div.sideNav li a.link4:hover { background-position: 470px 145px; }
body.fabrics div.sideNav li a.link5:hover { background-position: 470px 97px; }
body.sale div.sideNav li a.link6:hover { background-position: 470px 49px; }


/* Side Navigation Sub Category Links
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

.sideNav ul li ul {
	padding: 9px 8px 10px 10px;
	width: 217px;
	background: url(/images/template/sideNavSubLinks.gif) bottom left no-repeat;
	display: block;
	float: left;
	clear: both;
}

.sideNav li li {
	margin: 0;
	padding: 0 0 1px 0;
	width: 217px;
	list-style: none;
	border: none;
	background: transparent;
	display: block;
	clear: both;
}

.sideNav li li a {
	margin: 0;
	padding: 10px 0 7px 29px;
	width: 188px;
	border: none;
	display: block;
	text-decoration:none;
}

.sideNav li li a { color: #696969 }
.sideNav li li a:hover { color: #fff; font-weight: bold; }

body.handmade-area-rugs div.sideNav li li a:hover { background: url(/images/template/sideNavSubLinksHover.png) 0px 0px; }
body.bedding div.sideNav li li a:hover { background: url(/images/template/sideNavSubLinksHover.png) 0px 300px; }
body.furniture div.sideNav li li a:hover { background: url(/images/template/sideNavSubLinksHover.png) 0px 150px; }
body.accessories div.sideNav li li a:hover { background: url(/images/template/sideNavSubLinksHover.png) 250px 0px; }
body.fabrics div.sideNav li li a:hover { background: url(/images/template/sideNavSubLinksHover.png) 250px 300px; }
body.sale div.sideNav li li a:hover { background: url(/images/template/sideNavSubLinksHover.png) 250px 150px; }

/* Active Sub Category Links */

div.sideNav li li a.active { font-weight: bold; }

body.handmade-area-rugs div.sideNav li li a.active { color: #b4c461; }
body.bedding div.sideNav li li a.active { color: #86ceb8; }
body.furniture div.sideNav li li a.active { color: #eda01a; }
body.accessories div.sideNav li li a.active { color: #b54bc5; }
body.fabrics div.sideNav li li a.active { color: #aa3b24; }
body.sale div.sideNav li li a.active { color: #edc13e; }

body.handmade-area-rugs div.sideNav li li a.active:hover { color: #fff; }
body.bedding div.sideNav li li a.active:hover { color: #fff; }
body.furniture div.sideNav li li a.active:hover { color: #fff; }
body.accessories div.sideNav li li a.active:hover { color: #fff; }
body.fabrics div.sideNav li li a.active:hover { color: #fff; }
body.sale div.sideNav li li a.active:hover { color: #fff; }

#sidebar_logo,
a#sidebar_logo,
a#sidebar_logo:link,
a#sidebar_logo:visited {
	display:block;
	margin:0px 0px 8px 40px;
}
a#sidebar_logo:hover,
a#sidebar_logo:active {
	
}
.sidebar_dropshadow_content_wrapper {
	padding:4px 16px 0px;
	clear:both;
}
.sidebar_dropshadow_content_top {
	padding-top:4px;
	clear:both;
	background: transparent url('../images/sidebar/ds_top.gif') no-repeat scroll top left;
}
.sidebar_dropshadow_content_bottom {
	padding-bottom:4px;
	background: transparent url('../images/sidebar/ds_bottom.gif') no-repeat scroll bottom left;
}
.sidebar_dropshadow_content_middle {
	min-height:10px;
	height:auto !important;
	height:10px;
	padding:0px 3px;
	background: transparent url('../images/sidebar/ds_middle.gif') repeat-y scroll top left;
}
.sidebar_dropshadow_content {
	padding:14px 14px;
}


.sidebar_dropshadow_content form.emailList {
	float:none;
	margin:0px;
	padding:0px;
	color:#999999;
}
.sidebar_dropshadow_content form.emailList,
.sidebar_dropshadow_content form.emailList fieldset {
	width:auto !important;
	position: relative;
}
.sidebar_dropshadow_content form.emailList label.sidebar_label {
	font-size: 20px;
	line-height:20px;
	color:#6da82b;
	padding:0px;
}
.sidebar_dropshadow_content form.emailList p {
	padding:0px 0px 0px;
	margin:2px 0px;
}
.sidebar_dropshadow_content form.emailList input.button,
.sidebar_dropshadow_content form.emailList input.text {
	
}
.sidebar_dropshadow_content form.emailList input.button {
	padding:0px;
	width:50px;
	height:22px;
	margin:0px 0px 0px 4px;
}
.sidebar_dropshadow_content form.emailList input.text {
	font-size: 10px;
	padding:3px;
	width:106px;
}
.sidebar_dropshadow_content form.emailList .error_message {
	color:#D45928;
	font-size:11px;
	line-height:11px;
	font-style:italic;
	clear: both;
	padding:2px 0px 0px;
	margin:0px 0px -7px;
	position:relative;
}


/* ============= */
/* = Mega Menu = */
/* ============= */

.sideNav ul li {
/*	position:relative;*/
}
.mega_menu_item {
	text-align: left;
	z-index:13000;
	position:absolute;
	padding:0px;
	background-color:#fff;
	border: 4px solid #b4c461;
	
	-moz-box-shadow:2px 2px 3px #898989;
	-webkit-box-shadow:2px 2px 3px #898989;
	box-shadow:2px 2px 3px #898989;
	
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;

	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
	-o-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;

	border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;

	border-bottom-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
}
.mega_menu_item table {
	
}
.mega_menu_item table tr {
	vertical-align: top;
}
.mega_menu_item table td {
	padding:0px 18px 18px 0px;
}
.mega_menu_item ul {
	float:none !important;
	padding:0px 0px 0px 0px;
	background:transparent none;
	width:auto !important;
}
.mega_menu_item h4 {
	color:#b4c461;
	font-size: 11px;
	white-space:nowrap;
}
.mega_menu_item li a,
.mega_menu_item li a:link,
.mega_menu_item li a:visited,
.mega_menu_item li {
	color:#e37a15;
}
.mega_menu_item li {
	margin:0px 0px;
	padding:2px 0px 0px 12px;
	display:block;
	list-style-type: none;
	list-style-position: inside;
	background: transparent url('../images/mega_menu/bullet.gif') no-repeat scroll 1px 5px;
	width:auto !important;
}
.mega_menu_item li a,
.mega_menu_item li a:link,
.mega_menu_item li a:visited {
	margin:1px 0px;
	display:inline;
	width:auto;
	border:none;
	padding:0px;
	font-size: 11px;
	white-space:nowrap;
	font-weight: normal;
}
.mega_menu_item li a:hover,
.mega_menu_item li a:active {
	font-weight: normal;
	text-decoration: underline;
}
.mega_menu_item .mega_menu_item_inner {
	border: 1px solid #9da185;
	padding:1px;
}
.mega_menu_item .mega_menu_item_gradient {
	background: transparent url('../images/mega_menu/gradient.gif') repeat-x scroll top left;
	padding:18px 0px 0px 18px;
}

/* Bedding */
.mega_menu_item.link2 {
	border-color:#8CD6BF;
	top:-5px;
}
.mega_menu_item.link2 h4 {
	color:#8CD6BF;
}

/* Furniture */
.mega_menu_item.link3 {
	border-color:#EDA01A;
	top:-5px;
}
.mega_menu_item.link3 h4 {
	color:#EDA01A;
}

/* Accessories */
.mega_menu_item.link4 {
	border-color:#B54BC5;
	top:-5px;
}
.mega_menu_item.link4 h4 {
	color:#B54BC5;
}

/* Fabrics */
.mega_menu_item.link5 {
	border-color:#AA3B24;
	top:-5px;
}
.mega_menu_item.link5 h4 {
	color:#AA3B24;
}

/* Fabrics */
.mega_menu_item.link6 {
	border-color:#EDC13E;
	top:-5px;
}
.mega_menu_item.link6 h4 {
	color:#EDC13E;
}


/* Sub Category Navigation Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#content div.subCategoryNavigation {
	margin: 0 !important;
	padding: 0 !important;
	width: 630px !important;
	display: block !important;
	float: none !important;
	clear: both !important;
}

div.subCategoryNavigation ul {
	margin: 0 !important;
	padding: 0 !important;
	width: 630px !important;
	display: block !important;
	float: none !important;
	clear: both !important;
}

div.subCategoryNavigation li {
	margin: 0 !important;
	padding: 10px 0 45px 0 !important;
	width: auto !important;
	display: block !important;
	float: left !important;
	clear: none !important;
	background:none !important;
}



body.inspirations div.subCategoryNavigation li { padding: 10px 0 25px 0; }

div.subCategoryNavigation li a {
	margin: 0 !important;;
	padding: 0 13px 0 13px !important;
	color: #bdbdbd !important;
	font-size: 11px !important;
	font-weight: bold !important;
	text-align: center !important;
	height: auto !important;
	width: auto !important;
	border-left: 1px #bdbdbd solid !important;
	display: block !important;
}

div.subCategoryNavigation li a.active { color: #333 !important;}
div.subCategoryNavigation li.first a { padding: 0 13px 0 0 !important; border: none !important;}

div.subCategoryNavigation li a:hover, div.subCategoryNavigation li a.active:hover { color: #ff9933 !important; }

/* News Sub Category Navigation Rules
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#content div.subNewsCategoryNavigation {
	margin: 0 !important;
	padding: 0 !important;
	width: 630px !important;
	display: block !important;
	float: none !important;
	clear: both !important;
}

div.subNewsCategoryNavigation ul {
	margin: 0 !important;
	padding: 0 !important;
	width: 630px !important;
	display: block !important;
	float: none !important;
	clear: both !important;
}

div.subNewsCategoryNavigation li {
	margin: 0 !important;
	padding: 10px 0 15px 0 !important;
	width: auto !important;
	display: block !important;
	float: left !important;
	clear: none !important;
	background:none !important;
}



body.inspirations div.subNewsCategoryNavigation li { padding: 10px 0 25px 0; }

div.subNewsCategoryNavigation li a {
	margin: 0 !important;;
	padding: 0 13px 0 13px !important;
	color: #bdbdbd !important;
	font-size: 11px !important;
	font-weight: bold !important;
	text-align: center !important;
	height: auto !important;
	width: auto !important;
	border-left: 1px #bdbdbd solid !important;
	display: block !important;
}

div.subNewsCategoryNavigation li a.active { color: #333 !important;}
div.subNewsCategoryNavigation li.first a { padding: 0 13px 0 0 !important; border: none !important;}

div.subNewsCategoryNavigation li a:hover, div.subCategoryNavigation li a.active:hover { color: #ff9933 !important; }



/* Shopping Cart - Progress Bar Navigation
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _*/

#content.shoppingCart div.progressBar {
	margin: 0 0 18px 0;
	padding: 0;
	height: 12px;
	width: 630px;
	display: block;
	float: left;
	clear: left;
}

#content.shoppingCart div.progressBar ul { padding: 0; width: 820px; float: left; }

#content.shoppingCart div.progressBar ul li {
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
	background: none;
	display: block;
	position: relative;
	float: left;
}

#content.shoppingCart div.progressBar ul li a.graphicLink {
	margin: 0;
	padding: 0;
	height: 12px;
	border: none;
	text-indent: -5000px;
	display: block;
	float: left;
	clear: none;
	overflow: hidden;
}
	
#content.shoppingCart div.progressBar li a.link1 { width: 110px; background: url(/images/template/progressBarLinks.gif) 0px 0px; }
#content.shoppingCart div.progressBar li a.link2 { width: 78px; background: url(/images/template/progressBarLinks.gif) 404px 0px; }
#content.shoppingCart div.progressBar li a.link3 { width: 87px; background: url(/images/template/progressBarLinks.gif) 326px 0px; }
#content.shoppingCart div.progressBar li a.link4 { width: 87px; background: url(/images/template/progressBarLinks.gif) 239px 0px; }
#content.shoppingCart div.progressBar li a.link5 { width: 152px; background: url(/images/template/progressBarLinks.gif) 152px 0px; }

#content.shoppingCart div.progressBar li.active a.link1 { width: 110px; background: url(/images/template/progressBarLinks.gif) 0px 12px; }
#content.shoppingCart div.progressBar li.active a.link2 { width: 78px; background: url(/images/template/progressBarLinks.gif) 404px 12px; }
#content.shoppingCart div.progressBar li.active a.link3 { width: 87px; background: url(/images/template/progressBarLinks.gif) 326px 12px; }
#content.shoppingCart div.progressBar li.active a.link4 { width: 87px; background: url(/images/template/progressBarLinks.gif) 239px 12px; }
#content.shoppingCart div.progressBar li.active a.link5 { width: 152px; background: url(/images/template/progressBarLinks.gif) 152px 12px; }