/* @group Tags */

	body{
		padding-bottom:50px;
		font-family:Georgia,Times,serif;
		color:#333;
		background:url('../img/common/body.png') left 140px repeat-x;
	}
	/*
	.container_24{
		background:url('../img/grid_24.png') top left repeat-y;
	}
	*/
	a:link,
	a:hover,
	a:visited,
	a:active{
		color:#1e3c70;
		text-decoration:none;
		outline:none;
	}
	a:hover,
	#account .nav li a:hover,
	#legal-nav li a:hover{
		color:#45A2D1;
		text-decoration:underline;
	}
	button{outline:none;cursor:pointer;}
	p{line-height:1.3;}

h1,h2,h3{font-size:11px;}
/* @end */

/* @group Abstract Navs */

	/* horizontal nav */
	.nav li{
		margin:0;
		padding:0;
		list-style-type:none;
		display:block;
		float:left;
	}
	.nav li{
		margin-right:10px;
	}
	.nav li.last{
		margin-right:0 !important;
		border-right:0 !important;
		padding-right:0 !important;
		background:none !important;
	}
	.nav li a{
		display:block;
	}
	.nav .current {color:#45A2D1 !important; text-decoration:none;}

	/* column nav */
	.column-nav li{
		float:left;
		width:33%;
	}
	.column-nav li li{
		float:none;
		width:auto;
		margin-bottom:7px;
	}

/* @end */

/* @group Image Replacement Technique */

	/* 
	image replacement for headers
	http://levinalex.net/files/20030809/alternatefir.html
	 */
	.imgreplace{
		position: relative;
		height:27px;
		overflow:hidden;
		margin:30px 0 0 0;
		padding:0;
		font-size:12px;
	}

	h1.imgreplace{
		margin:20px 0;
		float:left;
		width:100% !important;
	}
	h3.imgreplace{
		height:16px;
		margin-bottom:10px;
		font-size:12px;
	}
	.imgreplace span {
		position: absolute;
		width: 100%;
		height: 100%;
	}

/* @end */

/* @group Simple rounded corner box framework */

	/* boxes */
	.box-inner{overflow:visible;padding-bottom:10px;}
	.box-24-24{
		background:url('../img/common/box/box-24-24-bottom.png') bottom left no-repeat;
	}
	.box-24-24 .box-inner{
		background:url('../img/common/box/box-24-24-top.png') top left no-repeat;
	}
	.box-8-24{
		background:url('../img/common/box/box-8-24-bottom.png') bottom left no-repeat;
	}
	.box-8-24 .box-inner{
		background:url('../img/common/box/box-8-24-top.png') top left no-repeat;
	}
/* @end */

/* @group Buttons */

/* abstract button (implementations are contextual) */
	.btn{
		width:145px;
		height:31px;
		display:block;
		text-indent:-999em;
		overflow:hidden;
		float:left;
	}
	a.btn:hover{
		background-position:0 -31px;
	}
/* @end */

/* @group Top Nav */

	#top{
		background:#1e3c70 url('../img/common/top.png') bottom repeat-x;
		overflow:visible;
	}
	#top .container_24{
		background:#1e3c70 url('../img/common/top.png') bottom repeat-x;
	}
	#top .nav{
		padding-top:5px;
	}
		#top .nav li{
			margin:0;
		}
		#top .nav li a{
			background:url('../img/common/nav/top.png') top left no-repeat;
			text-indent:-999em;
			height:37px;
		}
		#top .nav #nav_keds a{
			width:84px;
		}
			#top .nav #nav_keds.current a,
			#top .nav #nav_keds.current a:hover,
			#top .nav #nav_keds a:active{
				background-position:0 -37px !important;
			}
			#top .nav #nav_keds a:hover{
				background-position:0 -74px;
			}
		#top .nav #nav_collective a{
			width:118px;
			background-position:-84px 0;
		}
			#top .nav #nav_collective.current a,
			#top .nav #nav_collective.current a:hover,
			#top .nav #nav_collective a:active{
				background-position:-84px -37px !important;
			}
			#top .nav #nav_collective a:hover{
				background-position:-84px -74px;
			}
	
		#top .nav #nav_prokeds a{
			width:95px;
			background-position:-202px 0;
		}
			#top .nav #nav_prokeds.current a,
			#top .nav #nav_prokeds.current a:hover,
			#top .nav #nav_prokeds a:active{
				background-position:-202px -37px !important;
			}
			#top .nav #nav_prokeds a:hover{
				background-position:-202px -74px;
			}	
	
	#top .update a{
		color:#FFF;
		font-size:14px;
		background:url('../img/common/icon/arrows-blue.png') left center no-repeat;
		padding-left:15px;;
	}
	#top .update{
		text-align:right;
		margin-top:12px;
		z-index:1000;
	}
	#top .update a:hover{
		color:#45A2D1;
		text-decoration:none;
	}
