/* Stylesheet for pris54.co.uk   */
/* By Paula Molinero (2009)      */

body,p,div,a {
  font-family:Arial,Tahoma,Verdana,sans-serif;
  font-size:12px;
  color:#000000;
}

body {
  margin:0;
  background-color:#FFFFFF;
}

form {
  padding:0px;
  margin:0px;
}

img { border:0px; }
img.ants-borders {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}

div.container {
  width:940px;
  position:relative;
}

a,
a:link,
a:visited,
a:active,
a:hover {
  color:#f20000;
  text-decoration:none;
  background-color:transparent;
}
a:hover {
  background-color:#f20000;
  color:#FFFFFF;
}


/* ___ Commons _________________________________________ */

#fs10,
.fs10 {
  font-family:Tahoma,Arial,Verdana,sans-serif;
  font-size:10px;
}
#fs11,
.fs11 {
  font-family:Tahoma,Arial,Verdana,sans-serif;
  font-size:11px;
}
#fs12,
.fs12 {
  font-size:12px;
}
#fs13 {
  font-size:13px;
}

#active-color,
.active-color { color:#666666; }

#grey-11,
.grey-11 {
  font-size:Tahoma,Arial,Verdana,sans-serif;
  font-size:11px;
}

.grey-11 a { font-size:11px; }
  font-size:11px;
}

.grey-11 a:hover  {
  text-decoration:underline;
}

div.loader {
  position:fixed;
  top:7px;
  right:10px;
  z-index:40;
}

span.loader-w {
  background-color:#f20000;
  color:#FFFFFF;
}

input, file, select, submit, area, textarea {
  font-family: Arial, Tahoma, sans-serif;
  font-size:12px;  
  color:#000000;
  background-color:#F2F2F2;
  padding:3px;
  border:1px solid #e4e4e4;
}
select { padding:2px; }

.required {
  border-left:4px solid #CCCCCC;
  border-top:1px solid #e4e4e4;
  border-bottom:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;
}
.required-txt {
  border-left:4px solid #CCCCCC;
  padding-left:6px;
  font-size:11px;
}

checkbox,radio { border:0 }

input[type="checkbox"], input[type="radio"] {
  background: transparent;
  border: 0;
}

.btn-on {
  font-size:11px;
  color:#666666;
  background-color:#e4e4e4;
  border:1px solid #CCCCCC;
}

.error {
  color:#f20000;
  font-size:11px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
}

.scripting {
  border-left:3px solid #103ac3;
  padding-left:8px;
  font-family:courier,monospace,sans-serif;
  font-size:12px;
  color:#103ac3;
}
.courier {
  font-family:courier,"new courier",monospace;
  font-size:12px;
  color:#103ac3;
}

