/* CSS Document */

/* ------------------------- Document Styles ------------------------- */
body{
	/* Set Site Font and Background */
	font-family:"Arial";
	background:#FFF;
color:#515151;
}

p a{
color:#03a5f0;
}

p em{
color:#fe6700;
}

#bottomRight ul a{
color:#03a5f0;
}

#bottomRight .specialButton{
margin-left:0;
margin-top:15px;
list-style:none;
}

.specialButton li{
margin-bottom:10px;
float:left;
margin-right:10px;
}

#bottomRight ul.specialButton li a{
display:block;
width:140px;
background:#03a5f0;
color:#FFF;
text-decoration:none;
padding:5px 0;
text-align:center;
border:1px solid #ff6800;
}

#bottomRight ul.specialButton li a:hover{
background:#ff6800;
}

/* ------------------------- Containers ------------------------- */

#header{
background:#000;
padding-top:20px;
}

#header h1{
width:266px;
height:134px;
background:url(../images/logo.gif) no-repeat top right;
}

#content{
border-top:5px solid #fe6700;
background:#a28865;
}

#homeContent{
border-top:5px solid #fe6700;
}

#turtleFlash{
width:215px;
float:left;
display:inline;
margin-left:34px;
}

#worldMap{
float:right;
width:670px;
}

#footer{
width:915px;
position:relative;
}

#footer ul{
list-style:none;
float:right;
font-size:12px;
}

#footer ul li{
display:inline;
color:#515151;
padding:0 3px;
} 

#footer ul li a{
text-decoration:none;
color:#515151;
}

#footer ul li a img{
border:none;
}

#footer span.copy{
display:block;
clear:right;
float:right;
font-size:12px;
margin-bottom:20px;
}

/* ------------------------- Content Areas ------------------------- */


.widthWrapper{
width:972px;
}

#navList{
width:275px;
float:left;
height:200px;
}

#contentWindow{
width:640px;
height:265px;
float:left;
}

#bottomContent{
clear:both;
background:#FFF;
position:relative;
z-index:1;
}

#bottomHome{
clear:both;
}

#bottomHome p{
color:#aaa;
}

#bottomContent h3{
margin-top:15px;
color:#fe6700;
font-size:15px;
}

#bottomContent h3 a{
color:#03a5f0;
}

#golfShoes{
width:275px;
height:193px;
background:url(../images/golfShoes.jpg);
float:left;
margin-top:15px;
}


#homeTurtle{
width:275px;
height:193px;
background:url(../images/turtleHome.jpg) no-repeat;
float:left;
margin-top:15px;
}

#realGolfShoes{
width:275px;
height:193px;
background:url(../images/realGolfShoes.jpg);
float:left;
margin-top:15px;
}

#bottomRight{
width:640px;
float:left;
}

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

#viewCart{
	position:absolute;
	top:127px;
	left:804px;
	text-decoration:none;
	font-weight:bold;
}

a#viewCart{
	color:#FF6800;
}

#viewCart img{
	border:none;
}

h2#apparel{
width:640px;
height:70px;
background:url(../images/apparel.gif);
margin-top:20px;
margin-bottom:20px;
}

h2#apparelHome{
width:640px;
height:70px;
background:url(../images/apparelHome.gif);
margin-top:20px;
margin-bottom:20px;
}

p{
font-family:"Arial";
font-size:12px;
margin-bottom:15px;
}

#bottomContent ul{
font-family:"Arial";
font-size:12px;
list-style:circle;
margin-left:30px;
margin-bottom:15px;
}

h2#tagLine{
width:640px;
height:24px;
background:url(../images/tagLine2.gif) no-repeat top right;
margin-top:30px;
margin-bottom:20px;
}


h2#tagLineHome{
width:640px;
height:24px;
background:url(../images/tagLineHome.gif) no-repeat top right;
margin-top:30px;
margin-bottom:20px;
}

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

#contentWindow ul{
list-style:none;
margin-top:18px;
height:210px;
}

