@charset "UTF-8";
/* CSS Document */





body {background-image: url(bground4.jpg); background-attachment: scroll; margin-left: auto; margin-right: auto  }
a { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:500; color:#66672C; text-decoration: none }
a:hover { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:500; color:#333333; text-decoration: none }



#photodiv {
  background-repeat: no-repeat;
}



/*--- OVERVIEW ---*/
#overview #content { padding-top: 573px; } /* 541 + 32 */
#overview .logo {
 position:relative;
 top:-4px;
 left:10px;
}

#overview #hero { position: absolute; top: 0; left: 0; margin: 0 -2px; }
#overview #hero h1 { width: 984px; height: 541px; background: url(/ipodshuffle/images/overview_hero_20090311.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
#overview #hero h2 { position: absolute; top: 40px; left: 205px; margin-top: 0; width: 576px; height: 24px; background: url(/ipodshuffle/images/overview_headline_20090311.png) no-repeat; text-indent: -9999px; overflow: hidden; behavior: url(/global/scripts/lib/iepngfix.htc); }
#overview #hero #cta { position: absolute; top: 420px; left: 52px; width: 325px; }
#overview #hero #cta img { margin-right: 10px; margin-bottom: 0; }
#overview #hero #cta ul { font-size: 11px; line-height: 16px; margin-top: 34px; }
#overview #hero #cta ul a { background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 0 50%; padding-left: 8px; white-space: no-wrap; }

#overview .grid2col { background: url(/ipodshuffle/images/divider_20090311.gif) repeat-y 50% 0; }
#overview .grid2col .column { width: 415px; }

#overview #main h3 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 20px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }
#overview #main brand1 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 16px; margin: 3px 0 6px; font-weight:lighter; font-style:italic;  color:#FCF9CE; }
#overview #main h4 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }

#overview #main abouth3 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 20px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }

#overview #main h5 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 9.5px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }
#overview #main h6 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 13px; margin: 3px 0 6px; font-weight:lighter; color:#333333 }
#overview #main h7 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }

#overview #main djlarge1 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 28px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }

#overview #main djlarge2 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 16px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }

#overview #main favelink { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 18px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }



#overview #main djlarge3 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 28px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }
#overview #main djlarge4 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 14px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE; }
#overview #main djlarge5 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }
#overview #main djlarge6 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:500; color:#FCF9CE }
#overview #main midsize1 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 16px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }

#overview #main midsize2 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 14px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }


a.smyellow { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 11px; margin: 0px 0 0px; font-weight:lighter; color:#F6EB14 }

 a.smyellow:hover { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 11px; margin: 0px 0 0px; font-weight:lighter; color:#F6EB14 }

a.twittersmall { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 11px; margin: 0px 0 0px; font-weight:lighter; color:#333333 }

 a.twittersmall:hover { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 11px; margin: 0px 0 0px; font-weight:lighter; color:#333333 }



#overview #main smwhite { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 0px 0 0px; font-weight:lighter; color:#FCF9CE }
#overview #main hotelsmall { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 10px; margin: 0px 0 0px; font-weight:lighter; color:#FCF9CE }
#overview #main hotelgrey { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 0px 0 0px; font-weight:lighter; color:#333333 }

#overview #main nlogo { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 17px; margin: 3px 0 6px; font-weight:lighter; color:#333333 }
#overview #main plogo { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 14px; margin: 3px 0 6px; font-weight:lighter; color:#333333 }

#overview #main news {  font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE }

#overview #main airlines { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 20px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }

#overview #main link { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#66672C }


#overview #abouth3 { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 14px; margin: 3px 0 6px; font-weight:lighter; color:#333333; }

#overview #main datetext { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#66672C }

#menu { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 14px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE  }
#translate { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 10px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE  }

#drink { position: absolute; top: 900px; left: 30px; width: 230px;    }
#dj { position: absolute; top: 900px; left: 340px; width: 230px;    }
#food { position: absolute; top: 900px; left: 650px; width: 240px;    }
#glasgow { position: absolute; top: 1100px; left: 340px; width: 240px;    }
#iphone { position: absolute; top: 1060px; left: 650px; width: 240px;    }
#paper { position: absolute; top: 1310px; left: 30px; width: 240px;    }
#camera { position: absolute; top: 1310px; left: 340px; width: 240px;    }
#airport { position: absolute; top: 1310px; left: 650px; width: 240px;    }



#newbutton { position: absolute; top: 677px; left: 227px; width: 230px;    }
#newbuttonweather { position: absolute; top: 684px; left: -85px; width: 230px;    }

#drinkgraphic { position:absolute; top: 760px; left: 40px; float: inherit;}
#djgraphic { position: absolute; top: 710px; left: 375px;}
#foodgraphic { position: absolute; top: 750px; left: 685px;}
#glasgowgraphic { position: absolute; top: 1080px; left: 80px;}
#iphonegraphic { position: absolute; top: 1145px; left: 705px;}
#papergraphic { position: absolute; top: 1400px; left: 85px;}
#cameragraphic { position: absolute; top: 1480px; left: 385px;}
#airportgraphic { position: absolute; top: 1410px; left: 665px;}


#glascitygraphic { position: absolute; top: 900px; left: 75px;}
#glas { position: absolute; top: 1095px; left: 30px; width: 240px;    }

#ticketgraphic { position: absolute; top: 950px; left: 385px;}
#ticket { position: absolute; top: 1070px; left: 345px; width: 240px;    }

#airgraphic { position: absolute; top: 905px; left: 670px;}
#air { position: absolute; top: 1095px; left: 645px; width: 240px;    }

#umbrellagraphic { position: absolute; top: 720px; left: 115px;}
#sungraphic { position: absolute; top: 720px; left: 250px;}
#cloudgraphic { position: absolute; top: 720px; left: 385px;}

#cloudtext { position: absolute; top: 720px; left: 600px;}


#overview #main p { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:500; color:#FCF9CE }


#overview #buynowstrip { margin: 13px 0; padding: 22px 2px 0 52px; width: 930px; min-height: 68px; _height: 68px; background: url(/ipodshuffle/images/buynowstrip_20090311.png) no-repeat; zoom: 1; }
#overview #buynowstrip:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#overview #buynowstrip .title { float: left; margin-right: 70px; }
#overview #buynowstrip h3 { width: 105px; height: 20px; background: url(/ipodshuffle/images/buynow_product_20090311.png) no-repeat; text-indent: -9999px; overflow: hidden; behavior: url(/global/scripts/lib/iepngfix.htc); }
#overview #buynowstrip p { width: 105px; height: 22px; background: url(/ipodshuffle/images/buynow_price_20090311.png) no-repeat; text-indent: -9999px; overflow: hidden; behavior: url(/global/scripts/lib/iepngfix.htc); }
#overview #buynowstrip img.product { float: left; margin-right: 73px; }
#overview #buynowstrip ul { float: left; width: 280px; line-height: 16px; margin-bottom: 0; }
#overview #buynowstrip ul li.buy { float: right; margin-top: -4px; position: relative; }

#overview .sosumi { padding: 0 22px; }





#main_content { 
/* make absolutely positioned children calculate their co-ordinates from this */ 
position: relative; 
/* centre the site */ 
width: 775px; 
margin: 0 auto; 
} 

.vertaligntop { vertical-align:top; 
margin-top:0; 
}




table.format {
margin:5px;
padding:5px;
font-size:.9em;
margin-bottom:40px;
text-align:top;
vertical-align:top;
} 


table.layout {
margin:5px;
padding:5px;
font-size: .9em;
} 

table.layout th {
color:white;
background:#01706E;
border:black 3px solid;
padding:5px;
}

table.layout tr td {
border:black 1px solid;
padding:5px;
}

smallBr{
font-size: 7px; 
line-height: 10;
}






	a.planelink {font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#333333;
		background-color: transparent;
		border: 0px;
		display: block;
		float: left;}
	a.planelink:hover {color:#FCF9CE;
		}
		
		






	a.test2 {font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:lighter; color:#FCF9CE;
		background-color: transparent;
		border: 0px;
		display: block;
		float: left;}
	a.test2:hover {color:#333333;
		}
		
		
		
		a.trans {font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 10px; margin: 3px 0 6px; font-weight:lighter; color:#333333;
		background-color: transparent;
		border: 0px;
		display: block;
		float: left;}
	a.trans:hover {color:#FCF9CE;
		}
		
		
		a.tick { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 12px; margin: 3px 0 6px; font-weight:500; color:#FCF9CE; text-decoration: none; }
a.tick:hover {color:#333333;
		}
		
			a.pick { font-family:Geneva, Arial, Helvetica, sans-serif;font-size: 16px; margin: 0px 0 30px; font-weight:500; color:#FCF9CE; text-decoration: none; }
a.pick:hover {color:#333333;
		}
		
		
		div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}