div.nav-links { padding-top:6px; }
div.nav-links span.sep {
  padding-left:4px;
  padding-right:4px;
  color:#CCCCCC;
}
.border-3px { border:3px solid #344A4E; }

#highlight-on,
.highlight-on {
  background-color:/*#bee79a;*/#fefbb7;
}
.highlight-off {
  background-color:transparent;
  color:#000000;
}

img.about-img {
  margin:2px 5px 0px 0px;
  border-top:1px solid #344A4E;
  border-bottom:1px solid #344A4E;
  border-left:1px solid #344A4E;
  border-right:10px solid #344A4E;
}

div.clear-with-line {
  line-height:11px;
  clear:both;
  border-bottom:1px dotted #CCCCCC;
}

span.note {
  border-bottom:1px dotted #CCCCCC;
  cursor:help;
}

.highlight { background-color:#3F585C; }

.clear { clear:both; }

.clear-and-line {
  clear:both;
  border-bottom:1px solid #344A4E;
}

#no-border { border:0px; }

div#buttons { padding-top:6px; }

div#p-top { padding-top:10px; }
div#myLocation {
  width:306px;
  height:220px;
  border:1px solid #999999;
}

div.dots {
  background-image:url(../img_REPOSITORY/dot_line.jpg);
  background-position:0px 3px;
  background-repeat:repeat-x;
}

#width-850 { width:850px; }


/* ___ Position container ______________________________ */

div.pos-container {
  position:relative;
  z-index:8;
  left:0px;
}


/* ___ Right column ____________________________________ */

div.right-nav { }

div.right-nav a,
div.right-nav a:link,
div.right-nav a:active,
div.right-nav a:visited,
div.right-nav a:hover {
  display:block;
  width:305px;
  padding:6px 0px 6px 1px;
  border-bottom:1px dotted #CCCCCC;
}

div.right-nav a:hover {
  background-color:#F2F2F2;
  color:#f20000;
}

/* ___ Menu ____________________________________________ */

div.menu-container {
  background-color:#FFFFFF;
  padding-bottom:6px;
  width:850px;
  position:relative;
  z-index:10;
  height:22px;
  border-bottom:1px solid #000000;
}

div.menu-container-wrap {
  font-size:10px;
  padding:8px 0px 6px 0px;
  text-align:left;
  float:left;
  width:500px;
}

div.menu-container-wrap a,
div.menu-container-wrap a:link,
div.menu-container-wrap a:visited,
div.menu-container-wrap a:active,
div.menu-container-wrap a:hover {
  font-size:10px;
  color:#000000;
  text-decoration:none;
  background-color:transparent;
}

div.menu-container-wrap a:hover,
div.menu #active-link {
  color:#FFFFFF;
  background-color:#f20000;
}

div.menu-container-wrap span.sep {
  font-size:10px;
  color:#D1DDDC;
  padding:0px 4px 0px 4px;
}

div.menu-container-wrap #mmenu {}
div.menu-container-wrap #mmenu-active {
  color:#FFFFFF;
  background-color:#f20000;
}
  
div.menu-container-wrap-2 {
  padding:8px 0px 6px 0px;
  text-align:right;
  float:right;
  width:350px;
  color:#e1e1e1;
}

div.menu-container-wrap-2 a,
div.menu-container-wrap-2 a:link,
div.menu-container-wrap-2 a:visited,
div.menu-container-wrap-2 a:active,
div.menu-container-wrap-2 a:hover {
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  color:#000000;
  font-style:italic;
  background-color:transparent;
}

div.menu-container-wrap-2 a:hover {
  background-color:#F2F2F2;
}


/* ___ Title + identity badget header __________________ */

@font-face {
  font-family: "Georgia";
  src: url(http://pris.co.uk/fonts/georgiab.ttf) format("truetype");
}


div.title-identity-header {
  padding:30px 0px 10px 0px;
  width:850px;
}

div.title-identity-header div#title-left {
  float:left;
  width:500px;
  text-align:left;
}

div.title-l {
  font-family:Georgia,"Times New Roman",serif;
  color:#000000;
  font-size:22px;
  padding-bottom:4px;
}
div.title-s {
  font-family:Georgia,"Times New Roman",serif;
  color:#000000;
  font-size:13px;
  padding-bottom:4px;
}

div.title-identity-header div#title-right {
  float:right;
  width:140px;
  padding-right:5px;
  padding-top:33px;
  text-align:right;
}

div.title-identity-header div#title-right a,
div.title-identity-header div#title-right a:link,
div.title-identity-header div#title-right a:active,
div.title-identity-header div#title-right a:visited {
  font-size:10px;
  color:#959595;
  text-decoration:none;
  background-color:transparent;
}
div.title-identity-header div#title-right a:hover {
  color:#f20000;
}

div.title-identity-header div#title-right span.sep {
  color:#d8e0e1;
  padding:0px 4px 0px 4px;
}

div.title-identity-header div#title-right a.menu-active-2 {
  color:#d8e0e1;
}

