.cat_pop_box_container {
  background-color: rgba(0,0,0,0.5);
  position: fixed; 
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
}
.cat_pop_box {
  background: #fff;
  border-radius: 15px;
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
  box-sizing: border-box; 
  padding: 20px;
}
.cat_pop_close {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 15px;
  right: 15px;
  background: url(/library/templates/default/resources/catspopclose.png) no-repeat center center;
  cursor: pointer;
}
.cat_pop_box_inner {
  width: 100%;
  height: 100%;
  overflow-y: auto; 
}
.cat_pop_box_inner a{
  display: block;
  padding: 10px;
  text-transform: uppercase;
  font-size: 120%; 
  border-bottom: 1px solid #E0E0E0;
  overflow: auto;
}

.cat_pop_box_inner a img {
  display: inline-block;
  background: #000;
  float: right;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border-radius: 50%;
  margin-top: -4px;
}
.cat_pop_box h2 {
  text-transform: uppercase;
  color: #000;
  text-align: center;
  font-size: 30px;
  margin: 15px 0;
}

#modal_signup_container {
  background: #000;
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  display: none;
  visibility: hidden;
}
#modal_signup_box {
  max-width: 600px;
  width: 50%;
  min-width: 300px;
  height: auto;
  min-height: 200px;
  background: #fff;
  border: 3px solid #000;
  box-shadow: 10px 10px 10px #000; 
  padding: 40px;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 120%;
}
#modal_signup_close {
  position: absolute;
  top: 0;
  right: 5px;
  width: 32px;
  height: 44px;
  display: block; 
  background: url(/library/templates/default/resources/close-button.png) no-repeat 0 0;
}
#modal_signup_box .title {
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  color: #000;
  font-size: 30px;
  padding: 0 0 10px 0;
  text-transform: uppercase;
  line-height: 120%;
}
#modal_signup_box .heading {
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  color: #999;
  font-size: 24px;
  padding-bottom: 5px;
  padding-top: 2px; 
}
#modal_signup_box p {
  margin: 20px 0 30px 0; 
}
#modal_signup_box label {
  display: block;
  margin: 0 0 10px 0;
}
#modal_signup_box .inputbox {
  display: block;
  padding: 3px;
  font-size: 18px !important;
  box-sizing: border-box; 
  margin: 0 0 20px 0;
  width: 100%;
}
#modal_signup_box .button {
  display: block;
  padding: 3px;
  font-size: 18px !important;
  width: 50%;
  margin: 0 auto 0 auto;
  box-sizing: border-box;
  background: #000 !important;
}


/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

#header .search {
  margin-top: 0px; 
}


.maillist {
  float:left;
  width:500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 84px;
  position: relative;
  box-sizing: border-box;
  padding-top: 13px;
}
.maillist a {
  display: inline-block;
  width: 371px;
}
.maillist a img:hover {
  filter: brightness(0.75) contrast(1.8);
}
.maillist a:last-child {
  position: absolute;
  top: 12px;
  right: 0;
  width: 102px;
  height: 45px;
}
.maillist a:last-child img {
  filter: none !important;
}
.maillist a img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.2s ease-out;
}


@media all and (max-width: 730px) { 
  .maillist {
    width: 100%;
    height: 27px;
    flex-direction: row;
    align-items: center;
    padding-top: 0;
  }
  .maillist a {
    width: 190px;
  }
  .maillist a:last-child {
    position: static;
    width: 70px;
    height: auto;
    position: relative;
    top: 2px;
  }
}

@media all and (max-width: 475px) {  
  .maillist a:last-child {
    display: none;
  }
  .maillist {
    width: 100%;
    height: 52px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0px;
  }
  .maillist a {
    width: 100%;
  }
}

.event_table {
  width: 940px;
}
.event_table .col1 {
  width: 110px;
}
.event_table .col2 {
  width: 596px;
}
.event_table .col3 {
  width: 134px;
}
.event_table .col4 {
  width: 100px;
}

#mob_menu {
  display: none; 
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

.event_right_col a {
  font-weight: bold !important; 
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}



/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  margin-bottom: 20px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4
{
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8
{
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12
{
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16
{
  width: 940px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
  margin-left: 0;
}

.omega
{
  margin-right: 0;
}

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .grid_1
{
  width: 60px;
}

.container_12 .grid_2
{
  width: 140px;
}

.container_12 .grid_4
{
  width: 300px;
}

.container_12 .grid_5
{
  width: 380px;
}

.container_12 .grid_7
{
  width: 540px;
}

.container_12 .grid_8
{
  width: 620px;
}

.container_12 .grid_10
{
  width: 780px;
}

.container_12 .grid_11
{
  width: 860px;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
  width: 40px;
}

.container_16 .grid_2
{
  width: 100px;
}

.container_16 .grid_3
{
  width: 160px;
}

.container_16 .grid_5
{
  width: 280px;
}

.container_16 .grid_6
{
  width: 340px;
}

.container_16 .grid_7
{
  width: 400px;
}

.container_16 .grid_9
{
  width: 520px;
}

.container_16 .grid_10
{
  width: 580px;
}

.container_16 .grid_11
{
  width: 640px;
}

.container_16 .grid_13
{
  width: 760px;
}

.container_16 .grid_14
{
  width: 820px;
}

.container_16 .grid_15
{
  width: 880px;
}

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4
{
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8
{
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12
{
  padding-left: 720px;
}

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .prefix_1
{
  padding-left: 80px;
}

.container_12 .prefix_2
{
  padding-left: 160px;
}

.container_12 .prefix_4
{
  padding-left: 320px;
}

.container_12 .prefix_5
{
  padding-left: 400px;
}

.container_12 .prefix_7
{
  padding-left: 560px;
}

.container_12 .prefix_8
{
  padding-left: 640px;
}

.container_12 .prefix_10
{
  padding-left: 800px;
}

.container_12 .prefix_11
{
  padding-left: 880px;
}

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
  padding-left: 60px;
}

.container_16 .prefix_2
{
  padding-left: 120px;
}

.container_16 .prefix_3
{
  padding-left: 180px;
}

.container_16 .prefix_5
{
  padding-left: 300px;
}

.container_16 .prefix_6
{
  padding-left: 360px;
}

.container_16 .prefix_7
{
  padding-left: 420px;
}

.container_16 .prefix_9
{
  padding-left: 540px;
}

.container_16 .prefix_10
{
  padding-left: 600px;
}

.container_16 .prefix_11
{
  padding-left: 660px;
}

.container_16 .prefix_13
{
  padding-left: 780px;
}

.container_16 .prefix_14
{
  padding-left: 840px;
}

.container_16 .prefix_15
{
  padding-left: 900px;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4
{
  padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8
{
  padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12
{
  padding-right: 720px;
}

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/

.container_12 .suffix_1
{
  padding-right: 80px;
}

.container_12 .suffix_2
{
  padding-right: 160px;
}

.container_12 .suffix_4
{
  padding-right: 320px;
}

.container_12 .suffix_5
{
  padding-right: 400px;
}

.container_12 .suffix_7
{
  padding-right: 560px;
}

.container_12 .suffix_8
{
  padding-right: 640px;
}

.container_12 .suffix_10
{
  padding-right: 800px;
}

.container_12 .suffix_11
{
  padding-right: 880px;
}

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
  padding-right: 60px;
}

.container_16 .suffix_2
{
  padding-right: 120px;
}

.container_16 .suffix_3
{
  padding-right: 180px;
}

.container_16 .suffix_5
{
  padding-right: 300px;
}

.container_16 .suffix_6
{
  padding-right: 360px;
}

.container_16 .suffix_7
{
  padding-right: 420px;
}

.container_16 .suffix_9
{
  padding-right: 540px;
}

.container_16 .suffix_10
{
  padding-right: 600px;
}

.container_16 .suffix_11
{
  padding-right: 660px;
}

.container_16 .suffix_13
{
  padding-right: 780px;
}

.container_16 .suffix_14
{
  padding-right: 840px;
}

.container_16 .suffix_15
{
  padding-right: 900px;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/



html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}



.clearfix:after
{
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix
{
  display: inline-block;
}

* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}



/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  
  background-image:url(/library/templates/default/resources/images/mainbg.jpg);
  background-position:top center ;
background-attachment:fixed;
  
  background-repeat: no-repeat;
  background-color:#FFFFFF;
  line-height:14px;
}

a:focus
{
  outline: 1px dotted invert;
}






hr
{
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}


#topleft_logo {
  display: block;
  float: left;
  position: absolute;
  width: 650px;
  height: 65px;
}

#header{
  height: 250px;
  width: 940px;
  display: block;
  float: left;
  margin-left: 5px;
  border-bottom:4px #e7e7e7 solid;
  background-image:url(/library/templates/default/resources/images/headerbg.jpg);
  background-position:top center; background-repeat:no-repeat;
  
}

.socialbuts{
height:31px;
width:200px;
float:left;
margin: 76px 0px 0px 390px;  
}

.secondrowbuts{
height:31px;
width:545px;
float:left;
margin: 10px 0px 0px 0px;  
}
.special_icon {
 display: block;
 float: left;
  text-transform: uppercase;
  font-size: 10px;
  position: relative;
  top: 2px;
  color: #BFBFBF !important;
  text-decoration: none !important;
}
.special_icon img {
  display: inline-block;
  vertical-align: middle; 
}
.special_icon:hover {
  color: #999 !important;
}


.topright{
  width: 246px;
  height: 230px;
  float:right;
  
  margin:0px;
  padding:0px;
  
  
}

.contactinfo{
  width: 246px;
  height: 130px;
  float:right;
  
  margin:10px 0px 0px 0px;
  padding:0px;
  
  
}

.search{
  width: 246px;
  height: 39px;
  float:right;
  line-height:39px;
  
  margin:10px 0px 0px 0px;
  padding:0px;
  text-align:right;
  
  
}


.topmenu{
  width: 246px;
  height:26px;
  float:right;
  
  margin:0px;
  padding:0px;
  line-height:26px;
  
}

.topmenu ul li a{
  padding-left:17px;
  
}

.topmenu ul {
  list-style:none;
  float: right;
  margin-right: 25px;
}
.topmenu ul li{
  display:inline;
  padding:0px;
  margin: 0px;
  
}

#headerpic{
margin-top:30px;
width: 400px;

float: left;
}

#basket{
width: 212px;
height: 152px;
float: right;
margin-right: 28px;
text-align:right;
}

#shoppingcloud{
width: 212px;
line-height:1.4em;
padding-right:12px;

}

