@charset "utf-8";
/* Go Sunday Funday CSS*/

body{
margin:0;
padding:0;
background:#000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
*font-size:60%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
min-height:800px;
background-repeat: no-repeat;
}

button span{
visibility:hidden;
}

ul li{
list-style:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#hd{
height:195px;
width:725px;
margin:0;
position:relative;
z-index:10;
}

#bd{
background:#FFFFFF none repeat scroll 0 0;
border:3px solid #DBDBDB;
/*padding:10px 0;*/
padding:10px 10px 10px 7px;
width:750px;
position:relative;
}

#category-image-container{
color:#FFFFFF;
position:relative;
left:60px;
border:1px solid #626262;
border-right:2px solid #383838;
border-bottom:2px solid #383838;
width:630px;
height:275px;
background:#CECECE;
overflow:hidden;
}

#category-image-container img{
width:630px;
height:275px;
}

.title{
font-size:150%;
*font-size:165%;
background:#D4D4D4;
color:#000000;
border:1px solid #333333;
padding:5px 5px 5px 5px;
*margin-top:50px;
}

.index-title{
font-size:150%;
*font-size:165%;
background:#D4D4D4;
color:#000000;
border:1px solid #333333;
padding:5px 5px 5px 5px;
*margin-top:50px;
width:620px;
position:relative;
left:60px;
top:-15px;
*top:-45px;
}

#ft{
margin:10px 0px 0px 0;
}

#logo{
position:relative;

z-index:20;
}

#logo a {
position:absolute;
top:0px;
left:00px;
background: url(../images/sunday-funday-logo.gif) no-repeat;
margin-bottom:0px;
width:320px;
height:207px;
cursor:pointer;
z-index:20;
}

#logo a:hover{
cursor:pointer;
}

#hd ul.nav-common{
letter-spacing:-1px;
position:absolute;
right:100px;
_right:80px;
top:0px;
width:285px;
}

#hd ul.nav-common li{
line-height:13px;
height:14px;
text-align:left;
margin-left:3pt;
padding:0 .2em;
}

#hd ul.nav-common li, a{
float:left;
height:13px;
text-decoration:none;
color:#FFFFFF;
padding-bottom:2px;
}

#hd ul.nav-common a:hover{
border-bottom:1px dashed #B3E2EE;
}


#cart{
background-color:#FFFFFF;
border:2px solid #DBDBDB;
border-top:none;
color:#999999;
font-size:9px;
line-height:14px;
position:absolute;
right:-30px;
_right:-55px;
top:0;
width:200px;
height:50px;
}

#cart #bag-image{
position:absolute;
top:5px;
left:10px;
width:40px;
height:35px;
}

#cart #bag-link{
position:absolute;
top:10px;
left:50px;
}

#cart #checkout-link{
position:absolute;
top:25px;
left:50px;
}

#cart a{
color: #0099FF;
}

#hd ul.login-register{
position:absolute;
right:5px;
top:45px;
display:none;
}

#hd ul.login-register li, a{
float:left;
height:11px;
padding-left:0pt;
text-decoration:none;
color:#FFFFFF;
}

#bd #products{
position:relative;
left:18px;
top:-30px;
*top:-70px;
min-height:500px;
_height:500px;
padding:0px;
}

#products ul.product-list{
padding-left:17px;
position:relative;
top:0px;
_height:1px;
}

#products ul.product-list li{
float:left;
display:inline;
height:200px;
width:200px;
padding-bottom:10px;
padding-right:15px;
}

#products .product-list img{
width:200px;
height:200px;
}

#products .product-list a{
padding-left:0px;
border:1px solid #898989;
border-left-color:#FFFFFF;
border-top-color:#FFFFFF;
height:198px;
width:200px;
overflow:hidden;
}

#products .product-list a:hover{
border:1px solid #A8CFEA;
}

#ft{
position:relative;
display:block;
height:100px;
font-size:9px;
color:#FFFFFF;
width:775px;
}

#ft .security-container {
	display:block;
	position:absolute;
	height:100px;
	right:-10px;
	top:0;
}

#ft .security-container .provider{
	display:inline-block;
	width:100px;
	height:100px;
	margin:0 5px 0 0;
}

#nav-main{
position:absolute;
bottom:0px;
_bottom:-1px;
right:10px;
_right:-20px;
height: 88px;
}