/*
div.identity-pic {
  float:left;
  width:46px;
}

div.identity-txt {
  float:left;
  width:80px;
  color:#000000;
  font-family:Arial,Tahoma,sans-serif;
  font-size:11px;
  text-align:left;
  line-height:16px;
}

div.identity-txt span { color:#9C0000; }
*/

/* ___ Image header ____________________________________ */

div.image-header {
  background-image:url(../img_REPOSITORY/ajax-loader-squares.gif);
  background-position:50% 125px;
  background-repeat:no-repeat;
  border-bottom:6px solid #000000;
  width:850px;
}

div.image-header img {
  margin:10px 2px 1px 0px;
}

/* ___ Headers _________________________________________ */

h1,h2,h3,h4 {
  font-family:Georgia,"Times New Roman",serif;;
  letter-spacing:0px;
  margin:0px;
  padding:0px 0px 6px 0px;
}

h1 { font-size:21px; padding-bottom:8px; }
h2 { font-size:19px; padding-top:2px; font-weight:normal; }
h3 { font-size:16px; padding-bottom:5px; font-weight:normal; }
h4 { font-size:13px; padding-bottom:0px; font-weight:normal; }

#border-b {
  margin:0px;
  border-bottom:1px dotted #CCCCCC;
}

.border-b2 {
  margin:0px;
  border-bottom:1px dotted #344A4E;
  background-image: url(../img_REPOSITORY/arrowflat.jpg);
  background-position:0px 4px;
  background-repeat:no-repeat;
  padding-left:17px;
}

#border-b3 {
  padding-top:8px;
  margin:0px;
  border-bottom:1px dotted #CCCCCC;
}

div.quick-reading {
  display:block;
  width:100px;
  position:absolute;
  top:24px;
  left:430px;
}

div.quick-reading a,
div.quick-reading a:link,
div.quick-reading a:visited,
div.quick-reading a:active {
  display:block;
  width:82px;
  background-color:transparent;
  background-image:url('../img_REPOSITORY/quickreadingoff.jpg');
}

div.quick-reading a:hover {
  display:block;
  width:82px;
  background-color:transparent;
  background-image:url('../img_REPOSITORY/quickreadingon.jpg');
}

/*
h2 a.quick-reading,
h2 a.quick-reading:link,
h2 a.quick-reading:visited,
h2 a.quick-reading:active,
h2 a.quick-reading:hover {
  background-color:transparent;
  font-family:Tahoma,Arial,sans-serif;
  font-size:10px;
  letter-spacing:0px;
  color:#76888b;
}

h2 a.quick-reading:hover {
  background-color:#fefbb7;
}

h2 a.quick-reading img {
  background-color:transparent; 
  margin-bottom:2px;
}
*/

h4#border-b {
  padding-top:8px;
  padding-bottom:5px;
  margin:0px;
  font-size:11px;
  font-family:Tahoma,Arial,sans-serif;
  border-bottom:1px solid #344A4E;
  color:#859699;
}


/* ___ Content container _______________________________ */

div.cnt-container {
  background-color:#FFFFFF;
  width:850px;
  padding-top:20px;
  padding-bottom:10px;
  position:relative;
}


/* ___ Homepage ________________________________________ */

div.home-entry-wrap { width:510px;}
div.home-entry-wrap img {
  border:1px solid #FFFFFF;
  margin-right:14px;
}

div.home-entry-wrap h3 {
  padding-bottom:0px; 
}

/* ___ About ___________________________________________ */

.pris54-txt {
  color:#000000;
  font-size:11px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
}

.pris54-txt a {
  font-size:11px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
}

/* ___ Contact _________________________________________ */

div.contact { }

div.contact div.contact-l,
div.contact div.contact-r,
div.contact div.contact-one {
  float:left;
  padding:5px 0px 4px 0px;
  text-align:left;
}

div.contact div.contact-l { width:80px; }
div.contact div.contact-r { width:230px; }
div.contact div.required {
  border-left:4px solid #CCCCCC;
  padding-left:6px;
  color:#000000;
  font-size:11px;
}

