@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; 
	margin: 0;	
	padding: 0;	
	color: #222222;
	background: #f7f6f6 url(img/headerBG.png) top center repeat-x;
}

#container { 
	width: 960px; 
	background: transparent; 
	margin: 3px auto;
}
.productImage img  { border: 1px solid #cfcfcf; }
.productImageFront img  { border: 1px solid #cfcfcf; margin-top: 28px; }


#indexContent {
	padding: 0;
	margin-top: 0px;
	width: 960px;
}
#mainContent {
	float: left;
	padding: 0;
	margin-top: 0px;
	width: 700px;
}
#swfObject {
	padding-top: 15px;
	margin-bottom: 15px;
}
#swfObject-side {
	padding-top: 0px;
	margin-bottom: 0px;
}
ul.bread-crumb li a, ul.bread-crumb li a:visited {
	color: #222222!important;
	font-weight: bold!important;
	padding: 1px 3px 1px 3px!important;
}
ul.bread-crumb li a:hover {
	background-color:transparent!important;
	color: #c1d82e!important;
	font-weight: bold!important;
}
#mainContent a.link-external, #mainContent a.link-external:visited {
	background-image:url(img/world_link.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:inline-block;
	margin:0;
	padding:1px 7px 1px 22px;
}
#mainContent a.link-external:hover {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background-color:#004766;
	color: #c1d82e;
}
a.banner:hover {
	background: transparent;
}
#footer {
	clear:both;
	background: #f7f6f6 url(img/footerBG.png) top center repeat-x;
	text-align: center;
	height: 75px;
	color: #ffffff;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
}
#footer p {
	margin: 30px 0 0 0;
}

#footer a {
	color: #f6f7f7;
	background-color: transparent;
}

#footer a:hover {
	color: #c1d82e;
}

.fltrt { float: right; margin-left: 8px;}
.fltlft { float: left; margin-right: 8px;}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}

/*=== Header ===*/
#header{
	height: 113px;
	margin: 0 0 0 0;
	background: transparent;
}
/*=== Logo ===*/
#logo{
	padding: 11px;
}
/*=== Navigation ===*/
#nav1 {
	position: relative;
	top: -3px;
	background-color: #222222;
	font-size: 14px;
	height: 37px;
	text-transform: uppercase;
	font-weight: bolder;
	margin-top: 1px;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #151515;
	z-index: 1;
}
#nav1 ul.sf-menu li a {
	color: #FFFFFF;
	background-color: #222222;
	line-height: 35px;
	padding: 1px 25px;
	border-left: solid 1px #2b2b2b;
	border-right: solid 1px #151515;
	text-decoration: none;
}
#nav1 ul.sf-menu li a:hover {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	text-decoration: none;
	background: url(img/menu_hover.gif) repeat-x #c2df13;
	border-left: solid 1px #c2df13;
	border-right: solid 1px #c2df13;
}
#nav1 ul.sf-menu li ul{
	background: url(img/dropdownBG.png) top right repeat-y #024562;
	margin-top: 3px;
}
#nav1 ul.sf-menu li ul li a{
	position: relative;
	color: #FFFFFF;
	width: 151px;
	background: url(img/dropdownBG.png) top right repeat-y #024562;
	text-align: left;
	line-height: 18px;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	border-top: solid 1px #025077;
	border-bottom: solid 1px #002d3d;
}
#nav1 ul.sf-menu li ul li.expand a{
	background: url(img/dropDownArrow.png) top right repeat-y #024562;
}
#nav1 ul.sf-menu li ul li a:hover{
	color: #000000;
	text-decoration: none;
	background: url(img/menu_hover.gif) repeat-x bottom left #c2df13;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
}


#nav1 ul.sf-menu li ul li.expand ul {
	margin-left: 27px;
	margin-top: 0px;
}
#nav1 ul.sf-menu li ul li.expand ul li a{
	color: #FFFFFF;
	width: 152px;
	background: url(img/subDDBG.png) top left repeat-y #024562;
	text-align: left;
	line-height: 18px;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	border-top: solid 1px #025077;
	border-bottom: solid 1px #002d3d;
	border-left: none;
}
#nav1 ul.sf-menu li ul li.expand ul li a:hover{
	color: #000000;
	text-decoration: none;
	background: url(img/menu_hover.gif) repeat-x #c2df13;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
}