#alert{
	text-align:right;
	font-size:10px;
	float:right;
}
#alert .update{
	font-family:Helvetica, Arial, sans;
	text-transform:uppercase;
	padding-left:13px;
	background:url('../img/common/icon/arrows-blue-on-white.png') left center no-repeat;
}
#alert .update a:hover{
	color:#45A2D1;
}
/* @end */

/* @group Main nav */

#masthead{
	padding-top:24px;
}
#masthead #main-nav{
	padding-top:18px;
	padding-left:14px;
	float:left;
}
	#masthead #main-nav li{
		margin-right:0;
	}
	#masthead #main-nav li a{
		text-indent:-999em;
		height:21px;
	}
	

/* @end */

/* @group Account Nav */

	#account{
		position:relative;
	}
	#account .nav{
		position:absolute;
		right:0;
		top:6px;
		font-family:Arial,Helvetica,sans;
		font-size:10px;
		z-index:55;
	}
		#account .nav li{
			margin-right:7px;
			padding-right:8px;
			padding-bottom:3px;
			background:url('../img/common/dotted-line-vert.png') top right no-repeat;
		}
		#account .nav li,
		#account .nav li span{
			text-transform:uppercase;
			text-decoration:none;
			color:#333;
			margin-top:3px;
		}
	#account .nav #sign_in a{
		background:url('../img/common/icon/arrows-red.png') left center no-repeat;
		padding-left:13px;
	}
	#account .nav #logged_in a{
		background:url('../img/common/icon/arrows-red.png') left center no-repeat;
		padding-left:13px;
		color:#1e3c70;
		text-transform:none;
		font:italic 12px Georgia, Times, serif;
		margin-top:0;
	}
	#logged_in{margin-top:0 !important;}
/* @end */

/* @group Forms */

	form.basic input{
		padding:7px 5px 5px 5px;
		height:23px;
		border:none;
		background:none;
		color:#999;
	}
	form.basic span{
		background:url('../img/common/input.png') top left no-repeat;
		float:left;
		display:block;
	}
	form.basic button{
		height:29px;
		background:url('../img/common/search-btn.png') top left no-repeat;
		text-indent:-999em;
		border:0;
		float:left;
	}
	form.basic .emailerror{
		font:11px Arial, Helvetica, sans;
		color:#C00;
		clear:both;
		float:left;
		width:100%;
	}
	/* search form */
	#search{
		padding-top:14px;
	}
	#search input{
		width:156px;
	}
	#search button{
		width:24px;
	}

	/* newsletter form */
	#insider-signup{
	}
	#insider-signup form{
		margin-left:5px;
	}
	#insider-signup input{
		width:170px;
	}
	#insider-signup button{
		background:url('../img/common/submit-btn.png') top left no-repeat;
		width:75px;
	}

/* @end */

/* @group Page Body */

/* body of the page */
	#head{
		z-index:20000;
		position:relative;
	}
	#body{
		margin-top:20px;
		padding-top:12px;
	}
	#body.body{
		background:url('../img/common/body.png') top left repeat-x;
	}
	/* home page */

	.home-content-unit{
		margin-bottom:18px;
	}
	#hero{
		margin-top:27px;
	}
	#hero-nav li{
		background: url('../img/common/dotted-line-vert-grey.png') top right repeat-y;
	}
	#hero-nav li.last{
		background:none;
	}
	#kickers{
		margin-top:20px;
	}
	#kickers .kicker1{
		float:left;
		width:345px;
		height:204px;
		margin-right:20px;
	}
	#kickers .kicker2{
		float:left;
		width:345px;
		height:204px;
	}
	
/* @end */