#totalcost{
width: 212px;
line-height:1.4em;
padding-right:12px;

}



#navbar{
font-weight:normal;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width: 940px;
display: inline;
  float: left;
  height:59px;
  margin-left: 5px;
  overflow: hidden;
}
#cssmenu {
  width: 960px;
}

#cssmenu ul{
  margin:0;
  padding:0;
  list-style-type:none;
  width:auto;
  position:relative;
  display:block;
  height:40px;
  font-size:14px;
  font-weight:bold;
  font-family:Helvetica,Arial,Verdana,sans-serif;
  line-height:59px;
}
#cssmenu li{
  display:block;
  float:left;
  margin:0;
  pading:0;
  border-right:1px solid #ffffff;
  }
#cssmenu li a{
  display:block;
  float:left;
  color:#666;
  text-decoration:none;
  padding:0px 15px 0px 15px;
  height:59px;
  
  }
#cssmenu li a:hover{
  background: #f5f5f5;  
  }
#cssmenu li.online {
  background-color: #cce9ff !important; 
}
#cssmenu li.online a:hover {
  background-color: #cce9ff !important;
  filter: brightness(1.02); 
}


li.active a{
  background: #f5f5f5;  
  }

.topbox1{
width:400px;
float:left;
}

#sliderbox{
  width: 940px;
  height:383px;
  margin-left: 5px;
  float:left;
  margin-bottom:20px;
}

.slider{
  width: 624px;
  height:383px;
  margin:0px;
  float:left;
  background: #000;
}

.newsbox{
  width: 310px;
  height:383px;
  overflow: hidden;
  margin-left:6px;
  float:right;
  background-color:#000;
}

.newsitem{
  float:left;
  border-bottom: 1px #999 solid;
  margin-bottom:8px;
  padding: 0px 0px 8px 0px;
  line-height:16px;
  width:260px;
  margin-left:25px;}


.newsitem a{
  color:#FFF !important;
  text-decoration:underline;
}
  
.newsdate{
  font-weight:bold;
  color:#FFF;
  padding-bottom:5px;
  font-size:14px;
}
.newsintro{
  font-weight:normal;
  color:#CCC;
  padding:0px;
  margin:0px;
  
}
  






#diary{
width: 940px;

display: inline;
  float: left;
  margin-left: 5px;
  margin-bottom: 20px;
}

#footer{
padding-top:10px;
border-top:#CCCCCC solid 4px;
font-size:11px;
width: 940px;
height: 100px;
display: inline;
  float: left;
  margin-left: 5px;
  margin-bottom: 20px;
  margin-top: 20px;
}

a:link {
  color: #000000;
  text-decoration: none;
}

a:visited {
 color: #000000;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

a:active {
  color: #000000;
  text-decoration: none;
}


.pinktext {
  color: #FF0060;
  font-weight:bold;
}

.boldtext {
  
  font-weight:bold;
}

h3 {
  
  font-weight:bold;
  font-size:18px;
  
}

.smalltext {
  
font-size:9px;
}

#shirtbox{
width: 220px;
padding-bottom:8px;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}
#shirtname{
width: 220px;
font-size:11px;
}



#shirtname, a{
  color: #000000;
  text-decoration: none;
}


.gallerypic {
border:2px; border-thickness: 2px; border-color: #FFFFFF; border-style: solid;
}

a:link .gallerypic { border-color: #FFFFFF; }
a:hover .gallerypic, a:active .image {border:2px; border-thickness: 2px; border-color: #FF0084; border-style: solid}


/* =Headings
--------------------------------------------------------------------------------*/

h1{

font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 28px;
padding-bottom:12px;
padding-top:2px;
text-transform: uppercase;
}

h2{

font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 24px;
padding-bottom:7px;
padding-top:2px;
}



h4
{
  font-size: 19px;
}

h5
{
  font-size: 17px;
}

h6
{
  font-size: 15px;
}


hr
{ height: 1px;
border: 1px solid #C9C9C9;
clear:both;
 
}

img.left
{
float: left;
margin-right: 14px;
margin-bottom:7px;
}

img.right
{
float: right;
margin-left: 14px;
margin-bottom:7px;
}

/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
  list-style: decimal;
}

ul
{
  list-style: square;
}

li
{
  margin-left: 30px;
}

p,
dl,
hr,


h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
  margin-bottom: 20px;
}


/* =form
--------------------------------------------------------------------------------*/

.cssform{
padding-top: 12px;

}


.cssform p {
border-top:1px dashed gray;
clear:left;
height:1%;
margin:0;
padding:5px 0 8px 155px;
width:300px;
}
.cssform label {
float:left;
font-weight:bold;
margin-left:-155px;
width:150px;
}

.cssform textarea {
height:150px;
width:250px;
}
* html .threepxfix {
margin-left:3px;
}
.cssform textarea {
background:#FFFFFF url(/library/templates/default/resources/images/formgrad.png) repeat-x scroll left top;
border:1px solid #999999;
}
.cssform input {
padding:1px 5px;
}
.cssform textarea {
padding:5px;
}


td.online {
  background-color: #CCE9FF; color: black; height:20px; line-height: 24px; padding-top: 4px;   
  vertical-align: middle;
  border-bottom: 1px solid #fff;
}
td.online img {
  vertical-align: middle;
  margin-top: -7px;
  margin-left: 5px;
  display: inline-block;
}

td.datacellone {
  background-color: #FFFFFF; color: black; height:20px; line-height: 1.5em; padding-top: 4px;
  vertical-align: middle;
}
td.datacelltwo {
  background-color: #F6F6F6; color: black; height:20px; line-height: 1.5em;padding-top: 4px;
  vertical-align: middle;
}
td.datacellone.icon,
td.datacelltwo.icon,
td.online.icon {
  display: none; 
}
td.datacellone.icon img,
td.datacelltwo.icon img {
  background: #000;
  border-radius: 50%;
  display: inline-block; 
  margin: 5px;
}
@media all and (max-width: 730px) {
  td.datacellone.icon,
  td.datacelltwo.icon,
  td.online.icon {
    display: table-cell;
    padding: 3px;
  }
}


table {
border-top: dotted 1px #DFDFDF;
}


.textbox{
width:580px;
float:left;
text-align:center;
margin-left:200px;
}