/*=== Side Bar ===*/

#sidebar { 
	float: right; 
	width: 249px; 
	background: transparent; 
	clear: right;
	margin-left: 10px;
	margin-top: 25px;
}
#sidebar ul.sideList {
	width: 249px;
	line-height: 18px;
	font-size: 18px;
	margin: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	background: #ffffff url(img/sideBG.png) top left no-repeat;
	list-style: none;
}
#sidebar ul.sideList li.title{ 
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	border-top: 1px solid #ffffff;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #cfcfcf;
	background: transparent;
}
#sidebar ul.sideList li.top{ 
	border-top: 1px solid #ffffff;
}
#sidebar ul.sideList li{
	width: 223px;
	line-height: 12px;
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	border-bottom: #cfcfcf solid 1px;
	background-image:url(img/ico-list1.gif);
	background-repeat:no-repeat;
	background-position:7px 15px;
	padding-left:16px;
}
#sidebar ul.sideList li p{
	padding: 0px 0px 0px 3px;
	margin: 0px;
	line-height: 12px;
	font-size: 12px;
}
.side-boxes {
	width: 249px;
	height: 210px;
	margin: 0px;
	background: #ffffff url(img/sideBG.png) top left no-repeat;
	border: 1px solid #cfcfcf;
	text-align: center;
	display: inline-block;
}
.side-boxes th{
	width: 237px;
	border-bottom: 1px solid #cfcfcf;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px;
	display: inline-block;
}
.side-boxes td{
	border-top: 1px solid #ffffff;
	padding: 5px;
}
/*=== Tables ===*/

.invis-table td{
	padding: 10px;
	text-align: center;
}
.invis-table img{
	border: 0px;
}

.standard-table {
	border-top: 1px solid #c1d82e;
	background: #ffffff url(img/sideBG.png) top left repeat-x;
	clear: left;
	width: 656px;
	position: relative;
	right: -5px;
	margin-bottom: 10px;
}
.standard-table th{
	line-height: 18px;
	font-size: 18px;
	text-align: left;
	margin: 15px 0px 15px 0px;
	padding: 10px 5px 10px 5px;
	background: transparent;
	border-left: 1px solid #c1d82e;
	border-right: 1px solid #c1d82e;
	border-bottom: 1px solid #c1d82e;
}
.standard-table td{
	vertical-align: top;
}
.standard-table tr.even td.right{
	background: #dce886;
	width: 205px;
	padding: 7px;
	font-weight: bold;
	border-bottom: 1px solid #c1d82e;
	border-left: 1px solid #c1d82e;
}

.standard-table tr.even td.left{
	background: #dce886;
	width: 459px;
	padding: 7px;
	border-bottom: 1px solid #c1d82e;
	border-right: 1px solid #c1d82e;
}
.standard-table tr.odd td.right{
	background: #c1d82e;
	width: 205px;
	padding: 7px;
	font-weight: bold;
	border-bottom: 1px solid #c1d82e;
	border-left: 1px solid #c1d82e;
}

.standard-table tr.odd td.left{
	background: transparent;
	width: 459px;
	padding: 7px;
	border-bottom: 1px solid #c1d82e;
	border-right: 1px solid #c1d82e;
}

.extra-receiver {
	padding: 0px;
	margin-bottom: 25px;
}
.front-boxes {
	width: 210px;
	height: 210px;
	margin: 5px;
	background: transparent url(img/sideBG.png) top left no-repeat;
	border: 1px solid #cfcfcf;
	text-align: center;
	float: left;
	display: inline-block;
}
.front-boxes th{
	width: 208px;
	border-bottom: 1px solid #cfcfcf;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 5px 0px 5px 0px;
	display: inline-block;
}
.front-boxes tr{
	width: 200px;
	padding: 0px;
	margin: 0px;
}
.front-boxes td{
	width: 208;
	background: #ffffff;
	border-top: 1px solid #ffffff;
	padding: 0px;
	margin: 0px;
}
.front-boxes img{
	padding: 0px;
	margin: 0px;
	background: transparent;
}