div.contact div.contact-one { width:310px; }

div.contact-loader {
  position:absolute;
  right:0px;
  top:23px;
}

div.contact-info { }

div.contact-info div.info-l {
  position:relative;
  top:-12px;
  float:left;
  width:265px;
}

div.contact-info div.info-r {
  padding-top:1px;
  float:left;
  width:255px;
  font-size:14px;
  line-height:19px;
}

div.contact-info div.info-r2 { font-size:12px; }

div.contact-info div.info-r span {
  padding:0px 5px 0px 5px;
  color:#CCCCCC;
}

div.contact-info div.info-r div.contact-info {
  padding-top:8px;
  font-size:11px;
  line-height:18px;
}

div.contact-info div.info-r a { font-size:14px; }
div.contact-info div.info-r div a { font-size:11px; }

div.contact-2pmlab-l {
  position:relative;
  top:-12px;
  float:left;
  width:290px;
  height:200px;
}

div.contact-2pmlab-r {
  position:relative;
  padding-top:5px;
  float:right;
  width:220px;
}

/* ___ News ____________________________________________ */

div.news-intro {}

div.news-intro div.n-title {
  font-family:Georgia,"Times New Roman",serif;;
  font-size:18px;
  padding:12px 0px 8px 0px;
}

div.news-intro div.n-meta {
  padding:3px 3px 3px 9px;
  background-color:#F2F2F2;
  font-family:Tahoma,Arial,Verdana,sans-serif;
  font-size:10px;
  color:#515151;
}

div.news-intro div.n-meta span.sep {
  padding:0px 5px 0px 5px;
  color:#CCCCCC;
}

div.news-intro div.n-intro {
  padding:8px 0px 8px 0px;
}

div.news-intro div.n-intro img {
  border:1px solid /*#999999*/#FFFFFF;
  margin:3px 14px 2px 0px;
  float:left;
}

div.n-view-full { padding:0; }

div.news-text {}
div.news-text div.n-title {
  font-family:Georgia,"Times New Roman",serif;;
  font-size:18px;
  padding:12px 0px 8px 0px;
}

div.news-text div.n-meta {
  padding:3px 3px 3px 9px;
  background-color:#F2F2F2;
  font-family:Tahoma,Arial,Verdana,sans-serif;
  font-size:10px;
  color:#515151;
}

div.news-text div.n-meta span.sep {
  padding:0px 5px 0px 5px;
  color:#CCCCCC;
}

div.news-text div.n-text {
  padding:16px 0px 8px 0px;
  border-bottom:1px dotted #344A4E;
}

div.news-text div.n-text img {
  border:1px solid /*#999999*/#FFFFFF;
  margin:3px 12px 2px 0px;
  float:left;
}


/* ___ Boxes and borders ________________________________ */

div.box-1 {
  padding:12px 13px 12px 16px;
  font-size:13px;
  line-height:20px;
  background-color:#F0F0F0;
}

div.box-1 a,
div.box-1 a:link,
div.box-1 a:visited,
div.box-1 a:active,
div.box-1 a:hover { font-size:13px; }

div.box-2 {
  border:2px solid #344A4E;
  padding:10px 13px 10px 14px;
  font-size:12px;
  line-height:18px;
  color:#859699;
}

div.quote {
  border-left:5px solid #CCCCCC;
  padding:10px 14px 10px 18px;
  background-color:#F2F2F2;
  color:#777777;
}

