/* -------------------------------------------
project:	Trevor Clark Photography
date:		2009/03/12
------------------------------------------- */

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0 0 75px; background: #1a1a1a; color: #fff; font: 62.5%/1.25 Verdana, Geneva, Arial, Helvetica, sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #666666; }

 html body { behavior: url("../styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl, p { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #fc0; text-decoration: underline; }
a:hover, a:focus, a:active { text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #fff; font: normal 3em "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1 { font-size: 3em; }
h2 { /* font: normal 2.4em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; */ }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

.fl { float: left; }
.fr { float: right; }

/* LAYOUT
------------------------------------------- */
#root { display: block; margin: 0; background: #000; border-bottom: 1px solid #333; }
 #wrapper { position: relative; width: 960px; margin: 0 auto;/*  background: url(../images/bg.jpg) 0 0 no-repeat; */ }
 #top { position: relative; height: 82px; background: url(../images/nav-bg.png) 0 0 no-repeat;  }
  #logo { position: absolute; left: 0px; top: -12px; }
  
 #nav ul { position: absolute; top: 15px; left: 250px; list-style: none;  z-index:100;}
  #nav ul li { float: left; padding: 0 15px; font: 1.5em "Trebuchet MS",Vedana, Geneva, Arial, Helvetica, sans-serif; }
   #nav ul li a { color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; }
   #nav ul li a:hover { color: #575656; }
   #nav ul li.active a { color: #fc0 !important; }
   #nav ul li em { position: absolute; left: -10001px; overflow: hidden; }
   
   #nav ul li.selected a {color:#ffcc00 !Important;}
   #nav ul li ul li.selected a {color:#fff !Important;}
   #nav ul li ul li.selected a:hover {color:#fff !Important;}
   
   
           /* addon */
        #nav li { position: relative; display: -moz-inline-stack; display: inline-block; }
         html* #nav li { display: inline; }
        #nav ul li ul { display: none; position: absolute; left:11px; top: 17px; width: 157px; margin: 0; padding: 0; border-top: 1px solid #777; }
 #nav ul li:hover > ul { display: block; }
  #nav ul li ul li { display: block; float: left; width: 155px; height: auto; padding: 0 !important; background: none; font-weight: normal; font-size:10px; line-height: 1.3; text-align: left; }
   #nav ul li ul li a { display: block; float: none; width: 115px; height:25px; padding: 0 20px; border: 1px solid #333; border-width:0px 1px 1px; background: #333 !important; color: #fff; line-height: 25px; }
   #nav ul li ul li a:hover, #nav li ul li a:focus, #nav li ul li a:active { background: #222 !important; color: #fff; }
     #nav ul li ul li ul { left: 156px; top:0;}

   
   
   
 #content { }
  div.content-wrapper { overflow: hidden; width: 960px; margin: 0 auto 20px; padding: 0 0px; }
   #side { float: right; width: 226px; }
   #main { float: left; width: 582px; padding: 0 0 0 12px; } 
     .image-floater-left { float: left; padding: 0 20px 20px 0; }
#footer { width: 960px; margin: 0 auto; color: #999; padding: 25px 0 0 0; position:absolute; overflow:hidden; position:relative; height:150px;}
body.home #footer {height:90px;}
  #footer a { color: #999; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }
 #footer p { margin: 0 0 10px; font-size: 1em; font: 11px/16px verdana;}
 #footer p.first { font-size: 1.2em; color:#fff; font: 11px/16px verdana;}
 #footer p.first span {color:#ffcc00;}
 
 #footer div.sign-up {position:absolute; right:0px; top:25px;}
 
  #footer p.first a { color: #fc0; font-weight: bold; text-decoration: none; }
 #footer div.side { float: right; padding: 12px 0; }
  #footer div.side p { display: inline; float: left; margin: 0 0 0 3px; padding: 0 0 1px 10px; /*border-left: 1px solid #999;*/ line-height: 1; }
  #footer div.side p:first-letter { text-transform: lowercase; }
   #footer div.side ul { float: left; list-style: none; margin: 0; padding: 0 5px 0 0; border-right: 1px solid #FFCC00; }
    #footer div.side ul li { float: left; padding: 0 10px 1px; border-left: 1px solid #FFCC00; font-size: 1em; line-height: 1; }
    #footer div.side ul li.first { border-left: none; }

/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 10px; z-index: 10001; width: 960px; padding: 2px 0; background: #333; color: #fff; font-size: 1.4em; text-align: center; }

/* GENERAL
------------------------------------------- */

div.header { display: block; min-height: 45px; height: auto !important; height: 45px; margin: 0 0 19px; padding: 8px 25px 0 20px; background: url(../images/header-bg.png) no-repeat; border: 1px solid #333; border-width: 0 0 1px }
 div.header h1 { float: left; padding: 0; margin: 0; }
 div.header div.additional { float: right; padding-top: 11px; margin: 0; }
 div.header ul { display: inline; float: right; list-style: none; margin: 0 58px 0 0; padding: 11px 0 0; font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
  div.header ul li { float: left; font-size: 1.4em; font-weight: bold; padding: 0 21px; }
   div.header ul li a { color: #fff; text-decoration: none; }
   div.header ul li a:hover { color: #ffed8e; }
   div.header ul li.active a { color: #fc0; }  
 
.marked { color: #fc0; }
h2.marked span { padding-right: 20px; background: url(../images/arrow-yellow.png) 100% 9px no-repeat; }

.rss-share a { display: block; width: 15px; height: 15px; overflow: hidden; background: url(../images/ico-rss.png) 0 0 no-repeat; text-indent: -10001em; }

/* home */

.home #root { background-image: none; }
 /* .home #wrapper { background: url(../images/home-backgrounds/home-1.jpg) 0 0 no-repeat; } */
 #homeBackgroundImage { display: none;}

/* featured box */

div.featured-a { overflow: hidden; min-height: 199px; margin: 0 0 20px; }
* html div.featured-a { overflow: visible; height: 199px; }
 div.featured-a h2 { overflow: hidden; float: left; width: 269px; height: 199px; margin: 0; background: url(../images/headers-box.jpg) 0 0 no-repeat; text-indent: -10001em; }
 div.featured-a h2.trevors-blog { background-position: 0 0; }
 div.featured-a h2.latest-photos { background-position: 0 -199px; }
 div.featured-a p { font-size: 1.1em; line-height: 1.5; }
 div.featured-a p.image { float: left; }
 div.featured-a div.inner { position: relative; float: left; width: 367px; min-height: 160px; height: auto !important; height: 160px; padding: 10px 35px 10px 20px; background: url(../images/box-bg.jpg) 0 100% repeat-x; }
  div.featured-a h3 { color: #999; font-size: 1.8em; }
  div.featured-a p.rss-share { position: absolute; right: 10px; top: 13px; display: block; }
  div.featured-a p.more { font-size: 1.1em;  }
   div.featured-a p.more a { display: block; line-height: 21px; width: 103px; text-decoration: none; text-align: center; background: url(../images/buttons-box-bg.gif) 0 0 repeat-x; color: #fff; }
    div.featured-a p.more a:hover { background-position: 0 -21px; color: #000; }

div.featured-a-b { }
 div.featured-a-b h3 { color: #ffcc00; }
 div.featured-a-b p.more a { color: #000; background-position: 0 -42px; }
 div.featured-a-b p.more a:hover { background: #fff; }

/* introduction */

div.intro { position: relative; height: 640px; }
 div.intro h1 { display: block; overflow: hidden; width: 333px; height: 73px; margin: 0 0 53px; background: url(../images/h1-home-intro.png) 0 0 no-repeat; text-indent: -10001em; }
 div.intro ul { list-style: none; padding: 0; margin: 0 0 34px; }
  div.intro ul li { display: block; overflow: hidden; min-height: 28px; margin: 0 0 7px; padding: 0; font-size: 1.6em; }
  * html div.intro ul li { overflow: visible; height: 28px; }
   div.intro ul li a { display: block; width: 118px; padding: 4px 12px; text-decoration: none; color: #000; background: url(../images/buttons-intro.gif) 0 0 repeat-x; }
   div.intro ul li a:hover { color: #fff; background: #000; text-decoration: none; }
 div.intro form p.row { font-size: 1.1em; }
  div.intro form label { display: block; color: #fff; margin: 0 0 4px; }
  div.intro form input { display: block; width: 122px; height: 14px; padding: 8px 10px; background: #fff; border: 0; }
   .js div.intro form button { display: none; }
 div.intro p.more { position: absolute; right: 52px; bottom: 13px; display: block; padding: 0; margin: 0; font: 2.4em normal Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif; white-space: nowrap; }
  div.intro p.more a { color: #ccc; padding: 0 5px; text-decoration: none; }
  div.intro p.more a:hover { background: url(../images/intro-text-rollover.png) 0 3px repeat-x; text-decoration: none; }
  * html div.intro p.more a:hover { background: #111; }
   div.intro p.more a span { cursor: pointer; background: url(../images/arrow-yellow.png) 100% 50% no-repeat; padding-right: 20px; }
   div.intro p.more a strong { color: #fff; font-weight: normal; }

/* links-bar */

div.links-bar { min-height: 20px; height: auto !important; height: 20px; padding: 12px 10px; margin: 30px 0; border: 1px solid #1d1d1d; background: url(../images/links-bar-bg.gif) repeat-x; }
.home div.links-bar { margin: 20px 0 58px 0px; }
 div.links-bar p { float: right; margin: 0; color: #ccc; line-height: 20px; }
 div.links-bar ul.links { float: left; margin: 0; padding: 0; list-style: none; }
  div.links-bar ul.links li { float: left; padding-left: 5px; }
   div.links-bar ul.links li a { display: block; overflow: hidden; height: 24px; text-indent: -10001em; }
  
   div.links-bar ul.links li a.aurora { width: 27px; background: url(../images/logo-aurora.gif) 0 50% no-repeat; }
   div.links-bar ul.links li a.linkedin { width: 88px; background: url(../images/logo-linkedin.gif) 0 50% no-repeat; }
   div.links-bar ul.links li a.share { width: 125px; background: url(../images/logo-share.gif) 0 50% no-repeat; }
   
   		 div.links-bar ul.links li a.aurora { width: 27px; background: url(../images/ico-aurora.gif) 0 50% no-repeat; }
   
      div.links-bar ul.links li a.lightstalkers { width: 118px; background: url(../images/ico-light-stalk.gif) 0 50% no-repeat; }
	  div.links-bar ul.links li a.rss { width: 29px; background: url(../images/ico-rss.gif) 0 50% no-repeat; }
      div.links-bar ul.links li a.facebook { width: 32px; background: url(../images/ico-fb.gif) 0 50% no-repeat; }
      div.links-bar ul.links li a.twitter { width: 32px; background: url(../images/ico-twit.gif) 0 50% no-repeat; }
   

/* portfolio */

div.categories-a { display: block; overflow: hidden; margin: 0 0 5px; }
 div.categories-a div.item { float: left; width: 260px; margin-left: 39px; }
 div.categories-a div.first { margin-left: 0; }
  div.categories-a div.item p.image { margin: 0 0 17px; height: 173px; overflow: hidden; }
   div.categories-a div.item p.image img {width: 260px;}
  div.categories-a div.item h2 { padding: 0 0 10px; border-bottom: 1px solid #333; }
   div.categories-a div.item h2 a { padding: 0 20px 0 2px; color: #fff; background: url(../images/arrow-yellow.png) 100% 9px no-repeat; text-decoration: none; }
    div.categories-a div.item h2 a:hover { color: #fc0; text-decoration: none; }
  div.categories-a div.item p { font-size: 1.1em; line-height: 1.5; }
  div.categories-a div.item p.rss-share { float: right; margin: -46px 0 0; }
  div.categories-a div.item p.more { padding-top: 5px; }

/* gallery */

div.gallery { display: block; overflow: hidden; padding: 0 0 15px; margin: 0; border-bottom: 1px solid #333; }
 div.gallery div.side {  }
  div.gallery div.side div.slide ul { list-style: none; width: 600px; margin: 0 auto; padding: 0; }
   div.gallery div.side div.slide ul li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #333; }
    div.gallery div.side div.slide ul li img { display: block; margin: 0 0 10px; }
    div.gallery div.side div.slide ul li span.title { padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) 100% 50% no-repeat; color: #fc0; font: 2em Georgia,serif; }
    div.gallery div.side div.slide ul li span.description { display: block; margin: 10px 0 0; }
 div.gallery div.main { }
 
 .js div.gallery div.side { float: left; width: 260px; }
  .js div.gallery div.side div.wrapper { overflow: hidden; width: 260px; height: 352px; margin: 0 0 10px; }
   .js div.gallery div.side div.slide { width: 10001px; }
    .js div.gallery div.side div.slide ul { float: left; width: 260px; margin: 0; padding: 0; }
     .js div.gallery div.side div.slide ul li { float: left; width: 122px; margin: 0; padding: 0 8px 8px 0; border-bottom: none; cursor: pointer; }
      .js div.gallery div.side div.slide ul li img { margin: 0; padding: 0; width: 120px; height: 80px; border: 1px solid #000; }
      .js div.gallery div.side div.slide ul li img.active { border-color: #fc0 !important; }
      .js div.gallery div.side div.slide ul li img.over { border-color: #ac8a00; }
      .js div.gallery div.side div.slide ul li span { display: none; }
  .js div.gallery div.side ul.index { overflow: hidden; list-style: none; width: 80%; margin: 0 auto 15px; padding: 0; }
   .js div.gallery div.side ul.index li { float: left; font-size: 1.1em; }
   .js div.gallery div.side ul.index li.next { float: right; }
    .js div.gallery div.side ul.index li a { outline: none; text-decoration: underline !important; }
 .js div.gallery div.main { position: relative; float: right; width: 600px; min-height: 450px; height: auto !important; height: 400px; background: url(../images/indicator.gif) 50% 38% no-repeat; }
  .js div.gallery div.main div.wrapper {  }
   .js div.gallery div.main div.wrapper img { display: block; margin: 0 0 45px; }
   .js div.gallery div.main div.wrapper span.title { padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) 100% 50% no-repeat; color: #fc0; font: 2.4em Georgia,serif; }
   .js div.gallery div.main div.wrapper span.description { display: block; margin: 10px 0; font-size: 1.2em; }
  .js div.gallery div.main div.pagination { position: absolute; top: 401px; left: 0; display: block; width: 572px; padding: 5px 14px; background: #333; }
   .js div.gallery div.main div.pagination div.pages-wrapper { display: block; position: relative; overflow: hidden; width: 100%; height: 20px; background: #000; }
    .js div.gallery div.main div.pagination div.pages-wrapper ul.steps { list-style: none; margin: 0; padding: 0; }
     .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li { position: absolute; line-height: 20px; }
     .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li.prev { left: 10px; }
     .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li.next { right: 10px; }
      .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li a { color: #fff; text-decoration: none !important; outline: none; }
      .js div.gallery div.main div.pagination div.pages-wrapper ul.steps li a:hover { color: #fc0; }
    .js div.gallery div.main div.pagination div.pages-wrapper div.pages { overflow: hidden; width: 520px; margin: 0 auto; }
     .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul { float: left; list-style: none; width: 10001px; margin: 0; padding: 0; }
      .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li { float: left; width: 26px; font-size: 1.1em; line-height: 20px; text-align: center; }
       .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li a { color: #fff; text-decoration: none !important; outline: none; }
       .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li a:hover,
       .js div.gallery div.main div.pagination div.pages-wrapper div.pages ul li.active a { color: #fc0; } 
/* contact */

div.contact-a { display: block; overflow: hidden; width: 100%; margin: 0 0 30px; }
 div.contact-a p.image { display: inline; float: left; margin: 0 -260px 0 10px; }
  div.contact-a p.image img { float: left; }
 div.contact-a h2 { margin: 0 0 20px 300px; padding-top: 15px; }
  div.contact-a h2 span { padding-right: 35px; }
 div.contact-a dl { margin: 0 0 0 300px; padding: 0; font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
  div.contact-a dl dt, div.contact-a dl dd { font-size: 1.6em; margin: 0 0 5px; }
  div.contact-a dl dt { float: left; width: 120px; margin-right: 5px; font-weight: bold; }
  div.contact-a dl dd { width: 400px; }

.contactForm { display: block; width: 922px; min-height: 350px; height: auto !important; height: 350px; margin: 0; padding: 25px 18px; border: 1px solid #222; background: url(../images/contact-form-bg.jpg) 0 0 no-repeat; }
 .contactForm p { display: block; overflow: hidden; width: 100%; margin: 0 0 10px; color: #cbcbcb; font: normal 1.1em "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
 .contactForm p.marked { margin: 0 0 15px; color: #fc0; font-size: 1.4em; font-weight: bold;height:30px; }
  .contactForm label { float: left; width: 100px; padding: 0 15px 0 0; font-weight: bold; line-height: 30px; }
  .contactForm span.label { display: block; font-weight: bold; margin: 0 0 10px; }
  .contactForm input { overflow: hidden; height: 15px; width: 264px !important; padding: 7px 5px; border: 0; background: #fff; }
  .contactForm img { float: left; margin-right: 10px;}
  .contactForm input#Captcha { width: 150px !important; }
 .contactForm p.tick {  }
  .contactForm p.tick label { float: left; width: auto; line-height: 27px; }
  .contactForm p.tick input { width: 16px !important; margin-right: 10px; background: none; }
  .contactForm textarea { overflow: auto; width: 415px; height: 95px; padding: 7px 5px; border: 0; }
 .contactForm p.submit { margin: 0; }
  .contactForm button { margin-left: 115px; height: 21px; line-height: 20px; min-width: 93px; padding: 0 5px; text-decoration: none; text-align: center; background: url(../images/buttons-box-bg.gif) 0 0 repeat-x; color: #fff; border: 0; }

/* blog */

div.box-a { border: 2px solid #000; margin: 0 0 20px; }
 div.box-a-inner { display: block; position: relative; border: 1px solid #323232; }
 * html div.box-a-inner { height: 1%; }
  div.box-a .header { display: block; overflow: hidden; padding: 12px 35px 0 15px; margin: 0; min-height: 28px; background: #121212 url(../images/bar-bg.gif) 0 0 repeat-x; border-bottom: 1px solid #2b2b2b; font: bold 1.4em "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ccc; text-transform: uppercase; }
  * html div.box-a .header { overflow: visible; height: 28px; }
  div.box-a p.rss-share { position: absolute; top: 13px; right: 16px; }
  div.box-a div.wrap { padding: 15px 15px 8px 15px; background: #0a0a0a url(../images/bbox-bg.gif) 0 100% repeat-x; }
   div.box-a ul,
   div.box-a ol { padding: 0; margin: 0; list-style: none; }
    div.box-a ul li,
    div.box-a ol li { padding: 0; margin: 0 0 15px; font: normal 1.2em "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
	div.box-a ol li span.date,
	div.box-a ol li span.author { display: none; }
     div.box-a ul li a,
	 div.box-a ol li a { color: #fff; text-decoration: none; font-weight: bold; }
     div.box-a ul li a:hover,
   	 div.box-a ul li.active a,
	 div.box-a ol li a:hover,
   	 div.box-a ol li.active a { color: #fc0; text-decoration: underline; }
    div.box-a div.tags ul li { font-size: 1.4em; }
    div.box-a ul.cols { overflow: hidden; }
    * html .bbox ul.cols { height: 100%; }
     div.box-a ul.cols li.odd { float: left; width: 90px; margin-right: 14px; }

 div.box-a div.comments { }
  div.box-a div.comments div.comment { display: block; overflow: hidden; color: #a4a4a4; }
   div.box-a div.comments div.comment h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 13px; }
    div.box-a div.comments div.comment h4 span { color: #f90; }
    div.box-a div.comments div.comment h4 span.author { text-transform: uppercase; }
   div.box-a div.comments div.comment p { line-height: 1.4em; margin: 0 0 15px; }

 div.box-a div.trackbacks { }
  div.box-a div.trackbacks div.trackback { display: block; overflow: hidden; color: #a4a4a4; }
   div.box-a div.trackbacks div.trackback h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 13px; }
    div.box-a div.trackbacks div.trackback h4 span { color: #f90; }
    div.box-a div.trackbacks div.trackback h4 span.title { text-transform: uppercase; }
   div.box-a div.trackbacks div.trackback p { line-height: 1.4em; margin: 0 0 15px; }
   div.box-a div.trackbacks div.trackback p.date { color: #f90; }


div.post { position: relative; font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
 div.post h2 { padding-bottom: 8px; margin-bottom: 19px; font: normal 2.2em "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ccc; border-bottom: 1px dashed #959595; }
 div.post p { font-size: 1.2em; line-height: 2em; margin: 0 0 25px; }
 div.post p.post-date { position: absolute; right: 0; top: 3px; color: #fc0; font: bold 1.4em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: italic; }
 div.post ul.post-info { display: block; overflow: hidden; list-style: none; width: 100%; min-height: 20px; margin: 0 0 25px; padding: 0; }
  div.post ul.post-info li { float: left; padding: 0 12px 0 10px; margin: 0; font-weight: bold; background: url(../images/sep-small-white.gif) 100% 3px no-repeat; }
  div.post ul.post-info li.posted-by { padding-left: 0; background: url(../images/sep-small-thick-grey.gif) 100% 3px no-repeat; }
   div.post ul.post-info li.posted-by span { text-transform: uppercase; color: #f90; }
  div.post ul.post-info li.last { background: none; }
  div.post ul.post-info li.comments-info, 
  div.post ul.post-info li.trackback,
  div.post ul.post-info li.permailink { color: #fc0; }

#add-comment { display: block; margin: 20px 0 55px; }
 #add-comment h3 { font-size: 1.4em; color: #f90; font-weight: bold; }
 #add-comment form { padding: 0 15px; }
  #add-comment p { display: block; overflow: hidden; clear: both; margin: 0 0 10px; }
  #add-comment p label { display: block; float: left; width: 60px; margin-top: 2px; color: #fffffe; font-weight: bold; }
  #add-comment p.a label { display: block; float: none; width: auto; margin-bottom: 5px; }
 #add-comment p.captcha { margin-bottom: 0; }
  #add-comment p.captcha label { margin-bottom: 0; }
  #add-comment p input { width: 205px; height: 20px; padding-top: 4px; background: #1a1a1a; border: 1px solid #2c2c2c; }
  #add-comment p.captcha input { float: left; margin: 5px 16px 0 0; }
  #add-comment textarea { overflow: auto; width: 522px; height: 96px; padding-top: 4px; background: #1a1a1a; border: 1px solid #2c2c2c; }
 #add-comment p.submit { font-size: 1.1em; }
  #add-comment button { height: 21px; min-width: 93px; padding: 0 10px; line-height: 20px; text-decoration: none; text-align: center;  background: url(../images/buttons-box-bg.gif) 0 0 repeat-x; color: #fff; border: 0; }

/* jnice */
.jRadioWrapper { float: left; z-index: 2; }
.jNiceRadio, .jNiceCheckbox { display: block; position:absolute; left:0; top: 5px; overflow: hidden; width: 16px; height: 16px; background: url(../images/checkbox1.gif) no-repeat center top; vertical-align:middle; cursor:pointer; }
.jNiceChecked { display: block; position:absolute; left:0; top: 5px; overflow: hidden; width: 16px; height: 16px; background: url(../images/checkbox1.gif) no-repeat center bottom; vertical-align:middle; cursor:pointer; }
.jNiceHidden { position:relative; z-index:-1; opacity: 0; }
.jNiceWrapper { position: relative; vertical-align: top; }
.jNiceWrapper input { outline: none; moz-outline: none; }


/* FIX
------------------------------------------- */
div.links-bar, a.bttn, .pages-wrapper, .contactForm button, #add-comment button, #checkout-a a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* e-commerce additions 
------------------------------------------- */
#cart-a { background: #000; border-bottom: 1px solid #333; }
 #cart-a p { width: 960px; margin: 0 auto; text-align: right; font-size: 1.1em; padding: 10px 0; line-height: 1;height: 12px; }
  #cart-a p span { color: #fc0;padding-right: 7px; }
  #cart-a p a.myAccountLink {padding-right:7px;}

#checkout-a { position: absolute; right: 10px; top: 15px; font-size: 1.1em; }
 #checkout-a a { display: block; line-height: 21px; width: 103px; text-decoration: none; text-align: center; background: url(../images/buttons-box-bg.gif) 0 -42px repeat-x; color: #000; text-transform: uppercase; }
 #checkout-a a:hover { background: #fff; color: #000; }
 
#breadcrumbs { position: absolute; top: 58px; right: 0px; text-align: right; font-size: 1.1em; }
 #breadcrumbs span { color: #fc0; }

.wrapper-a { width: 100%; overflow: hidden; }
 .wrapper-a .main-a { float: right; width: 560px; overflow: hidden; }
 .wrapper-a .main-b { float: right; width: 620px; }
  .categories-b { position: relative; left: -40px; width: 600px; }
   .categories-b .item { display: inline; float: left; margin: 0 0 40px 40px; width: 260px; }
    .categories-b .item .image { margin: 0 0 10px;  }
    .categories-b .item h2 { width: 100%; overflow: hidden; padding: 0 0 10px; border-bottom: 1px solid #333; }
     .categories-b .item h2 a { display: block; float: left; padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) no-repeat 100% 50%; color: #fff; text-decoration: none; }
    .categories-b .item p { font-size: 1.1em; }
    .categories-b .item p.more { margin: 0; }
  .products-a { position: relative; }
   .products-a .item { width: 100%; overflow: hidden; padding: 0 0 25px; margin: 0 0 30px; border-bottom: 1px solid #333; }
    .products-a .item .image { float: left; width: 260px; margin: 0; }
     .products-a .item .image img { display: block; }
    .products-a .item .desc { float: right; width: 270px; }
     .products-a .item .desc h2 { width: 100%; overflow: hidden; }
      .products-a .item .desc h2 a { display: block; float: left; padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) no-repeat 100% 50%; color: #fff; text-decoration: none; }
     .products-a .item .desc p { font-size: 1.1em; line-height: 1.64; }
     .products-a .item .dec p.more { margin: 0; }

 .wrapper-a .aside-a { float: left; width: 260px; }
 .wrapper-a .aside-b { float: left; width: 200px; }
  .wrapper-a .aside h2 { color: #fc0; width: 100%; overflow: hidden; }
   .wrapper-a .aside h2 span { float: left; padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) no-repeat 100% 50%; }
  .wrapper-a .aside ul { padding: 0; list-style: none; border-top: 1px solid #333; width: 100%; margin: 0; }
   .wrapper-a .aside ul li { font-size: 1.1em; border-bottom: 1px solid #333; }
    .wrapper-a .aside ul li a { display: block; padding: 10px 15px; text-transform: uppercase; color: #fff; text-decoration: none; }
    .wrapper-a .aside ul li a:hover, .wrapper-a .aside ul li a:focus, .wrapper-a .aside ul li a:active { color: #fc0;  }
    .wrapper-a .aside ul li.active a { background: #fc0; color: #000; }
    .wrapper-a .aside ul li.active a:hover, .wrapper-a .aside ul li.active a:active { color: #000; }

.product-large { width: 100%; overflow: hidden; }
 .product-large .image { float: left; width: 360px; }
  .product-large .image p { margin: 0 0 10px; }
 .product-large .details { float: right; width: 236px; }
  .product-large .details h2 { padding: 0 0 10px; background: url(../images/sep-hor.png) 0 100% repeat-x; }
  .product-large .details p { font-size: 1.1em; margin: 0 0 10px; }
  .product-large .details .description { background: url(../images/sep-hor.png) 0 100% repeat-x; overflow: hidden; margin: 0 0 10px; width: 100%; }
  .product-large .details .options { background: url(../images/sep-hor.png) 0 100% repeat-x; overflow: hidden; margin: 0 0 10px; width: 100%; }
   .product-large .details .options p { width: 100%; overflow: hidden; }
  .product-large .details .summary { width: 100%; overflow: hidden; margin: 0 0 5px; }
   .product-large .details .summary .price { float: left; line-height: 24px; } 
    .product-large .details .summary .price strong { color: #fc0; font-size: 24px; font-weight: bold; } 
   .product-large .details .summary .quantity { text-align: right; float: right; line-height: 24px; } 
    .product-large .details .summary .quantity input { width: 40px; }
    .product-large .details .submit { width: 40px; }
     .product-large .details .submit .add-to-cart { display: block; width: 236px; height: 44px; border: none; background: url(../images/add-to-cart.png) no-repeat; text-indent: -999em; overflow: hidden; }
     .product-large .details .submit .add-to-cart:hover, .product-large .details .submit .add-to-cart:focus, .product-large .details .submit .add-to-cart:active { background-position: 0 -44px; }

/* links-bar */

div.bar-a { min-height: 24px; height: auto !important; height: 24px; padding: 7px 10px; margin: 30px 0; border: 1px solid #1d1d1d; background: url(../images/links-bar-bg.gif) repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
 div.bar-a h2 { float: left; margin: 0; color: #fff; line-height: 26px; }
 div.bar-a p { float: right; text-align: right; margin: 0; text-transform: uppercase; line-height: 26px; }
  div.bar-a a { text-decoration: none; }
  div.bar-a a:hover, div.bar-a a:focus, div.bar-a a:active { text-decoration: underline; }

.slider-related { position: relative; height: 1%; }
 html.js .slider-related .wrap { position: relative; width: 860px; overflow: hidden; height: 250px; margin: 0 50px 30px; }

 .slider-related .wrap ul { position: relative; height: 250px; padding: 0; margin: 0; }
 html.js .slider-related .wrap ul { width: 9999em; }
 .slider-related .wrap li { position: relative; display: inline; float: left; width: 240px; padding: 210px 50px 10px 10px; list-style: none; font-size: .9em; margin: 0; background: #232323 url(../images/slider-separator.png) 100% 0 repeat-y; }
 .slider-related .wrap li.last { background: #232323; padding-right: 10px; }
  .slider-related .wrap li .media { position: absolute; left: 0; top: 0; }
  .slider-related .wrap li .t { position: absolute; top: 180px; left: 10px; width: 240px; text-transform: uppercase; display: block; }
  .slider-related .wrap li .price { display: block; color: #fc0; line-height: 1; margin: 0; }
   .slider-related .wrap li .l { color: #fff; }
   .slider-related .wrap li strong { font-size: 2.18em; }
   .slider-related .wrap li .sep { margin: 0 10px; }

 .slider-related .index { position: absolute; left: 0; top: 0; width: 960px; padding: 0; margin: 0; list-style: none; }
 .slider-related .index li.prev, .slider-related li.next { position: absolute; z-index: 100; top: 0; width: 50px; height: 250px; }
  .slider-related .index li.prev a, .slider-related li.next a { display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; }
  .slider-related .index li.prev { left: 0; }
   .slider-related .index li.prev a { background-image: url(../images/arrow-yellow-left.png); }
  .slider-related .index li.next { right: 0; }
   .slider-related .index li.next a { background-image: url(../images/arrow-yellow.png) }

/* events */
.events-intro { width: 100%; overflow: hidden; margin: 0 0 20px; border-bottom: 1px solid #333; padding: 0 0 5px; }
 .events-intro .media { float: left; width: 540px; height: 317px; padding: 0; margin: 0 0 15px; }
 .events-intro .description { float: right; width: 300px; }
  .events-intro .description h2 { width: 100%; overflow: hidden; } 
   .events-intro .description h2 span { float: left; padding: 0 20px 0 0; background: url(../images/arrow-yellow.png) no-repeat 100% 50%; } 
  .events-intro .description p { line-height: 1.5; }

/* sf Rotator
------------------------------------------- */
.sf-rotator { float: left; position: relative; width: 540px; height: 317px; }

.sf-rotator { position: relative; }
.sf-rotator .sf-items { position: relative; z-index: 10; }
 .sf-rotator .sf-items .sf-item { position: absolute; top: 0; left: 0; z-index: 10; height: 400px; display: none; } 

.sf-rotator .sf-controls { display: none; }

/* Calendar
---------------------------------------- */

#events-a { width: 816px; padding: 20px; margin: 0 0 15px auto; overflow: hidden; border: 2px solid #fc0; }
 #events-a .data { position: absolute; left: -999em; }
 #events-a .main { float: left; width: 560px; padding: 0 5px; }
  #events-a .main h2 { display: none; }
  #events-a .main h3 { font-weight: normal; font-size: 3em; margin: 0 0 40px; font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; font-weight: normal; }
   #events-a .main h3 span { color: #fc0; font-weight: bold; }
  #events-a .main .empty { font-weight: bold; color: #fc0; }
  #events-a .main .day { position: relative; width: 480px; padding: 5px 0 15px 95px; background: url(../images/sep-hor-b.png) 0 100% repeat-x; margin: 0 0 15px; }
   #events-a .main .day h4 { position: absolute; left: 0; top: 0; width: 50px; height: 53px; margin: 0; padding: 10px; background: url(../images/ico-calendar.png) no-repeat; text-align: center; color: #000; text-indent: -999em; overflow: hidden; }
    #events-a .main .day h4 span { display: block; text-indent: 0; font-size: 30px; font-weight: bold; font-family: Verdana,Helvetica,Arial,sans-serif; }
   #events-a .main .day .weekday { color: #fc0; margin: 0; font: bold 1.8em "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif; }
   #events-a .main .day .event { position: relative; margin: 0 0 15px; padding: 15px 0 0; background: url(../images/sep-hor.png) repeat-x; width: 100%; }
   #events-a .main .day .event-first { padding: 0; background: none; }
    #events-a .main .day .event h5 { font-size: 1.5em; color: #fc0; margin: 0; }
    #events-a .main .day .event .dates { font-size: 1.1em; font-style: italic; margin: 0 0 5px; }
    #events-a .main .day .event p { margin: 0; line-height: 1.5; }
     #events-a .main .day .event p span { color: #fc0; }
    #events-a .main .day .event .map { position: absolute; right: 0; bottom: 0; margin: 0; font-size: 1.1em; }
     #events-a .main .day .event .map a { display: block; padding: 30px 0 0; text-align: center; background: url(../images/ico-map.png) 50% 0 no-repeat; }
     #events-a .main .day .event .gmap-wrap { position: absolute; left: -999em; }

 #events-a .aside { position: relative; float: right; width: 200px; padding: 0; }
  #events-a .aside .nav { position: relative; width: 175px; margin: 0 0 8px 25px; text-align: center; font-weight: bold; line-height: 1; color: #fc0; text-transform: uppercase; }
   #events-a .aside .nav a { position: absolute; top: 0; width: 11px; height: 15px; text-indent: -999em; overflow: hidden; }
   #events-a .aside .nav a.prev { left: 0; background: url(../images/arrow-yellow-left.png) no-repeat; }
   #events-a .aside .nav a.next { right: 0; background: url(../images/arrow-yellow.png) no-repeat; }
  #events-a .aside table { width: 100%; border-collapse: collapse; border: none; margin: 0 0 15px; }
   #events-a .aside table td, #events-a .aside table th { font-weight: normal; font-size: 1em; vertical-align: middle; border: 1px solid #000; padding: 0; width: 12.5%; }
   #events-a .aside table th { color: #666; }
   #events-a .aside table th a { color: #666; }
   #events-a .aside table td { background: #333; }
    #events-a .aside table a { display: block; padding: 5px 0; color: #fff; text-decoration: none; text-align: center; }
    #events-a .aside table a.event { background: #fc0; color: #000; font-weight: bold; }
    #events-a .aside table a:hover, #events-a .aside table a.selected { background: #999; color: #000; }

    #events-a .aside table td > a.event:hover, #events-a .aside table a.selected.event { background: #fc0; border: 3px solid #fff; padding: 2px 0; color: #000; }

 #events-a .aside .filter { margin: 0; padding: 0 0 0 20px; list-style: none; }
  #events-a .aside .filter li { margin: 0 0 5px; color: #fc0; }

 #events-a .aside button { }
 .hide {display:none;}
 .catalogueItemNotFound {display:none;}
 .products-a ul {margin:0px; padding:0px;}
 .products-a li {list-style-type:none; font-size:1em;}
 
/* shopping cart */
 .cart table { width: 100% }
  .cart table th,
  .cart table td { border: none; }
  .cart table thead th { padding: 9px 0; color: #fff; background: url(../images/cart-header-bg.png) 0 0 repeat-x; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; text-align: left; }
  .cart table thead .col1 { width: 306px; padding-left: 25px; }
  .cart table thead .col2 { width: 90px; }
  .cart table thead .col3 { width: 89px; }
  .cart table thead .col4 { width: 59px; }
  .cart table thead .col5 { width: 66px; }

  .cart table tfoot .subtotal {  }
  .cart table tfoot .subtotal td,
  .cart table tfoot .subtotal th { padding: 19px 0 12px 0; font-size: 1.4em; color: #5a5b5d; text-align: left; font-weight: bold; }  
  .cart table tfoot .subtotal .col1 { padding-left: 0 !important; }
   .cart table tfoot .subtotal .col1 div { margin-left: 24px !important; padding-left: 1px !important;  }
   .cart table tfoot .subtotal .col6 div { margin-right: 24px !important;  }
  .cart table tfoot .col1 { padding-left: 25px !important; }   
  .cart table tfoot .subtotal div { padding-bottom: 14px; border: 1px dashed #d0d2d3; border-width: 0 0 1px 0; }
  .cart table tfoot .shipping th { text-align: left; font-weight: normal;  }
  .cart table tfoot .shipping .col5,
  .cart table tfoot .shipping .col6 { padding: 0; }
  .cart table tfoot .discounts .col5,
  .cart table tfoot .discounts .col6 { padding: 0; }
  .cart table tfoot label { display: block; float: left; width: 174px; padding-top: 2px; }
  .cart table tfoot input.textInput { float: left; width: 174px; padding: 4px 3px; border: 1px solid #949496; line-height: 1.2em; }
  .cart table tfoot input.update { float: left; color: #5a5b5d; text-decoration: underline; padding: 4px 3px; background: none; border: none; font-size: 0.9em; line-height: 1.2em; text-align: left; cursor: pointer; }
  .cart table tfoot input.update:hover { text-decoration: none; }
  .cart table tfoot select { width: 182px; padding: 4px 3px; border: 1px solid #949496; line-height: 1.2em; }
  .cart table tfoot .total td,
  .cart table tfoot .total th { padding: 14px 0 0 0; color: #000; font-size: 2em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
  .cart table tfoot .total div { padding-top: 20px; border: 1px dashed #d0d2d3; border-width: 1px 0 0 0; }
  .cart table tfoot .total .col1 { margin-left: 24px !important; text-align: right; }
   .cart table tfoot .total .col1 div { padding-right: 5px; }
  .cart table tfoot .total .col5 div { margin-right: 24px !important; }

  .cart table tbody tr.val td,
  .cart table tbody tr.val th { padding: 7px 8px; color: #fff; font-size: 1.3em; vertical-align: middle; background: #333; }
   .cart table tbody tr.val .productitemcell { padding: 7px 0; }
   .cart table tbody tr.val .quantity .productitemcell { padding: 6px 5px; }
  .cart table tbody tr.val .col1 { padding-left: 24px; width:510px;}
    .cart table tbody tr.val .col6 { font-size: 1.1em; }
     .cart table tbody tr.val .col6 .productitemcell { padding: 8px 5px; }
      .cart table tbody tr.val .col6 a { color: #5a5b5d; }
      .cart table tbody tr.val .col6 a:hover { color: #5a5b5d; text-decoration: none; }
    .cart table tbody tr.val .quantity input { width: 50px; padding: 0 0 0 5px; border: 1px solid #acadae; background: #acadae; line-height: 1.2em; }

  .cart table tbody th { font-weight: normal; text-align: left; }
  .cart table tbody th a { color: #fff; }
  .cart table tbody th a:hover { color: #fff; text-decoration: none; }

  .actions { float: right; list-style: none; margin: 0; padding: 0 0 50px 24px; }
   .actions li { float: left; padding: 9px 21px 0 11px; font-size: 1.5em; }
   .actions li.last { padding: 0 27px 0 6px; }
    .actions li .link-b { padding-left: 24px; color: #5a5b5d; background: url(../images/bullet-3.png) 0 50% no-repeat; text-decoration: none; }
    .actions li .link-b:hover { color: #5a5b5d; text-decoration: underline; }
	
	
	
.system-message, .system-error-message {margin:0px; padding:0px; padding:25px;}
.var {font-weight:bold;}
table th, table td {border:0px; padding:5px;}
.catalogueTable {display:none;}
.relatedProds {display:none;}

td.productItem {width:166px;}
.cartAction a{font-weight:bold; color:#003656 !important;}
.cartAction a:hover{font-weight:bold; color:#003656;}

/* My Account */
/*  Order List
-------------------------------------*/
ul.order-list { width: 100%; border: none; list-style: none; padding: 0; margin: 0; }
ul.order-list li { padding: 10px; border-bottom: #CCCCCC dashed 1px; }
ul.order-list li:hover { /* background: #F3F3DB; */}
ul.order-list li.head { background-color: #333; font-weight: bold; border: none; height:40px;}
ul.order-list li span { display: block; float: left; padding-top:10px; }
ul.order-list li div span { float: none;}
ul.order-list li span.invoice-number { width: 65px;}
ul.order-list li span.invoice-date { width: 100px; }
ul.order-list li span.invoice-amount { width: 75px; }
ul.order-list li span.invoice-status { width: 400px; }
ul.order-list li div { width: 250px; float: left; padding-top:10px;}
ul.order-list li span.invoice-action { width: 75px; }



/*  Order List Table
-------------------------------------*/
table.order-list { width: 100%; border: none; }
table.order-list tbody tr.alt,
table.order-list thead tr { background-color: #F3F3DB }
table.order-list thead tr { font-weight: bold; }
table.order-list tr td { padding: 10px; border: none;}
table.order-list tbody tr td span.invoice-number { display: block; }
table.order-list tbody tr td.outstanding-balance { font-weight: bold; font-size: 1.2em; color: red; }


/*     Notices
-------------------------------------*/
#notice-slider { padding: 20px; color: #fff; font-weight: bold; display: none; margin: 0 0 20px 0; font-size: 1.4em; }
.alarm { background-color: red; }
.caution { background-color: #666; }


/*     Recent Activity
-------------------------------------*/

#recentActivity {overflow:hidden; font-size:1em; background-color:#333; font-weight:bold; height:17px; padding:10px;}
#recentActivity .subject {width:243px; float:left;}
#recentActivity .category {width:237px; float:left;}
#recentActivity .status {width:107px; float:left;}
table.case-list td.subject, table.case-list td.category {width:240px;}
a#catshopclear {font-size:14px;}

.discountcodeInput {
border:1px solid #949496;
float:left;
line-height:1.2em;
padding:4px 3px;
width:174px;
}

input#DiscountCode, input#GiftVoucher  {width:174px;}

.cartLink {font-size:18px; color:#fff; text-transform:capitalize;}
.form-b input {border:1px solid #D0D2D3;
line-height:1 !important;
padding:5px 2px;
width:277px;}
#catwebformbutton{width:100px;}
.go-back a{color:#ADADAE;}

.auto {width:auto;}
.box-k a {color:#FFCC00;}
.cart table tbody tr.val .quantity input {background:#fff; width:25px;}

.module-calendar ul {margin:0px; padding:0px; border:none;}
.module-calendar ul li {background:none;}
table.module-calendar td ul {margin:0px 0px 0px -45px;}
.box-e .bookingDate, .box-e .bookingBody {display:none;}
.text-section  .bookingDate {display:none;}

.products-a .submit {cursor:pointer;}

/* checkout form */    
 .checkout-form { overflow: hidden; width: 100%; margin:0 0 0 125px;}
  .checkout-form fieldset { clear: both; overflow: hidden; padding-bottom: 25px; border: none; }
  .checkout-form .section { position: relative; overflow: hidden; display: block; margin: 0 0 18px 0; padding: 0 0 0 106px; border: none; }
  .checkout-form .last-section { margin: 0 0 10px 0 !important; }
  * html .checkout-form .section { width: 540px; }
  *:first-child+html .checkout-form .section { width: 540px; } 
  .checkout-form .section h3 { position: absolute; left: 0; top: 26px; width: 106px;  margin: 0; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #888; line-height: 0px; }
   .checkout-form .instructions h3 { }
   .checkout-form .section div { padding: 0 15px 0 0; float: left; }
   .checkout-form .section div.last-in-a-row { padding: 0; }
    .checkout-form .section div label { display: block; padding: 0 0 3px 2px; color: #999; white-space: nowrap; font-size: 1.1em; }
    .checkout-form .section div label em { font-style: normal; color: #666; }
    .checkout-form .section div input { padding: 4px 3px; border: 1px solid #b9b9ba; line-height: 1.2em; }

   .checkout-form .field-a input { width: 250px; }
   .checkout-form .field-b input { width: 113px; }
   
	.checkout-form .section .checkbox { float:left; }
   .checkout-form .section .checkbox input { width: auto; margin: 0 6px 0 0; padding: 0; border: none; display:inline; vertical-align:middle; }
   .checkout-form .section .checkbox label { display: inline; vertical-align: middle; }
   .checkout-form .section .checkbox p { margin-bottom: 8px; }

   .checkout-form .nolabel { padding-top:11px; }
   .checkout-form .nolabel h3 { top: 12px; }
   .checkout-form .instructions div {  }

   .checkout-form #credit-card-information .section { margin-bottom: 8px; padding: 0 0 0 130px;  }
   * html .checkout-form  #credit-card-information .section { width: 500px; }
   *:first-child+html .checkout-form  #credit-card-information .section { width: 500px; } 
    .checkout-form #credit-card-information .section h3 { top: 5px; width: 130px; text-align: left; }
     .checkout-form #credit-card-information div label em {  }
     .checkout-form #credit-card-information div .label-a { display: inline; vertical-align: middle; }
      .checkout-form #credit-card-information div .label-a img { vertical-align: middle; }
     .checkout-form #credit-card-information div.radio { height: 27px; }
      .checkout-form #credit-card-information div.radio input { margin-top: 6px; vertical-align: top; border: none; }
     
     .checkout-form #credit-card-information select { padding: 3px 3px; border: 1px solid #b9b9ba; }
     .checkout-form #credit-card-information .expiration h3,
     .checkout-form #credit-card-information .credit-card h3 { top: 5px; }
     .checkout-form #credit-card-information .credit-card select { width: 258px; }
     .checkout-form #credit-card-information .expiration div { padding-right: 15px; }
      .checkout-form #credit-card-information .expiration div select { width: 121px; }
     .checkout-form #credit-card-information input.a { width: 274px; }
     .checkout-form #credit-card-information input.b { width: 125px; }
     .checkout-form #credit-card-information a.ccv-link { padding-left: 10px; color: #5a5b5d; font-size: 1.1em; }
     .checkout-form #credit-card-information a.ccv-link:hover { color: #5a5b5d; text-decoration: none; }

   .checkout-form #order-summary { overflow: hidden; width: 100%; }
    .checkout-form #order-summary div { float: left; padding: 5px 50px 0 0; }
    .checkout-form #order-summary p { margin: 0; color: #fff; font-size: 2em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }
     .checkout-form #order-summary p span {  }
     .checkout-form #order-summary p span#order-summary-value {   }
     .checkout-form #order-summary input { display: none; }
     .checkout-form .submit { float: left; padding-top: 4px; }
     .checkout-form .submit button { margin: 0; padding: 0; border: none; background: none; }
	 .catCartDetails {width:700px; margin:0px auto;}
.shippingDivy {margin-left:0px; margin-top:20px;}
.box-k h2 {margin:15px 0;}
#lostPass {display:none;}
#registerForm {display:none;}
.show {display:block;}

.form-b { margin-top: 20px; padding-top: 17px;  border-width: 1px 0 0 0; }
  .form-b h3 { margin-bottom: 10px; color: #FFCC00; font-size: 2.6em; font-weight: normal; }
  .form-b p { overflow: hidden; width: 100%; margin-bottom: 6px; font-size: 1.1em; }
   .form-b p label { display: block; float: left; width: 125px; padding-top: 4px; text-align:left; padding-right:10px;}
   .fields-a h4 {color:#facf07; border-bottom:1px solid #333333; margin:15px 0px; padding:0 0 15px 0;}
   .form-b p input, .input-txt { width: 200px; padding: 5px 2px; border: 1px solid #d0d2d3; line-height: 1 !important; }
   .form-b p textarea { width: 540px; height: 61px; padding: 5px 2px; border: 1px solid #d0d2d3; }
   .form-b p.chbox label { display: inline; float: none; width: auto; padding: 0 0 0 4px; }
  .form-b p.chbox { padding-top: 4px; }
   .form-b p.chbox input { width: auto; padding: 0; border: none; }
  .form-b p.btn { padding-top: 13px; }
   .form-b p.btn button { margin: 0; padding: 0; border: none; background: none; }
.catProdAttributeTitle {width:60px; float:left;}
.catProdAttributeItem {float:left;}

#shippingCountrySpan, #shippingSpan, #shippingStateSpan {
display:block;
float:left;
padding-top:2px;
width:174px;
}

.shippingCountryDiv, .shippingDiv, .shippingStateDiv {padding:5px 0px;}

.orderHistory {position:relative; overflow:hidden; background:#333333; padding:10px 0; }
.orderHistory p {margin-bottom:0px; font-weight:bold;}
.orderHistory p.invoice {float:left; width:100px; padding-left:10px;}
.orderHistory p.date {float:left; width:195px;}
.orderHistory p.status {float:left; width:100px;}
.orderHistory p.orderName {float:left; width:100px;}
.orderHistory p.action {float:left; width:65px;}
.orderHistory p.invoice {float:left; width:287px;}
.no-bg {background:none;}
.no-bg p {font-weight:normal;}

/* .events-intro img {width: 545px; height:362px;} */


/* New Rotator */
div.intro {width:100%; overflow:hidden; position:relative;}
div.intro div.image {position:relative; z-index:10;}
div.intro div.image h1 {position:absolute; top:50px; left:50px; z-index:20;}

div.links-bar p a {background:url("../images/arrow-yellow-b.gif") no-repeat scroll 100% 5px transparent; padding-right:10px;}


 .newsletter-signup > p { margin: 0 0px 15px; color: #a3cddb; }
  .newsletter-signup  p { position: relative; overflow: hidden; width: 100%; color: #a3cddb; float:left; width:170px;}
  .newsletter-signup  input { width: 150px; height: 19px; padding: 0 10px; border: 0px; line-height: 25px; background:#fff; }
  .newsletter-signup  label { position: absolute; top: 1px; left: 10px; color: #999999; font: 11px/18px "Lucida Grande", Arial, Verdana, sans-serif;   }
  .newsletter-signup  button { display: block; width: 21px; height: 19px; border: 0 none; background: transparent url(../images/btn-newsletter-submit.gif) 0 0; color: #fff; text-indent:-999em;}
  .newsletter-signup button:hover, .newsletter-signup form button:focus, .newsletter-signup form button:active { background-position: bottom; cursor:pointer; }
  p.submit {}
  p.intro {width:121px !Important; color:#fff;}
  div.content-wrapper p {line-height:1.4em;}
  
  
  div.contact-cols {width:100%; overflow:hidden; position:relative; padding: 25px 0; font:1em "Trebuchet MS",Vedana,Geneva,Arial,Helvetica,sans-serif;}
div.contact-cols .col-a {float:left; width:320px; padding-right:10px;}
div.contact-cols .col-b {float:left; width:310px;  padding-right:10px;}
div.contact-cols .col-c {float:left; width:310px; }

div.contact-cols h2 {color:#ffcc00; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px;}


  div.contact-cols dl dt {    float: left;font-weight: bold;margin-right: 5px;width:90px; padding:0 0 15px 0px;}
  div.contact-cols dl dd { width:165px; float:left; padding:0 0 15px 0px;   margin-left: 0;} 
  
  div#cart-a p span.cartHide, p#checkout-a,div#relatedProds {display:none;}
  
  
  /* gallery */
 
#gallery { min-height: 679px; margin-bottom: 40px; padding: 0px;  }
#gallery:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
* html #gallery { height: 679px; }
html* #gallery { zoom: 1; }
 #gallery .data { list-style: none; margin: 0; padding: 0; }
 .js #gallery .data { display: none; }
  #gallery .data li { position: relative; margin-bottom: 10px; }
   #gallery .data li img { display: block; }
   #gallery .data li .thumb { display: none; }
 #main-photo { position: relative; z-index: 90; height: 607px;  }
  #main-photo ul { list-style: none; margin: 0; padding: 0; }
   #main-photo ul li { float: left; position: absolute; left: 0; top: 0; z-index: 10; overflow: hidden; width: 100%; background: #000; }
    #main-photo ul li .full { position: relative; display: block; width: 960px; height: 607px; background-repeat: no-repeat; background-position: 50% 50%;  }
     #main-photo ul li .full img { display: none; }
   #main-photo ul li.active { z-index: 30; }
   #main-photo ul li.nextItem { z-index: 20; }
    #main-photo .description, #gallery .data .description { position: absolute; z-index: 100; left: 0; bottom: 0; width: 960px; padding: 17px 30px; background: transparent url(../images/gallery-description-bg.png); background: rgba(0, 0, 0, 0.5); color: #fff; font: 11px/1.5 Georgia, serif; font-style: italic; }
    .js #main-photo .description { display: none; width:900px;}
    .js .thumbnails ul li.active:hover .description { display: block; }
     #gallery .description span { display: block; }
      #gallery .description span em { font: 12px Arial, sans-serif; font-style: normal; }
     #gallery .description a { color: #dede87; }
	 
	 #gallery .description em {font-family:Verdana, Arial, Helvetica, sans-serif !important; font-style:normal !Important; font-size:1em;}
	 #gallery .description span.heading {font-size:3em; color:#fecd08; font-family:Georgia, "Times New Roman", Times, serif !important; font-size:16px; text-transform:uppercase; font-style:normal;}
	  #gallery .description em.category {display:none;}
	  
	  
  #main-photo .prev, #main-photo .next { position: absolute; top: 20px; z-index: 100; overflow: hidden; width: 39px; height: 522px; margin-top: -19px;/*  background: transparent url(../images/gallery-prev-next.png) 0 0 no-repeat; */ text-indent: -1000em; opacity: 0.0; }
  * html #main-photo .prev, * html #main-photo .next { /* background-image: url(../images/gallery-prev-next-ie6.png); */ }
  
  #main-photo .prev { left: 0; }
  #main-photo .next { right: 0; background-position: -44px 0; }
 .gallery-nav { float: left; width: 50%; margin-top: 35px; }
  .gallery-nav .carousel-wrap { position: relative; z-index: 200; }
  * html .gallery-nav .carousel-wrap { height: 28px; }
  .gallery-nav:after, .gallery-nav .carousel-wrap:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; }
   .gallery-nav .carousel-wrap button { overflow: hidden; float: left; width: 10px; height: 11px; margin-top: 6px; background: transparent url(../images/gallery-nav-buttons.png) 0 0 no-repeat; font-size: 1px; line-height: 1px; text-indent: -1000em; border:0px;}
    .gallery-nav .carousel-wrap button.carousel-prev { margin-right: 6px; }
    .gallery-nav .carousel-wrap button.carousel-prev:hover, .gallery-nav .carousel-wrap button.carousel-prev:focus, .gallery-nav .carousel-wrap button.carousel-prev:active { background-position: -30px 0; }
    .gallery-nav .carousel-wrap button.carousel-next { margin-left: 3px; background-position: -15px 0; }
    .gallery-nav .carousel-wrap button.carousel-next:hover, .gallery-nav .carousel-wrap button.carousel-next:focus, .gallery-nav .carousel-wrap button.carousel-next:active { background-position: -45px 0; }
    .gallery-nav .carousel-wrap button.button-disabled { visibility: hidden; }
   .gallery-nav .thumbnails-nav { float: left; overflow: hidden; }
  .slideshow .carousel-wrap { display: none; }
    .gallery-nav .thumbnails-nav ul { list-style: none; width: 100%; margin: 0; padding: 0; }
     .gallery-nav .thumbnails-nav li { display: inline; margin: 0; }
      .gallery-nav .thumbnails-nav a { float: left; width: 25px; height: 24px; padding: 0 3px 4px 0; background: transparent url(../images/gallery-thumbnails-nav-bg.png) 0 0 no-repeat; color: #fecd08; font-size: 11px; line-height: 24px; text-align: center; outline: none; }
	  
	  a.info {color:#fecd08 !important; font-style:normal !important;}
	  
	  .gallery-nav .thumbnails-nav a:hover {color:#000 !Important;}
	  
	  .gallery-nav .thumbnails-nav li.active a {color:#000 !Important;}
	  
	 #gallery  button { border:0px;}
	  
      * html .gallery-nav .thumbnails-nav a { background-image: url(../images/gallery-thumbnails-nav-bg-ie6.png); }
      .gallery-nav .thumbnails-nav a:hover, .gallery-nav .thumbnails-nav a:focus, .gallery-nav .thumbnails-nav a:active, .gallery-nav .thumbnails-nav li.active a { position: relative; background-position: -28px 0; text-decoration: none; }
   .gallery-nav .carousel-wrap span.thumb { display: none; position: absolute; top: -79px; z-index: 100; padding-bottom: 9px; background: transparent url(../images/gallery-thumbnail-pointer.png) 50% 100% no-repeat; }
   * html .gallery-nav .carousel-wrap span.thumb { background-image: url(../images/gallery-thumbnail-pointer-ie6.png); }
    .gallery-nav .carousel-wrap span.thumb img { display: block; border: 4px solid #fff; }
	
	span.category {color:#fecd08;}
   
  .gallery-nav .slideshow-nav { color: #fff; font: bold 12px Georgia, serif; }
  .thumbnails .slideshow-nav { display: none; }
   .gallery-nav .slideshow-nav .category { margin-right: 5px; }
   .gallery-nav .slideshow-nav .info { margin-left: 5px; }
   .gallery-nav .slideshow-nav button { position: relative; top: 2px; overflow: hidden; width: 7px; height: 9px; margin: 0 3px; background: transparent url(../images/gallery-nav-buttons.png) -3px -16px no-repeat; text-indent: -1000em; border:0px;}
   html* .gallery-nav .slideshow-nav button { top: -3px; }
   .gallery-nav .slideshow-nav button:hover, .gallery-nav .slideshow-nav button:focus, .gallery-nav .slideshow-nav button:active { background-position: -27px -16px; }
   .gallery-nav .slideshow-nav button.next { background-position: -15px -16px; }
   .gallery-nav .slideshow-nav button.next:hover, .gallery-nav .slideshow-nav button.next:focus, .gallery-nav .slideshow-nav button.next:active { background-position: -39px -16px; }
   html* .gallery-nav .slideshow-nav .current, html* .gallery-nav .slideshow-nav .max { margin: 0 2px; }
   .gallery-nav .slideshow-nav a { color: #868431; font-style: italic; font-weight: normal; }
 .toggle-gallery-view { float: right; margin: 33px -2px 0 0; }
  .toggle-gallery-view button { float: left; width: 110px; height: 29px; margin-left: 6px; padding: 0; background: none;    border: 0 none; }
   .toggle-gallery-view button span { display: block; height: 29px; padding-left: 30px; background: transparent url(../images/gallery-toggle-view-buttons.png) 0 0 no-repeat; color: #fecd08; font: 10px/24px Georgia, serif; text-align: left; text-transform: uppercase; text-indent:-999em; }
   
   .toggle-gallery-view button span.active {color:#000 !Important;}
   .toggle-gallery-view button.slideshow span:hover {color:#000 !Important;}
   
  .toggle-gallery-view button.slideshow span {}
   .toggle-gallery-view button.slideshow span.active, .toggle-gallery-view button.slideshow:hover span, .toggle-gallery-view   button.slideshow:focus span, .toggle-gallery-view button.slideshow:active span { background-position: 0 -37px; }
  .toggle-gallery-view button.thumbnails span { background-position: -114px 0; }
   .toggle-gallery-view button.thumbnails span.active, .toggle-gallery-view button.thumbnails:hover span, .toggle-gallery-view button.thumbnails:focus span, .toggle-gallery-view button.thumbnails:active span { background-position: -114px -37px; color:#000;}

 
.contactForm p.submit , .contactForm p.submit  {width:auto !Important;}

li#fb-bar-link a {text-indent:0px !important;  padding: 2px 10px;}

div.header ul {margin-right:0px !important;}

div.essay-landing div.item h2 {border:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
div.essay-landing .categories-b {width:960px;left:0px;}

div.essay-landing .categories-b .item {width:301px; margin:0 0 40px 18px !important;}

div.motion-landing div.item h2 {border:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
div.motion-landing .categories-b {width:960px;left:0px;}

div.motion-landing .categories-b .item {width:301px; margin:0 0 40px 18px !important; position:relative;}
div.motion-landing .categories-b .item a.btn-play {background:url("/temp/btn-play.png") no-repeat scroll 50% 50% transparent; display:block; width:83px; height:56px; position:absolute; top:67px; left:106px;}