/*=== Block Quotes ===*/
.block-quote {
margin-left: 50px;
border-left: solid 8px #DCE886;
background: #f6f7f7 bottom repeat-x url(img/bq-bg.jpg);
padding: 15px;
color: #000000;
width: 500px;
}

.block-quote p{
text-indent: 18px;
}

/*=== Image Floaters ===*/

.img-float-rt {
	float: right;
	margin: 2px 10px;
}

.img-float-lft {
	float: left;
	margin: 2px 10px;
}

/*=== Standards ===*/

body {
	color: #404040;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: .75em;
}
a {
	color: #33707e;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
input, select, textarea {
	border: #cfcfcf 1px solid;
	color: #404040;
	font-size: 12px;
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
h2 {
	color: #222222;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0;
}
h3 {
	color: #333333;
	font-size: 1.2em;
	margin: 0 0 .8em;
}
h4 {
	font-size: 1em;
	margin: 0 0 1em;
}
p {
	line-height: 1.5em;
}
#mainContent ul{
	margin: 5px 0px;
	padding: 5px 0px;
	list-style: none;
}
#mainContent ul li{
	background: url(img/ico-list1.gif) left center no-repeat;
	background-position: 0px 5px;
	padding-left: 8px;
}
#sidebar ul li{
	background: url(img/ico-list1.gif) left center no-repeat;
	background-position: 0px 5px;
	padding-left: 8px;
}
#mainContent ol{
	margin: 5px 0px;
	padding: 5px 14px;
}
#mainContent ol li{
}

/*=== Breadcrumbs ===*/


.breaded-container {
	border: solid 1px #cfcfcf;
	background: #ffffff url(img/sideBG.png) top left repeat-x;
	width: 668px;
	margin: 25px 0px;
	padding: 0px 15px;
	z-index: 0;
}
.breaded-container-home {
	border: solid 1px #cfcfcf;
	background: #ffffff url(img/sideBG.png) top left repeat-x;
	width: 668px;
	margin: 15px 0px;
	padding: 0px 15px;
}
ul.bread-crumb {
	width: 680px!important;
	border-bottom: solid 1px #cfcfcf!important;
	list-style: none!important;
	padding: 0px 10px 0px 10px!important;
	position: relative!important;
	left: -15px!important;
	top: -3px!important;
	height: 27px!important;
}
ul.bread-crumb li {
	padding: 8px 15px 8px 10px!important;
	height: 27px!important;
	display: inline!important;
	line-height: 14px!important;
	font-size: 14px!important;
	position: relative!important;
	left: -10px!important;
	top: 5px!important;
} 
ul.bread-crumb li a:hover {
	background-color: transparent!important;
}
ul.bread-crumb li.a a{
	color: #FFFFFF!important;
}
ul.bread-crumb li.a a:hover{
	color: #222222!important;
}
ul.bread-crumb li.a{
	background: transparent url(img/crumbBG-green.png) right center no-repeat!important;
} 
ul.bread-crumb li.b {
	background: transparent url(img/crumbBG-grey.jpg) right center no-repeat!important;
}
ul.bread-crumb li.n {
	background: transparent!important;
}
a.crumbs {
	text-decoration: none!important;
	font-weight: bold!important;
	color: #222222!important;
}
a.crumbs:hover {
	color: #c1d82e!important;
	background: transparent!important;
}

/*=== Accordion ===*/

.acc-container {
	margin: 10px;
	padding: 10px;
}

.accordion {
	margin: 0px;
	margin-bottom: 25px;
	padding: 0px;
	width: 650px;
	border-bottom: 1px solid #cfcfcf;
	
}

.accordion-receiver {
	margin: 0px;
	padding: 0px;
	width: 250px;
	border-bottom: 1px solid #cfcfcf;
	
}

.accordion-receiver h3 {
	margin: 0px;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px;
	background: #ffffff url(img/sideBG.png) top left repeat-x;
}

.accordion-receiver h3 a{
	background-color: transparent;
	text-decoration: none;
	color: #222222;
	font-weight: normal;
}

.accordion-receiver h3 a:hover{
	text-decoration: none;
	color: #004766;
}

