@font-face {
    font-family: 'PerspectiveSansBlackItalic';
    src: url('/images/shell/fonts/persabki-webfont.eot');
    src: url('/images/shell/fonts/persabki-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/shell/fonts/persabki-webfont.woff') format('woff'),
         url('/images/shell/fonts/persabki-webfont.ttf') format('truetype'),
         url('/images/shell/fonts/persabki-webfont.svgz#PerspectiveSansBlackItalic') format('svg'),
         url('/images/shell/fonts/persabki-webfont.svg#PerspectiveSansBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansBoldItalic';
    src: url('/images/shell/fonts/persanbi-webfont.eot');
    src: url('/images/shell/fonts/persanbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/shell/fonts/persanbi-webfont.woff') format('woff'),
         url('/images/shell/fonts/persanbi-webfont.ttf') format('truetype'),
         url('/images/shell/fonts/persanbi-webfont.svgz#PerspectiveSansBoldItalic') format('svg'),
         url('/images/shell/fonts/persanbi-webfont.svg#PerspectiveSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansBlackRegular';
    src: url('/images/shell/fonts/persanbk-webfont.eot');
    src: url('/images/shell/fonts/persanbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/shell/fonts/persanbk-webfont.woff') format('woff'),
         url('/images/shell/fonts/persanbk-webfont.ttf') format('truetype'),
         url('/images/shell/fonts/persanbk-webfont.svgz#PerspectiveSansBlackRegular') format('svg'),
         url('/images/shell/fonts/persanbk-webfont.svg#PerspectiveSansBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansRegular';
    src: url('/images/shell/fonts/persans-webfont.eot');
    src: url('/images/shell/fonts/persans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/shell/fonts/persans-webfont.woff') format('woff'),
         url('/images/shell/fonts/persans-webfont.ttf') format('truetype'),
         url('/images/shell/fonts/persans-webfont.svgz#PerspectiveSansRegular') format('svg'),
         url('/images/shell/fonts/persans-webfont.svg#PerspectiveSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansBold';
    src: url('/images/shell/fonts/persansb-webfont.eot');
    src: url('/images/shell/fonts/persansb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/shell/fonts/persansb-webfont.woff') format('woff'),
         url('/images/shell/fonts/persansb-webfont.ttf') format('truetype'),
         url('/images/shell/fonts/persansb-webfont.svgz#PerspectiveSansBold') format('svg'),
         url('/images/shell/fonts/persansb-webfont.svg#PerspectiveSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PerspectiveSansItalic';
    src: url('/images/shell/fonts/persansi-webfont.eot');
    src: url('/images/shell/fonts/persansi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/shell/fonts/persansi-webfont.woff') format('woff'),
         url('/images/shell/fonts/persansi-webfont.ttf') format('truetype'),
         url('/images/shell/fonts/persansi-webfont.svgz#PerspectiveSansItalic') format('svg'),
         url('/images/shell/fonts/persansi-webfont.svg#PerspectiveSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {
	background: #FAFAFA; 
	font-family: Arial, san-serif;
	min-width: 1020px;
}

.clear {
    clear: both;
}

#header {
	height: 80px;
	/* border-bottom: 1px solid #E0B982; */
	width: 1300px;
	margin: 0px auto;
	/* background: #463521; */
	padding: 9px 0 0 0px;
	/* background: url(../images/shell/top_nav_gradient.jpg) repeat-x left top; */
	/*overflow: hidden;*/
	background-color: #fff;
	box-shadow: 0px 5px 6px #DDD;
	margin-bottom: 6px;
}

#header #logo {
	margin-top: 3px;
	float: left;
	margin-left: 156px;
	/*
	width: 250px;
	height: 62px;
	background: url(../images/shell/vokey_logo.png) no-repeat left top;
	*/
	width: 256px;
	height: 62px;
	background: url(../images/shell/vokey_logo2.png) no-repeat left top;

}

#header #logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}

#header > div, #main > div, footer > div {
	width: 1020px;
	margin: 0px auto;
}

#main-nav {
	clear: right;
	float: right;
	margin: 22px 0 0 0;
	*width: 630px;
}

#main-nav li {
	float: left;
	margin-left: 4px;
	position: relative;
}

#main-nav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 8px 16px 8px;
	font-size: 14px;
	line-height: 11px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'PerspectiveSansRegular',Arial;
	white-space: nowrap;
	*font-family: Arial;
}

