/* ========================================================================== */
/*  Header Stylings Home and Inner                                            */
/* ========================================================================== */

a.big-home-button {
background-image:url(../images/free-register.png); background-repeat:no-repeat;
  width:295px;
  height:47px;
  padding-top:20px;
  padding-left:25px;
  padding-right:17px;
  font-size:23px;
  color:#494949;
  text-decoration:none;
  display:block;
  letter-spacing:-0.01em;
}
a.big-home-button:hover {
  text-decoration:none;
}
.header {   width:100%;  height:287px; overflow:hidden; position:relative; z-index:5;  }
.header-alt {   width:100%;  height:277px !important;  position:relative; z-index:5;  }
.header-alt-sec {  width:100%;  height:310px;  position:relative; z-index:5;  }

.header-inner {  min-width:1000px; height:100px;  position:relative; z-index:5;  }

.header .slide { width:100%; height:287px; color:#ffffff; }
.header-alt .slide { width:100%; height:277px !important; color:#ffffff; }
.header-alt-sec .slide { width:100%; height:310px; color:#ffffff; }

.header-inner .background { width:100%; height:100px; color:#ffffff; }
.header-inner h1 { padding-top:30px; float:left; }
.header-inner .buttons { padding-top:29px; float:right;}
.header-inner .subtitle { padding-top:42px; float:right; }
.header-inner .subtitle h3 { color:#ffffff; font-style:oblique; }

.header-alt .slide p, .header .slide p, .header-alt-sec .slide p { font-size:14px; }

.pt-alt {    padding-top:110px; }
.pt-alt-sec {    padding-top:80px; }

.height-limit1 {  height:88px; overflow:hidden;  }
.height-limit2 {  height:110px; overflow:hidden;  }
.height-limit3 {  height:152px; overflow:hidden;  }

.ornament-right {    background:url(../gallary/header-ornament-right.png) no-repeat top center;   height:287px;  }
.ornament-left {    background:url(../gallary/header-ornament-left.png) no-repeat top center;  height:287px;  }

.icon-to-left {  float:left;  padding-right:14px;  padding-bottom:10px; }
.icon-to-right {   float:right;  padding-left:14px;  padding-bottom:10px; }

.top-shadow {
  background: url(../gallary/top-shadow.png) repeat-x;
  height:22px;
  width:100%;
  position:absolute;
  z-index:30;
  top:0px;
  left:0px;
}
.bottom-shadow {
  background: url(../gallary/bottom-shadow.png) repeat-x;
  height:22px;
  width:100%;
  position:absolute;
  z-index:30;
  bottom:0px;
  left:0px;
}


/* ========================================================================== */
/*  Column Arrangements & Grid                                                */
/* ========================================================================== */
.full-width {
  width:940px;
  padding-top:20px;
}
/* one half */
.full-width .one-half {
  width:470px;
  float:left;
  padding-right:0px;
  padding-bottom:20px;
}
.full-width .one-half-last {
  width:470px;
  margin-right:0px;
  float:left;
  padding-right:0px;
  padding-bottom:20px;
}
.full-width .one-half .pad, .full-width .one-half-last .pad {  padding-left:20px; padding-right:20px; }
.full-width .one-half .padleft, .full-width .one-half-last .padleft {  padding-left:20px;  }
.full-width .one-half .padright, .full-width .one-half-last .padright {  padding-right:20px;  }

/* one third */
.full-width .one-third {
  width:300px;
  margin-right:20px;
  float:left;
  padding-right:0px;
  padding-bottom:20px;
}
.full-width .one-third-last {
  width:300px;
  margin-right:0px;
  float:left;
  padding-right:0px;
  padding-bottom:20px;
}
.full-width .one-third .pad, .full-width .one-third-last .pad {  padding-left:20px; padding-right:20px; }
.full-width .one-third .padleft, .full-width .one-third-last .padleft {  padding-left:20px;  }
.full-width .one-third .padright, .full-width .one-third-last .padright {  padding-right:20px;  }

.full-width .one-third .image, .full-width .one-third-last .image {
  border:1px solid #dbdbdb;
  width:284px;
  height:auto;
  margin-bottom:10px;
  margin-top:15px;
}
.full-width .one-third .image img, .full-width .one-third-last .image img {  width:276px; height:156px; border:4px solid #ffffff; padding:0px; margin:0px; }

/* two thirds */
.full-width .two-third {
  width:620px;
  margin-right:20px;
  float:left;
  padding-right:0px;
  padding-bottom:20px;
}
.full-width .two-third-last {
  width:620px;
  margin-right:0px;
  float:left;
  padding-right:0px;
  padding-bottom:20px;
}
.full-width .two-third .pad, .full-width .two-third-last .pad {  padding-left:20px; padding-right:20px; }
.full-width .two-third .padleft, .full-width .two-third-last .padleft {  padding-left:20px;  }
.full-width .two-third .padright, .full-width .two-third-last .padright {  padding-right:20px;  }
.full-width .two-third .image, .full-width .two-third-last .image {
  border:1px solid #dbdbdb;
  width:598px;
  height:auto;
  margin-bottom:0px;
  margin-top:15px;
}
.full-width .two-third .image img, .full-width .two-third-last .image img {  width:590px; border:4px solid #ffffff; padding:0px; margin:0px;   }
.full-width .two-third .image-shadow, .full-width .two-third-last .image-shadow {
  padding-top:22px;
  background: url(../gallary/pj-shadow-wide.jpg) top center no-repeat;
}

/* one fourth */
.full-width .one-fourth {
  width:220px;
  margin-right:20px;
  float:left;
  padding-bottom:20px;
}
.full-width .one-fourth-last {
  width:220px;
  margin-right:0px;
  float:left;
  padding-bottom:20px;
}
.full-width .three-fourth {
  width:700px;
  margin-right:20px;
  float:left;
  padding-bottom:20px;
}
.full-width .three-fourth-last {
  width:720px;
  margin-right:0px;
  float:left;
  padding-bottom:20px;
}
.full-width .one-fourth .image, .full-width .one-fourth-last .image ,.full-width .three-fourth .image, .full-width .three-fourth-last .image {
  border:1px solid #dbdbdb;
  width:214px;
  height:124px;
  margin-bottom:10px;
  margin-top:15px;
}
.full-width .one-fourth .image img, .full-width .one-fourth-last .image img {   width:206px; border:4px solid #ffffff; padding:0px; margin:0px; }
.full-width .one-fourth .text, .full-width .one-fourth-last .text { margin-bottom:12px;}
.text-button { padding-bottom:0px; }
.text-button a { text-decoration:none; font-size:14px; }
.text-button a:hover { text-decoration:none; }
.full-width .one-fourth .pad, .full-width .one-fourth-last .pad {  padding-left:20px; padding-right:20px; }
.full-width .one-fourth .padleft, .full-width .one-fourth-last .padleft {  padding-left:20px;  }
.full-width .one-fourth .padright, .full-width .one-fourth-last .padright {  padding-right:20px;  }

/* one fifth */
.full-width .one-fifth {
  width:172px;
  margin-right:20px;
  float:left;
  padding-bottom:20px;
}
.full-width .one-fifth-last {
  width:172px;
  margin-right:0px;
  float:left;
  padding-bottom:20px;
}
.full-width .one-fifth .pad, .full-width .one-fifth-last .pad {  padding-left:10px; padding-right:10px; }
.full-width .one-fifth .padleft, .full-width .one-fifth-last .padleft {  padding-left:10px;  }
.full-width .one-fifth .padright, .full-width .one-fifth-last .padright {  padding-right:10px;  }

/* one sixt */
.full-width .one-sixt {
  width:140px;
  margin-right:20px;
  float:left;
  padding-bottom:20px;
}
.full-width .one-sixt-last {
  width:140px;
  margin-right:0px;
  float:left;
  padding-bottom:20px;
}
.full-width .one-sixt .pad, .full-width .one-sixt-last .pad {  padding-left:20px; padding-right:20px; }
.full-width .one-sixt .padleft, .full-width .one-sixt-last .padleft {  padding-left:20px;  }
.full-width .one-sixt .padright, .full-width .one-sixt-last .padright {  padding-right:20px;  }

.full-width  .col1 {  width:700px; float:left; padding-right:20px; padding-top:20px;  }
.full-width  .col2 {  width:220px; float:left; padding-top:20px; }

/* one half of whatever you want */
.half-this {
  width:50%;
  float:left;
}
.half-this-last {
  width:50%;
  float:left;
}
.half-this .padright, .half-this-last .padright {
  padding-right:20px;
}
.half-this .padleft, .half-this-last .padleft {
  padding-left:20px;
}
/* set ul ol defaults */
.full-width ul, .full-width ol {
  margin-bottom:20px;
}
.full-width ul li {
  padding-left:18px;
  margin-left:4px;
  background:url(../gallary/bullet-bread.png) no-repeat left;
  margin-bottom:4px;
}
.full-width ol {
  list-style:decimal;
  margin-left:24px;
}
.full-width ol li {
  padding-left:0px;
  margin-left:4px;
  margin-bottom:4px;
}


/* ========================================================================== */
/* Generic Text Headings Styles & Breadcrumbs                                 */
/* ========================================================================== */
h1 {
 margin-top:0px;
 margin-bottom:12px;
 font-size:35px;
 line-height:39px;
 letter-spacing:-0.02em;
}

h2 {
  font-size:22px;
  line-height:28px;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:10px;
  letter-spacing:-0.02em;
}
h3 {
  margin-top:0px;
  margin-bottom:10px;
  color:#555555;
  font-size:19px;
  font-weight:normal;
}
h4 {
  font-size:17px;
  line-height:22px;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:10px;
}
h5 {
  color:#1084b2;
  margin-top:10px;
  margin-bottom:8px;
  font-size:14px;
  line-height:19px;
  text-transform:uppercase;
}

.breadcrumbs {
  padding-bottom:7px;
  padding-top:13px;
  padding-left:20px;
  background:url(../gallary/arrow-small-bread.png) no-repeat left;
  float:left;
  width:49%;
}
.breadcrumbs ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
.breadcrumbs ul li {
  background:url(../gallary/bullet-bread.png) no-repeat left;
  float:left;
  padding-left:14px;
  margin-right:5px;
  font-size:11px;
}
.breadcrumbs .first {
  padding-left:0px;
  background:none;
}
.breadcrumbs a {
  text-decoration:none;
}
.breadcrumbs a:hover {
  text-decoration:underline;
}

.blinks {
  float:right;
  width:45%;
  padding-bottom:7px;
  padding-top:13px;
  text-align:right;
}
.blinks ul {
  list-style:none;
  margin:0px;
  padding:0px;
}
.blinks ul li {
  background:none !important;
  padding-left:0px;
  float:right;
  padding-right:14px;
  margin-left:5px;
  font-size:11px;
}
.blinks a {
  text-decoration:none;
}
.blinks a:hover {
  text-decoration:underline;
}



/* Gallery list filter */
ul.gallery-main {
  list-style:none;
  margin:0px;
  padding:0px;
  margin-top:10px;
  margin-bottom:10px;
}
ul.gallery-main li {
  background:#ffffff url(../gallary/buttons/gallery-filter-off-left.jpg) no-repeat left;
  color:#555555;
  display:block;
  float:left;
  cursor:pointer;
  margin-bottom:8px;
  margin-top:5px;
  margin-right:5px;
  margin-left:5px;
  height:38px;
}
ul.gallery-main li a {
  background: url(../gallary/buttons/gallery-filter-off-right.jpg) no-repeat right;
  color:#555555;
  display:block;
  margin:0px;
  padding-left:0px;
  padding-right:20px;
  padding-top:8px;
  text-align:center;
  height:30px;
}
ul.gallery-main li.current-cat {
  background:#ffffff url(../gallary/buttons/gallery-filter-on-left.jpg) no-repeat left;
  color:#ffffff;
  display:block;
  float:left;
  cursor:pointer;
  margin-bottom:8px;
  margin-top:5px;
  margin-right:5px;
  margin-left:5px;
  height:38px;
}
ul.gallery-main li.current-cat  a {
  background: url(../gallary/buttons/gallery-filter-on-right.jpg) no-repeat right;
  color:#ffffff;
  display:block;
  margin:0px;
  padding-left:0px;
  padding-right:20px;
  padding-top:8px;
  text-align:center;
  height:30px;
}





/* Gallery grid item */
.gallery-item img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }
.gallery-item img.poverlay { position: absolute; left: 4px; top: 4px;	}
.gallery-item {
  padding-left:0px;
  width:290px;
  height:auto;
  overflow:hidden;
  display:block;
  float:left;
  margin-right:11px;
  margin-left:11px;
  margin-bottom:20px;
}
.less-spacing {
  margin-right:20px;
  margin-left:0px;
}
.gallery-item .gallery-image {
  border:1px solid #dbdbdb;
  background:#ffffff;
  padding:4px;
  margin-bottom:0px;
  position:relative;
  width:auto;
  height:170px;
}
.gallery-item .gallery-image img {
  width:280px;
  height:170px;
}
.gallery-item h6 {
  padding-top:9px;
  font-size:16px;
  background: url(../gallary/pj-shadow.jpg) no-repeat center;
}



/* Gallery list item */
.gallery-item-list img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }
.gallery-item-list img.poverlay { position: absolute; left: 4px; top: 4px;	}
.gallery-item-list {
  padding-left:0px;
  margin-left:0px;
  width:930px;
  height:auto;
  overflow:hidden;
  display:block;
  float:left;
  margin-right:11px;
  margin-left:11px;
  margin-bottom:20px;
  padding-bottom:1px;
  background:url(../gallary/wide-horz-divider.jpg) no-repeat bottom center;
}
.gallery-item-list .image {
  border:1px solid #dbdbdb;
  background:#ffffff;
  padding:4px;
  position:relative;
  width:329px;
  height:200px;
}
.gallery-item-list .image img {
  width:329px;
  height:200px;
}
.gallery-item-list .detail {
  width:565px;
  padding-top:5px;
  font-size:14px;
  line-height:22px;
  float:left;
}
.gallery-item-list h6 {
  padding-top:0px;
  background:none;
  font-size:20px;
  font-weight:bold;
  margin-bottom:4px;
}
.gallery-item-list h6 a {
  text-decoration:none;
}
.gallery-item-list h6 a:hover {
  text-decoration:none;
}
.gallery-item-list .meta {
  background:url(../gallary/arrow-small-bread.png) no-repeat left;
  padding-left:17px;
}
.gallery-item-list .meta a {
  display:block;
  float:left;
  border-right:1px dotted #dbdbbd;
  padding-left:11px;
  padding-right:11px;
}
.gallery-item-list a.last {
  border:none !important;
  padding-right:0px !important;
}
.gallery-item-list .pjshadow {
   background: url(../gallary/pj-shadow-wider.jpg) no-repeat top center;
   width:339px;
   height:30px;
}
.gallery-item-list .pjitem {
  width:339px;
  float:left;
  margin-right:20px;
}


/* Blog posts grid style */
ul.blog-post-grid-list {
 list-style:none;
 margin:0px;
 padding:0px;
}

ul.blog-post-grid-list li {
  padding-left:0px;
  margin-left:0px;
  width:290px;
  height:320px;
  overflow:hidden;
  display:block;
  float:left;
  margin-right:20px;
  margin-bottom:28px;
}
ul.blog-post-grid-list .post-image {
  border:1px solid #dbdbdb;
  background:#ffffff;
  padding:4px;
  margin-bottom:0px;
  position:relative;
  width:auto;
  height:170px;
}
ul.blog-post-grid-list .post-image img {
  width:280px;
  height:170px;
}
ul.blog-post-grid-list .meta {
  font-size:11px;
  line-height:17px;
  margin-bottom:10px;
  padding-left:20px;
  background:url(../gallary/icons/icon-comments.png) no-repeat left;
}
ul.blog-post-grid-list h3 {
  background:url(../gallary/pj-shadow.jpg) top center no-repeat;
  padding-top:15px;
}

ul.blog-post-grid-list h3 a {
  text-decoration:none;
}
ul.blog-post-grid-list h3 a:hover {
  text-decoration:none;
}
ul.blog-post-grid-list img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }
ul.blog-post-grid-list img.poverlay { position: absolute; left: 4px; top: 4px;	}
ul.blog-post-grid-list .nobg { background:none !important; padding-top:0px; }
.fixheight li { height:140px !important } /* fix height for noimage grid */



/* Blog post full list style */
ul.blog-post-full-list {
 list-style:none;
 margin:0px;
 padding:0px;
}

ul.blog-post-full-list li {
  padding-left:0px;
  margin-left:0px;
  width:600px;
  overflow:hidden;
  display:inline-block;
  float:left;
  margin-bottom:20px;
  padding-bottom:5px;
  border-bottom:1px dotted #dbdbdb;
}
ul.blog-post-full-list .post-image {
  border:1px solid #dbdbdb;
  background:#ffffff;
  padding:4px;
  margin-bottom:0px;
  position:relative;
  width:auto;
  height:170px;
}
ul.blog-post-full-list .post-image img {
  width:590px;
  height:170px;
}
ul.blog-post-full-list .meta {
  font-size:11px;
  line-height:17px;
  margin-bottom:10px;
  padding-left:20px;
  background:url(../gallary/icons/icon-comments.png) no-repeat left;
}
ul.blog-post-full-list h3 {
  margin-bottom:4px;
}
ul.blog-post-full-list h3 a {
  text-decoration:none;
}
ul.blog-post-full-list h3 a:hover {
  text-decoration:none;
}
ul.blog-post-full-list img.pthumb { position: absolute; left: 4px; top: 4px; z-index: 10; }
ul.blog-post-full-list img.poverlay { position: absolute; left: 4px; top: 4px;	}
ul.blog-post-full-list .std {
  padding-top:18px;
  background: url(../gallary/pj-shadow-wide.jpg) top center no-repeat;
}
ul.blog-post-full-list .nobg {
  background:none; padding-top:0px;
}




/* Generic parination */
ul.pagination {
  list-style:none !important;
  margin:0px;
  padding:0px;
  width:100%;
}
ul.pagination li {
  padding-left:0px;
  margin-left:0px;
  background:none !important;
  margin:0px;
  padding:0px;
  float:left;
  display:block;
}
ul.pagination li a {
  display:block;
  padding:8px;
  padding-left:15px;
  padding-right:15px;
  background:#f1f1f1;
  border:1px solid #dbdbdb;
  color:#444444;
  font-weight:bold;
  float:left;
  margin-right:10px;
  text-decoration:none;
}
ul.pagination li a:hover {
  background:#dbdbdb;
  border:1px solid #b2b2b2;
}
ul.pagination li.active a, ul.pagination li.active a:hover {
  background:#bee1ef;
  border:1px solid #a7d5e7;
  color:#329ac3;
}
ul.pagination .prevnext {
  padding-top:5px;
  padding-bottom:5px;
}


/* Services list with icons */
ul.services {
  list-style:none; display:table; clear:both;
}
ul.services .first {
  border:none;
}

ul.services li {
  display:block;
  float:left;
  width:450px;
  background:transparent;
  padding-left:0px;
  margin-left:0px;
  padding-bottom:10px;
  padding-top:15px;
  border-top:1px dotted #dbdbdb;
}
ul.services li .service-icon {
  width:135px;
  float:left;
  display:table-cell;
}
ul.services li .service-desc {
  width:315px;
  display:table-cell;
}
ul.services li .service-desc h4 {
  margin-bottom:8px;
}
ul.services li .service-desc p {
  margin-bottom:8px;
}


/* Services list with icons smaller size */
ul.services-smaller {
  list-style:none; display:table; clear:both;
}
ul.services-smaller .first {
  border:none;
}
ul.services-smaller li {
  display:block;
  float:left;
  width:300px;
  background:transparent;
  padding-left:0px;
  margin-left:0px;
  padding-bottom:10px;
  padding-top:15px;
  border-top:1px dotted #dbdbdb;
}
ul.services-smaller li .service-icon {
  width:85px;
  float:left;
  display:table-cell;
}
ul.services-smaller li .service-icon img {
  width:70px;
  height:70px;
}
ul.services-smaller li .service-desc {
  display:table-cell;
  padding-right:10px;
}
ul.services-smaller li .service-desc h4 {
  margin-bottom:8px;
}
ul.services-smaller li .service-desc p {
  margin-bottom:8px;
}


/* List with check icon */
ul.checklist {
  list-style:none;
}
ul.checklist li {
  background:url(../gallary/icons/icon-check.png) no-repeat left top;
  padding-left:30px;
  line-height:20px;
  margin-bottom:6px;
}
/* blog search stylings */
.blog-search {
  padding-bottom:20px;
}
.blog-search-field {
  border:1px solid #dbdbdb;
  background: url(../gallary/input-background.png) no-repeat top left;
  padding:5px;
  font-size:13px;
  width:200px;
  height:18px;
}
/* video thumb styling */
.video {
  border:1px solid #dbdbdb;
  padding:6px;
  background: #ffffff url(../gallary/roundabout-item-bg.gif) bottom repeat-x;
}



/* Generic tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	height:40px;
	border-bottom:1px solid #dbdbdb;
}
/* single tab */
ul.css-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}
/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	font-size:12px;
    text-transform:uppercase;
	display:block;
	padding:9px 20px;
	text-decoration:none;
	border:1px solid #dbdbdb;
	border-bottom:0px;
	height:20px;
	background-color:#efefef;
	color:#444444;
	margin-right:2px;
	position:relative;
	top:1px;
	outline:0;
}
ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;
	color:#000;
	cursor:default;
}
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #dbdbdb;
	border-width:0 1px 1px 1px;
	min-height:50px;
	padding:15px 20px;
	background-color:#fff;
    margin-bottom:20px;
}



/* Generic accordion. decorated with rounded borders and gradient background image */
.accordion {
	background:#333;
	width: auto;
    margin-bottom:15px;
	border:1px solid #dbdbdb;
	background:#fafafa;
}
.accordion .last {
   border-bottom:2px solid #ffffff;
}
/* accordion header */
.accordion h2 {
	background:#fff url(../gallary/accordion-heading-bg.png) bottom right repeat-x;
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-top:2px solid #ffffff;
	cursor:pointer;
    color:#333333;
    text-transform:uppercase;
}
/* currently active header */
.accordion h2.current {
	cursor:default;
	background:#fff url(../gallary/accordion-heading-bg-current.png) bottom right repeat-x;
    text-transform:uppercase;
}
/* accordion pane */
.accordion .pane {
	border:1px solid #ffffff;
	border-width:0 2px;
	display:none;
	height:auto;
	padding:15px;
	color:#444444;
	font-size:13px;
    line-height:19px;
}
/* a title inside pane */
.accordion .pane h3 {
	font-weight:normal;
	font-size:16px;
	color:#444444;
    margin-bottom:6px;
}


/* Accordion used on the faq page */
.accordion-faq {
	width: auto;
    margin-bottom:15px;
}
/* accordion header */
.accordion-faq span {
    display:block;
	background:#ffffff url(../gallary/faq-open-left.jpg) top left no-repeat;
	margin:0px;;
    margin-bottom:5px;
	padding-top:8px;
    padding-bottom:5px;
    padding-left:50px;
    padding-right:0px;
	font-size:17px;
	font-weight:normal;
	cursor:pointer;
    color:#1084b2;
}
/* currently active header */
.accordion-faq span.current {
	cursor:default;
	background:#ffffff url(../gallary/faq-close-left.jpg) top left no-repeat;
}
/* accordion pane */
.accordion-faq .pane {
    background:url(../gallary/faq-pane.jpg) no-repeat bottom left;
	display:none;
	height:auto;
	padding:15px;
	color:#444444;
	font-size:13px;
    line-height:19px;
    margin-bottom:15px;
    padding-left:49px;
    padding-right:30px;
}
/* a title inside pane */
.accordion-faq .pane h3 {
	font-weight:normal;
	font-size:16px;
	color:#444444;
    margin-bottom:6px;
}



/* This contains the scrollable image carousel */
.image-carousel {
  position:relative;
  z-index:9;
  margin-bottom:20px;
}
.image-carousel  small {
  font-size:10px;
  text-transform:uppercase;
  margin-top:4px;
  margin-bottom:4px;
}
/*	root element for the scrollable. when scrolling occurs this element stays still. */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 940px;
	height:128px;
	/* custom decorations */
	border:1px solid #dbdbdb;
}
/* 	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.  */
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:860px;
    padding-left:40px;
    padding-right:40px;
}
/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 0px 20px 13px;
	background-color:#fff;
	padding:2px;
	width:150px;
	height:80px;
}
.items div a:hover img {
  border:0px solid #3d84c5;
}
/* active item */
.scrollable .active {
	border:2px solid #3d84c5;
	position:relative;
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable { 	float:left; }
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../gallary/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}
/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px; position:absolute; top:10px; right:-10px; z-index:100; }
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }
/* left */
a.left				{ margin-left: 0px; position:absolute; top:10px; left:-10px; z-index:100; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
/* disabled navigational button */
a.disabled {  	visibility:hidden !important; }