/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for intersport

Author: elements.at 
--------------------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* Basic CSS Rules											   */
/* ----------------------------------------------------------- */

body {
	background-color: #fafafa;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464b50;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed, table {
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: left;			
}


h1 {
	color: #464b50;
	font-size: 28px;
	line-height: 33px;
	font-weight: normal;
}

h2 {
	color: #464b50;
	font-size: 17px;
	line-height: 22px;
}


h3 {
	color: #464b50;
	font-size: 14px;	
}

h4 {
	color: #464b50;
}

object {
	display: block;
}

a:link {
	color: #143ca0;
	text-decoration: none;
}

a:visited {
	color: #143ca0;
	text-decoration: none;
}

a:hover {
	color: #e60a0a;
	text-decoration: none;
}

a:active {
	color: #143ca0;
	text-decoration: none;
}

*:focus {
	outline: none;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}

.gotolink {
	cursor: pointer;
}



/* fonts
----------------------------------------------------------- */
@font-face {
    font-family: 'DINWebPro-Bold';
    src: url('/static/font/DINWebPro-Bold.eot');
    src: url('/static/font/DINWebPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('/static/font/DINWebPro-Bold.woff') format('woff'),
         url('/static/font/DINWebPro-Bold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;
}

@font-face {
    font-family: 'DINWebPro-Medium';
    src: url('/static/font/DINWebPro-Bold.eot');
    src: url('/static/font/DINWebPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('/static/font/DINWebPro-Bold.woff') format('woff'),
         url('/static/font/DINWebPro-Bold.ttf') format('truetype');
    font-weight: normal !important;
    font-style: normal !important;

} 



/* background-image
----------------------------------------------------------- */
#background_image_container {
	background: #fafafa url(/static/img/backgrounds/site-backgrounddefault.jpg) center top repeat-x;
	width: 100%;
	position: absolute;
	left: 0;
	overflow: hidden;
}

#background_image_container .image {
	background-position: center top;
	background-repeat: repeat-x;
	width: 100%;
	height: 640px;
	position: relative;
	margin: 0 auto;
}

#background_image_container .image .overlay {
	behavior:url(/static/js/iepngfix.htc);
	background-position: center top;
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	position: absolute;
}

#background_image_container .image .gradient {
	width: 100%;
	height: 280px;
	position: absolute;
	bottom: 0;
}



/* general site containers
----------------------------------------------------------- */
#background_contentborders {
	background: url(/static/img/backgrounds/contentarea-borders.gif) center top repeat-y;
	min-width: 990px;
}

#background_contentborders.wide {
	background: url(/static/img/backgrounds/contentarea-borders-wide.gif) center top repeat-y;
}

#background_contentborders.fully {
	background: url(/static/img/backgrounds/contentarea-borders-fully.gif) center top repeat-y;
}

#background_contentborders.wide.subsidebar {
	background-image: url(/static/img/backgrounds/contentarea-borders.gif);
}

#siteoverlay {
	background: none repeat scroll 0 0 #143ca0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 900;
}

#site {
	width: 990px;
	height: auto;
	overflow: visible;
	margin: 0 auto;
	position: relative;
}

#site .stroke_top {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/stroke-top.png) left top no-repeat;
	width: 861px;
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

#head {
	width: 990px;
	height: 0px;
	position: relative;
}

#main {
	width: 990px;
	height: auto;
}



/* ----------------------------------------------------------- */
/* TOP CONTAINER											   */
/* ----------------------------------------------------------- */
#background_top {
	background: url(/static/img/backgrounds/site-top-bg.gif) repeat-x scroll left top;
}

#top {
	background: url(/static/img/backgrounds/top-bg.jpg) center bottom no-repeat;
	width: 990px;
	height: 34px;
	overflow: visible;
	margin: 0 auto;
	position: relative;
	padding: 16px 0 0 0;
	z-index: 1000;
}

