/* CSS Document */

/* ------------------------- Document Styles ------------------------- */
body{
	
	/* Set Site Font and Background */
	font-family:"Verdana";
	background:#FFF;
	margin-top: 30px;
}

#homePicture{
float:right;
margin-top:-5px;
}

#banner{
clear:both;
width:700px;
padding-bottom:30px;
}

td.imgLeft img{
float:left;
padding-right:15px;
padding-left:25px;
}

td.imgLeft a, td.imgLeft{
color:#555;
}

.padThis{
padding-left:30px;
}

.specialStrong strong{
margin:10px;
display:block;
background:#DDD;
padding:10px;
color:#666;
}

#banner img{
border:0;
}

#newClear{
clear:both;
height:15px;
background:#FFF;
}

/* ------------------------- Containers ------------------------- */
#header{
	height:94px;
	width:879px;
	margin:0 auto;
	position:relative;
}

#content{
	width:879px;
	margin:0 auto;
	position:relative;
background:url(/images/contentBg.jpg) no-repeat top left;
}

#homeContent{
	width:879px;
	margin:0 auto;
	position:relative;
}

#newHome{
width:888px;
margin:0 auto;
position:relative;
}

#newHome img{
float:left;
}

#homeRight{
float:right;
width:291px;
height:541px;
background:url(/images/homeRight.jpg);
}

#homeRight p{
font-size:11px;
padding-top:10px;
margin-left:20px;
margin-right:20px;
color:#6d6d6d;
}

#homeRight p.moveDown{
margin-top:160px;
line-height:18px;
font-size:11px;
font-family:"Tahoma";
text-align:justify;
}

#homeRight p.downMore{
margin-top:90px;
}

#homeRight p.downMore strong, #homeRight p.downMore{
display:block;
font-size:11px;
font-family:"Tahoma";

}

#footer{
	clear:both;
	width:879px;
	margin:0 auto;
	position:relative;
}

/* ------------------------- Style Stuff ------------------------- */

#header h1 a{
width:234px;
height:94px;
display:block;
background:url(/images/newLogo.gif);
float:left;
}

#bag{
display:block;
float:right;
}

#bag a{
font-family:"Verdana";
background:#f9f9f9;
border:1px solid #dedede;
color:#4e4e4e;
text-decoration:none;
display:block;
padding:6px 15px 6px 15px;
font-size:11px;
margin-top:23px;
margin-left:10px;
}

#regPrice{
text-decoration:line-through;
color:#c1272d;
font-weight:normal;
padding-right:15px;
}

/* ------------------------- Checkout Stuff ------------------------- */

#shoppingBag{
font-size:12px;
border-collapse:collapse;
width:800px;
margin:40px auto;
background:;
text-align:center;
}

.product{}
.color{width:125px;}
.size{width:125px;}
.qty{width:25px;}
.price{width:75px;}
.itemTotal{width:100px;font-weight:bold;}

#shoppingBag img{
border:0;
padding-bottom:10px;
}

#shoppingBag .heading td{
background:#969696;
font-weight:bold;
font-size:14px;
color:#FFF;
padding:10px;
}

#shoppingBag td{
border:1px solid #e0e0e0;
}

#shoppingBag .subtotal td{
font-weight:bold;
color:#969696;
background:#e0e0e0;
padding:10px 0 10px 0;
}

#shoppingBag span{
background:#e0e0e0;
color:#4e4e4e;
font-size:12px;
font-weight:bold;
line-height:21px;
padding:3px 7px 3px 7px;
}

#shoppingBag strong a{
background:none;
font-size:12px;
font-weight:normal;
color:#4e4e4e;
font-size:12px;
text-decoration:none;
background:#eee;
display:block;
}

.checkout{
text-align:center;
font-size:14px;
display:block;
width:100px;
background:#969696;
font-weight:bold;
font-size:14px;
color:#FFF;
padding:10px;
text-decoration:none;
float:right;
margin-right:42px;
}


.checkout:hover{
background:#e0e0e0;
color:#969696;
}

/* ------------------------- Checkout ------------------------- */

#leftTables{float:left;}

.billingTable{
width:420px;
font-size:12px;
border-collapse:collapse;
margin-bottom:30px;
}

.billingTable td{padding:5px;}