.accordion-receiver div {
	margin: 0px;
	padding: 0px;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	background: #ffffff;
	width: 250px;
}

.accordion h3 {
	margin: 0px;
	border: 1px solid #cfcfcf;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	padding: 5px;
	background: #ffffff url(img/sideBG.png) top left repeat-x;
}

.accordion h3 a{
	background-color: transparent;
	text-decoration: none;
	color: #222222;
	font-weight: normal;
}

.accordion h3 a:hover{
	text-decoration: none;
	color: #004766;
	
}

.accordion h3:hover{
	background: #ffffff top left repeat-x;
	cursor: pointer;
}

.accordion div {
	margin: 0px;
	padding: 5px;
	border: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	border-bottom: none;
	background: #ffffff;
}

/*=== Selections ===*/

img::-moz-selection, *::-moz-selection{
	background:#DCE886 none repeat scroll 0 0;
	color: #000000;
}
img::selection, *::selection{
	background:#DCE886 none repeat scroll 0 0;
	color: #000000;
}
.standard-table tr.even td.left::-moz-selection, .standard-table tr.even td.right::-moz-selection, .block-quote p::-moz-selection{
	background:#c1d82e none repeat scroll 0 0;
	color: #000000;
}
.standard-table re.even td.left::selection, .standard-table tr.even td.right::selection, .block-quote p::selection{
	background:#c1d82e none repeat scroll 0 0;
	color: #000000;
}
.standard-table tr.odd td.left::-moz-selection, .standard-table tr.odd td.right::-moz-selection{
	background:#DCE886 none repeat scroll 0 0;
	color: #000000;
}
.standard-table re.odd td.left::selection, .standard-table tr.odd td.right::selection{
	background:#DCE886 none repeat scroll 0 0;
	color: #000000;
}


.sifr{}


/* SUPERFISH STYLESHEET ---------------------------------- */
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
.sf-menu { line-height:1.0 }
.sf-menu ul { position:absolute; top:-999em; width:12em }
.sf-menu ul li { width:100% }

/* fixes IE7 'sticky bug' */
.sf-menu li:hover { visibility:inherit }

.sf-menu li { float:left; position:relative }
.sf-menu a { display:block; position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
  .sIFR-active h1.sifr {
  visibility: hidden;
  font-family: Verdana;
  font-weight: bold;
  line-height: 1em;
  font-size: 30px;
  width: 450px;
  }
  .sIFR-active h2.sifr {
  visibility: hidden;
  font-family: Verdana;
  font-weight: bold;
  line-height: 1em;
  font-size: 18px;
  width: 450px;
  }
  .sIFR-active h2.sifr-white {
  visibility: hidden;
  font-family: Verdana;
  font-weight: bold;
  line-height: 1em;
  font-size: 18px;
  width: 450px;
  }
    .sIFR-active h3.sifr {
  visibility: hidden;
  font-family: Verdana;
  font-weight: bold;
  font-size: 18px;
  width: 450px;
  }
  .sIFR-active #sidebar h3 {
  visibility: hidden;
  font-family: Verdana;
  font-weight: normal;
  line-height: 1em;
  font-size: 1.2em;
  }
  .sIFR-active #sidebar .extra-receiver .accordion-receiver h3 {
  visibility: hidden;
  font-family: Verdana;
  font-weight: normal;
  line-height: 1em;
  font-size: 1.2em;
  width: 240px;
  }
  .sIFR-active #sidebar ul.sideList li.title {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
  }
  .sIFR-active .front-boxes th {
  visibility: hidden;
  font-family: Verdana;
  line-height: 14px;
  font-size: 14px;
  }
}

.sIFR-flash{outline:none;}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */

	div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }

	div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	
	div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content {
			height: 40px;
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				.pp_description {
					display: none;
					float: left;
					margin: 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
				
					.pp_nav a.pp_arrow_previous,
					.pp_nav a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		a.pp_next {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			float: right;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: none;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			display: none;
			line-height: 1 !important;
			margin: 0 auto;
			text-align: center;
			width: 100%;
		}
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			left: 0;
			position: absolute;
			top: 0;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

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

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */