/* Global Stylesheet for yanke.ca */
/*    This stylesheet handles mostly Layout and Font settings.  Colours are defined in default.css
and images are in buttons.css or iebuttons.css.
*/
html {
	margin:0;
	padding:0;
}

body {
	padding:0;
	margin:0;
	text-align:center;
}

#thebody {
	width:800px;
	height:550px;
	position:relative;
	padding:0;
	margin:auto;
	display:block;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#header {
	position:relative;
	display:block;
	height:15%;
	width:100%;
	float:none;
}

#title {
	position:absolute;
	left:14px;
	bottom:14px;
	font-size:1.3em;
}

#title a {
	text-decoration:none;
}

#container {
	position:relative;
	height:330px;
	width:100%;
	float:none;
	overflow:hidden;
	border-top:1px solid;
	border-bottom:1px solid;
}

#footer {
	position:relative;
	height:auto;
	width:100%;
	float:none;
	display:block;
	font-size:.59em;
	text-align:center;
}

#tabs, #ietabs {
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
	width:330px;
	height:43px;
	overflow:hidden;
}

.tab, .tab:link, .tab:visited {
	display:block;
	width:100px;
	margin-right:4px;
	text-align:center;
	float:left;
	height:17px;
	position:relative;
	bottom:0px;
	top:15px;
	font-size:.8em;
	font-style:normal;
	text-decoration:none;
}

.tab span {
	display:block;
	position:relative;
	border-right:2px solid;
	border-left:2px solid;
	width:103px;
	wid\th:99px;
	height:100%;
}

.tabimg {
	display:block;
	position:relative;
	height:11px !important;
	width:104px !important;
	left:-1px;
	bottom:-2px;
	border:none !important;
}

#ietabs .tabimg {
	bottom:-7px !important;
}

#ietabs .tab {
	top:11px;
	cursor:hand;
}

#ietabs .tab:hover {
	top:5px;
}

.tab:hover {
	height:23px;
	top:10px;
}

#leftCol {
	display:block;
	float:left;
	width:150px;
	border-right:1px solid;
	height:100%;
	padding-top:20px;
}

#leftCol div {
	font-size:1em;
	margin-top:0px;
	padding-left:5px;
}

#leftCol div div {
	font-size:1em;
	margin-top:8px;
	padding-left:-7px;
}

#leftCol div span {
	position:relative;
	left:10px;
	font-size:.7em;
	cursor:pointer;
	cursor:hand;
	float:none;
}

.hidden {
	display:none;
}

.shown {
	display:block;
}

#picCol {
	display:block;
	float:left;
	width:140px;
	height:330px;
	padding:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 45px;
}

.vBar {
	display:block;
	position:relative;
	height:400px;
	width:4px;
	float:left;
	opacity:1;
	z-index:10;
}

.hBar {
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	width:132px;
	height:4px;
	float:left;
	opacity:1;
	z-index:10;
	font-size:4px;
}

#topPic {
	display:block;
	border-right:1px solid;
	border-left:1px solid;
	border-bottom:1px solid;
	height:45px;
	width:132px;
	wid\th:130px;
	float:left;
	opacity:.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:10;
}

#midPic {
	height:175px;
	display:block;
	width:132px;
	float:left;
	z-index:10;
	opacity:0;
}

#bottomPic {
	display:block;
	width:132px;
	wid\th:130px;
	border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	height:101px;
	float:left;
	opacity:.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:10;
}

#rightCol {
	display:block;
	position:relative;
	float:left;
	width:500px;
	border-left:1px solid;
	height:100%;
	font-size:1em;
}

#mainText {
	position:relative;
	height:80%;
	width:90%;
	margin-top:15px;
	margin-left:30px;
}

#mainText a img {
	border:none !important;
}

.menuItem {
	text-decoration:none;
}

#nvrwaiting {
	display:block;
	position:absolute;
	bottom:7px;
	right:0px;
	height:30px;
	width:auto;
	float:right;
	border:0px;
	font-size:.6em;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}

#nvrwaiting span {
	bottom:-10px;
	display:block;
	position:relative;
	width:auto;
	height:10px;
	float:left;
	padding-left:4px;
}

#nvrwaiting img {
	border:0px;
	bottom:0px;
	position:relative;
	float:left;
	height:29px;
	width:33px;
}

#editBtn {
	display:block;
	float:left;
	margin:3px;
	height:17px;
	width:40px;
	cursor:pointer;
	cursor:hand;
	border:1px solid;
	text-align:center;
}

.iebuttons, .buttons{
	display:block;
	position:absolute;
	float:none;
	width:100%;
	height:40px;
	top:285px;
}

.iebuttons a, .buttons a {
	display:block;
	position:relative;
	float:left;
	margin-left:10px;
	height:32px;
	width:32px;
}

.iebuttons a {
	cursor:hand;
}


.icons a {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:16px 16px;
	height:64px;
	width:64px;
	padding:16px;
	float:left;
	top:10px;
	text-decoration:none;
}

.ieicons a {
	display:inline;
	position:relative;
	background-repeat:no-repeat;
	height:128px;
	width:64px;
	margin-right:16px;
	margin-left:16px;
	float:left;
	top:26px;
	text-decoration:none;
	cursor:hand;
}