#main-nav li a span {
	display: none;
	margin: 7px 3px 0px 3px;
	height: 9px;
	background: #E0B982;
}
/*no padding needed because of span*/
.section-wedges #main-nav li#nav-wedges > a,
.section-wedgeworks #main-nav li#nav-wedgeworks > a,
.section-notebook #main-nav li#nav-notebook > a,
.section-on-tour #main-nav li#nav-on-tour > a,
.section-video #main-nav li#nav-video > a,
.section-store #main-nav li#nav-store > a {
	padding-bottom: 0px;
}

.section-wedges #main-nav li#nav-wedges > a > span,
.section-wedgeworks #main-nav li#nav-wedgeworks > a > span,
.section-notebook #main-nav li#nav-notebook > a > span,
.section-on-tour #main-nav li#nav-on-tour > a > span,
.section-video #main-nav li#nav-video > a > span,
.section-store #main-nav li#nav-store > a > span {
	display: block;
	margin: 7px 3px 0px 3px;
	height: 9px;
	background: #E0B982;
}
/*16px = height of span + margin*/
.section-wedges #main-nav li#nav-wedges:hover > a,
.section-wedgeworks #main-nav li#nav-wedgeworks:hover > a,
.section-notebook #main-nav li#nav-notebook:hover > a,
.section-on-tour #main-nav li#nav-on-tour:hover > a,
.section-video #main-nav li#nav-video:hover > a,
.section-store #main-nav li#nav-store:hover > a  {
	padding-bottom: 16px;
}

.section-wedges #main-nav li#nav-wedges:hover > a > span,
.section-wedgeworks #main-nav li#nav-wedgeworks:hover > a > span,
.section-notebook #main-nav li#nav-notebook:hover > a > span,
.section-on-tour #main-nav li#nav-on-tour:hover > a > span,
.section-video #main-nav li#nav-video:hover > a > span,
.section-store #main-nav li#nav-store:hover > a > span {
	display: none;
}

#main-nav li:hover {
	background: url(../images/shell/nav_gold_trans_10x10.png) repeat;
}

#main-nav li ul {
	position: absolute;
	min-width: 100%;
	z-index: 202;
	background: url(../images/shell/nav_gold_trans_10x10.png) repeat;
	display: none;
}

#main-nav li:hover ul {
	display: block;
}

#main-nav li ul li {
	display: block;
	margin-left: 0px;
	float: none;
}

#main-nav li ul li a {
	display: block;
	font-size: 12px;
	color: #fff;
	margin: 0;
	border-bottom: 0px;
	padding: 8px 8px 8px 12px;
	opacity: 1;
}

#main-nav li ul li a:hover {
	background: #000;
}

#utility-nav {
	float: right;
	margin-right: 8px;
}

#utility-nav ul, #utility-nav form {
	float: left;
}

#utility-nav ul {
	/* margin-top: 8px; */
}

#utility-nav form {
	padding-top: 0px;
}

#utility-nav form legend {
	display: none;
}

#utility-nav form input {
	width: 102px;
	height: 15px;
	padding: 0;
	float: left;
	/* background: #000; */
	padding: 2px 2px 2px 12px;
	color: #fff;
	/* border-right: 0px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333; */
	border: none;
	outline: none;
	font-size: 12px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;	
}

#utility-nav form button {
	width: 18px;
	height: 21px;
	float: left;
	background: #000 url(../images/shell/search_glass.jpg) no-repeat left 2px;
	border-left: 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;	
}

#utility-nav ul li {
	float: left;
}

#utility-nav ul li a {
	font-size: 10px;
	color: #A09661;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 7px 6px 0 0px;
	display: block;
	margin-right: 2px;
	margin-left: 30px;
}

#utility-nav ul li a.search {
	margin-right: 25px;
	background: transparent url(../images/shell/search.png) no-repeat bottom right;
	padding-right: 18px;
}

#utility-nav ul li span.cart {
	font-size: 10px;
	background: #86774E url(../images/shell/cart.png) no-repeat;
	color: #fff;
	line-height: 27px;
	text-align: center;
	padding: 2px 5px 2px 24px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

#utility-nav ul li a:hover {
	/* color: #FFF; */
}