#top .topcontainer .topright {
	width: 743px;
	height: 34px;
	padding: 0 10px;
	float: right;
}

#logo {
	width: 229px;
	position: absolute;
	left: -2px;
	top: 15px;
	z-index: 2;
}

#country {
	width: 28px;
	float: left;
	position: relative;
}

#country a {
	background: url(/static/img/top-languagecountry.png) -87px top no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	padding: 3px;
}

#country .tooltip {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/mainnav/country-tooltip.png) left top no-repeat;
	width: 162px;
	height: 54px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 20px 10px 10px 10px;
	position: absolute;
	top: 20px;
	left: 13px;
	display: none;
	cursor: pointer;
}

#logo img,
#country img {
	behavior: url(/static/js/iepngfix.htc);
}

/* search
----------------------------------------------------------- */
#search {
	width: 191px;
	height: 23px;
	float: right;
}

#search input {
	background: url(/static/img/forms/search.gif) left top no-repeat;
	border: none;
	font-size: 11px;
	color: #fff;
	width: 161px;
	height: 17px;
	padding: 3px 0 3px 7px;
	float: left;
}

#search input.search {
	background-position: right top;
	display: block;
	padding: 0;
	width: 23px;
	height: 23px;
	cursor: pointer;
}


/* language + search
----------------------------------------------------------- */
#langsearch {
	float: right;
}

#langsearch #search {
	float: left;
	width: 140px;
	margin: 0 0 0 10px;
}

#langsearch #search input {
	width: 110px;
}

#langsearch.wide #search {
	width: 191px;
}

#langsearch.wide #search input {
	width: 161px;
}

#langsearch #search.wide input.search,
#langsearch #search input.search {
	width: 23px;
}

#langsearch.wide #langselect {
	display: none;
}

#langsearch #langselect {
	float: left;
	position: relative;
	height: 23px;
}

#langsearch #langselect ul {
	list-style: none;
	height: 23px;
	display: inline;
}


#langsearch #langselect ul li {
	width: 29px;
	height: 23px;
	float: left;
	text-align: center;
}

#langsearch #langselect ul li a {
	background: url(/static/img/top-languagecountry.png) -29px bottom no-repeat;
	padding: 2px 5px 0 5px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	height: 21px;
	width: 19px;
}

#langsearch #langselect ul li.first a {
	background-position: left top;
}

#langsearch #langselect ul li.last a {
	background-position: -58px bottom;
}

#langsearch #langselect ul li a.active,
#langsearch #langselect ul li a:hover {
	background-position: -29px top;
}

#langsearch #langselect ul li.first a.active,
#langsearch #langselect ul li.first a:hover {
	background-position: left bottom;
}

#langsearch #langselect ul li.last a.active,
#langsearch #langselect ul li.last a:hover {
	background-position: -58px top;
}


/* ----------------------------------------------------------- */
/* META NAVIGATION											   */
/* ----------------------------------------------------------- */
#metanav {
	height: 34px;
	overflow: visible;
	margin: 0 0 0 10px;
	float: left;
	border-left: 1px solid #102f7c;
	border-right: 1px solid #1646b4;
}

#metanav ul {
	list-style: none;
}

#metanav ul li {
	height: 34px;
	float: left;
	position: relative;
}

#metanav ul li a img {
	display: none;
}

#metanav ul li .navlink a {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	height: 29px;
	padding: 5px 22px 0 8px;
	display: inline-block;
	overflow: hidden;
	border-left: 1px solid #1646b4;
	border-right: 1px solid #102f7c;
	font-weight: normal;
}

#metanav ul li.active .navlink a,
#metanav ul li.hover .navlink a,
#metanav ul li.open .navlink a {
	background: url(/static/img/icons/OPT-linkarrow.gif) right -311px no-repeat;
	padding: 5px 23px 0 9px;
	border: none;
}

#metanav ul li.open .navlink a {
	background-position: right -345px;
	color: #e60a0a;
}