div.quote span.highlight-on { background-color:#fefbb7; color:#142022; }
div.quote span.highlight-off { background-color:transparent; color:#859699; }

div.quote-2 {
  border-top:5px solid #202F31;
  padding:6px;
  background-color:#344A4E; 
}

div.quote-2 div {
  font-family:Arial,Tahoma,Verdana,sans-serif;
  font-size:11px;
  color:#859699;
}

div.quote-3 {
  border-left:5px solid #344A4E;
  padding:0px 0px 0px 10px;
}

div.quote-4 {
  margin:0px;
  border-left:5px solid #202F31;
  padding:3px 10px 6px 14px;
  background-color:#344A4E;
  color:#859699;
}

div.quote-5 {
  border-left:5px solid #202F31;
  padding:10px 6px 12px 39px;
  padding-top:8px;
  color:#859699;
  font-size:11px;
  font-family:Arial,Tahoma,Verdana,sans-serif;
  background-color:#344A4E;
  background-image:url(../img_REPOSITORY/alert2.gif);
  background-position:9px 16px;
  background-repeat:no-repeat;
}

div.quote-6 {
  border:1px solid #E8E8E8;
  padding:6px 8px 6px 12px;
  background-color:#F2F2F2;
  font-family:Tahoma,Arial,sans-serif;
  font-size:11px;
  color:#626262;
}

div.small-note {
  font-family:Tahoma,Arial,sans-serif;
  font-size:11px;
  color:#626262;/*#859699;*/
}


/* ___ Floating divs ___________________________________ */

div.cnt-container div#left-3,
div.cnt-container div#middle-3,
div.cnt-container div#right-3 {
  text-align:left;
  line-height:17px;
}

/* 1st set: 3 columns */
div.cnt-container div#left-3 {
  float:left;
  width:262px;
  padding-right:22px;
}

div.cnt-container div#middle-3 {
  float:left;
  width:262px;
}

div.cnt-container div#right-3 {
  float:right;
  width:262px;
}

/* 2nd set: 2 columns */
div.cnt-container div#left {
  text-align:left;
  line-height:17px;
  float:left;
  width:520px;
}
div.cnt-container div#right {
  text-align:left;
  line-height:17px;
  float:right;
  width:310px;
}

/* ___ Twitter feed ____________________________________ */

div.twitter-wrap {
  width:310px;
}

div.twitter-wrap div.img-header {
  padding-bottom:5px;
}

div.twitter {
  padding:0px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
  font-size:11px;
  color:#000000;
}

div.twitter a {
  font-size:11px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
}

div.twitter div.twitter-txt  {
  background-image:url(../img_REPOSITORY/bubble.jpg);
  background-repeat:no-repeat;
  background-position:0px 3px;
  text-indent:18px;
  padding-top:0px;
  padding-bottom:5px;
  font-size:12px;
  color:#000000;
}

div.twitter div.twitter-date {
  font-size:9px;
  color:#666666;
}
div.twitter div#dots {
  background-image:url(../img_REPOSITORY/dot_line.jpg);
  background-position:0px 4px;
  background-repeat:repeat-x;
}

/* ___ Flickr link _____________________________________ */

span.flickr {
  background-image:url(../img_REPOSITORY/flickr-link.jpg);
  background-repeat:no-repeat;
  background-position:0px 2px;
  padding-left:52px;
  color:#025ed0;
}

span.flickr a {
  background-color:transparent;
  color:#025ed0;
  font-size:11px;
  font-family:Tahoma,Arial,Verdana,sans-serif;
}

span.flickr a:hover {
  color:#FFFFFF;
  background-color:#025ed0;
}

/* ___ Bottom __________________________________________ */

div.bottom {
  border-top:3px solid #000000;
  width:850px;
  padding:10px 0px 10px 0px;
  height:45px;
}

div.bottom div.bottom-l {
  float:left;
  width:410px;
  text-align:left;
}

div.bottom div.bottom-l span.sep {
  padding:0px 5px 0px 5px;
  color:#CCCCCC;
}

div.bottom div.bottom-l a,
div.bottom div.bottom-l a:link,
div.bottom div.bottom-l a:visited,
div.bottom div.bottom-l a:active,
div.bottom div.bottom-l a:hover { 
  text-decoration:underline;
}

div.bottom div.bottom-l a:hover { 
  text-decoration:none;
}

div.bottom div.bottom-l a img { vertical-align:bottom; }

div.bottom div.bottom-r {
  float:right;
  width:440px;
  text-align:right;
}

div.bottom div.bottom-r a,
div.bottom div.bottom-r a:link,
div.bottom div.bottom-r a:visited,
div.bottom div.bottom-r a:active,
div.bottom div.bottom-r a:hover {
  padding-right:7px;
  border:0;
  background-color:transparent;
}

div.bottom div.bottom-r a img,
div.bottom div.bottom-r a:hover img {
  border:0px;
  vertical-align:top;
  background-color:transparent;
}


/* ___ Portfolio _______________________________________ */

div.portfolio-l,
div.portfolio-l-top {
  float:left;
  width:90px;
  text-align:left;
  padding-top:13px;
}

div.portfolio-l-top { padding-top:1px; }

div.portfolio-l a,
div.portfolio-l-top a { border:0px; }
div.portfolio-l a img,
div.portfolio-l-top a img { border:1px solid #CCCCCC; }
div.portfolio-l a:hover img,
div.portfolio-l-top a:hover img { border:1px solid #999999; }

div.portfolio-r,
div.portfolio-r-top {
  padding-top:11px;
  float:right;
  width:210px;  
  text-align:left;
}

div.portfolio-r-top { padding-top:1px; }

div.portfolio-r b { font-size:12px; }

div.port-fake-img {
  width:520px;
  height:300px;
  border:1px solid #CCCCCC;
}

div.port-fake-img-2 {
  width:520px;
  height:150px;
  border:1px solid #CCCCCC;
  overflow:hidden;
}

div.port-img {
  border:1px solid #CCCCCC;
}

div.portfolio-cnt-l {
  padding-top:3px;
  float:left;
  width:135px; 
}

div.portfolio-cnt-l div.list-1 {
  padding:0px 0px 3px 0px;
  border-bottom:1px dotted #CCCCCC;
}
div.portfolio-cnt-l div.list {
  padding:3px 0px 3px 0px;
  border-bottom:1px dotted #CCCCCC;
}

div.portfolio-cnt-l div span#yes { color:green; }
div.portfolio-cnt-l div span#no { color:#999999; }

div.portfolio-cnt-l div#linethrough {
  color:#666666;
  text-decoration:line-through;
}

div.portfolio-cnt-r {
  float:right;
  width:370px;  
}

div.portfolio-nav-top {
  background-color:transparent;
  position:absolute;
  top:26px;
  right:0px;
  padding:0px;
  font-size:11px;
}

div.portfolio-nav-top a { font-size:11px; }

.portfolio-nav,
.portfolio-nav-top {
  text-align:right;
  font-size:11px;
}

.portfolio-nav a { font-size:11px; }
.portfolio-nav a.portfolio-sel,
.portfolio-nav-top a.portfolio-sel {
  color:#979797;
}
.portfolio-nav span,
.portfolio-nav-top span.sep {
  background-color:transparent;
  padding:0px 5px 0px 5px;
  color:#CCCCCC;
  font-size:11px;
}

h4.portfolio-tab { padding:6px 4px 2px 0px; }

/*
h4.portfolio-tab span {
  padding:2px 4px 2px 0px;
}
*/

/* ___ What really matters _____________________________ */

div.wm-wrap { position:relative; width:310px; }

div.wm-wrap div.wm-square {
  width:40px;
  height:300px;
  position:relative;
  top:0px;
  left:0px;
  background-color:#e8e8e8;
  float:left;
}

div.wm-wrap div.wm-ngo-badge {
  margin-right:12px;
  padding-right:12px;
  margin-bottom:6px;
  padding-bottom:6px;
  float:left;
}

div.wm-wrap div.wm-ngo-badge a img {
  border:1px solid #CCCCCC;
}
div.wm-wrap div.wm-ngo-badge a:hover img {
  border:1px solid #666666;
}