.icons a:hover, .icons a.selected {
	height:96px;
	width:96px;
	padding:0px;
	background-position:0px 0px;
}

.ieicons a:hover, .ieicons a.selected {
	height:128px;
	width:96px;
	margin-right:0px;
	margin-left:0px;
	top:10px;
}

.icons, .ieicons {
	display:block;
	position:relative;
	margin:0 auto;
	overflow:visible;
}

.icons span {
	position:relative;
	bottom:-64px;
}

.icons a:hover span, .icons a.selected span, .ieicons a:hover span, .ieicons a.selected span {
	bottom:-96px;
}

.ieicons span {
	position:relative;
	bottom:-64px;
}

#iconbar {
	height:120px;
}

.icons a#C-TPAT, .icons a#C-TPAT:hover, .icons a#C-TPAT.selected,
.ieicons a#C-TPAT, .ieicons a#C-TPAT:hover, .ieicons a#C-TPAT.selected {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px;
	float:left;
	top:30px;
	text-decoration:none;
	height:64px;
	width:136px;
	margin-right:10px;
	margin-left:10px;
}

.icons a#FAST, .icons a#FAST:hover, .icons a#FAST.selected,
.ieicons a#FAST, .ieicons a#FAST:hover, .ieicons a#FAST.selected {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px;
	float:left;
	top:30px;
	text-decoration:none;
	height:32px;
	width:245px;
	margin-right:10px;
	margin-left:10px;
}

.icons a#Terminals, .icons a#Terminals:hover, .icons a#Terminals.selected,
.ieicons a#Terminals, .ieicons a#Terminals:hover, .ieicons a#Terminals.selected {
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px;
	float:left;
	top:30px;
	text-decoration:none;
	height:64px;
	width:64px;
	margin-right:10px;
	margin-left:10px;
}

#timeline {
	display:block;
	position:relative;
	width:600px;
	height:80px;
	margin:auto;
	margin-top:40px;
	background-color:#000000;
	overflow:hidden;
}

#timelineCaption {
	display:block;
	position:relative;
	width:100px;
	height:auto;
	margin:auto;
	font-size:2em;
}

#tBar {
	position:relative;
	height:80px;
	width:1400px;
	float:none;
	overflow:hidden;
	background-color:#293C6B;
	z-index:1;
}

#tBar img {
	position:relative;
	float:left;
	height:72px;
	width:100px;
	left:-30px;
	margin-top:4px;
	/*
	margin-left:10px;
	margin-right:10px;
	*/
}

#leftButton, #rightButton, 
#leftButton2, #rightButton2, 
#leftButton3, #rightButton3,
#leftButton4, #rightButton4,
#leftButton5, #rightButton5,
#leftButton6, #rightButton6,
#leftButton7, #rightButton7,
#leftButton8, #rightButton8,
#leftButton9, #rightButton9,
#leftButton10, #rightButton10,
#leftButton11, #rightButton11,
#leftButton12, #rightButton12 {
	display:block;
	height:80px;
	width:25px;
	position:absolute;
	float:none;
	background-color:#000000;
	z-index:10;
	top:0px;
	opacity:0.6;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}


#leftButton {
	left:0px;
	background-image:url(Images/left.png);
	background-repeat:no-repeat;
	background-position:0 4px;
}

#rightButton {
	right:0px;
	background-image:url(Images/right.png);
	background-repeat:no-repeat;
	background-position:0 4px;
}

#leftButton2 {
	left:25px;
}

#rightButton2 {
	right:25px;
}

#leftButton3 {
	left:50px;
}

#rightButton3 {
	right:50px;
}

#leftButton4 {
	left:75px;
}

#rightButton4 {
	right:75px;
}

#leftButton5 {
	left:100px;
}

#rightButton5 {
	right:100px;
}

#leftButton6 {
	left:125px;
}

#rightButton6 {
	right:125px;
}

#leftButton7 {
	left:150px;
}

#rightButton7 {
	right:150px;
}

#leftButton8 {
	left:175px;
}

#rightButton8 {
	right:175px;
}

#leftButton9 {
	left:200px;
}

#rightButton9 {
	right:200px;
}

#leftButton10 {
	left:225px;
}

#rightButton10 {
	right:225px;
}

#leftButton11 {
	left:250px;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#rightButton11 {
	right:250px;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#leftButton12 {
	left:275px;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#rightButton12 {
	right:275px;
	opacity:0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#sitemap {
	font-size:.6em;
	position:absolute;
	display:block;
	bottom:120px;
	right:0px;
}

#sitemap a {
	color:#FFFFFF;
	text-decoration:none;
}

#sitemap a:hover {
	text-decoration:underline;
}

#contactus {
	font-size:.6em;
	position:absolute;
	display:block;
	bottom:120px;
	right:130px;
}

#contactus a {
	color:#FFFFFF;
	text-decoration:none;
}

#contactus a:hover {
	text-decoration:underline;
}

#trackandtrace {
	font-size:.6em;
	position:absolute;
	display:block;
	bottom:120px;
	right:40px;
}

#trackandtrace a {
	color:#FFFFFF;
	text-decoration:none;
}

#trackandtrace a:hover {
	text-decoration:underline;
}