/***************************************************************
Style Sheet for Discount 1031 Exchange.com

Copyright 2007 by Sebo Marketing, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for Navigation
***************************************************************/
#navigation {
	background: transparent;
    height: 41px;
    left: 216px;
    margin: 0;
    position: absolute;
    top: 95px;
    width: 792px;
    z-index: 100;
}
#navigation .view-cart-link {
	position: absolute;
    right: 15px;
    top: 0px;
}
	#navigation .view-cart-link a {
		background: url("images-layout/cart-graphic.png") no-repeat scroll 0 6px transparent;
	    color: #FFFFFF;
	    display: block;
	    font-weight: bold;
	    height: 26px;
	    padding-left: 24px;
	    padding-top: 5px;
	    text-decoration: none;
	}
#navigation ul {
	
	position:absolute;
	display:block;
	top:0;
	left:0;
	margin:0;
	padding:0;
	background-color: #004C76;
	width:792px;
	height:26px;
	
	list-style:none;
}
#navigation>ul>li {
	position:relative;
	display:inline;
	float:left;
	margin:0;
	margin-left:0px;
	padding:0;
	
	height:26px;
	text-align:center;
	text-transform:uppercase;
	/*border-bottom:1px solid #741900;*/
	border:none;
}
#navigation ul li.first {
	padding-left:5px;
}
/* Normal Link Hover Styles */
#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
    display:block;
	
	margin:0;
	padding:6px 10px 0 10px;
	float:left;
	height:21px;
	
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	border:none;
	/*background:transparent url('images-layout/nav-line.gif') no-repeat scroll right;*/
}
#navigation ul li a:hover{
	text-decoration:underline;
}
#navigation ul li.first a:link, #navigation ul li.first a:visited,
#navigation ul li.first a:hover, #navigation ul li.first a:active {
	
}
#navigation ul li.last a:link, #navigation ul li.last a:visited,
#navigation ul li.last a:hover, #navigation ul li.last a:active {
	background:none;

}


/* List Item Hover Styles */
#navigation ul li:hover, #navigation ul li.over {
	
}

#navigation ul li:hover a:link, #navigation ul li:hover a:visited, 
#navigation ul li.over a:link, #navigation ul li.over a:visited {

}

/* Current Hover Styles */

#navigation ul li.current {
}

#navigation ul li.current a:link, #navigation ul li.current a:visited {

}
#navigation ul li.current a:hover, #navigation ul li.current a:active {
}

/***************************************************************
Appearance and Location for First Dropdown
***************************************************************/

#navigation>ul>li.first>ul {
	display:none;
	padding:0;
	margin:0;
}

#navigation>ul>li.first:hover>ul, #navigation>ul>li.first.over>ul{
	display:block;
	position:absolute;
	top:26px;
	left:0px;
	
	margin:0;
	padding:15px 0 15px 0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:616px;

	font-size:12px;
	font-weight:normal;
	text-transform:none;

	z-index:5;
	
	background:#c2d4de;
}

#navigation>ul>li.first:hover>ul>li, #navigation>ul>li.first.over>ul>li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:100%; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:152px;
	border-top:none;
	border-left:1px solid #004c76;
}
#navigation>ul>li.first:hover>ul>li.first, #navigation>ul>li.first.over>ul>li.first{ 
	border-left:none;
}
#navigation>ul>li.first:hover>ul>li.last, #navigation>ul>li.first.over>ul>li.last {
	
}

#navigation>ul>li.first:hover>ul>li.first, #navigation>ul>li.first.over>ul>li.first {
	border-top:none;
}
#navigation>ul>li.first:hover>ul>li.last, #navigation>ul>li.first.over>ul>li.last {}

#navigation>ul>li.first:hover>ul>li>a:link, #navigation>ul>li.first:hover>ul>li>a:visited,
#navigation>ul>li.first.over>ul>li>a:link, #navigation>ul>li.first.over>ul>li>a:visited {
	display:block;
	float:none;
	
	margin:0;
	padding:4px 5px 5px 15px;
	height:auto;
	
	/* IE6 Mumbo-jumbo */
	width:auto !important;
	width:100%;
	color:#004c76;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	font-style:normal;
	background:none;
	
}
#navigation>ul>li.first:hover>ul>li>a:hover, #navigation>ul>li.first:hover>ul>li>a:active,
#navigation>ul>li.first.over>ul>li>a:hover, #navigation>ul>li.first.over>ul>li>a:active {
	background:none;
	text-decoration:underline;
}



#navigation>ul>li.first.current>ul>li.current>a:link, #navigation>ul>li.first.current>ul>li.current>a:visited {

}
#navigation>ul>li.first.current>ul>li.current>a:hover, #navigation>ul>li.first.current>ul>li.current>a:active {

}

/***************************************************************
Appearance and Location for First Dropdown Children
***************************************************************/

#navigation>ul>li.first:hover>ul>li>ul, #navigation>ul>li.first.over>ul>li>ul{
	display:block;
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:100%;
	
	font-size:13px;
	font-weight:normal;
	text-transform:none;

	z-index:5;
	
	background:transparent;
}

#navigation ul li.first:hover ul li ul li, #navigation ul li.first.over ul li ul li {
	display:block;
	float:none;
	margin:0;
	padding:0;
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	border-top:none;
}

#navigation ul li.first:hover ul li.first, #navigation ul li.first.over ul li.first {
	border-top:none;
}
#navigation>ul>li.first:hover>ul>li.last, #navigation>ul>li.first.over>ul>li.last {
	/*margin-top:15px;*/
	}