#nextPrev{
clear:both;
position:relative;
font-size:14px;
text-align:center;
color:#FFF;
width:640px;
}

#prev{
display:block;
background:#05a3ea;
position:absolute;
left:20px;
top:0px;
text-align:center;
color:#fff;
text-decoration:none;
padding:3px 15px;
font-size:12px;
float:left;
}

#next{
display:block;
background:#05a3ea;
position:absolute;
right:20px;
top:0;
text-align:center;
color:#fff;
text-decoration:none;
padding:3px 15px;
font-size:12px;
float:right;
}

#prev:hover, #next:hover{
background:#57b4db;
}

#contentWindow ul li{
display:inline;
float:left;
margin-left:20px;
}

#contentWindow ul li a img{
border:2px solid #515151;
height:129px;
width:93px;
}

#contentWindow ul li a:hover img{
border:2px solid #fe6700;
}

#contentWindow ul li h4{
color:#fe6700;
text-align:center;
}

#contentWindow ul li em a{
display:block;
text-align:center;
background:#c8c1b7;
margin-bottom:3px;
color:#515151;
text-decoration:none;
font-style:normal;
font-size:12px;
font-weight:bold;
padding:4px 0;
}

#contentWindow ul li em a:hover{
background:#FFF;
color:#fe6700;
}

#colors{
padding-top:50px;
font-size:14px;
color:#fe6700;
}

#colors ul li{
display:block;
float:left;

color:#333333;
text-align:center;
width:75px;
}

#colors li img{
height: 100px;
width:50px;
border: 1px solid #999999;
}


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

/* ------------------------- PDF List ------------------------- */

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

/* ------------------------- LinxSmart Link List ------------------------- */

/* ------------------------- LinxSmart Link List ------------------------- */

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

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


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

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


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

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

#errorList li{}

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

#successList li{}


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

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

/* ------------------------- 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;
}

/* ------------------------- Query Log ------------------------- */

#queryLog{
width:800px;
margin:0px auto;
background:#eee;
padding:20px 30px 30px 30px;
font-size:13px;
color:#000;
}

.queryBar{
margin:5px 5px 10px 5px;
}

/* ------------------------- Drop Down Menu ------------------------- */

#nav{
margin-top:20px;
}

#nav { 
		padding: 0;
		margin: 10px 0 0 0;
		list-style: none;
		float : left;
		width : 275px;
	}
	
#nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 275px;
		z-index:999;
	}	
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width : 275px;
		z-index:999;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 275px;
		margin-top : -34px;
		z-index:999;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		position : absolute;
		left: -999em;
		margin-left : 265px;
		margin-top : -27px;
		z-index:999;
	}
	
	#nav li a {
		width : 245px;
		w\idth : 245px;
		display : block;
		color : #FFF;
		font-weight : bold;
		text-decoration : none;
		background-color : #a28865;
		padding : 7px 0 7px 30px;
		z-index:999;
font-family:"Arial";
letter-spacing: 2px;
font-size:14px;
background-image:url(../images/navBullet.gif);
background-repeat:no-repeat;
background-position:15px 14px;
	}

#nav li ul li a {
		width : 255px;
		w\idth : 255px;
		display : block;
		color : #262626;
		font-weight : bold;
		text-decoration : none;
		background-color : #c4bcaf;
		padding : 3px 0 3px 10px;
		z-index:999;
border-top:1px solid #a28865;
letter-spacing: 0;
font-size:12px;
font-family:"Tahoma";
background-image:none;
	}
	
	#nav li a:hover {
		color : #262626;
background:#816d53;
z-index:999;
background-image:url(../images/navBullet.gif);
background-repeat:no-repeat;
background-position:15px 14px;
	}

#nav li a.selected{
z-index:999;
background-image:url(../images/navBullet.gif);
background-repeat:no-repeat;
background-position:15px 14px;
}


	#nav li ul li a:hover {
		color : #fff;
background:#816d53;
z-index:999;
background-image:none;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		z-index:999;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index:999;
	}

#nav li:hover, #nav li.hover {
    position: static;
}