#metanav ul li .sub {
	font-size: 12px;
	display: none;
}

#metanav ul li.open .sub {
	display: block;
	position: absolute;
	top: 34px;
	left: -1px;
}



/* METANAVIGATION - STANDARD SUB CONTAINERS
----------------------------------------------------------- */
#metanav ul li .sub .standard {
	background-color: #fff;
	display: block;
	overflow: hidden;
	padding: 0 1px 2px 1px;
}

#metanav ul li .sub .standard .top {
	overflow: hidden;
	width: 990px;
}

#metanav ul li .sub .standard .top .container {
	float: left;
}

#metanav ul li .sub .standard .top .container .headline {
	padding: 0 9px;
	margin: 8px 0;
	height: 18px;
	overflow: hidden;
}

#metanav ul li .sub .standard .top .container .content {
	min-height: 160px;
	position: relative;
}

#metanav ul li .sub .standard .top .container .content .shadow {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/mainnav/topshadow.png) left top repeat-x;
	font-size: 1px;
	height: 7px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#metanav ul li .sub .standard .bottom {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/mainnav/hrule-metanav.png) center top no-repeat;
	padding: 8px;
	clear: both;
	width: auto !important;
	width: 100%;
}


/* CONTAINERS WITH VERTICAL LINES */
#metanav ul li .sub .standard .top .container.line .headline {
	background: url(/static/img/vline.gif) right top repeat-y;
	padding: 0 11px 0 9px;
}

#metanav ul li .sub .standard .top .container.line .content {
	background: url(/static/img/vline.gif) right top repeat-y;
	padding: 0 2px 0 0;
}


/* LIST-CONTAINER */
#metanav ul li .sub .standard .top .container.list,
#metanav ul li .sub .standard .top .container.list .content,
#metanav ul li .sub .standard .top .container.list .content .shadow {
	width: 160px;
}

#metanav ul li .sub .standard .top .container.line.list .content {
	width: 158px;
}

#metanav ul li .sub .standard .top .container.list .content ul {
	padding: 9px 5px 6px 5px;
}

#metanav ul li .sub .standard .top .container.list .content ul li {
	float: none;
	height: auto;
	padding: 0 0 3px 0;
}

#metanav ul li .sub .standard .top .container.list .content ul li a {
	background: url(/static/img/icons/OPT-linkarrow.gif) 6px 6px no-repeat;
	font-weight: normal;
	color: #143ca0;
	padding: 0 0 0 18px;
	display: block;
}

#metanav ul li .sub .standard .top .container.list .content ul li a:hover {
	background-position: left -202px;
	color: #e60a0a;
}


/* TEASER-CONTAINER */
#metanav ul li .sub .standard .top .container.teaser,
#metanav ul li .sub .standard .top .container.teaser .content,
#metanav ul li .sub .standard .top .container.teaser .content .shadow {
	width: 320px;
}

#metanav ul li .sub .standard .top .container.line.teaser .content {
	width: 318px;
}

#metanav ul li .sub .standard .top .container.teaser .content .bgimage {
	padding: 4px 9px;
	position: relative;
	width: 302px;
	height: 152px;
}

#metanav ul li .sub .standard .top .container.teaser.line .content .bgimage {
	width: 300px;
}

#metanav ul li .sub .standard .top .container.teaser .content h2 {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 19px;
	color: #e60a0a;
	padding: 0 0 10px 0;
	font-weight: normal;
}

#metanav ul li .sub .standard .top .container.teaser .content p {
	padding: 0 0 8px 0;
	line-height: 16px;
}

#metanav ul li .sub .standard .top .container.teaser.white .content h2,
#metanav ul li .sub .standard .top .container.teaser.white .content p {
	color: #fff;
}

#metanav ul li .sub .standard .top .container.teaser.blue .content h2 {
	color: #143ca0;
}

#metanav ul li .sub .standard .top .container.teaser .content a.more {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/icons/teaser-arrow-red.png) left top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e60a0a;
	width: auto !important;
	width: 282px;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
	display: inline-block;
}

#metanav ul li .sub .standard .top .container.teaser.white .content a.more {
	background: url(/static/img/icons/teaser-arrow-white.png) left top no-repeat;
	color: #fff;
}

#metanav ul li .sub .standard .top .container.teaser.blue .content a.more {
	background: url(/static/img/icons/teaser-arrow-blue.png) left top no-repeat;
	color: #143ca0;
}


/* BRANDS-CONTAINER */
#metanav ul li .sub .standard .top .container.brands,
#metanav ul li .sub .standard .top .container.brands .content,
#metanav ul li .sub .standard .top .container.brands .content .shadow {
	width: 238px;
}

#metanav ul li .sub .standard .top .container.brands .content {
	overflow: hidden;
}

#metanav ul li .sub .standard .top .container.line.brands .content {
	width: 236px;
}

#metanav ul li .sub .standard .top .container.brands .content .logos {
	width: 238px;
	margin: 0 0 -1px -1px;
	overflow: hidden;
}

#metanav ul li .sub .standard .top .container.brands .content .logo {
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	width: 117px;
	height: 47px;
	display: block;
	float: left;
	overflow: hidden;
}

#metanav ul li .sub .standard .top .container.brands .content .logo a {

	width: 119px;
	height: 49px;
	display: block;
	overflow: hidden;
}

#metanav ul li .sub .standard .top .container.brands .content .logo a:hover {
	background: url(/static/img/backgrounds/OPT-hover.png) left top no-repeat;
}

#metanav ul li .sub .standard .top .container.brands .content .logo a img {
	display: inline;
}


/* STORE LOCATOR - CONTAINER */
#metanav ul li .sub.stores .standard .top .container .headline {
	height: auto;
}

#metanav ul li .sub.stores .standard .top .container .headline h3 {
	padding: 0 0 7px 0;
}

#metanav ul li .sub.stores .standard .top .container .headline form {
	width: 342px;
	overflow: hidden;
	padding: 2px 0 4px 0;
}

#metanav ul li .sub.stores .standard .top .container .headline input.custom {
	background: #fff url(/static/img/forms/input.gif) top left no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464b50;
	height: 19px;
	padding: 2px 6px 0 6px;
	display: block;
	float: left;
}

#metanav ul li .sub.stores .standard .top .container .headline input.custom.zip {
	width: 40px;
	margin: 0 4px 0 0;
}

#metanav ul li .sub.stores .standard .top .container .headline input.custom.city {
	width: 90px;
}

#metanav ul li .sub.stores .standard .top .container .headline input.custom.wide {
	width: 292px;
}

#metanav ul li .sub.stores .standard .top .container .headline select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(/static/img/forms/input.gif) left top no-repeat;
	border: none;
	border-right: 1px solid #d9dcdf;
	border-bottom: 1px solid #d9dcdf;
	color: #464b50;
	margin: 0 7px 0 0;
	padding: 3px 1px 1px 1px;
	width: 134px;
	height: 22px;
	float: left;
	cursor: pointer;
}

#metanav ul li .sub.stores .standard .top .container .headline select option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464b50;
	padding: 0 0 0 4px;
}

#metanav ul li .sub.stores .standard .top .container .headline input.submit {
	width: 31px;
	margin: 0;
	float: right;
}

#metanav ul li .sub.stores .standard .top .container,
#metanav ul li .sub.stores .standard .top .container .content,
#metanav ul li .sub.stores .standard .top .container .content .shadow {
	width: 360px;
}

#metanav ul li .sub.stores .standard .top .container .content .shadow {
	background: url(/static/img/mainnav/boxes/stores/shadow.png) center top no-repeat;
}

#metanav ul li .sub.stores .standard .top .content .text {
	padding: 4px 9px;
}