#navigation ul li.first:hover ul li ul li a:link, #navigation ul li.first:hover ul li ul li a:visited,
#navigation ul li.first.over ul li ul li a:link, #navigation ul li.first.over ul li ul li a:visited {
	display:block;
	float:none;
	
	margin:0;
	padding:2px 5px 2px 15px;
	height:auto;
	
	/* IE6 Mumbo-jumbo */
	width:auto !important;
	width:100%;
	color:#004c76;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	font-style:normal;
	background:none;
	
}
#navigation ul li.first:hover ul li ul li a:hover, #navigation ul li.first:hover ul li ul li a:active,
#navigation ul li.first.over ul li ul li a:hover, #navigation ul li.first.over ul li ul li a:active {
	background:transparent url('images-layout/breadcrumb-separator.png') no-repeat 6px center;
	text-decoration:underline;
}



#navigation ul li.first.current ul li.current ul li.current a:link, #navigation ul li.first.current ul li.current ul li.current a:visited {
	font-weight:bold;
	text-decoration:underline;
}
#navigation ul li.first.current ul li.current ul li.current a:hover, #navigation ul li.first.current ul li.current ul li.current a:active {
	text-decoration:none;
}

/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#navigation ul li ul {
	display:none;
	padding:0;
	margin:0;
}
#navigation>ul>li:hover>ul>li>ul {
	display:none;
	}
#navigation ul li:hover ul, #navigation ul li.over ul{
	display:block;
	position:absolute;
	top:26px;
	left:0;
	
	margin:0;
	padding:0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:18em;
	
	font-size:12px;
	font-weight:normal;
	text-transform:none;

	z-index:5;
	
	background:#c2d4de;
}
#navigation ul li.last ul {
	left:auto;
	right:0;
}

#navigation ul li:hover ul li, #navigation ul li.over ul li{
	display:block;
	float:none;
	margin:0;
	padding:0;
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:100%;
	border-top:1px solid #004c76;
}

#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last {
	
}

#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first {
	border-top:none;
}
#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last {}

#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
	display:block;
	float:none;
	
	margin:0;
	padding:4px 5px 5px 15px;
	height:auto;
	
	/* IE6 Mumbo-jumbo */
	width:auto !important;
	width:100%;
	color:#004c76;	
	font-size:12px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	font-style:normal;
	background:none;
	
}
#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
	background:transparent url('images-layout/breadcrumb-separator.png') no-repeat 6px center;
}



#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {

}
#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {

}

/***************************************************************
Left Navigation Style
***************************************************************/
.blobStyleNav {
	padding-left:12px;
}

.blobStyleNav .blobTopLeft {
	height:28px;
}

.blobStyleNav h2 {
	color:#fff;
	text-align:left;
	padding-top:5px;
	margin-bottom:0;
	font-size:13px;
}
.blobStyleNav h2 a {
	color:#fff;
	text-align:left;
	padding-top:5px;
	margin-bottom:0;
	font-size:13px;
	text-decoration:none;
}
.blobStyleNav h2 a:hover {
	text-decoration:underline;
}

.blobStyleNav .blobBody {
}
.blobStyleNav .blobBody ul {
	
	}
.blobStyleNav .blobBottomLeft {
	height:11px;
	margin-bottom:5px;
}
/*
.blobStyleNav {
	background:#b6c890;
}
.blobStyleNav .topLeft {}
.blobStyleNav .topRight {
	padding:11px 0;
	width:100%;
	background:#4e7418;
}
.blobStyleNav .topRight h2 {
	margin:0;
	padding:4px 0 3px 0;
	text-align:center;
	font-size:125%;
	font-weight:bold;
	color:#fff;
	background:#7f9b58;
}
.blobStyleNav .blobBody {
	margin:5px 5px 0 5px;
	padding:0;
}
.blobStyleNav .bottomLeft {}
.blobStyleNav .bottomRight {
	height:5px;
}
*/

/***************************************************************
Left Nav and Sub Left Nav Highlighting
***************************************************************/

/* Style the left nav */
.blobStyleNav ul {
	margin:0;
	padding:0;
	list-style:none;

}
.blobStyleNav ul li {
	margin:0;
	padding:0;
	font-size:12px;
}
.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited {
	/*background: url("images-layout/expand.png") no-repeat scroll 0 5px transparent;*/
    color: #FFFFFF;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0.2em 5px 0.2em 0px;
    text-decoration: none;
}
.blobStyleNav ul li a:visited {
}
.blobStyleNav ul li a:hover, .blobStyleNav ul li a:active {
	font-weight: bold;
}

.blobStyleNav>ul>li.current {
	
}

/* Set all the subnavs to off initially */
.blobStyleNav ul ul {
	display:none;
}

/* Highlight the left nav, display the subnav, and make sure that not all the subnavs are highlighted */
.blobStyleNav ul .current a:link,
.blobStyleNav ul .current a:visited,
.blobStyleNav ul .current a:active {
	text-decoration:none;	
	font-weight:bold;
}
.blobStyleNav ul .current a:hover {
	text-decoration:underline;
}

.blobStyleNav ul .current ul {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
}
.blobStyleNav ul .current ul li {
	padding:0;
}

/* Display sub navigation */
.blobStyleNav ul .current ul a:link,
.blobStyleNav ul .current ul a:visited,
.blobStyleNav ul .current ul a:active {
	display:block;
	padding:2px 6px 3px 22px;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
	background:none;
}
.blobStyleNav ul .current ul a:visited {
	
}
.blobStyleNav ul .current ul a:hover {
	text-decoration:underline;
}

/* Highlight the selected subnav */
.blobStyleNav ul .current .current a:link,
.blobStyleNav ul .current .current a:visited,
.blobStyleNav ul .current .current a:active {
	text-decoration:none;
	font-weight:bold;
}
.blobStyleNav ul .current .current a:hover  {
	text-decoration:underline;
}