#nav-main span{
font-size:130%;
font-family:Arial;
text-transform:uppercase;
word-spacing:-1px;
letter-spacing:1px;
font-weight:bold;
margin:0 0 0 0px;

}

#nav-main a{
height:88px;
}

#nav-main a:hover {
color:#946d42;
}

#nav-main .tees-down-arrow{
width:16px;
height:16px;
}

#nav-main .tees-sub{
display:none;
position:absolute;
left:-3px;
top:30px;
z-index:10;
border:3px solid #946d42;
border-top:none;
background:#FFFFFF;
width:135px;
padding:0;
}

#nav-main .tees-sub li{
clear:both;
border-bottom:1px solid #999999;
height:25px;
}

#nav-main .tees-sub a{
padding:0 0 10px 0;
width:inherit;
font-size:120%;
}

#nav-main .tees-sub a:hover{
cursor:pointer;
}

/*Login Dialog*/

#login-dialog{
display:none;
}

#login-dialog .hd{
border:none;
background:#CDDCF5;
text-align:left;
font-size:150%;
}

.yui-skin-sam .yui-panel{
border:none;
}

.yui-skin-sam .yui-panel .ft{
border:none;
}


#login-dialog .bd{
border:none;
text-align:left;
}

#login-dialog .ft{
border:none;
}

#login-dialog .ft .button-group {
text-align:left;
}


#login-dialog label{
display:block;
font-weight:bold;
}

label .hint{
font-size:80%;
font-weight:normal;
}

#invalid-login-message{
display:none;
position:relative;
top:-10px;
white-space:nowrap;
}

.error{
color:#D73552;
display:none;
font-size:80%;
}

/*Register Dialog*/

#register-dialog{
display:none;
text-align:left;
z-index:100;
}

#register-dialog td{
border:none;
vertical-align:top;
}

#register-dialog .hd{
border:none;
text-align:left;
background:#CDDCF5;
font-size:150%;
}

#register-dialog .bd{
border:none;
background:#FFFFFF;
}

#register-dialog .ft{
border:none;
background:#FFFFFF;
position:absolute;
bottom:175px;
right:125px;
}

#register-dialog h1{
color:#454545;
font-size:150%;
}

#register-dialog label{
font-weight:bold;
color:#505050;
display:block;
}

#register-dialog p{
font-size:90%;
}

#register-dialog #profile-info{
border:1px solid #595959;
width:255px;
background:#EFEFEF;
padding:0 10px 10px 5px;
}

#register-dialog #account-info{
border:1px solid #595959;
width:255px;
background:#EFEFEF;
padding:0 10px 10px 5px;
}

#register-dialog #password-message{
display:inline;
position:relative;
top:-10px;
white-space:nowrap;
}

#register-dialog #failed-message{
display:inline;
position:relative;
top:-10px;
white-space:nowrap;
}

/*Loading Panel*/

#loadingPanel {
	vertical-align: middle;
}
#loadingPanel .bd{
font-weight:bold;
font-size:100%;
border:2px solid #CCCCCC;
width:250px;
vertical-align: middle;
}

/*Message Dialog*/

#message-dialog{
display:none;
}

#message-dialog .hd{
border:none;
background:#CDDCF5;
text-align:left;
font-size:150%;
}

.yui-skin-sam .yui-panel{
border:none;
}

.yui-skin-sam .yui-panel .ft{
border:none;
}


#message-dialog .bd{
background:#FFF;
border:none;
text-align:center;
}

#message-dialog .ft{
border:none;
}

#message-dialog .message{
font-size:100%;
}

#message-dialog #terms-text{
font-size:75%;
width:500px;
height:300px;
overflow:hidden;
text-align:left;
overflow-x:hidden;
overflow-y:scroll;
}

.button-grey {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	color:#FFF;
	background-color:#E6E6E6;
	border-color:#666;
	font-size: 14px;
	font-weight:bold;
	background-position:0 -200px;
		background: #666666 url(../images/header-background.png) repeat-x scroll 0 0;
	padding: 4px 10px 5px;
	text-decoration: none;
	cursor: pointer;
	border:1px solid #D3D3D3;
	margin-bottom: 5px;
}

.button-grey:hover {
	background: #666666 url(../images/bg-btn.gif) repeat-x scroll 0 0;
	border-color:#DDDDDD #DDDDDD #CCCCCC;
}