#metanav ul li .sub.stores .standard .top .content .bgimage {
	behavior: url(/static/js/iepngfix.htc);
	background: url(/static/img/mainnav/boxes/stores/map.png) right top no-repeat;
	height: 160px;
}

#metanav ul li .sub.stores .standard .top .content h2 {
	font-family: 'DINWebPro-Bold', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 19px;
	padding: 0 0 10px 0;
	color: #e60a0a;
	font-weight: normal;
}

#metanav ul li .sub.stores .standard .top .content .buttons {
	display: inline-block;
}

#metanav ul li .sub.stores .standard .top .content .buttons a {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -358px no-repeat;
	color: #464b50;
	min-width: 110px;
	height: 20px;
	padding: 2px 20px 0 25px;
	margin: 0 0 5px 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

#metanav ul li .sub.stores .standard .top .content .buttons a .right {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -380px no-repeat;
	display: inline-block;
	width: 3px;
	height: 22px;
	position: absolute;
	top: 0;
	right: -1px;
}


/* COLORBOX - COUNTRIES LIST
----------------------------------------------------------- */
#colorbox_countrylist,
.sub.countrylist {
	background-color: #fff;
	width: 720px;
	padding: 10px 0 10px 10px;
	margin: -45px -60px;
	overflow: hidden;
}

#colorbox_countrylist .top,
.sub.countrylist .top {
	background: url(/static/img/hrule-wide.jpg) center bottom no-repeat;
	padding: 0 0 10px 0;
	margin: 0 20px 0 0;
	overflow: hidden;
}

#colorbox_countrylist .top h2,
#colorbox_countrylist .top p,
.sub.countrylist .top h2,
.sub.countrylist .top p {
	padding: 0 0 10px 0;
}

#colorbox_countrylist .buttonline,
.sub.countrylist .buttonline {
	overflow: hidden;
	padding: 0 0 5px 0 !important;
	padding: 0 0 27px 0;
}

#colorbox_countrylist .buttonline .button,
.sub.countrylist .buttonline .button {
	background: url(/static/img/buttons/OPT-buttons-new.png) left 0 no-repeat;
	height: 22px;
	display: inline-block !important;
	display: inline;
	float: left;
}

#colorbox_countrylist .buttonline .button:hover,
.sub.countrylist .buttonline .button:hover {
	background-position: left -44px;
}

#colorbox_countrylist .buttonline .button a,
.sub.countrylist .buttonline .button a {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -110px no-repeat;
	color: #464b50;
	display: block;
	height: 18px;
	padding: 2px 20px;
	float: left;
	display: inline-block;
}

#colorbox_countrylist .buttonline .button:hover a,
.sub.countrylist .buttonline .button:hover a {
	background-position: right -132px;
	color: #fff;
}

#colorbox_countrylist .list,
.sub.countrylist .list {
	padding: 13px 0 0 0;
	overflow: hidden;
	clear: left;
}

#colorbox_countrylist .list .column,
.sub.countrylist .list .column {
	width: 220px;
	padding: 0 20px 0 0;
	float: left;
}

#colorbox_countrylist .country,
.sub.countrylist .country {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -66px no-repeat;
	height: 22px;
	width: 220px;
	margin: 0 0 6px 0;
}

#colorbox_countrylist .buttonline .country,
.sub.countrylist .buttonline .country {
	width: auto;
	display: inline-block !important;
	display: inline;
	margin: 0 20px 0 0;
	float: left;
}

#colorbox_countrylist .country:hover,
.sub.countrylist .country:hover {
	background-position: left -88px;
}

#colorbox_countrylist .country a,
.sub.countrylist .country a {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -110px no-repeat;
	color: #464b50;
	height: 22px;
	display: block;
}

#colorbox_countrylist .buttonline .country a,
.sub.countrylist .buttonline .country a {
	padding: 0 20px 0 0;
	display: inline-block;
}

#colorbox_countrylist .country:hover a,
.sub.countrylist .country:hover a {
	background-position: right -132px;
	color: #fff;
}

#colorbox_countrylist .country a img,
.sub.countrylist .country a img {
	behavior: url(/static/js/iepngfix.htc);
	float: left;
	margin: 0 0 0 8px;
	width: 22px;
	height: 22px;
}

#colorbox_countrylist .country a span,
.sub.countrylist .country a span {
	padding: 2px 10px 2px 37px;
	display: block;
}



/* ----------------------------------------------------------- */
/* FOOTER													   */
/* ----------------------------------------------------------- */
#footer {
	background-color: #fafafa;
	width: 990px;
	color: #565a5e;
}

#footer a {
	color: #565a5e;
}

#footer a:hover {
	color: #e60a0a;
}

#footer .topline {
	background: #fafafa url(/static/img/backgrounds/OPT-footer.jpg) left bottom no-repeat;
	border-bottom: 1px solid #d9dcdf;
	width: 980px;
	padding: 9px 0 7px 10px;
	overflow: hidden;
}

#footer .topline .claim {
	float: left;
	font-size: 0px;
}

#footer .topline .claim img {
	behavior: url(/static/js/iepngfix.htc);
}

#footer .topline .sociallinks {
	float: right;
}

#footer .topline .sociallinks .videocontainer,
#footer .topline .sociallinks .bookmarkcontainer {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -154px no-repeat;
	height: 24px;
	margin: 0 0 0 10px;
	float: left;
	position: relative;
}

#footer .topline .sociallinks .bookmarkcontainer {
	background-position: right -178px;
}

#footer .topline .sociallinks .right {
	background: url(/static/img/buttons/OPT-buttons-new.png) right -202px no-repeat;
	height: 24px;
	width: 5px;
	position: absolute;
	right: 0 !important;
	right: -1px;
}

#footer .topline .sociallinks .left {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -226px no-repeat;
	height: 24px;
	width: 5px;
	position: absolute;
	left: 0 !important;
	left: -1px;
}

#footer .topline .sociallinks a.arrow {
	background: url(/static/img/icons/OPT-icons.png) 0 0 no-repeat;
	color: #333;
	height: 20px;
	padding: 2px 20px 2px 25px;
	float: left;
}

#footer .topline .sociallinks a.plus {
	background: url(/static/img/icons/OPT-icons.png) 0 -44px no-repeat;
	color: #333;
	height: 20px;
	padding: 2px 20px 2px 25px;
	float: left;
}

#footer .topline .sociallinks .bookmarkcontainer a {
	padding: 2px 84px 2px 25px;
}

#footer .topline .sociallinks .icons {
	float: left;
	padding: 1px 0 0 0;
}

#footer .topline .sociallinks .bookmarkcontainer .icons {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -250px no-repeat;
	padding: 1px 5px 0 5px;
}

#footer .topline .sociallinks .bookmarkcontainer .icons a {
	padding: 0 3px;
	height: 20px;
	float: left;
}

#footer .topline .sociallinks .videocontainer .icons a {
	background: url(/static/img/buttons/OPT-buttons-new.png) left -250px no-repeat;
	text-align: center;
	padding: 0 2px 0 5px;
	display: block;
	height: 20px;
	width: 28px;
	float: left;
}

#footer .topline .sociallinks .videocontainer .icons a span {
	background: url(/static/img/icons/socialbookmarks.png) 0 0 no-repeat;
	display: block;
	width: 24px;
	height: 20px;
}

#footer .topline .sociallinks .videocontainer .icons a span.facebook { background-position: 0 0;	}
#footer .topline .sociallinks .videocontainer .icons a span.twitter { background-position: 0 -20px; }
#footer .topline .sociallinks .videocontainer .icons a span.youtube { background-position: 0 -40px; }
#footer .topline .sociallinks .videocontainer .icons a span.flickr { background-position: 0 -60px; }
#footer .topline .sociallinks .videocontainer .icons a span.myspace { background-position: 0 -80px; }
#footer .topline .sociallinks .videocontainer .icons a span.digg { background-position: 0 -100px; }