/* @group Footer */
a#details {
	display:block;
	float:left;
	font-size:12px;
	font-style:italic;
	height:15px;
	padding:9px 0 0 19px;
	text-decoration:underline;
	width:30px;
	font-weight:bold;
}

	#foot .foot-inner{
		background:url('../img/common/dotted-line.png') top left repeat-x;
		overflow:hidden;
		margin-top:20px;
	}

	/* communicate */
	#communicate{
		margin-top:25px;
	}
		#communicate h2,
		#communicate h2 span{
			height:36px;
			font-size:8px;
		}
		#communicate h2{
			margin:13px 0 4px 0;
		}
		#communicate .description{
			padding:0 0 7px 15px;
			margin-top:15px;
		}
		#communicate .info{
			margin:0;
			color:#666;
			font-size:11px;
		}
		#social-links ul{
			margin-top:30px;
		}
		#social-links li{
			float:left;
			height:40px;
			display:block;
			text-indent:-999em;
		}
		#social-links li a{
			display:block;
			height:40px;
		}
		#social-links .facebook{
			width:152px;
			background:url('../img/common/social-sprite.png') top left no-repeat;
		}
		#social-links .twitter{
			width:115px;
			background:url('../img/common/social-sprite.png') -152px 0px no-repeat;
		}
		#social-links .share{
			width:83px;
			background:url('../img/common/social-sprite.png') -267px 0px no-repeat;
		}

	/* about */
	#about h2{
		margin-bottom:15px;
	}
	#about p{
		font-size:12px;
		color:#333;
		margin-bottom:1em;
	}
	#about h3{
		font-weight:normal;
		font-size:16px;
		margin:15px 0 9px 0;
	}
	#about a{
		font-style:italic;
	}
	
	
	.nav-extra{} 
		.nav-extra li{
			display:block;
			background:url('../img/keds/nav/as_seen_in-our_story.png') top left no-repeat;
			text-indent:-999em;
			width:71px;
			position:relative;
		}
		.nav-extra li a{
			display:block;
			height:10px;
			width:71px;
			position:relative;
		}

	#communicate .nav-extra{
		margin:30px 0 0 20px;
		padding:7px 0 5px 15px;
		background: url('../img/common/social-separator.png') top left no-repeat;
	}
	#communicate li.our-story {
		background-position: -99px 0;
		margin-top:5px;
	}


	#about .nav-extra{
		width:100%;
		float:left;
		clear:both;
		margin-bottom:20px;
	}
	#about .nav-extra li{
		float:left;
		width:85px;
	}
	#about li.our-story{
		background-position: -99px 0;
		margin-left:15px;
	}
	
	/* links section */
	#links a{
		font:12px Arial, Helvetica, sans;
		color:#333;
	}
	#links a:hover{
		color:#45A2D1;
	}
	#links{
		background:url('../img/common/dotted-line.png') bottom left repeat-x;
		overflow:hidden;
		padding-bottom:20px;
	}
	h3.help,
	h3.help span{
		background:url('../img/common/headings/h3-help.png') top left no-repeat;
		width:32px;
		font-size:8px;
	}
	h3.legal,
	h3.legal span{
		background:url('../img/common/headings/h3-legal.png') top left no-repeat;
		width:36px;
		font-size:8px;
	}
	h3.account,
	h3.account span{
		background:url('../img/common/headings/h3-account.png') top left no-repeat;
		width:58px;
		font-size:8px;
	}
	h3.security,
	h3.security span{
		background:url('../img/common/headings/h3-security.png') top left no-repeat;
		width:68px;
		font-size:8px;
	}

	.call-us{
		clear:left;
		float:left;
		margin-top:40px;
		font:15px Arial, Helvetica, sans;
		font-weight:bold;
		white-space:nowrap;
		width:66% !important;
	}
		.call-us span{
			float:left;
			font-weight:normal;
			margin-top:2px;
			width:63px;
		}
		.call-us strong{float:left;}
		.call-us .flag{padding-left:10px;}
	
	.region{
		margin-top:40px;
	}
	/* legal nav */
	#legal-nav{
		border-top:1px solid #CCC;
		padding-top:10px;
		margin-top:20px;
		margin-bottom:50px;
		font:10px Arial, Helvetica, sans;
	} 
		#legal-nav ul{
			position:absolute;
			right:0;
		}
		#legal-nav li{
			padding:0 5px 0 0;
			border-right:5px;
			border-right:1px solid #CCC;
			margin-right:5px;
		}
		#legal-nav li a,
		#legal-nav{
			color:#666;
		}

/* @end */

/* @group Shop By Size */

	
div#shop-by-size{
	z-index:100;
	float:right;
	margin-top:2px;
}
	div#shop-by-size div.mega {
		display: inline;
		position: relative;
	}
	div#shop-by-size h2,
	div#shop-by-size h2 a{
		background:url('../img/common/shop-by-size/shop-by-size.png') top left no-repeat;
		display:block;
		width:131px;
		height:40px;
	}
	
	div#shop-by-size div.mega.hovering h2,
	div#shop-by-size div.mega.hovering h2 a {
		background:url('../img/common/shop-by-size/over.png') top left no-repeat;
	}
	
	div#shop-by-size h2 a{
		text-indent:-999em;
	}
	div#shop-by-size div {
		display: none;
	}
	
	div#shop-by-size div.mega.mega div.mega-wrapper {
		position: absolute;
		left: 0em;
		z-index:300;
	}
	
	div#shop-by-size div.mega.hovering div {
		display: block;
	}
	
	#shop-by-size-type{
		margin-left:20px;
		position:relative;
	}
	
	#masthead #shop-by-size-type .nav{
		margin:0;
		padding:0;
	}
	#shop-by-size-type .nav li{
		margin-right:0;
	}
		#shop-by-size-type .nav li a{
			background:url('../img/common/nav/product-type-filter.png') top left no-repeat;
			text-indent:-999em;
			height:21px;
		}
		#shop-by-size-type .nav .women a{
			width:64px;
			background-position:0 0;
		}
		#shop-by-size-type .nav .men a{
			width:52px;
			background-position:-64px 0;
		}
		#shop-by-size-type .nav .kids a{
			width:44px;
			background-position:-116px 0;
		}
	
	
		#shop-by-size-type .nav .women a:hover,
		#shop-by-size-type .nav .women .selected{
			background-position:0px -21px;
		}
		#shop-by-size-type .nav .men a:hover,
		#shop-by-size-type .nav .men .selected{
			background-position:-64px -21px;
		}
		#shop-by-size-type .nav .kids a:hover,
		#shop-by-size-type .nav .kids .selected{
			background-position:-116px -21px;
		}

	#shop-by-size-type_form{
		padding-top:20px;
	}
		#shop-by-size-type_form button{
			background:url('../img/common/btn/go.png') top left no-repeat;
			width:41px;
			height:31px;
			text-indent:-999em;
			border:none;
		}
		#shop-by-size-type_form button.disabled{
			background-position:0 -62px;
		}
		#shop-by-size-type_form select{
			float:left;
			margin-right:10px;
			margin-top:5px;
		}
		
		#category-selector{
			width: 130px;
		}
		#size-selector{
			width:95px;
		}
	.go{
		background:url('../img/common/btn/go.png') top left no-repeat;
		width:41px;
	}


/* @end */


/* sperry layout.common */
/******************************************************************************
*   Page Promotions
******************************************************************************/
#promotion {
    clear: both;
    overflow: hidden;
    text-align: right;
	font-family:Arial, Helvetica, sans;
	float:right;
    }
#promotion p {
    	font-family: Georgia,Times,serif;
	font-size:10px;
	margin:0 0 8px 0;
    }
    #promotion a:link,
    #promotion a:visited,
    #promotion a:active {
        color: #00264c;
        font-weight: bold;
        }
    #promotion a:hover{
	font-weight:bold;
	color:#45A2D1;
	}

#promotion em{
	background:url('../img/common/icon/arrows-blue-on-white.png') left center no-repeat;
	padding-left:12px;
}
h1#logo {
	float: left;
	}
    h1#logo a {
        display: block;
        }
ul.link-list li,
ol.link-list li {
    float: left;
    }
#container {
    margin: 0 auto;
    position: relative;
	z-index: 0;
    }
#header {}
    #shopping {
		text-align:right;
		font-size:11px;
        }
        #shopping #order {
            overflow: hidden;
            }
        #header #bag {
            position: relative;
            }
    #nav-wrapper {
		float:left;
        }
	#nav-wrapper #navigation {
		margin-left:25px;
		display:inline;
	}
        #header #navigation {
            clear: left;
            float: left;
            overflow: hidden;
            /*width: 594px; Safari fix*/
            }
            #header #navigation li {
                float: left;
                }
                #header #navigation li a:link,
                #header #navigation li a:visited,
                #header #navigation li a:hover,
                #header #navigation li a:active {
                    display: block;
                    white-space: nowrap;
					padding:5px 0;
                    }
        #search {
            float: right;
            }
            #search fieldset {
                display: inline;
                }
            #search input {
                vertical-align: middle;
                }