#paymentTable{
width:420px;
font-size:12px;
float:right;
border-collapse:collapse;
margin-bottom:30px;
}

#paymentTable td{padding:5px;}

#giftTable{
width:380px;
font-size:12px;
clear:right;
float:right;
border-collapse:collapse;
margin-bottom:20px;
background:#ddd;
}

#giftTable td{
padding:5px;
}

#giftTable td.padRight{
padding-right:50px;
}

#codeTable{
clear:right;
float:right;
width:420px;
font-size:12px;
border-collapse:collapse;
margin-bottom:30px;
}

#totalsTable{
clear:right;
float:right;
width:420px;
font-size:12px;
border-collapse:collapse;
margin-bottom:30px;
}

#totalsTable td, #codeTable td{
padding:5px;
}

#totalsTable .rightAlign{

}

#totalsTable strong{
font-size:16px;
border-bottom:1px solid #969696;
}

.rightAlign{text-align:right;}

table .formBox{
color:#595959;
border:1px solid #d3d3d3;
padding:5px;
}

table .formButton{
color:#FFF;
border:none;
background:#969696;
padding:5px 10px 5px 10px;
font-weight:bold;
}

table p{
padding:10px 110px 30px 0;
}

table p a{
color:#969696;
}

.cartHeader td, #paymentTable .cartHeader td, #totalsTable .cartHeader td{
background:#969696;
padding:10px 10px 10px 20px;
color:#FFF;
font-size:14px;
font-weight:bold;
}

.otherInfo{
color:#a4a4a4;
}

/* ------------------------- Navigation ------------------------- */

#navList{
height:49px;
list-style:none;
clear:right;
float:right;
display:block;
width:595px;
}

#navList li{
display:inline;
height:49px;

}

#navList li a{
height:49px;
display:block;
background-color:#FFF;
background-position:bottom left;
background-repeat:no-repeat;
float:left;
}

#home a{
width:144px;
background-image:url(/images/navShop.gif);
}

#women a{
width:79px;
background-image:url(/images/navWomen.gif);
}

#men a{
width:63px;
background-image:url(/images/navMen.gif);
}

#shoes a{
width:71px;
background-image:url(/images/navShoes.gif);
}

#acc a{
width:104px;
background-image:url(/images/navAcc.gif);
}

#sale a{
width:66px;
background-image:url(/images/navSale.gif);
}

#gift a{
width:63px;
background-image:url(/images/navGifts.gif);
} 

#navList li a:hover{
background-position:center left;
}

#navList li a.selected{
background-position:top left;
}

/* ------------------------- Bottom Navigation ------------------------- */

#sunNav{
height:60px;
list-style:none;
}

#subNav li{
display:inline;
height:60px;
}

#subNav li a{
height:60px;
display:block;
background-color:#FFF;
background-position:bottom left;
background-repeat:no-repeat;
float:left;
}

#company a{
width:93px;
background-image:url(/images/company.gif);
}

#contact a{
width:78px;
background-image:url(/images/contact.gif);
}

#policies a{
width:74px;
background-image:url(/images/policies.gif);
}

#delivery a{
width:78px;
background-image:url(/images/delivery.gif);
}

#privacy a{
width:78px;
background-image:url(/images/privacy.gif);
}

#subNav li a:hover{
background-position:top left;
}

#subnav li a.selected{
background-position:top left;
}

/* ------------------------- Content Styles ------------------------- */

#content{color:#000;}
#content h2{}
#content p{}
#content p a{}
#content p a:hover{}

/* ------------------------- Category Navigation ------------------------- */

#productNav{
list-style:none;
padding-left:55px;
padding-top:35px;
width:170px;
float:left;
}

#productNav ul, #productNav ul li{
width:170px;
}

#productNav li a{
background:#969696;
text-decoration:none;
color:#FFF;
font-size:13px;
line-height:30px;
padding:4px 10px 5px 5px;
}

#productNav li a:hover{
background:#f3f1f1;
color:#767a79;
}

#productNav li a.selected{
background:#e0e0e0;
color:#767a79;
}

/* ------------------------- Product List ------------------------- */

.searchResult{
width:630px;
list-style:none;
float:right;
}

.searchResult li{
width:200px;
padding-top:35px;
float:left;
text-align:center;
}

