/*
----------------------------

Name:     "SkyMall" navigation styles
Designer: Chris Bohnsack
URL:      www.bohnsackdesign.com
Date:     10, 2009 v1.0

----------------------------------------------- */


/* ----------------------------------------------- 
//////////////////////////////////////////////////
main navigation 
//////////////////////////////////////////////////
----------------------------------------------- */

#navigation { float:left; width:190px; height:auto; }
.top-nav { display:block; float:left; margin:1px; padding:0px; }
.top-nav a{ display:block; padding: 7px; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFF; background: url(../images/left-nav-main.png) 100% 0%; border-right:solid #fff 1px; overflow:hidden; color:#FFF;}
.top-nav a:hover { background-position:100% -39px; color:#FFF; text-decoration:none;}
.top-nav a:visited { color:#FFF; text-decoration:none;}

.top-nav-selected { display:block; margin:1px; float:left; margin:0px; padding:0px;}
.top-nav-selected a { display:block; padding: 7px; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFF; background: url(../images/left-nav-main.gif) 100% 0%; background-position:100% -39px; border-right:solid #fff 1px; overflow:hidden; color:#FFF; }
.top-nav-selected a:hover { background-position:100% -39px; color:#FFF; text-decoration:none;}
.top-nav-selected a:visited { color:#FFF; text-decoration:none;}

/* SET WIDTH OF NAV BUTTONS */
#nav-69637217 { width:170px; font-size: 11px; text-transform:uppercase;} /* Accessories & Watches */
#nav-69637218 { width:170px; font-size: 11px; text-transform:uppercase;} /* Electronics */
#nav-203622126 { width:170px; font-size: 11px; text-transform:uppercase;} /* Experientals */
#nav-102567222 { width:170px; font-size: 11px; text-transform:uppercase;} /* Gift Cards */
#nav-69747214 { width:170px; font-size: 11px; text-transform:uppercase;} /* Golf */
#nav-102144075 { width:170px; font-size: 11px; text-transform:uppercase;} /* Home Living */
#nav-102144077 { width:170px; font-size: 11px; text-transform:uppercase;} /* Outdoor Living*/
#nav-102144078 { width:170px; font-size: 11px; text-transform:uppercase;} /* Sporting Goods*/
#nav-102144079 { width:170px; font-size: 11px; text-transform:uppercase;} /* Travel Accessories */
#nav-203744119 { width:170px; font-size: 11px; text-transform:uppercase;} /* Babys & Kids */

/* Top Right Navigation */
#top-right-navigation { float:right; height:auto; width:450px; padding-right: 4px; }
.top-right-nav { display:block; float:left; }
.top-right-nav a{ display:block; padding: 7px; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFF; background: url(../images/top-nav-main.gif) 100% 0%; border-right:solid #fff 2px; overflow:hidden; font-weight:bold; }
.top-right-nav a:hover { background-position:100% -39px; color:#FFF; text-decoration:none;}
.top-right-nav a:visited { color:#FFF; text-decoration:none;}

/* Paginate Navigation */
#left-cat-navigation { float:left; width:170px; height:auto; }
.left-cat-nav { display:block; float:left; margin:1px; padding:0px;}
.left-cat-nav a{ display:block; padding: 7px; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFF; background: url(../images/left-nav-main.png) 100% 0%; overflow:hidden; color:#FFF;}
.left-cat-nav a:hover { background-position:100% -39px; color:#FFF; text-decoration:none;}
.left-cat-nav a:visited { color:#FFF; text-decoration:none;}

.top-cat { width: 170px; float: left; }
ul.sub-cats { display: none; list-style-type: none; margin: 0px !important; width: 170px; }
ul.sub-cats li { width: 170px; margin: 0px !important; }

a.subcat-link:link { padding: 0px; width: 170px; height: 21px; background: url(../images/Product-bkg.png); color: white; font-size: 11px; font-weight: normal; text-decoration: none; }
a.subcat-link:visited { padding:0px; width: 170px; height: 21px; background: url(../images/Product-bkg.png); color: white; font-size: 11px; font-weight: normal; text-decoration: none; }
a.subcat-link:hover { padding:0px; width: 170px; height: 21px; background: url(../images/Product-bkg.png); color: white; font-size: 11px; font-weight: normal; text-decoration: underline; }
a.subcat-link:active { padding:0px; width: 170px; height: 21px; background: url(../images/Product-bkg.png); color: white; font-size: 11px; font-weight: normal; text-decoration: none; }


/* Headers -------------------------------------- */
h1 {color: #ef4035; font-size:30px; font-weight:bold; line-height:1.2em; padding:0px 0px 10px 0px;}
h2 { font-size: 22px; color:#ef4035; line-height:1.2em; padding:10px 0 5px 0; }
h3 { font-size: 20px; color:brown; line-height:18px;}
h4 { font-size:14px; color:#ef4035; font-weight:bold; line-height:18px;}
h5 { font-size:14px; font-weight:bold;}
h6 { font-size:12px; font-weight:bold;}


/* Breadcrumb Style */
ul,li { list-style: none; margin: 0px; padding: 0px; }
#bread-crumb { float:left; width: 100%; height:auto; font-family:arial; font-size:13px; clear: both; padding: 15px 0 15px 0; text-align: left; margin-top: 10px;}
#bread-crumb h1 { color: #303030; float: left; font-size: 16px; padding: 2px 0 0 5px; width: auto; }
#bread-crumb a { color: #FFF; text-decoration: none; }
#bread-crumb a:hover { color: #fff; }
#bread-crumb ul li { background: url(../images/breadcrumb-arrow-left.gif) #b4a471 no-repeat; float: left; height: 22px; margin: 0 0 10px 0; width: auto; }
#bread-crumb ul li:hover { background-color:#000; }
#bread-crumb ul li a { background: url(../images/breadcrumb-arrow-right.gif) 100% 100% no-repeat; display: block; height: 21px; padding: 2px 15px 0 20px; }

/* Left Navigation Menu */
.column-buttons { float:left; width: 170px; clear: both; line-height: 14px; }
.column-buttons ul li { display: block; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; position: relative; text-align: left; }
.column-buttons a { color: white; display: block; font-weight: normal; margin: 0; text-decoration: none; }
.column-buttons a:hover { background-color: #c7c7b1; color: #FFFFFF; text-decoration: none; }
.column-buttons a:visited { text-decoration: none; }
.add-arrow { background: url(../images/arrow-gray.gif) no-repeat 98% 10px; }
.sub-menu .add-arrow { background: url(../images/arrow-white.gif) no-repeat 98% 50%; }

ul.sub-menu,ul.sub-menu2 { background-color:#a6b05d; background-color:#9f2d2d; border-left: solid 1px #FFF; border-right: solid 1px #FFF; border-top: solid 1px #FFF; display: none; left: 180px; margin-top: -1px; position: absolute; top: 0; width: 180px; z-index: 500; }
ul.sub-menu li, ul.sub-menu2 li { /*background-color:#a6b05d;*/ text-align: left; }

ul.sub-menu li a, ul.sub-menu2 li a { border-bottom: solid 1px #FFF; color: white; padding:3px; }
ul.sub-menu li a:visited, ul.sub-menu2 li a:visited { color: #FFF; }
div.column-buttons li:hover { cursor: pointer; z-index: 100; }
div.column-buttons li:hover ul.sub-menu { display: block; }
div.column-buttons li li:hover ul.sub-menu2 { display: block; }

.column-buttons-li { display:block; float:left; /*margin:1px;*/ padding:0px; border-bottom: 1px solid white; }
.column-buttons-li a{ display:block; padding: 7px; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFF; background: url(../images/left-nav-main.png) 100% 0%; border-right:solid #fff 1px; overflow:hidden; color:#FFF;}
.column-buttons-li a:hover { background-position:100% -39px; color:#FFF; text-decoration:none;}
.column-buttons-li a:visited { color:#FFF; text-decoration:none;}


.add-arrow { background: url(../images/arrow-gray.gif) no-repeat 98% 10px; }
/* End of Left Navigation Menu */