/*
=BTS :Basic Typogrpahic Styles
---------------------------------------- */
body,button,textarea{font:12px/1.25em "Hoefler Text",Georigia,Times New Roman,Times,serif;color:#999;}

/* Links */
a{color:#EEE;text-decoration:none;}
h1,p{margin-bottom:1.25em;}

/* Headers */
#page h1{color:#EEE;font-size:1.4167em;margin-bottom:0.8824em;}
#page h1 span{color:#999;padding:0 0.33em;}
#page h2{color:#EEE;font-size:1.1667em;margin-bottom:1.0714em;}

/* Stockists Type */
ul.stockists h3{color:#EEE;}
ul.stockists a{color:#999;text-decoration:underline;}
ul.stockists a:hover{color:#FFF;}
dl.contactInfo dt{color:#CCC;}
dl.contactInfo dd{margin-bottom:1.25em;}
dl.contactInfo span,dl.contactInfo a{display:block;color:#999;}
dl.contactInfo a:hover{color:#FFF;}

/* Gallery Type */
.slide .info{color:#EEE;font-size:1.1667em;color:#CCC;}

/* misc type */
.small{font-size:.8333em;}
.copyright{padding-top:10px;font-size:.8333em;}

/*
=NAV :Navigation Styles
---------------------------------------- */
#siteHeader,
#siteHeader a{width:11em;height:3.75em;text-indent:-9999px;margin-bottom:1.25em;background:url(images/vedaLogo.gif) no-repeat 100% 100%;}
#siteHeader a{display:block;}

#primeNav li{text-align:right;font-size:1.1667em;position:relative;overflow:hidden;}
#primeNav li{margin:0 0 1.0714em 0;}
#primeNav li a{color:#CCC;}
#primeNav li ul{font-size:0.8571em;display:none;}
#primeNav ul li a{color:#999;}
#primeNav ul li ul li a{color:#CCC;}
#primeNav li a:hover{color:#FFF;}
#primeNav li ul li{font-size:12px;margin:0;}
#primeNav li a.open{color:#FFF;}
#primeNav li.open > ul{display:block;}

/*
=BPS :Basic Page Structure
---------------------------------------- */
body{width:57em;height:100%;margin:0 auto 0 auto;padding-top:3em;background:#333;}
body.grid{background:#333 url(images/grid.gif) repeat-y 50% 0;}
#navigation{float:left;width:11em;}
#page{float:right;width:44.3333em;padding:2.5em 0 0 0;}
div.slide{overflow:hidden;position:relative;}
#footer{clear:both;padding-top:40px;}
#footer h6{float:left;margin:0 10px 0 0;width:66px;height:18px;background:url(images/vedaLogoSmall.gif) no-repeat;text-indent:-9999px;}
a.credit{position:fixed;right:6px;bottom:6px;}

/*
=HME :Home
---------------------------------------- */
#home div.slide{width:532px;margin:2.5em 0 0 0;}
#home #primeContent{width:44.3333em;}
/*
=ABT :About
---------------------------------------- */
#about #primeContent{float:left;width:27.42em;min-height:564px;}
#about #secondaryConent{float:right;width:14.1667em;}

/*
=STK :Stockists
---------------------------------------- */
#stock #primeContent{position:relative;overflow:hidden;height:564px;width:44.3333em;}
ul.stockists{width:44.3333em;overflow:hidden}
ul.stockists li{float:left;width:33.3333333333333333333333%;margin:0 0 1.25em 0;}
ul.stockists span,ul.stockists a{display:block;}
#pager li{float:left;font-size:1.1667em;margin-right:0.5em;}
#pager li a,a.next{color:#999;}
#pager li a:hover,a.next:hover{color:#FFF;}
#pager li a.activeSlide{color:#FFF;}

/*
=PRS :Press
---------------------------------------- */
.artic #primeContent{float:left;width:27.42em;min-height:564px;}
.artic #secondaryConent{float:right;width:14.1667em;}
.artic .thumbs{line-height:0;}
.artic .thumbs li{margin-bottom:1.25em;}

/*
=GAL :Gallery
---------------------------------------- */
.gallery .slide{width:442px;min-height:627px;overflow:hidden;position:relative;}
.gallery .slide img{cursor:pointer;}
.gallery #primeContent{float:left;width:36.8333em;min-height:564px;}
.gallery #secondaryContent{float:right;width:5.23em;height:564px;}
.loader {background:url(images/loader.gif) no-repeat 50% 50%;}
.gallery .loader {background-position:50% 45%;}

/* Gallery Thumbs */
div.controls{width:63px;float:right;font-size:1.1667em;}
.gallery ul.thumbs{width:83px;overflow:hidden;}
.gallery ul.thumbs li{height:63px;width:63px;margin-bottom:1em;overflow:hidden;}
.gallery ul.thumbs li a{display:block;height:61px;width:60px;border:1px solid #333;overflow:hidden;}
.gallery ul.thumbs li a:hover{border-color:#555;}
.gallery ul.thumbs li a.activeSlide{border-color:#666;}

/* Slide Info*/
.slide .info .information{float:left;}
.slide .info{overflow:hidden;padding:7px 0 0 0;}
.slide .info h3{float:left;}
.slide .info span.detail{display:block;clear:both;}
.slide .info span.price{float:right;}

/*
=UTL :Utility Classes
---------------------------------------- */
.left{float:left;}
.right{float:right;}
.center{margin:0 auto;}
.clear{clear:both;display:block;}
.hide{display:none;}