.searchResult li span{
background:#e0e0e0;
color:#4e4e4e;
font-size:12px;
font-weight:bold;
line-height:21px;
padding:3px 7px 3px 7px;
}

.searchResult li img{
border:0;
}

#spacer{
clear:both;
height:50px;
}

#nextNav{
list-style:none;
clear:both;
position:absolute;
right:80px;
bottom:30px;
}


#nextNav a, #prevNav a{
background:#7d7d7d;
text-decoration:none;
color:#FFF;
font-size:13px;
padding:0px 7px 2px 7px;
}


#nextNav a:hover, #prevNav a:hover{
background:#969696;
}

#prevNav{
list-style:none;
clear:both;
position:absolute;
left:300px;
bottom:30px;
}

/* ------------------------- Product Details ------------------------- */


#productDesc{
font-family:"Verdana";
width:255px;
float:right;

}

#productDesc h2{
background:#969696;
color:#FFF;
display:inline;
font-size:24px;
font-weight:normal;
float:left;
padding:7px 5px 7px 25px;
}

#productDesc h4{
background:#e0e0e0;
color:#969696;
display:inline;
clear:left;
font-size:14px;
float:left;
padding:7px 20px 7px 25px;
}

#productDesc p{
font-size:12px;
color:#767a79;
line-height:23px;
clear:left;
padding:30px 60px 20px 25px;
}

#productDetails{
float:right;
width:630px;
}

#productDetails img{
float:right;
}

#productDetails fieldset{
width:210px;
border:0;
}

#productDetails label{
color:#4a4a4a;
font-size:12px;
font-weight:bold;
padding-right:12px;
}

#productDetails select{
background:#FFF;
border:1px solid #767a79;
color:#767a79;
}

#productDetails select option{
background:#FFF;
padding-left:5px;
}

#productDetails form div{
padding:0 0 10px 25px;
}

#productDetails button{
border:0;
background:#969696;
color:#fff;
font-weight:bold;
font-family:"Verdana";
font-size:12px;
padding:4px 8px 4px 5px;
margin:20px 0 0 25px;
}

#productDetails a{
font-size:12px;
color:#767a79;
display:block;
margin:25px 0 0 25px;
}

/* ------------------------- Gift Card Page ------------------------- */

#cardSpace{
height:35px;
clear:both;
}

#cardleft{
clear:left;
width:390px;
float:left;
}

#cardleft img{
float:right;
}

#content #company #cardRight{
width:300px;
float:left;
}

#content #company #cardRight p{
margin-left:25px;
margin-right:0;
padding-right:0;
width:400px;
}

#company fieldset{
width:210px;
border:0;
}

#company label{
color:#4a4a4a;
font-size:12px;
font-weight:bold;
padding-right:12px;
}

#company select{
background:#FFF;
border:1px solid #767a79;
color:#767a79;
}

#company select option{
background:#FFF;
padding-left:5px;
}

#company form div{
padding:0 0 10px 25px;
}

#company button{
border:0;
background:#969696;
color:#fff;
font-weight:bold;
font-family:"Verdana";
font-size:12px;
padding:4px 8px 4px 5px;
margin:20px 0 0 25px;
}

/* ------------------------- Contact Page ------------------------- */

#formStuff{
width:400px;
float:left;
padding:35px 0 0 45px;

}

#otherStuff{
float:right;
width:390px;
padding:0px 0 0 0;
}

#otherStuff h3{
background:#969696;
color:#FFF;
display:inline;
font-size:18px;
font-weight:normal;
padding:7px 25px 7px 25px;
float:left;
clear:left;
}

#otherStuff p{
float:left;
clear:left;
font-size:12px;
color:#767a79;
line-height:23px;
padding:20px 0 20px 0;
display:block;
width:260px;
}

#company h3{
background:#969696;
color:#FFF;
display:inline;
font-size:18px;
font-weight:normal;
padding:7px 25px 7px 25px;
margin:0 0 0 140px;
float:left;
clear:left;
}

#company h5{
margin:10px 0 0 140px;
float:left;
clear:left;
color:#969696;
}

#company ul{
padding:7px 25px 7px 25px;
margin:0 0 0 140px;
float:left;
clear:left;
font-size:12px;
color:#767a79;
list-style:disc;
display:block;
width:600px;
}

#company ul ul{
margin:10px 0 0 40px;
}

#company li{
padding-bottom:5px;
}

#company p{
font-size:12px;
color:#767a79;
line-height:23px;
padding:20px 0 20px 0;
display:block;
margin: 0 auto;
position:relative;
width:600px;
clear:left;
}

#bannerArea{
clear:left;
width:600px;
margin:0px auto;
position:relative;
background:#ddd;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
padding-top:30px;
}

#bannerArea p{
padding:20px 0 20px 0;
display:inline;
float:none;
width:auto;
color:#444;
font-size:12px;
line-height:18px;
}

#bannerArea p a{
background:none;
color:#444;
}

#bannerArea img{
padding-right:10px;
float:left;
display:inline;
}

#bannerArea h6{

font-size:12px;
color:#444;
padding-bottom:10px;
}

#company .billingTable{
font-size:12px;
color:#767a79;
line-height:23px;
padding:20px 0 20px 0;
display:block;
margin: 0 auto;
position:relative;
width:600px;
clear:left;
}

#company .billingTable #cartHeader{
border-bottom:5px solid #EEE;
padding:10px 10px 10px 20px;
color:#969696;
font-size:14px;
font-weight:bold;
}

/* ------------------------- LinxSmart Link List ------------------------- */
#linxsmart{
float:right;
	list-style:none;
	padding:20px 0 20px 0px;
}
#linxsmart li{
	display:inline;
	color:#aaa;
	font-size:10px;
}
#linxsmart li a{
text-decoration:none;
	color:#aaa;
}



/* ------------------------- Basic HouseKeeping ------------------------- */

/* Clear Browser Padding */
*{
	margin:0px;
	padding:0px;
}
/*  Clear FireFox's border around clicked links */
a{
	outline:none;
}


/* ------------------------- Special Classes ------------------------- */

/* Hide Text */
.hideText{
	position:absolute;
	text-indent:-5000px;
}
/* Clearing Div */
.easyClear{
	clear:both;
}


/* ------------------------- Event List Styles ------------------------- */

#errorList{
	margin: 0px 0px 10px 0px;
width:350px;
	padding: 10px;
	border: solid 1px #dd3c10;
	background: #ffebe8 url(../images/errorBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:12px;
}

#errorList li{}

#successList{
	margin: 0px 0px 10px 0px;
width:350px;
	padding: 10px;
	border: solid 1px #82c242;
	background: #dafab9  url(../images/successBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:12px;
}

#successList li{}


/* ------------------------- Forms ------------------------- */

/* Input Box Styles */
#contact .formBox{

	/* Set Colors */
	border:1px solid #bfbfbf;
	color:#474747;
	
	/* Set Background */
	background:none;
	
	/* Set Size and Font */
	/* 20px less than fieldset */ width:310px;
	font-family: "Trebuchet MS",Arial;
	font-size:13px;
	
	/* Structure */
	float:left;
	padding:5px 10px 5px 10px;
	margin-top:5px;
	
}
/* Input Titles */
#contact label {

	/* Set Font */
	font-size: 14px;
	font-family: "Trebuchet MS", Arial;
	
	/* Structure */
	text-align: left;
	float: left;
	margin:15px 0px 0px 0px;
}
/* Form Containter */
#contact fieldset {
	
	/* Set Size and Position  - Default Center */
	/* 20px greater than .formBox */ width:330px;
	
	/* Border Option */
	border:1px solid #bfbfbf;
	
	/* Structure */
	padding:0px 20px 15px 20px;
}
/* Positioning */
#contact form {
	/* Position - Default Center */
}



/* ------------------------- Basic Photo Gallery ------------------------- */

#gallery {position:relative; width:750px;}
#thumbs {width:180px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #333;}



/* ------------------------- Standard Button Styles ------------------------- */
.buttons{
	font-size:13px;
}
.buttons a, .buttons button{
    display:block;

		/* Clear if not using multiple buttons in a row */
		clear:both;

    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Tahoma", Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */
button.positive, .buttons a.positive{
    color:#82c242;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#dafab9;
    border:1px solid #8fc955;
    color:#82c242;
}
.buttons a.positive:active{
    background-color:#82c242;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}