#main {
	width: 100%;
	/* background: #DACAA8 url(../images/shell/bg.jpg) no-repeat center center; */
	/* background: #f3f3f3; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main #top-gradient {
	height: 4px;
background: -moz-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(153,153,153,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.8)), color-stop(100%,rgba(153,153,153,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(153,153,153,0) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(153,153,153,0) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc333333', endColorstr='#00999999',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(153,153,153,0) 100%); /* W3C */
	width: 100%;
	position: absolute;
	z-index: 10;
}

#main #bottom-gradient {
	height: 4px;
background: -moz-linear-gradient(top, rgba(153,153,153,0) 0%, rgba(51,51,51,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(153,153,153,0)), color-stop(100%,rgba(51,51,51,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(153,153,153,0) 0%,rgba(51,51,51,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(153,153,153,0) 0%,rgba(51,51,51,0.8) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(153,153,153,0) 0%,rgba(51,51,51,0.8) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#cc333333',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(153,153,153,0) 0%,rgba(51,51,51,0.8) 100%); /* W3C */
	width: 100%;
}

#main #content, #footer > div {
	width: 1300px;
	margin: 0 auto;
}


#footer {
	overflow: hidden;
	font-size: 12px;
	color: #fff;
	border-top: 1px solid #E0B982;
	padding: 18px 0 0 0;
}

#footer h4 {
	font-weight: bold;
	margin-bottom: 10px;	
	text-transform: uppercase;
	color: #fff;
}

#footer ul li {
	display: block;
	margin: 0 0 8px 0;
}
#footer ul li a {
	text-decoration: none;
	color: #CCC;
	font-weight: bold;
}
#footer ul li a:hover {
	color: #FFF;
}	
#footer div.facebook {
	width: 414px;
	float: left;
}

#footer .facebook h4 {
	text-transform: none;
}

#footer .connect {
	width: 135px;
	float: left;
}

#footer .connect ul li a {
	display: block;
	padding: 0px 0 0 32px;
	height: 24px;
	line-height: 24px;
}

#footer .connect ul li a.facebook {
	background: url(../images/shell/footer/FB_icon.png) no-repeat left top;
}

#footer .connect ul li a.twitter {
	background: url(../images/shell/footer/twitter_icon.png) no-repeat left top;
}

#footer .connect ul li a.teamtitleist {
	background: url(../images/shell/footer/TT_icon.png) no-repeat left top;
}

#footer .visit {
	width: 150px;
	float: left;
}

#footer .about {
	width: 150px;
	float: left;
}

/*home page*/
#main #content.home {
	padding-bottom: 38px;
}

#banner-wrapper {
	width: 100%;
	height: 390px;
	position: relative;
}

#banner-wrapper a.previous {
	position: absolute;
	display: block;
	background: url(../images/shell/arrow_circles.png) left top;
	top: 162px;
	left: 0px;
	z-index: 100;
	width: 18px;
	height: 35px;
	text-indent: -9999em;
	overflow: hidden;
}

#banner-wrapper a.previous:hover {
	background-position: left bottom;
}

#banner-wrapper a.next {
	position: absolute;
	display: block;
	background: url(../images/shell/arrow_circles.png) right top;
	top: 162px;
	right: 0px;
	z-index: 100;
	width: 18px;
	height: 35px;
	text-indent: -9999em;
	overflow: hidden;
}

#banner-wrapper a.next:hover {
	background-position: right bottom;
}

#banner-wrapper .pager {
	position: absolute;
	bottom: 6px;
	right: 6px;
	z-index: 100;
}

#banner-wrapper .pager a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	float: left;
	background: #333;
	margin-right: 10px;
	width: 21px;
	height: 18px;
	line-height: 15px;
	color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	padding-top: 3px;
	text-align: center;
}

#banner-wrapper .pager a:hover, #banner-wrapper .pager a.activeSlide {
	background: #E0B982;
	color: #000;
}

#main #content #banners {
	
}

#main #content #banners li {
	width: 100%;
	height: 390px;
	display: none;
	position: absolute;
}

#main #content #banners li img {
	width: 100%;
	height: 100%;
}

/*#main #content #banners li a {
	width: 100%;
	height: 73px;
	display: block;
	background: url(../images/shell/blck_trans_10x10.png) repeat left top;
	position: absolute;
	bottom: 50px;
	left: 0px;
	text-decoration: none;
	color: white;
}*/