#footer .linkscontainer {
	background: url(/static/img/backgrounds/OPT-footer.jpg) right top no-repeat;
	border-top: 1px solid #ffffff;
	padding: 12px 0 17px 0;
}

#footer .linkscontainer table {
	width: 100%;
}

#footer .linkscontainer table th {
	background: url(/static/img/vline.gif) left top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding: 0 30px 4px 10px;
	min-width: 130px;
}

#footer .linkscontainer table td {
	background: url(/static/img/vline.gif) left top repeat-y;
	vertical-align: top;
	padding: 0 30px 2px 10px;
}

#footer .bottomline {
	background-color: #fafafa;
	border-top: 1px solid #d9dcdf;
	padding: 10px;
	height: 20px;
}

#footer .bottomline .copy,
#footer .bottomline a {
	margin: 0 15px 0 0;
}







/* --------------------------------------------------------------------- */
/* ADD THIS BUTTON									 					 */
/* --------------------------------------------------------------------- */
#at15s div, #at15s a {
	line-height: 12px;
}









/* --------------------------------------------------------------------- */
/* COLORBOX											 					 */
/* --------------------------------------------------------------------- */

/* ColorBox Core Style - The following rules are the styles that are consistant between themes. - Avoid changing this area to maintain compatability with future versions of ColorBox. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style - The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */
#cboxOverlay{background:#143ca0;}
#colorbox{}
#cboxContent{background-color:#fff;}
#cboxLoadedContent{padding:45px 60px;}

#cboxTitle{font-size:20px; color:#464b50; line-height:22px; position:absolute; left:60px; top: 10px;}
#cboxCurrent{display:none !important;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:18px; margin-top:-8px; background:url(/static/img/colorbox/controls.gif) top left no-repeat; width:9px; height:16px; font-size:0px; line-height:0px; text-indent:-9999px;}
#cboxPrevious.hover{background-position: left -16px;}
#cboxNext{position:absolute; top:50%; right:18px; margin-top:-8px; background:url(/static/img/colorbox/controls.gif) top right no-repeat; width:9px; height:16px; font-size:0px; line-height:0px; text-indent:-9999px;}
#cboxNext.hover{background-position: right -16px;}
#cboxLoadingOverlay{background:#fff;}
#cboxLoadingGraphic{background:url(/static/img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:9px; right:9px; display:block; background:#fff url(/static/img/colorbox/controls.gif) bottom left no-repeat; width:30px; height:30px;  font-size:0px; line-height:0px; text-indent:-9999px;}
/*#cboxClose.hover{background-position:bottom center;}*/

#cboxTopLeft{width:25px; height:25px; background:url(/static/img/colorbox/border1.png) 0 0 no-repeat;}
#cboxTopCenter{height:25px; background:url(/static/img/colorbox/border1.png) 0 -50px repeat-x;}
#cboxTopRight{width:25px; height:25px; background:url(/static/img/colorbox/border1.png) -25px 0 no-repeat;}
#cboxBottomLeft{width:25px; height:25px; background:url(/static/img/colorbox/border1.png) 0 -25px no-repeat;}
#cboxBottomCenter{height:25px; background:url(/static/img/colorbox/border1.png) 0 -75px repeat-x;}
#cboxBottomRight{width:25px; height:25px; background:url(/static/img/colorbox/border1.png) -25px -25px no-repeat;}
#cboxMiddleLeft{width:25px; background:url(/static/img/colorbox/border2.png) 0 0 repeat-y;}
#cboxMiddleRight{width:25px; background:url(/static/img/colorbox/border2.png) -25px 0 repeat-y;}

/* The following fixes png-transparency for IE6. - It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/img/colorbox/borderMiddleRight.png, sizingMethod='scale');}