#body {
    clear: both;
    }
#footer {
    clear: both;
    }
    #footer h3 {
        float: left;
        margin-right: 18px;
        }
    #com-options {
        overflow: hidden;
        vertical-align: middle;
        }
        #connect {
            float: left;
            }
            #connect ul {
                float: left;
                }
        #opt-in-wrapper .error {
            background-color: transparent;
            clear: both;
            color: #B50831;
            margin: 5px 0 0 198px;
            width: 210px;
            }
        #security {
            white-space: nowrap;
            }
		#security li{
			width:75px;
		}
            #footer .navigation {
                clear: both;
                }
            #footer .navigation ul {}
            #footer #legal {
                clear: left;
                float: left;
                }


.left-width,
.full-width,
.fifty-fifty,
.left-cart-width,
.full-width-gutter,
.left-review-width,
.right-width{
	width:960px;
	margin:0 auto;
}


/* flag localization */
#flag-list{display:none;}
#language {
    position: relative;
	font-family:Arial,Helvetica,sans;
	padding:2px 5px;
	float:left;
	margin-left:5px;
    }

#language #flag-list {
    background-color: #EAEAEA;
    bottom: 0;
    right: 0;
	margin-bottom:2px;
    padding: 9px 21px;
    position: absolute;
    width: 100px;
    z-index: 25;
    }
    #language #flag-list li {
        float: none;
        }
        #language #flag-list li a:link,
        #language #flag-list li a:visited,
        #language #flag-list li a:hover,
        #language #flag-list li a:active {
            color: #000;
            display: block;
            line-height: 16px;
            text-align: right;
            text-decoration: none !important;
            white-space: nowrap;
            width: 100%;
            }
            #language #flag-list li a span {
                text-decoration: underline;
                }
            #language #flag-list li a img {
                margin-left: 8px;
                vertical-align: middle;
                }
#language a:link.active,
#language a:visited.active,
#language a:hover.active,
#language a:active.active {
    background: url(../img/common/icon/flag-arrow.gif) no-repeat right center;
    padding: 1px 13px 4px 4px;
    position: relative;
    z-index: 50;
	display:block;
    }
.list-flags {
    background-color: #EAEAEA;
    }
.list-flags a:link.active,
.list-flags a:visited.active,
.list-flags a:hover.active,
.list-flags a:active.active {
    background-image: url(../img/common/icon/flag-arrow-on.gif) !important;
    }

/* 
BEGIN POPUP 
*/
	#PopUp {
		position: absolute;
		font: 11px/13px Arial, sans-serif;
		display: none;
		z-index: 999998;
		background-color: #ffffff;
		left: 50px;
		text-align: left; 
		width: 400px; 
		top: 35px; 
	}
	
	#PopUp p {
		padding: 10px;
	}
	#top #PopUp a{
		padding:0;
		color:#1E3C70;
		text-decoration:underline;
		font-size:12px;
		background:none;
	}
	#PopUp h2 {
		position: relative;
		background-color: #d2dce6;
		margin-top: 30px;
		padding: 12px 10px 12px 10px;
		font: 20px/24px Georgia, Times, serif;
		font-weight: bold;
		color: #1E3C70;
	}
	
	#PopUp .highlight {
		color: #1E3C70;
		font: 12px/14px Arial, sans-serif;
	}
	
	.promotion-close a {
		position: relative;
		margin: 10px 10px 0px 0px;
		float: right;
		text-indent: -1000em;
		display: block;
		background: url(../img/common/icon/close_promotion.gif) no-repeat top right !important;
		width: 13px;
		height: 13px;
		font-size: 12px;
		color: black;
	}
	
	#PopUp .inner{
		border: 1px solid #cccccc;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		position:relative;
		-moz-box-shadow: 0 0 13px #cccccc;
		-webkit-box-shadow: 0 0 13px #cccccc;
		box-shadow: 0 0 13px #cccccc;
	}
#BVRRContainer, #BVRRSummaryContainer, #BVRRLinkContainer {clear: both;}
#product-detail {clear:both;}