#main #content #banners li a strong {
	margin: 10px 0 8px 12px;
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	cursor: pointer;
}

#main #content #banners li a span {
	display: block;
	font-size: 12px;
	line-height: 12px;
	cursor: pointer;
	margin: 4px 0 4px 12px;
}

#main #content #banners li a span.link {
	font-weight: bold;
	display: block;
	float: left;
	padding: 0 14px 0px 0;
	line-height: 12px;
	height: 12px;
	font-size: 12px;
	background: url(../images/shell/white_arrow.png) no-repeat right 3px;
}

#main #content #subfeatures {
	margin: 18px 0 0px 0;
	overflow: hidden;
	width: 100%;
}

#main #content #subfeatures li {
	margin: 0 0 0 20px;
	padding: 0px;
	width: 240px;
	height: 287px;
	background: #000;
	position: relative;
	float: left;
}

#main #content #subfeatures li:first-child {
	margin-left: 0;
}

#main #content #subfeatures li a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
	top: 0;
	left: 0px;
	padding: 0px;
}

#main #content #subfeatures li a strong,
#main #content #left-column  #subfeatures li a strong {
	margin-top: 230px;
	font-size: 14px;
	line-height: 18px;
	height: 28px;
	font-family: 'PerspectiveSansBold';
	*font-family: Arial;
	font-weight: normal;
	text-transform: uppercase;
	display: block;
	cursor: pointer;
	padding: 10px 20px 20px 12px;
	background: url(../images/shell/blck_trans_10x10.png) repeat left top;
}

#main #content #subfeatures li a strong em {
	display: inline-block;
	background: url(../images/shell/white_arrow.png) no-repeat right top;
	width: 12px;
	height: 9px;
	line-height: 10px;
}

#main #content #subfeatures li a span {
	font-size: 13px;
	display: none;
	cursor: pointer;
	line-height: 20px;
	padding: 0px 25px 10px 12px
}

#main #content #subfeatures li a span.link {
	color: #E0B982;
	padding-left: 16px;
	float: left;
	background: url(../images/shell/gold_arrow.png) no-repeat right 4px;
	padding-right: 12px;
	line-height: 16px;
}


#main #content #subfeatures li:hover img {
	display: none;
}

#main #content #subfeatures li:hover a strong {
	margin-top: 45px;
	padding: 0px 10px 10px 10px;
}

#main #content #subfeatures li:hover a strong em {
	display: none;
}

#main #content #subfeatures li:hover a span {
	display: block;
}



/* wedges */
#banner {
	position: relative;
	height: 390px;
}

#banner img {
	display: block;
	position: absolute;
	z-index: 0;
}

#banner .description {
	position: absolute;
	width: 296px;
	height: 335px;
	background: url(../images/shell/blck_trans_10x10.png) repeat left top;
	padding: 55px 32px 0 12px;
	right: 0px;
	top: 0px;
	color: #fff;
}

#banner .description h1 {
	font-size: 17px;
	margin: 0 0 0 0;
	font-weight: normal;
	font-family: 'PerspectiveSansRegular',Arial;
	*font-family: Arial;
	text-transform: uppercase;
}

#banner .description h1 strong {
	display: block;
	font-size: 29px;
	font-family: 'PerspectiveSansBold',Arial;
	*font-family: Arial;
	text-transform: uppercase;
}	

#banner .description p {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

#main #content {
	padding-bottom: 12px;
}

#main #content #body {
	padding: 26px 20px 16px 20px;
	margin: 0 0 0px 0;
	background: #FFF;
	overflow: hidden;
}

#main #content #body #breadcrumbs {
	margin-bottom: 10px;
}

#main #content #body #breadcrumbs, #main #content #body #breadcrumbs a {
	color: #666;
	font-size: 11px;
	text-transform: uppercase;
}

#main #content #body #breadcrumbs a:first-child {
	color: #333;
	text-decoration: none;
	background: url(../images/shell/breadcrumb_house.png) no-repeat 0px 2px;
	display: inline-block;
	width: 10px;
	height: 12px;
	text-indent: -9999em;
	*display: block;
	*float: left;
	*margin-right: 1px;
}

#main #content #body #breadcrumbs a:last-child {
	color: #333;
	text-decoration: none;
}

#main #content #body #share-panel {
	float: right;
}

#main #content #body #subfeatures {
	margin: 28px 0 6px 0;
	width: 988px;	
}

#main #content #body #subfeatures li {
	margin: 0 0px 20px 10px;
	padding: 0px;
	width: 320px;
	height: 258px;
	list-style: none;
}

#main #content #body #subfeatures li:first-child,
#main #content #body #subfeatures li.first {
	margin-left: 0px;
}

#main #content #body #subfeatures li a strong {
	margin-top: 200px;
}


#main #content #body #subfeatures li:hover a strong {
	margin-top: 25px;
	padding: 0px 0 10px 10px;
}


/*wedge details*/

#left-column {
	width: 874px;
	padding-right: 18px;
	float: left;
	margin-left: 150px;
}

#left-column h2 {
	font-size: 24px;
	color: #000;
	text-transform: uppercase;
	font-weight: bolder;
	margin: 2px 0 14px 0;
	font-family: 'PerspectiveSansRegular',Arial;
	*font-family: Arial;
}

#left-column strong {
	font-weight: bold;
}

#left-column p {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin-bottom: 15px;
}

#left-column ul.tabs {
	margin: 30px 0 0 0;
	overflow: hidden;
}

#left-column ul.tabs li {
	float: left;
	padding: 0 0 11px 0;
	line-height: 14px;
	list-style-type: none;
}
#left-column ul.tabs li.selected{
	background: url(../images/shell/bttm_tab_arrow.png) no-repeat center bottom;
}

#left-column ul.tabs li a{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	padding: 12px 10px;
	text-decoration: none;
	color: #666;
	font-family: 'PerspectiveSansRegular',Arial;
	*font-family: Arial;
}

#left-column ul.tabs li.selected a{
	color: #000;
	background: #D49E44;
	font-family: 'PerspectiveSansBold',Arial;
	*font-family: Arial;
}

#left-column .tab-content {
	margin-top: 6px;
	border: 1px solid #CCC;
	padding: 0px 24px 10px 14px;
-webkit-box-shadow: -1px -3px 2px 1px rgba(188, 188, 188, .5);
-moz-box-shadow: -1px -3px 2px 1px rgba(188, 188, 188, .5);
box-shadow: -1px -3px 2px 1px rgba(188, 188, 188, .5); 
}

#left-column .tab-content div {
	display: none;
}

#left-column .tab-content div.selected, #left-column .tab-content div.selected div {
	display: block;
}

#left-column .tab-content div#wedge-features li {
	display: block;
	border-top: 1px solid #CCC;
	padding: 26px 0;
	overflow: hidden;
	margin-right: 26px;
	list-style: none;
}

#left-column .tab-content div#wedge-features li:first-child {
	border-top: 0px;
}

#left-column .tab-content div#wedge-features li img {
	float: left;
	margin: 0 14px 0 0;
}

#left-column .tab-content div#wedge-features li h3 {
	margin: 56px 0 16px 0;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'PerspectiveSansBold',Arial;
	*font-family: Arial;
}	

#left-column .tab-content div#wedge-features li p {
	font-size: 12px;
}

#right-column{
	float: left;
	width: 288px;
}

#right-column .related-items {
	margin: 26px 0 32px 0;
	overflow: hidden;
}

#right-column .related-items a.previous, #right-column .related-items a.next {
	width: 22px;
	height: 22px;
	float: left;
	margin: 54px 3px 0 0;
	background: url(../images/shell/selector_rnd_bttns.png) no-repeat;
	text-indent: -9999em;
}

#right-column .related-items a.previous:hover {
	background-position: left bottom;
}

#right-column .related-items a.next {
	margin: 54px 0 0 3px;
	background-position: right top;
}

#right-column .related-items a.next:hover {
	background-position: right bottom;
}

#right-column .related-items ul {
	float: left;
}	

#right-column .related-items ul li {
	display: none;
	width: 232px;
}	
#right-column .related-items ul li img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}	
#right-column .related-items ul li.selected {
	display: block;
}
#right-column .related-items ul li a {
	display: block;
	text-transform: uppercase;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

#right-column .related-items ul li img {
	display: block;
	margin: 0 0 14px 0;
}

#right-column .related-items ul li a span{
	float: left;
	cursor: pointer;
	margin: 0 0 0 3px;
}

#right-column .related-items ul li a strong{
	color: #000;
	float: right;
	font-weight: bold;
	cursor: pointer;
	margin: 0 3px 0 0;
	padding-right: 10px;
	background: url("../images/shell/gold_arrow.png") no-repeat scroll right 3px transparent;
    color: #E0B982;
}

#right-column .side-feature {
	display: block;
	margin: 10px 0;
	
}

/* wedgeworks */

#main #content #body #left-column #subfeatures {
	width: 674px;	
}

/* wedge of the week */
#banner-short {
	position: relative;
	height: 298px;
}

#banner-short img {
	display: block;
	position: absolute;
	z-index: 0;
}

a.gold-button {
	margin-top: 16px;
	display: block;
	color: #FFF;
	text-transform: uppercase;
	float: left;
	font-size: 12px;
	line-height: 12px;
	padding: 6px 8px;
	text-decoration: none;
	background: rgb(224,185,130); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224,185,130,1) 0%, rgba(167,124,52,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,185,130,1)), color-stop(100%,rgba(167,124,52,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(224,185,130,1) 0%,rgba(167,124,52,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(224,185,130,1) 0%,rgba(167,124,52,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(224,185,130,1) 0%,rgba(167,124,52,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b982', endColorstr='#a77c34',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(224,185,130,1) 0%,rgba(167,124,52,1) 100%); /* W3C */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

a.gold-link
{
    display: block;
    font-size: 12px;
    padding-top: 20px;
    text-decoration: none;
    text-transform: uppercase;
}


#gallery-all, .wedge-gallery-container {
	background: #000;
	padding: 40px 10px;
	overflow: hidden;
	width: 800px;
}

#gallery-all ul li, .wedge-gallery-container ul li {
	float: left;
	margin: 0px 2px;
}

#gallery-all ul li img, .wedge-gallery-container ul li img {
	display: block;
	margin-bottom: 5px;
}

#gallery-all ul li a, .wedge-gallery-container ul li a {
	text-decoration: none;
	color: #E0B982;
	font-size: 12px;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

.gallery-slide a.gallery-link {
	width: 87px;
	height: 15px;
	background: url("../images/wedge_of_the_week/overview_gallery_bttn.jpg") no-repeat left top;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1000;
	text-indent: -9999em;
}

.gallery-slide span.counter {
	position: absolute;
	left: 50%;
	top: 10px;
	z-index: 1000;
	font-size: 14px;
	color: #FFF;
	font-family: 'PerspectiveSansBold', Arial;
	*font-family: Arial;
}

.gallery-slide a.gallery-link:hover {
	background-position: left bottom;
}

#main #content #body #breadcrumbs {
    margin-bottom: 10px;
}
#main #content #body #breadcrumbs, #main #content #body #breadcrumbs a {
    color: #666666;
    font-size: 11px;
    text-transform: uppercase;
}
#main #content #body #breadcrumbs a:first-child {
    background: url("../images/shell/breadcrumb_house.png") no-repeat scroll 0 2px transparent;
    color: #333333;
    display: inline-block;
    height: 12px;
    text-decoration: none;
    text-indent: -9999em;
    width: 10px;
}
#main #content #body #breadcrumbs a:last-child {
    color: #333333;
    text-decoration: none;
}

#vidcallout a {
    background: url("../images/groove_guide/video_bttn_banner.png") no-repeat scroll top transparent;
    color: white;
    cursor: pointer;
    height: 127px;
    width: 423px;
    text-decoration: none;
    position: relative;
	display: block;
	margin: -172px 0 0 53px;
    
}
#vidcallout a:hover {
    background: url("../images/groove_guide/video_bttn_banner.png") no-repeat scroll bottom transparent;
    color: #E0B982;
}

#vidcallout span {
    background: none repeat scroll 0 0 transparent;
    font-size: 13px;
    font-weight: bold;
    left: 200px;
    line-height: 140%;
    position: relative;
    top: 42px;
    width: 190px;
    display: block;
    text-decoration: none;
}

a.fancybox span.description {
	padding-top: 16px;
}

#vidcallout {
	padding-bottom: 40px;
}

#share-panel .fb_ltr
{
  width: 80px !important;
}

#share-panel .twitter-share-button
{
  width: 90px !important;
}

#share-panel .addthis_button_google_plusone > div, #share-panel .addthis_button_google_plusone iframe
{
  width: 66px !important;
}