img.fader {
    opacity: 0.5;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -webkit-transition: opacity .30s ease-in-out;
  float:left;
}
img.fader:hover {
    opacity: 1.0;
    transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -webkit-transition: opacity .30s ease-in-out;
}?



.donate{
  position:fixed;
  top: 50px;
  left: 50px;
    
}


.style1 {font-size: 10px}
.style2 {color: #FF0000}



.style1 {font-size: 10px}
.style2 {color: #FF0000}

#content_container {
  padding: 30px 20px;
  clear: both;
}
#footer_logos {
  display: block;
  float: right;
  width: 361px;
  height: 80px;
  margin: 0 0 0 0;
}


/* styles for phones landscape */

@media all and (max-width: 730px) {
  body {
    padding-top: 10px;
  }
  .container_12 {
    width: 480px;
    overflow: hidden;
  }
  #topleft_logo {
    width: 480px;
  }
  #header{
    background: url(/library/templates/default/resources/header_mob_480.png) no-repeat 0 15px;
    overflow: hidden;
    padding-top: 20px;
    height: 238px;
    width: 470px;
    margin-top: -10px;
    position: relative;
  }
  #header .search {
    position: relative;
    top: -30px;
  }
  .socialbuts, #header .secondrowbuts {
    position: absolute;
    top: 110px;
    left: 225px;
  }

  #header .secondrowbuts a:first-child,
  #header .secondrowbuts a:nth-child(2) {
    display: none;   
  } 
  #ticker_container {
    width: 468px !important;  
  }
  .top_ticker {
    width: 395px !important;
    float: left !important;
  }
  #top_support_us {
    margin-left: 0 !important;
  }
  .topright {
    float: left;
    width: 470px;
    height: auto;
  }
  .topmenu {
    margin-top: -15px;
    margin-right: -15px;
  }
  #donate_button {
    display: none;
  }
  .contactinfo {
    float: left;
    padding-top: 20px;
  }
  .contactinfo img {
    width: 160px;
    height: 84px;
    margin-top: 50px;
    float: left;
  }
  .search {
    margin-top: -30px;
    margin-left: -10px;
  }
  #cssmenu, #navbar {
    width: 470px;
    height: 40px;
  }
  #cssmenu li a {
    font-size: 11px;
    font-weight: normal;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
  } 
  #sliderbox {
    margin-bottom: 10px;
    width: 470px;
    overflow: hidden;
    height: 285px;
    background: #000;
  }
  .slider {
    width: 470px;
    transform: scale(0.755);
    -webkit-transform: scale(0.755);
    transform-origin: 0px 0px 0px;
    -webkit-transform-origin: 0px 0px 0px;
    height: 285px;  
  }
  #diary {
    width: 470px;
  }
  .event_table {
    width: 470px;
  }
  .event_table .col1 {
    width: 70px;
  }
  .event_table .col2 {
    width: 390px;
    padding-right: 10px;
  }
  .event_table .col3 {
    width: 100px;
  }
  .event_table .col4 {
    display: none;
  }
  .news_left_col {
    max-width: 250px;
  }
  .news_left_col ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .news_left_col ul li {
    margin: 0;
    padding: 0;
  }
  .event_right_col {
    width: 440px !important;
    overflow: hidden;
  }
  .event_left_col {
    width: 460px !important;
    padding: 0 0 0 5px;
  }
  .event_left_col img {
    max-width: 460px;
    height: auto;
  }
  #content_container {
    padding: 30px 0 30px 20px !important;
  }
  
}

/* styles for phones portrait */
@media all and (max-width: 475px) {  
  body {
    padding: 0;
    margin: 0;
    font-size: 13px !important;
  } 
  .container_12 {
    width: 315px;
    overflow: hidden;
  }
  #topleft_logo {
    width: 315px;
  }
  #header{
    width: 305px;
    height: 265px;
    background: url(/library/templates/default/resources/header_mob_315.png) no-repeat 0 45px;
    padding-top: 30px;
  }
  .topright {
    width: 305px;
  }

  #header .secondrowbuts {
    display: block;
    position: absolute;
    top: 120px;
    left: 165px;
    text-align: center;
  }
  .contactinfo img {
    width: 160px;
    height: 84px;
  }
  .search {
    margin-top: -30px;
    margin-left: -10px;
  }
  .search img {
    display: none;
  }
  #navbar {
    width: 305px;
  }
  #cssmenu {
    display: none;
  }
  #mob_menu {
    display: block;
  }
  #mob_menu select {
    display: block;
    width: 305px;
    margin: 6px auto 0 auto;
  }
  #sliderbox {
    margin-bottom: 10px;
    width: 305px;
    overflow: hidden;
    height: 187px;
    background: #000;
  }
  .slider {
    width: 305px;
    transform: scale(0.489);
    -webkit-transform: scale(0.489);
    transform-origin: 0px 0px 0px;
    -webkit-transform-origin: 0px 0px 0px;
    height: 187px;  
  }
  #diary {
    width: 305px;
  }
  .event_table {
    width: 305px;
  }
  .event_table .col1 {
    width: 70px;
  }
  .event_table .col2 {
    width: 235px;
  }
  .event_table .col3,
  .event_table .col4 {
    display: none;
  }
  .news_left_col {
    max-width: 150px;
  }
  .news_right_col {
    max-width: 100px;
    background-image: url(/library/templates/default/resources/newsfish-small.png) !important;
    padding-top: 75px !important;
  }
  .news_right_col img {
    width: 100px;
    height: auto;
  }
  .event_right_col {
    width: 295px !important;
  }
  .event_right_col select {
    max-width: 100px;
  }
  .event_left_col {
    width: 295px !important;
    padding: 0 0 0 0;
  }
  .event_left_col img {
    max-width: 295px ;
    height: auto;
  }
  #content_container {
    padding: 30px 0 30px 10px !important;
  }
  #site_search_search {
    width: 80px !important;
  }
  #site_search_go {
    width: 40px !important;
  }
  #ticker_container {
    width: 303px;
  }
  .top_ticker{
    position: relative;
    float: right !important;
    top: 7px;
    width: 240px !important;
    margin-right: 10px !important;
  }
  #top_support_us img {
    display: block !important;
    margin-top: 7px !important;
  }
}

/*  Retina media query.
  Overrides styles for devices with a
  device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  
  body {
  
  } 
  
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px !important;
    background: #eee;
  }
}


/* Form buttons */

.button {
  font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif;
  background-color: #B7B7B7;
  color: #ffffff;
  border: 1px solid #B7B7B7;
  font-size: 11px;
  cursor: pointer;
}

/* Form input fields / text areas */

.inputbox {
  font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif;
  background-color: #fff !important;
  color: #000000 !important;
  border: 2px solid #E5E5E5 !important;
  font-size: 12px;
  padding: 3px;
}
.input_error {
  font-family: 'Verdana', 'Tahoma', 'Arial', sans-serif;
  background: #ffbda5 !important;
  color: black !important;
  border: 1px solid red !important;
  font-size: 12px;
}
.datebox {
  background: url(/library/templates/default/resources/calendar_icon.gif) no-repeat top right;
  cursor: pointer;
}

/* Forms */


form { 
  margin: 0; 
  padding: 0; 
}

.form_container {
  min-width: 600px; 
}

.forms_item_container { 
  clear: left; 
  padding: 10px 50px; 
}
.form_container h2 {
  clear: both; 
}
.forms_item_label { 
  display: block; 
  float: left; 
  width: 100px; 
  text-align: left; 
  padding-right: 20px; 
  font-weight: bold; 
}
.forms_item_input_container { 
  float: left; 
}
.forms_item_input_container span { 
  font-size: 10px; 
  display: block; 
}
.forms_item_input_container .inputbox { 
  width: 200px; 
}
.forms_item_input_container textarea { 
  height: 100px; 
  width: 300px !important;
}
.forms_item_columnmode_container { 
  float: left;
  padding: 3px 0 3px 0; 
  text-align: center; 
  width: 250px; 
}
.forms_item_columnmode_container .inputbox {
  width: 70px;
}
.forms_item_columnmode_container label { 
  display: block; 
}

.form_fieldset {
  background: #C0C0FF;
  margin: 15px 0 15px 0;
  padding: 15px 100px 15px 20px;
  border: 2px solid #c0c0c0;
  background-repeat: no-repeat;
  background-position: top right;
  *position: relative;
}
.form_legend {
  font-weight: bold;
  color: #000;
  font-size: 15px;
  padding: 0 10px 0 10px;
  *position: relative; 
  *top: -1.5em; 
}

.form_buttons_container {
  width: 450px;
  margin: 10px auto 20px auto;
  padding: 20px 0 5px 10px;
  white-space: nowrap;
  background: transparent;
  text-align: left;
  clear: both;
}
.form_buttons_container .button {
  width: 150px;  
  padding: 5px;
  font-weight: bold;
}
.forms_branding_logo {
  float: right; 
}
/* User input wizards (e.g. adding new items) */

.stages_container {
  height: 120px;
  background: #D6E5C3;
}
.stage_block {
  width: 100px;
  height: 100px;
  float: left;
  text-align: center;
  background-position: 12px 10px;
  background-repeat: no-repeat;
}
.stage_block_label {
  color: #4D642C;
  font-weight: bold;
  padding-top: 90px;
}
.stage_block_label_disabled {
  color: #7A9F45;
  padding-top: 90px;
}

/* User comments */

.forms_item_comment_link_container {
  overflow: auto; 
  clear: both;
  overflow: hidden;
}
.forms_item_comment_link {
  display: block;
  float: right;
  width: 85px;
  text-align: left;
  padding: 10px 0 5px 25px;
  font-size: 10px;
  background: url(/library/templates/default/resources/small_edit.gif) no-repeat 0 5px;
  margin: 1px 5px 0 0;
}
.forms_item_comment_container {
  clear: left;
  padding: 10px;
  margin: 20px auto 10px auto;
  width: 400px;
  border: 1px solid #999;
  display: none;
}
.forms_item_comment_container textarea {
  border: 1px solid #999;
  background-color: #fff;
  width: 100%;
  height: 100px;
  margin-top: 5px;
}
.forms_item_usercomment {
  clear: both;
  margin: 20px auto 10px auto;
  width: 400px;
  border: 1px solid #61992F; 
  padding: 10px 10px 10px 50px;
  font-size: 11px;
  min-height: 20px;
  text-align: left;
  background: #E1F1CF url(/library/templates/default/resources/small_user.gif) no-repeat 11px 10px;  
}
.forms_item_admincomment {
  clear: both;
  margin: 20px auto 10px auto;
  width: 400px;
  border: 1px solid #E7A007; 
  padding: 10px 10px 10px 50px;
  font-size: 11px;
  min-height: 20px;
  text-align: left;
  background: #FEF9D0 url(/library/templates/default/resources/small_admin.gif) no-repeat 11px 10px;  
}
.forms_item_moderatorcomment {
  clear: both;
  margin: 20px auto 10px auto;
  width: 400px;
  border: 1px solid #DB911D; 
  padding: 10px 10px 10px 50px;
  font-size: 11px;
  min-height: 20px;
  text-align: left;
  background: #F9DBC5 url(/library/templates/default/resources/small_moderator.gif) no-repeat 11px 10px;  
}
#ticker_container {
  width: 450px; 
  float: right;
}

.top_ticker, #scroller {
  display: block;
  margin: -7px 0 0 0;
  float: right;
  width: 312px;
  border: 1px solid #eee;
  padding: 6px 0;
  font: normal 12px sans-serif;
  background-color: #C0C0C0;
  color: #fff;
  overflow: hidden;
  text-align: left;
  height: 15px;
}
.top_ticker p, .top_ticker div {
  white-space: nowrap !important; 
}

#top_support_us {
  float: right;
  display: block;
  width: 63px;
  height: 25px;
  margin: -5px 0 0 10px;
}

/* Site search */

#site_search {
  padding: 5px 0 15px 0;
  white-space: nowrap;
}
#site_search_search {
  width: 85px;
}
#site_search_go {
  padding: 1px 0 1px 0;
  font-size: 11px;
  width: 29px;
}

/* Search results */

.site_search_item {
  list-style-image: url(/library/templates/default/resources/search_arrow.gif);
  margin-top: 5px;
  margin-right: 30px;
  color: inherit;
  display: block;
  clear: both;
}
.site_search_item img {
  position: relative; 
  top: -15px;
  border: 1px solid #c0c0c0;
  width: 95px;
  height: 85px;
  float: right;
  clear: right;
  margin: 15px 0 0 10px;
}
.site_search_item hr {
  clear: both;
}
/* Special products (eg on home page) - 
   these are selectable within control panel */

#shop_special_products {
  width: 475px;
}
.shop_product_special {
  width: 150px;  
  height: 180px;
  overflow: hidden;
  margin: 1px;
  float: left;
  background: #fff;
  border: 1px solid #fff;
}
.shop_product_special_heading {
  font-size: 14px;
  font-weight: bold;
  background: #57647C;
  color: #fff;
  padding: 5px;
  text-align: center;
}
.shop_product_special_details {
  padding: 5px;
  background: #C0C0FF;
  font-size: 10px;
  color: #57647C;
  line-height: 130%;
}
.shop_product_special_image {
  text-align: center;
  padding-bottom: 5px;
}
.shop_product_special_description {
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}
.shop_product_special_price {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

/* Main special product - extra large one, eg on home page */

#shop_special_product_main {
  background: #57647C;
  border: 3px solid #333;
  padding: 20px 20px 20px 20px;
  width: 680px;
  overflow: auto;
  line-height: 140%;
  font-size: 11px;
  color: #fff;
}
#shop_special_product_main a {
  font-weight: bold;
  text-decoration: underline;
  color: #000040;
}

#shop_special_product_main h1 {
  color: #fff;
  padding: 0;
  margin: 0 0 5px 0;
  line-height: 100%;
}

#shop_special_product_main h2 {
  color: #000040;
  font-size: 22px;
  text-decoration: line-through;
}

#shop_special_product_main b {
  font-size: 14px;
  display: block;
  padding: 0;
  margin: 0 0 5px;
}

#shop_special_product_main img {
  width: 215px;
  height: 215px;
  border: 2px solid #333;
  display: block;
  float: right;
}
.shop_special_product_content {
  float: left;
  width: 430px;
}

.shop_special_product_price {
  font-size: 38px;
  font-weight: bold;
  padding: 5px 0;
}

.shop_special_product_save_splash {
  display: block;
  float: right;
  width: 80px;
  height: 50px;
  background: #000;
  border: 2px solid #fff;
  text-align: center;
  position: relative;
  top: 5px;
  padding-top: 10px;
}

.shop_special_product_save_splash b {
  font-size: 19px !important;
  font-weight: bold;
}
/* Standard Log-in controls */

#site_login_container {
  font-size: 11px;
  padding: 10px;
  text-align: left;
}

#site_login_username, #site_login_psw {
  margin: 0 0 3px 0;
  width: 120px;
}

#site_login_go {
  font-size: 11px;
  margin: 5px 0 10px 105px;
}

#site_login_container .form_label {
  width: 100px;
  text-align: right;
  float: left;
  margin-right: 5px;
}

#site_login_container .section {
  margin: 2px 0 2px 0;
}

/* Side Log-in controls */

#side_login_heading {
  margin: 15px 0 5px 0;
  text-align: left
}
#side_login_loggedin {
  padding: 5px 0 5px 0;
  text-align: left;
  font-weight: normal;
}
.side_login_options {
  text-align: left;
  padding: 6px 0 0 0;
}
#side_login_username, #side_login_psw {
  margin: 0 0 3px 0;
  width: 100%;
}
#side_login_remember_me {
  position: relative;
  top: 1px;
}
#side_login_go {
  padding: 1px 0 1px 3px;
  font-size: 11px;
  width: 29px;
}

/* User menu / icons */

#user_menu {
  padding: 0 10px 15px 10px;
  width: 300px;
}
#user_menu a {
  display: block;
  clear: left;
  margin: 0 0 0 0;
}
#user_menu span {
  position: relative;
  top: 8px; 
}
#user_menu img {
  width: 33px;
  height: 40px;
  float: left;
  padding: 0 10px 0 0;
}
/* Users / Profiles stuff */

#users_compose_link {
  padding: 10px;
  text-align: left;
}
.users_compose_label {
  width: 100px;
  text-align: right;
  float: left;
  padding: 0 10px 10px 0;
  font-weight: bold;
}
.users_compose_input, .users_compose_msg {
  margin-left: 115px; 
  padding: 0 10px 10px 0;
}
/* Popup / modal calendar */

.calendar_pop_container {
  position: absolute;
  width: 200px;
  height: 220px;
  border: 1px solid #333;
  background: #fff;
  color: #000;
  padding: 5px;
  margin: 0 2px 0 2px;
  -moz-box-shadow: black 2px 2px 5px;
  -webkit-box-shadow: black 2px 2px 5px;
}
.calendar_pop_monthyear {
  height: 70px !important;
}
.calendar_pop_monthyear button {
  margin: 10px auto;
  display: block;
  width: 40px;
}
.calendar_pop_top_container {
  background-color: #6494B6;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  overflow: auto;
  padding: 2px 0 2px 0;
}
.calendar_pop_top_container a { 
  color: #fff !important; 
  position: relative;
  top: -2px;
}
.calendar_pop_top_container img {
  width: 22px;
  height: 11px;
  position: relative;
  top: 5px;
  padding: 0 2px 2px 2px;
}
#calendar_pop_month, #calendar_pop_year {
  width: 60px !important;
  font-size: 11px !important;
  margin: 0 3px;
}
.calendar_pop_link_back {
  width: 30px;
  float: left;
  text-align: center;
}
.calendar_pop_link_forward {
  width: 30px;
  float: right;
  text-align: center;
}
.calendar_pop_days_table td, .calendar_pop_days_table th {
  width: 14.28%;
  text-align: center;
  font-weight: bold;
}
.calendar_pop_days_table th {
  font-size: 10px;
}
.calendar_pop_days_table td {
  font-size: 11px;
}
.calendar_pop_slot_empty {
  background-color: #EBF2F7;
  padding: 2px;
}
.calendar_pop_slot_weekday {
  background-color: #E2EBF2;
  padding: 2px;
}
.calendar_pop_slot_weekend {
  background: #D1E0EB;
  padding: 2px;
}
.calendar_pop_slot_passive {
  color: #c0c0c0;
  text-decoration: line-through;
  font-weight: normal;
  cursor: default;
}
.calendar_pop_slot_active, .calendar_pop_slot_active a:hover {
  color: #426C8A;
  cursor: pointer;
}
.calendar_pop_slot_active:hover {
  color: #000;
}
.calendar_pop_close {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2px 4px;
  text-align: right;
  margin: 3px 2px;
}

/* Calendar */

#calendar_container {
  width: 400px;
  padding: 5px;
  background-color: #fff;
}
#calendar_top_container {
  background-color: #E6ECC8;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  margin: 0 2px 0 2px;
  text-align: center;
}
#calendar_top_container a { 
  color: #000; 
}
#calendar_top_container select {
  margin: 0 5px 0 5px;
}
#calendar_link_back {
  width: 50px;
  float: left;
  text-align: center;
}
#calendar_link_forward {
  width: 50px;
  float: right;
  text-align: center;
}
#calendar_days_container {
  margin: 0 0 0 0;
}
#calendar_days_table td, #calendar_days_table th {
  width: 14.28%;
  text-align: center;
  font-weight: bold;
}
.calendar_day_title_weekend {
  padding: 5px 0 5px 0;
  background-color: #fff;
}
.calendar_day_title_weekday {
  padding: 5px 0 5px 0;
  background-color: #fff;
}
.calendar_slot_empty {
  background-color: #E6ECC8;
  padding: 10px 0 10px 0;
}
.calendar_slot_weekday {
  background-color: #F3F6E5;
  padding: 10px 0 10px 0;
  font-size: 19px;
}
.calendar_slot_weekend {
  background: #DEE6B6;
  padding: 10px 0 10px 0;
  font-size: 19px;
}
.calendar_slot_passive {
  color: #c0c0c0;
  text-decoration: line-through;
  font-weight: normal;
  cursor: default;
}
.calendar_slot_active, .calendar_slot_active a:hover {
  color: #F09E4C;
  cursor: pointer;
}
.calendar_slot_active:hover {
  color: #000;
}
#calendar_times_container {
  width: 396px;
  min-height: 100px;
  background-color: #E6ECC8;
  border-left: 2px solid #fff;
  padding-bottom: 5px;
}
#calendar_times_container h2 {
  text-transform: none;
  padding: 10px;
}
.calendar_times_slot {
  padding: 3px 10px 3px 10px;
  font-size: 12px;
  font-weight: normal;
  margin: 2px 10px 2px 10px;
}
.calendar_slots_active {
  color: #F09E4C;
  background: #F3F5E7;
  font-weight: bold;
  cursor: pointer;
}
.calendar_slots_active:hover {
  color: #000;
}
.calendar_slots_passive {
  color: #c0c0c0;
  text-decoration: line-through;
  font-weight: normal;
  cursor: default;
  background: transparent;
}
/* For shop, individual product tables */  

.shop_product_container {
  padding: 5px 10px;
  clear: both;
  overflow: auto;
}

.shop_productbox {
  background-color: #DEDEE7;
  color: inherit; 
}

.shop_paging {
  float: right;
  font-weight: bold;
  position: relative;
  top: 3px;
  padding-bottom: 5px;
}
.shop_paging a {
  font-weight: normal;
}

.shop_paging img {
  padding: 0 5px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: relative;
  top: 1px;
}

.shop_product_thumb {
  display: block;
  padding: 5px;
  width: 150px;
}
.shop_product_thumb img {
  margin: 5px;
}

.shop_breadcrumb {
  border-bottom: 1px solid #000;
  padding: 5px;
  text-align: left;
}

.shop_sort_select {
  width: 250px;
  float: right;
  overflow: visible;
  font-size: 11px;
  text-align: right;
}

.shop_product_container {
  margin: 5px 0;
}

.shop_product_right_column {
  width: 200px;
  padding: 15px;
  float: right;
  text-align: center;
}
.shop_product_right_column img {
  margin-bottom: 15px;
}
.shop_product_left_column {
  margin-right: 250px;
  text-align: left;
}

.shop_footer {
  border-top: 1px solid #000;
  padding: 10px 0;
  margin: 10px 0;
  font-size: 10px;
  clear: right;
}

.shop_img_extra_container {
  background: #fff; 
  position: relative; 
  top: -20px; 
  text-align: center;
}
.shop_img_extra {
  display: inline;
}

.shop_category_back_button {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.shop_qty {
  display: block;
  float: left;
  position: relative;
  top: -5px;
}
.shop_addtocart {
  border: 0;
  display: block;
  float: right;
}

/* Currency conversion links */

#shop_side_currency {
  position: relative;
  left: -7px;
  white-space: nowrap;
}
#shop_side_currency_heading {
  margin: 10px 0 8px 0;
}
.shop_side_currency_img_selected {
  padding: 10px 0 5px 0;
  background: url(/library/templates/default/resources/curency_select_arrow.png) no-repeat top center;
}
.shop_side_currency_img {
  padding: 10px 0 5px 0;
}
#shop_side_currency_pound {
  padding-right: 3px;
  position: relative;
  left: 3px;
  width: 46px;
  height: 47px;
}
#shop_side_currency_usd {
  width: 42px;
  height: 47px;
}
#shop_side_currency_euro {
  padding-left: 5px;
  position: relative;
  left: -5px;
  width: 44px;
  height: 47px;
}

.shop_crosslinked_items {
  overflow: auto;
}
#shop_cart_accessories_container {
  overflow: auto;
  margin-bottom: 20px;
}
.shop_cart_accessory {
  display: block;
  float: left;
  margin: 10px;
  width: 170px;
  background: #ABA4C8;
  color: #fff !important;
  font-weight: bold;
  line-height: 140%;
  padding-bottom: 10px;
  font-size: 14px;
  text-align: center;
  border: 2px solid #ddd;
}
.shop_cart_accessory:hover {
  color: #5A5085 !important; 
}
.shop_cart_accessory img {
  display: block;
  padding-bottom: 10px;
  width: 170px;
  height: 120px;
}
#shop_cart_accessories_products {
  display: none;
}
.shop_cart_accessories_product {
  overflow: auto;
  padding: 5px;
  margin: 5px 0;
  background: #EBEBF1;
}
.shop_cart_accessories_product img {
  display: block;
  float: left;
  width: 120px;
  height: 85px;
  margin-right: 60px;
}
.shop_cart_accessories_product a {
  display: block;
  width: 100px;
  font-weight: bold;
  text-align: center;
  padding: 5px 5px;
  background: #5A5085;
  color: #fff !important;
  cursor: pointer;
  float: right;
  margin: 25px 10px 0 60px;
}
.shop_cart_accessories_product b {
  display: block;
  float: right;
  text-align: right;
  width: 100px;
}

.shop_cart_accessories_product h2 {
  margin: 5px 0 5px 0 !important;
  line-height: 100% !important;
}

.shop_cart_accessories_product div {
  float: left;
  width: 410px;
  line-height: 140%;
  font-size: 11px;
  padding: 5px 0;
}
/* Gallery */

#gallery_overall {
  padding-bottom: 10px;
  overflow: auto;
}

.gallery_paging {
  float: right;
  font-weight: bold;
  position: relative;
  top: 3px;
  padding-bottom: 5px;
}
.gallery_paging a {
  font-weight: normal;
}

.gallery_paging img {
  padding: 0 5px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: relative;
  top: 1px;
}

.gallery_breadcrumb {
  border-bottom: 1px solid #000;
  padding: 5px;
  text-align: left;
}

.gallery_cat_button_div {
  padding: 10px 1px 15px 1px; 
  float: left; 
  text-align: center;
  vertical-align: bottom;
}

.gallery_cat_button_img {  
}

.gallery_cat_button_description {
  display: block;
  padding: 5px;
}

.gallery_cats_row {
  width: 100%;
  float: left;
}

#gallery_pictures_div {
  
}

#gallery_sidecats_div {
  float: right;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  width: 120px;
}

#gallery_sidecats_div div {
  padding: 5px 0 5px 0;
}

.gallery_pic_div {
  padding: 10px 1px 15px 1px; 
  float: left; 
  text-align: center;
}

.gallery_pic_description {
  padding: 5px;
}

.gallery_pic {
}

.gallery_pics_row {
  width: 98%;
  float: left;
  overflow: auto;
}

#gallery_link_back {
  width: 100%;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 10px 0;
  margin-top: 20px;
  border: 1px solid #000;
  cursor: pointer;
}

.gallery_paging_arrows {
  position: relative;
  top: 6px;
}

/* Forum styles */

#forum_breadcrumb_container {
  float: right;
  text-align: right;
  padding-top: 20px;
}
.forum_paging_container {
  float: right;
  padding: 5px 0;
}
.forum_forum_row {
  display: block;
  clear: both;
  margin: 10px 0;
  background: url(/library/templates/default/resources/forum_forum.png) no-repeat 10px 5px;
  padding: 10px 0 10px 90px;
  font-size: 14px;
  overflow: auto;  
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
}
.forum_forum_row:hover {
  background-color: #EBEBF2;
}
.forum_forum_details {
  display: block;
  float: right;
  width: 150px;
  color: #666;
}
.forum_forum_intro {
  display: block;
  color: #666;
  padding-top: 5px;
  width: 350px;
}
  
#forum_threads_container {
  width: 100%;
}
#forum_threads_container td, #forum_threads_container th {
  padding: 7px;
}
#forum_threads_container img {
  width: 23px;
  height: 23px;
  display: block;
  margin: 2px auto;
}
#forum_threads_container b {
  display: block;
}
#forum_thread_post {
  background: #EDEDF3 url(/library/templates/default/resources/bluegrad.png) repeat-x 0 0;
  margin-bottom: 25px;
  border: 1px solid #8C8DAE;
  box-shadow: 3px 3px 3px #ccc;
  font-size: 14px;
  clear: both;
  border-radius: 0 !important;
}
.forum_post {
  padding: 10px 20px;
  margin: 10px 0 0 0;
  overflow: auto;
  clear: both;
  border-radius: 10px;
}
.forum_post.odd {
  background: #DEDEE7;
}
.forum_post.even {
  background: #EEEEF4;
}
.forum_post_name {
  float: left;
  font-weight: bold;
}
.forum_post_datetime {
  float: right;
  font-size: 10px;
}
.forum_message {
  clear: both;
  padding: 10px 0 5px 0;
}
.forum_form {
  display: block;
  margin: 40px auto;
  padding: 15px 25px;
  width: 80%;
  background-color: #F4F4F4;
  overflow: auto;
  box-shadow: 5px 5px 5px #ddd;
  border: 1px solid #EEEEF4;
  border-radius: 10px;

  background-image: linear-gradient(right bottom, #E7E7EF 1%, #EEEEF4 43%, #FEFEFE 95%);
  background-image: -o-linear-gradient(right bottom, #E7E7EF 1%, #EEEEF4 43%, #FEFEFE 95%);
  background-image: -moz-linear-gradient(right bottom, #E7E7EF 1%, #EEEEF4 43%, #FEFEFE 95%);
  background-image: -webkit-linear-gradient(right bottom, #E7E7EF 1%, #EEEEF4 43%, #FEFEFE 95%);
  background-image: -ms-linear-gradient(right bottom, #E7E7EF 1%, #EEEEF4 43%, #FEFEFE 95%);
    
}

.forum_form .inputbox {
  display: block;
  width: 98%;
  padding: 5px;
}
.forum_form label {
  display: block;
  margin: 10px 0 5px 0;
}
.forum_form textarea {
  height: 150px;
  display: block;
  padding: 5px;
  margin-bottom: 5px;
}
.forum_form .button {
  display: block;
  clear:left;
  float: left !important;
  padding: 5px 0;
  width: 200px;
}

/* General directory layout */

.directory_listing {
  background-color: #E4E5EE;
}
.directory_breadcrumb {
  border-bottom: 1px solid #000;
  padding: 5px;
  text-align: left;
}

/* Featured listings */

#directory_featured_listings {
  width: 300px;
  border: 1px solid #c0c0c0;
  padding: 10px;
}

/* Tabs (for directory popups) */

.tabs_main {
  background-color: #E2E3FC;
  color: inherit;
  border: 1px solid #000000;
}
.tabs_active {
  background-color: #E2E3FC;
  color: inherit;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom-width: 0;
}
.tabs_inactive {
  background-color: #AFB0C3;
  color: inherit;
  border: 1px solid #000000;
}
.tabs_hover {
  background-color: #C1C5F9;
  color: inherit;
  border: 1px solid #000000;
}
.contact_heading { 
  color: #333;
  background-color: inherit; 
}
html {
  font-size: 100%;
}



/* Miscellaneous font styles */

.largetext { font-size: 13px; }
.smalltext { font-size: 11px; font-weight: normal; }
.texthighlight {
  background-color: yellow;
  color: inherit;
}
.emphasisedtext {
  color: #000000;
  background-color: inherit;
  font-weight: bold;
  font-size: 13px;
}
/* Images */

.content_image_caption {
  color: #333;
  background-color: #e1e1e1;
  font-size: 10px;
  padding: 2px 5px;
}

.image_border { border: 2px solid #000; }
/* If extra columns of text are to be shown on the side of the page. */

.side_text {
  color: #000000;
  background-color: inherit;
  font-size: 11px;
}

.side_text label {
  color: #58667E;
  background-color: inherit;
  font-size: 10px;
}

.side_heading {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  color: #58667E;
  background-color: inherit;
}
/* Tables that display information */

.tablestyle {
  border: 1px solid #ffffff;
  background-color: #DEDEE7;
  color: #000000;
}

.tablestyle_table {
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
.tablestyle_heading,
.tablestyle_table th,
.tablestyle_table thead tr td {
  background-color: #5A5085;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  padding: 2px 4px;
}
.tablestyle_table td {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background-color: #DEDEE7;
  padding: 2px 4px;
  vertical-align: top;
}
.tablestyle_table th a {
   color: #fff;
   text-decoration: underline;
}
.tablestyle_centred td, .tablestyle_centred th {
  text-align: center;
}
.tablestyle_nostyle {
  border: 0;
}
.tablestyle_nostyle td, .tablestyle_nostyle th {
  vertical-align: top;
  padding: 3px;
  border-spacing: 0;
  border: 0;
}
/* Content area, important for control panel preview */

.content_area {
  background-color: #fff;
}


hr {
  color: #4B5870;
  background-color: #4B5870;
  border-width: 0;
  height: 1px;
}
#comments {
  border-top: 1px solid #666; 
  clear: both;
  margin-top: 15px; 
}
.comments_comment {
  background: #eee;
  padding: 10px 10px 20px 10px;
  margin: 15px 0;
  color: #333;
  border-top: 1px solid #d9d9d9;
  border-bottom: 2px solid #ccc;
  font-size: 11px;
  line-height: 140%;
}
.comments_comment_comment {
  float: left;
  width: 565px;
  padding: 0 0 0 10px;
}
.comments_comment_comment blockquote {
  font-style: italic;
}
.comments_comment_top {
  overflow: auto;
}
.comments_comment_links {
  width: 150px;
  float: right;
  overflow: hidden;
  padding-right: 10px;
}
.comments_comment_links hr {
  border-top: 1px dotted #ccc !important;
  background-color: transparent !important;
  color: transparent !important;
}
.comments_comment_links a {
  display: block;
  margin: 1px;
}
.comments_comment_header {
  margin-bottom: 15px;
  padding: 10px 10px 0 10px;
  color: #666;
  font-size: 10px;
  background-color: #e5e5e5;
  overflow: auto;
}
.comments_comment_header b {
  font-weight: bold;
  color: #666;
  float: left;
}
.comments_comment_date {
  float: right;
  width: 150px;
}

.comments_comment_avatar {
  width: 23px;
  height: 23px;
  float: left !important;
  display: block;
  margin: -5px 10px 5px 0 !important;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
#comments input {
  display: block;
  width: 200px;
}
#comments label {
  display: block;
  margin: 10px 0 5px 0;
}
#comments textarea {
  height: 100px; 
  display: block; 
  width: 100%;
}
.comments_comment_comment .button {
  clear:left;
  float: left !important;
}
#comments .button {
  float: right;
  padding: 5px;
  width: 120px;
  margin: 10px 0 15px 0;
}
#comments img {
  float: right;
  margin: 0 0 5px 5px;
}
.comment_approval_needed {
  border: 2px solid red;
}

.popupstyle {
  padding: 0;
  background-color: #ffffff;
  color: inherit;
  margin: 0;
}
a[rel~="tag"] { 
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 1px dotted #ccc !important;
}

.error_alert, #error_alert {
  padding: 20px 10px 25px 80px;
  background: #ffffff url(/library/templates/default/resources/alert_negative.gif) 5px 5px no-repeat;
  color: #000000;
  border: 1px solid #c0c0c0;
  margin: 0 0 20px 0;
}

.success_alert {
  padding: 20px 10px 25px 80px;
  background: #ffffff url(/library/templates/default/resources/alert_positive.gif) 5px 10px no-repeat;
  color: #000000;
  border: 1px solid #c0c0c0;
  margin: 0 0 20px 0;
}

.pass_alert {
  padding: 20px 10px 25px 80px;
  background: #ffffff url(/library/templates/default/resources/notice_pass.gif) 15px 25px no-repeat;
  color: #000000;
  border: 1px solid #c0c0c0;
  margin: 0 0 20px 0;
}

.fail_alert {
  padding: 20px 10px 25px 80px;
  background: #ffffff url(/library/templates/default/resources/notice_fail.gif) 15px 25px no-repeat;
  color: #000000;
  border: 1px solid #c0c0c0;
  margin: 0 0 20px 0;
}

#modal_info_container {
  width: 320px;
  height: 275px;
  background: #6c6c6c;
  color: #fff;
  border: 1px solid #000;
  position: absolute;
  display: none;
  padding: 5px;
  -webkit-box-shadow: 1px 2px 3px #333;
  -moz-box-shadow: 1px 2px 3px #333; 
}
#modal_info_content {
  overflow: auto;
  overflow-x: hidden;
  height: 250px;
  font-size: 11px;
}
#modal_info_content img {
  display: block;
  width: 310px;
  margin: 0 auto 10px auto;
}
#modal_info_close {
  font-size: 20px;
  text-align: right;
  padding-top: 5px;
}
  
#modal_info_close a {
  color: #fff !important;
}

/* Site Map */

#sitemap_paging { 
  text-align: left; 
  padding: 0 0 10px 0;
}

.sitemap {
  margin-top: -10px;
}

.sitemap, .sitemap ul {
  padding: 0 0 0 15px;
  list-style-type: none !important;
}
.sitemap li {
  padding: 10px 0 0 0;
}
.sitemap ul li {
  padding: 0 0 0 0;
}


/* Expandable menus (ie non-roll-over list menus) */

.menu_expandable_container {
  text-align: left;
}
.menu_expandable_container ul {
  padding: 3px 0 3px 0;
  margin: 0;
  list-style-type: none;
}
.menu_expandable_container ul ul {
  padding-left: 20px;
  list-style-type: none;
}
.menu_expandable_container ul ul li {
  font-size: 10px;
}

.menu_expandable_container a {
  display: block;
}

/* Menus when javascript disabled */

.navigation_vertical li, #navigation_horizontal li, #navigation_products li {
  font-size: 10px;
}
.navigation_horizontal li {
  display: inline;
  padding: 0 10px 0 10px;
  color: #ffffff;
  background: #000000;
}
.navigation_vertical ul, #navigation_products ul {
  padding-left: 10px;
}
.navigation_horizontal ul {
  white-space: nowrap;
  padding: 0 10px 0 10px;
  display: inline;
}

/* AJAX stuff */

.ajax_updating {
  height: 140px;
  background: url(/library/templates/default/resources/indicator.gif) no-repeat center center;
  text-align: center;
}

#ajaxticker1{
  /* styles go here if required */
}
#ajaxticker1 div{ 
  /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

/* Styles for iBox modal dialogues */

#ibox_wrapper button {
  position: relative;
  left: 5px;
}
#ibox_w{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #000; 
  margin: 0;
  padding: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0.0;
  opacity: 0.0;
}

#ibox_progress {  
  margin:0;
  padding:0;
  position: absolute;
  z-index:105;
}

#ibox_wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:100;
  padding:8px 14px 34px 8px;
  width:300px;
  min-width: 45px;
  height:300px;
  background-color:#ccc;
  margin: 0; 
}
#ibox_wrapper input, #ibox_wrapper button {
  z-index: 101 !important;
}

#ibox_content, #ibox_extra_content {
  background: #fff;
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
  position: relative;
  top: 0px;
  left: 0px;
  padding: 2px;
}

#ibox_footer_wrapper {
  position:relative;padding:0;margin:0;top:0px;left:0px;
}
 .modal_popup_content {
   padding: 5px 15px;  
 }

/* Driver SMS tracking (users system) */

#drivertracker_group {
  float: right;
  clear: both;
  width: 300px;
  margin: -30px 0 15px 0;
}

#drivertracker_container{
  font-size: 14px;
  color: #666;
  overflow: auto;
  padding-top: 30px;
}
#drivertracker_container hr {
  clear: both;
  position: relative;
  top: -8px;
  display: block;
}
.drivertracker_close_icon {
  width: 19px;
  height: 19px;
  float: right;
  display: block;
  background: url(/library/templates/default/resources/close_x.gif) no-repeat center center;
}
.drivertracker_driver {
  clear: left;
  width: 300px;
  float: left;
  font-weight: bold;
  padding: 0 0 10px 0; 
}
.drivertracker_driver img {
  width: 50px;
  height: 50px;
  float: left;
  display: block;
  margin: -10px 10px 5px 0;
  border: 1px solid #ccc;
}
.drivertracker_number {
  float: left;
  width: 150px; 
}
.drivertracker_icons {
  width: 150px;
  float: left;
  margin-top: -2px;
}
.drivertracker_icons img {
  width: 23px;
  height: 23px;
  padding: 0 3px;
}
.drivertracker_status {
  float: left;
  font-size: 11px;
}
.drivertracker_changeno {
  padding: 5px 10px 5px 205px;
  border: 1px solid #e1e1e1;
  margin: 0 0 40px 0;
  clear: left;
  font-size: 12px;
  display: none;
}
.drivertracker_expanded_details {
  padding: 5px 10px 5px 10px;
  border: 1px solid #e1e1e1;
  margin: 0 0 40px 0;
  clear: left;
  font-size: 12px;
  overflow: auto;
  display: none;
}
.drivertracker_expanded_details img {
  width: 150px;
  height: 150px;
  border: 1px solid #ccc;
  float: left;
  display: block;
}
.drivertracker_expanded_details textarea {
  float: left;
  width: 400px;
  height: 70px;
  display: block;
  margin: 0 0 5px 0;
  padding: 3px 5px;
}
.drivertracker_expanded_details div {
  padding: 0 0 10px 20px;
  float: left;
}
.drivertracker_expanded_details b {
  display: block;
}
.drivertracker_expanded_details .button {
  margin-left: 20px;
  padding: 2px 10px;
}

/* Miscellaneous styles */

.section { margin: 8px 0 8px 0; }
a img { border-width: 0; }

.paging_container {
padding: 10px 0 10px 0;
text-align: center;
}

.heading_highlighted {
  color: navy;
  background-color: inherit;
}

.content_section {
  display: block;
  border: 0 solid #000;
}

.swf_div {
  display: inline;
}

.flashgallery_div {
  display: block;
  text-align: center;
  margin: 10px auto;
  padding: 5px;
  border: 1px solid #666;
  clear: both;
  width: 600px;
  background: #BBBDFF;
  -webkit-box-shadow: 5px 5px 10px #666;
  -moz-box-shadow: 5px 5px 10px #666; 
  overflow: auto;
}
/*
p {
  margin: 0;
  padding: 0 0 10px 0;
  display: block;
}
*/
code {
  font-size: 12px;
}

.admin_icons_horizontal {
  float: right; 
}
.admin_icons_horizontal img {
  width: 23px;
  height: 23px;
  margin-right: 5px;
}
.properties_property_container {
  width: 75%;
  background: #fff;
  padding: 15px 25px 15px 25px;
}
.properties_property_left_col {
  margin-right: 225px;
}
.properties_property_left_col div {
  padding: 0 0 15px 0;
}
.properties_property_right_col {
  width: 200px;
  text-align: right;
  float: right;
  background: #ffffff;
  padding-top: 35px;
}
.properties_property_bottom {
  clear: right;
  padding: 5px;
  margin-top: 10px;
}
.properties_property_bottom div {
  float: right;
  width: 200px;
  text-align: right;
}
.properties_details_label {
  float: left;
  width: 80px;
  font-weight: bold;
  text-align: right;
  font-size: 10px;
  clear: left;
}
.properties_details_value {
  float: right;
  width: 105px;
  font-size: 10px;
  text-align: left;
}

.shop_crosslinked_product {
  width: 150px; 
  float: left;
  margin: 5px;
  text-align: center;
}
.shop_crosslinked_product b {
  display: block;
}
.shop_product_rating_container {
  font-size: 10px;
  margin: -6px 0 5px 0;
  overflow: auto;
}
.shop_product_rating_text {
  float: left;
  padding-top: 5px;
}
.shop_product_star_rating {
  float: left;
  width: 120px;
}
.shop_product_rating_container span {
  padding: 0 2px
}
#directory_advanced_search {
  background: #DEDEE7;
  overflow: auto;
  padding: 5px;
}
#directory_advanced_search h1 {
  font-size: 16px;
  margin: 5px 0 10px 0;
  line-height: 140%;
}
.directory_search_field_container {
  float: left;
  width: 380px;
  height: 25px;
}
.directory_search_label {
  width: 100px;
  display: block;
  float: left;
}
.directory_search_input_container {
  float: left;
  display: block;
  width: 150px;
}

#directory_advanced_search .inputbox{
  width: 250px;
  font-size: 10px !important;
}
#directory_advanced_search .button {
  display: block;
  width: 100px;
  padding: 5px;
  clear: both;
  margin: 0 auto 20px auto;
  position: relative;
  top: 10px;
}
.ticket_button {
  display: inline-block;
  padding: 10px 30px;
  background: #999;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 150%;
  float: right;
  margin: 0 0 30px 0;
  transition: all 0.2s ease-out;
}
.ticket_button:hover {
  filter: brightness(1.2); 
}

.event_year_header {
  font-size: 28px;
  font-weight: bold;
  margin: 10px 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #ccc;
}

.paging_box {
  float: right;
  padding: 10px;
  margin: 3px 23px;
  border: 1px solid #eee;
  background: #666;
  clear: both;
  font-size: 15px;
}

.paging_box.artist {
  position: relative;
  left: -20px;
  top: 9px;
}
.paging_box span {
  padding: 0 5px;
  color: #aaa;
}
.paging_box a span {
  color: #fff !important;
}
.paging_box a:hover span {
  color: #000 !important;
}
.paging_box span.paging_next {
  padding-right: 5px !important;
}

.event_pic {
  width: 430px;
}
.BoldText {
  font-weight: bold;
}
.inline_gallery_thumb {
  width: 90px;
  height: 90px;
  margin: 10px 10px 5px 0;
}
.event_left_col {
  float: left;
  width: 430px;
  padding-right: 23px;
}
.event_right_col {
  float: left;
  width: 460px;
}
.event_date {
  background: #E7E7E7;
  color: #000;
  padding: 5px 5px;
  font-weight: bold;
  margin-bottom: 20px;
}
#events_select_categories_container {
  float: right;
  margin: 10px 10px 0 0;
  padding: 10px; 
  text-align: right;
}


#events_side_categories {
  float: right; 
  clear: right;
  padding: 10px; 
  width: 20%; 
  margin: 0 10px 10px 0;
}


#events_side_categories a, #events_side_categories b {
  display: block;
}
#events_table {
  width: 70%;
}
#events_table tr td a {
  display: block;
}
#news_article img {
  display: block;
  float: right !important;
  padding: 3px 0 10px 10px !important;
}


.news_overall {
  overflow: auto;
  background: url(/library/templates/default/resources/news_bg.png) repeat-y 727px 0;
}
.news_right_col {
  width: 166px;
  float: right;
  padding: 110px 0 10px 12px;
  background: url(/library/templates/default/resources/newsfish.png) no-repeat top center;
}

.news_right_col h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 0 0;
  padding: 0 0 5px 0;
  line-height: 140%;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

.news_right_col a {
  display: block;
  padding: 7px 0;
  border-bottom: 1px solid #ccc;
}
.news_right_col a.border_top {
  border-top: 1px solid #ccc 
}
.news_right_col ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.news_right_col ul li {
  margin: 0;
  padding: 0 0 0 0;
}

.news_left_col {
  float: left;
  width: 715px;
}

.news_left_col h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  padding: 0 0 0 0;
  line-height: 140%;
  text-transform: uppercase;
}

.news_left_col ul li b {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #4b4b4b;
  padding: 0 0 10px 0;
}
#news_article i {
  display: block;
}

.news_articles_list { 
}

/* news categories */

.news_categories ul {
  padding-left: 0;
  list-style-type: none;
  font-weight: bold;
}

.news_categories ul ul {
  font-weight: normal;
  padding-left: 20px;
  font-size: 10px;
  list-style-type: square;
}

/* news sub categories */

.news_sub_categories {
  padding: 10px 10px;
  list-style-type: none;
  font-weight: bold;
  margin: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#blog_article i {
  display: block;
}

.blog_articles_list { 
}

/* blog categories */

.blog_categories ul {
  padding-left: 0;
  list-style-type: none;
  font-weight: bold;
}

.blog_categories ul ul {
  font-weight: normal;
  padding-left: 20px;
  font-size: 10px;
  list-style-type: square;
}

/* blog sub categories */

.blog_sub_categories {
  padding: 10px 10px;
  list-style-type: none;
  font-weight: bold;
  margin: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.slider_overlay {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-block; 
  padding: 15px;
  font-size: 18px;
  color: #fff !important;
  text-decoration: none !important;
  background: #000 !important;
  box-shadow: 3px 3px 5px #000;
  z-index: 100;
  
}

/* Javascript slideshow */
.slideshow_content_slider {
  width: 500px;
  height: 170px;
  overflow: hidden;
  background: #000;
}

.slideshow_inner_container {
}
.slideshow_inner {
  padding: 0 32px; 
  width: 500px;
}
.slideshow_inner img {
  display: block;
  width: 200px;
  height: 170px;
  float: left;
}
.slideshow_inner h2 {
  float: left;
  margin: 0 0 0 0;
  padding: 8px 0 8px 20px;
  width: 265px;
  background: #000;
  color: #fff;
}
.slideshow_inner div {
  float: left;
  color: #fff;
  width: 255px;
  padding: 8px 10px 0 20px;
  height: 130px;
  background: #000;
  overflow: hidden;
}
.slideshow_left_browse {
  background: url(/library/templates/default/resources/left_arrow.png) no-repeat center left;
  cursor: pointer;
}
.slideshow_right_browse {
  background: url(/library/templates/default/resources/right_arrow.png) no-repeat center right;
  cursor: pointer;
}