/*Edit CSS code below - store.css - Do not remove this line*/
 
body {
background-color: #bbb9b9;
background-image: url('images/aos_page_back.jpg');
background-repeat:repeat-y;
background-position: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
padding: 0px;
margin: 0px;
color: #fff;
line-height: 1.5em;
}

select {
background: #000;
color: #fff;
}

input {
background: #000;
color: #fff;
}

#price_label input {
background: #262626;
}

textarea {
background: #000;
color: #fff;
}

#wrapper {
float: left;
width: 748px;
padding: 0;
margin: 0;
}

#aos_header {
width: 760px;
height: 210px;
background: url('images/aos_top.jpg');
padding: 0px;
margin: 0px;
}

#about_header {
width: 760px;
height: 210px;
background: url('images/aos_top_about.jpg');
padding: 0px;
margin: 0px;
}

#history_header {
width: 760px;
height: 210px;
background: url('images/aos_top_history.jpg');
padding: 0px;
margin: 0px;
}

#designers_header {
width: 760px;
height: 210px;
background: url('images/aos_top_designers.jpg');
padding: 0px;
margin: 0px;
}

#rings_header {
width: 760px;
height: 210px;
background: url('images/aos_top_rings.jpg');
padding: 0px;
margin: 0px;
}

#greenstones_header {
width: 760px;
height: 210px;
background: url('images/aos_top_green_bangle.jpg');
padding: 0px;
margin: 0px;
}

#kiltpin_header {
width: 760px;
height: 210px;
background: url('images/aos_top_kiltpin.jpg');
padding: 0px;
margin: 0px;
}

#pendant_header {
width: 760px;
height: 210px;
background: url('images/aos_top_pendants.jpg');
padding: 0px;
margin: 0px;
}

#new_header {
width: 760px;
height: 210px;
background: url('images/aos_top_green.jpg');
padding: 0px;
margin: 0px;
}

img {
border: 0;
}

img.top {vertical-align:text-top}

a:link, a:visited {
color: #fff;
text-decoration: none;
}

a:hover {
color: #d99004;
text-decoration: none;
}

p {
font-size: 1.0em;
}

hr {
border: none 0; 
border-top: 1px dashed #666;
width: 100%;
height: 1px; 
clear: both;
}

#Featured_Products {
background-color: #fff;
} 

/*Home Page*/

.smaller_text {font-size: 0.9em;}

#aos_homepage {
width: 748px;
margin: 0;
padding: 0;
background-color: #696969;
}

#aos_page {
width: 748px;
margin: 0;
padding: 6px;
background-color: #696969;
}

#aos_homepageimage {
width: 748px;
height: 480px;
margin: 6px;
padding-top: 20px;
background-image:url('images/aos_home_back.jpg')
}

#aos_homepagetitle {
width: 748px;
height: 40px;
text-align:center;
vertical-align:middle;
padding: 0;
font-size: 1.2em;
font-weight: 500;
}

#hpxmas_text {
width: 630px;
height: 110px;
margin-top: 0;
margin-left: 100px;
font-size: 0.9em;
font-weight: 500;
line-height: 1.1em;
text-align:center;
}

.imp_text {
font-size: 1.2em;
font-weight: 500;
}

#hpimage_text {
width: 360px;
height: 180px;
margin-top: 130px;
margin-left: 30px;
font-size: 1.0em;
font-weight: 500;
line-height: 1.4em;
text-align:left;
}

#homepage_info {
float: left;
font-size: 0.9em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 708px;
height: auto;
padding: 20px 20px 20px 20px;
margin: 0 6px 6px 6px;
}

#homepage_flash {
float: left;
width: 430px;
height: 135px;
padding: 20px 159px 20px 159px;
background-color:#262626;
margin: 0 6px 6px 6px;
}

/*e_toolbar*/

#e_toolbar {
height: 40px;
padding: 170px 0 0 0;
margin: 0;
}

#e_toolbar a {
font-size: 0.8em;
font-weight: 700;
color: #fff;
text-decoration: none;
}

#e_toolbar li {
float: left;
padding: 6px 0 0 0;
margin: 0;
}

#e_toolbar ul {
list-style:none;
padding: 0;
margin: 0;
}

.link_home {
text-align: center;
width: 63px;
}

#link_home_page {
text-align: center;
width: 63px;
}

#link_home_page a {
color: #d99004;
}

.link_aboutus {
width: 82px;
text-align: center;
}

#link_aboutus_page {
width: 82px;
text-align: center;
}

#link_aboutus_page a {
color: #d99004;
}

.link_jewellery {
width: 106px;
text-align: center;
}

#link_jewellery_page {
width: 106px;
text-align: center;
}

#link_jewellery_page a {
color: #d99004;
}

.link_specialoffers {
width: 94px;
text-align: center;
}

#link_specialoffers_page {
width: 94px;
text-align: center;
}

#link_specialoffers_page a {
color: #d99004;
}

.link_visitingdesigners {
width: 148px;
text-align: right;
}

#link_visitingdesigners_page {
width: 148px;
text-align: right;
}

#link_visitingdesigners_page a {
color: #d99004;
}

#e_toolbar a:hover {
color: #d99004;
text-decoration: none;
}

/* #e_toolbar #Toolbar_Links a {
background-image: url('images/templates/toolbar-gradient.jpg');
background-repeat: repeat-x;
background-color: #36A7FD;
white-space: nowrap;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
border-left: 1px solid #0984FF;
border-top: 1px solid #0984FF;
border-bottom: 1px solid #0984FF;
padding: 10px;
display: block;
text-align: center;
color: #FF6600;
text-decoration: none;
}

#e_toolbar #Toolbar_Links a:hover {
background-image: url('images/templates/toolbar-gradient-on.jpg');
background-color: #36A7FD;
background-repeat: repeat-x;
white-space: nowrap;
display:block;
color: #fff;
text-decoration: none;
}
*/

#search_bar {
width: 760px;
height: 40px;
margin-bottom: 130px;
}

#aos_search {
float:right;
border:0;
padding:4px 10px 0 0;
margin:0;
}

.Search_Field {
height: 12px;
font-size: 0.7em; 
background-color: #fff; 
border: 1px solid #000; 
padding: 4px;
}

.Search_Button {
padding: 3px;
color: white;
font-size: 0.7em; 
font-weight: bold;
background-color: #000;
/*border: 1px solid #fff;*/
}

/*e_menu*/

#e_menu {
float:left;
width: 152px;
height: 500px;
background-color: #1f1f1f;
padding: 6px;
margin: 0;
}

#e_menu_4 {
float:left;
width: 152px;
height: 340px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
}

#e_menu_8 {
float:left;
width: 152px;
height: 524px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_12 {
float:left;
width: 152px;
height: 708px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_16 {
float:left;
width: 152px;
height: 948px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_silverware {
float:left;
width: 152px;
height: 722px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_new {
float:left;
width: 152px;
height: 750px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_pendant {
float:left;
width: 152px;
height: 920px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_kilt {
float:left;
width: 152px;
height: 892px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_earrings {
float:left;
width: 152px;
height: 906px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
margin-bottom: 6px;
}

#e_menu_ritchie {
float:left;
width: 152px;
height: 1496px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
}

#e_menu a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_active a {
color: #d99004;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_active a:link {
color: #d99004;
}

#e_menu_active a:visited {
color: #d99004;
}

#e_menu a:hover {
color: #d99004;
}

#e_menu_4 a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_4 a:hover {
color: #d99004;
}

#e_menu_8 a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_8 a:hover {
color: #d99004;
}

#e_menu_12 a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_12 a:hover {
color: #d99004;
}

#e_menu_16 a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_16 a:hover {
color: #d99004;
}

#e_menu_pendant a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_pendant a:hover {
color: #d99004;
}

#e_menu_new a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_new a:hover {
color: #d99004;
}

#e_menu_silverware a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_silverware a:hover {
color: #d99004;
}

#e_menu_kilt a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_kilt a:hover {
color: #d99004;
}

#e_menu_earrings a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_earrings a:hover {
color: #d99004;
}

#e_menu_ritchie a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_ritchie a:hover {
color: #d99004;
}

#e_menu_comments{
float:left;
width: 152px;
height: 1816px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
}

#e_menu_comments a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_comments a:hover {
color: #d99004;
}

#e_menu_terms{
float:left;
width: 152px;
height: 1116px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
}

#e_menu_terms a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_terms a:hover {
color: #d99004;
}

#e_menu_designers {
float:left;
width: 152px;
height: 3026px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
}

#e_menu_designers a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_designers a:hover {
color: #d99004;
}

#e_menu_aosdana {
float:left;
width: 152px;
height: 2146px;
background-color: #1f1f1f;
padding: 6px;
margin-top: 0;
}

#e_menu_aosdana a {
color: #fff;
width: 150px;
float: left;
text-decoration: none;
font-size: 0.8em;
font-weight: bold;
}

#e_menu_aosdana a:hover {
color: #d99004;
}

.Menu_Header {
background-color: #262626;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 0.8em;
font-weight: bold;
margin-bottom: 6px;
/*background-image: url('images/templates/menu-gradient.jpg');
font-family: Arial, Helvetica, sans-serif;
display: block;
padding: 5px;
color: #fff;
font-size: 85%;
font-weight: bold;*/
}

#menu_heading {
float: left;
width: 164px;
height: 34px;
padding: 6px 0 2px 0;
background-color: #1f1f1f;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 1.2em;
font-weight: 500;
margin-bottom: 0;
background-image: url('images/menu_back.jpg');
}

/*e_page*/

#e_page {
width: 760px;
background-color: #696969;
margin-right: auto;
margin-left: auto;
}

h1 {
font-size:180%;
font-weight: normal;
color: #36A7FD;
margin-bottom: 15px;
padding: 0;
}

h2 {
font-size:140%;
font-weight: normal;
}

h3 {
font-size:120%;
font-weight: normal;
}

#Home_Banner {
background-image: url('images/demo-banner-bg.jpg');
height: 200px;
display: block;
}

.Home_Link {
padding: 5px;
margin: 10px 5px 0 5px;
border: 1px solid #36A7FD;
background-image: url('images/box_fill.jpg');
background-repeat: repeat-x;
background-color: #DDEEFF;
min-height: 120px;
}

.Home_Link p {
font-size: 85%; 
padding:0;
margin: 0;
}

.Home_Link  .Display_Name {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%; 
font-weight: bold;
line-height: 1.3em;
padding:0;
margin: 0;
}

.Home_Link .Link_Name {
clear: both;
}

.Home_Link .Display_Image {
float:left;
margin: 5px;
padding: 5px;
border:1px solid #36A7FD;
background-color:#fff;
}

.Example_Link a { 
padding: 5px;
color: white;
font-size: 85%; 
font-weight: bold;
background-color: #FF9900;
border: 1px solid #FF6600;
text-decoration: none;
}

.Example_Link a:hover { 
padding: 5px;
color: #333;
font-size: 85%; 
font-weight: bold;
background-color: #F5f5f5;
border: 1px solid #ccc;
text-decoration: none;
}

/*e_basket*/

#e_basket {
float:right;
padding: 0 0 0 4px;
margin: 6px 4px 0 0;
width: 180px;
height: 24px;
/*border: 1px solid #fff;*/
}

#aos_basket {
float:right;
padding: 0 0 0 4px;
margin: 7px 4px 0 0;
width: 90px;
height: 24px;
/*border: 1px solid #fff;*/
}

#basket_text {
text-align: left;
/*font-size: 0.8em;
font-weight: bold;*/
color: #fff;
margin: 0;
}

#e_basket caption {
text-align: left;
font-size: 1.0em;
font-weight: bold;
color: #fff;
margin: 0;
}

#e_basket label {
text-align: left;
font-size: 0.8em;
color: #fff;
margin: 0;
}

#Basket_Contents {
display:block;
padding-bottom: 0px;
}

/*checkout*/

#checkout_content  {
width: 736px;
background-color: #262626;
margin: 0;
padding: 6px;
}

#checkout_content fieldset {
padding: 0 10px 10px 10px;
}

#checkout_content legend {
font-size: 1.1em;
font-weight: normal;
color: #e2e2e2;
margin: 0;
}

#checkout_content label{
font-size: 0.8em;
font-weight: bold;
margin: 0;
}

#checkout_content h3 {
font-size: 1.1em;
font-weight: bold;
color: #e2e2e2;
margin: 0;
}

.Additional_Field_1 {
color: #d99004;
}

#order_row {
line-height:normal;
font-size: 0.7em;
padding: 6px; 
}

#order_heading {
line-height:normal;
font-size: 0.7em;
text-decoration: underline;
padding: 6px; 
}

/*footer*/

#e_footer {
clear: both;
width: 760px;
height: 160px;
margin: 0;
padding: 6px 0 0 0;
border:0;
text-align: center;
color: #fff;
background-color: #262626;
font-size: 0.7em;
}

/* Hack for IE6 and earlier 

* html #e_footer {
clear: both;
width: 760px;
height: 160px;
margin: 0;
padding: 6px 0 0 0;
border:0;
text-align: center;
color: #fff;
background-color: #262626;
font-size: 0.7em;
} */

/* Hack for IE7 

*:first-child+html #e_footer {
clear: both;
width: 760px;
height: 160px;
margin: 0;
padding: 6px 0 0 0;
border:0;
text-align: center;
color: #fff;
background-color: #262626;
font-size: 0.7em;
} */

#footer_left {
float: left;
width: 260px;
height: 120px;
text-align:left;
margin-left: 8px;
margin-top: 6px;
font-size: 1.0em;
line-height: 1.3em;
}

#footer_right {
float:right;
width: 260px;
height: 120px;
text-align:right;
margin-right: 8px;
margin-top: 6px;
font-size: 1.0em;
line-height: 1.3em;
}

#footer_center{
float:left;
width: 606px;
height: 54px;
text-align:center;
margin-left: 77px;
margin-top: -56px;
}

/*Products*/

.Product_Quantity {
background-color:#000000;
color:#FFFFFF;
border-color:#FFFFFF;
}

#product_header {
float: left;
font-size: 1.2em;
font-weight: 500;
text-align: right;
/*background-color:#262626;*/
background-image: url('images/area_back.jpg');
width: 562px;
height: 34px;
padding: 6px 8px 2px 8px;
margin: 0 0 0 6px;
}

#spacer {
float: left;
background-color:#262626;
width: 578px;
height: 19px;
padding: 0;
margin: 0 0 0 6px;
}

#product_intro {
float: left;
font-size: 0.7em;
line-height:normal;
font-weight: 500;
background-color:#262626;
background: url('images/intro_back.jpg');
width: 562px;
height: 140px;
padding: 14px 8px 14px 8px;
margin: 0 0 0 6px;
}

#jewellery_intro {
float: left;
font-size: 0.9em;
line-height:normal;
font-weight: 500;
background-color:#262626;
background: url('images/jewel_back.jpg');
width: 562px;
height: 508px;
padding: 14px 8px 14px 8px;
margin: 0 0 0 6px;
}

#ritchie_intro {
float: left;
font-size: 0.8em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 1480px;
padding: 14px 8px 14px 8px;
margin: 0 0 6px 6px;
}

#ritchie_row {
padding: 10px; 
}

#ritchie_alex {
float: right;
margin-left: 10px;
}

#ritchie_shop {
float: left;
margin-right: 10px;
margin-bottom: 20px;
}

#designer_row {
padding: 10px; 
}

#designer_image {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

#div_line {
margin: 10px;
clear: both;
background-image:url(images/div_line.jpg);
background-repeat:no-repeat;
background-position:center;
}

#comments_intro {
float: left;
font-size: 0.7em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 1800px;
padding: 14px 8px 14px 8px;
margin: 0 0 6px 6px;
}

#terms_intro {
float: left;
font-size: 0.7em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 1100px;
padding: 14px 8px 14px 8px;
margin: 0 0 6px 6px;
}

#aosdana_intro {
float: left;
font-size: 0.8em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 2130px;
padding: 14px 8px 14px 8px;
margin: 0 0 6px 6px;
}

#designers_intro {
float: left;
font-size: 0.7em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 3010px;
padding: 14px 8px 14px 8px;
margin: 0 0 6px 6px;
}

#product_info {
float: left;
font-size: 0.8em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 478px;
padding: 20px 8px 14px 8px;
margin: 0 0 6px 6px;
}

/* Hack for IE6 and earlier

* html #product_info {
float: left;
font-size: 0.8em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 478px;
padding: 20px 8px 14px 8px;
margin: -19px 0 0 6px;
}*/

/* Hack for IE7

*:first-child+html #product_info {
float: left;
font-size: 0.8em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 562px;
height: 478px;
padding: 20px 8px 14px 8px;
margin: -19px 0 0 6px;
}*/

#product_image {
float: left;
background-color:#262626;
width: 220px;
height: 220px;
padding: 20px 10px 10px 10px;
border-right:#FFFFFF solid thin;
}

#product_image img {
display: block;
margin-left: auto;
margin-right: auto
}

#product_sale {
float: left;
font-size: 1.1em;
line-height: normal;
font-weight: 600;
background-color:#262626;
width: 262px;
/*height: 260px;*/
padding: 10px 10px 10px 40px;
margin: 0;
/*border-left:#FFFFFF solid thin;*/
}

#product_description {
float: left;
font-size: 0.9em;
line-height:normal;
font-weight: 500;
background-color:#262626;
width: 542px;
padding: 10px;
margin: 0;
}

.product_info_heading {
font-size: 1.2em;
font-weight: 500;
text-decoration: none;
}

#product_thumb {
float: left;
font-size: 0.7em;
line-height: 140%;
font-weight: 500;
background-color:#262626;
width: 132px;
height: 170px;
padding: 4px;
margin: 6px 0 0 6px;
text-align: center;
}

#product_thumb_large {
float: left;
font-size: 0.7em;
line-height: 140%;
font-weight: 500;
background-color:#262626;
width: 132px;
height: 184px;
padding: 4px;
margin: 6px 0 0 6px;
text-align: center;
}

#product_thumb hover {
color:#d99004;
}

#thumb_image {
margin-bottom: 4px;
}

#price_label {
font-size: 0.9em;
line-height: 160%;
font-weight: 500;
}

.comments {
font-size: 1.1em;
width: 100%;
text-align:center;
}

.comments_right {
font-size: 1.1em;
width: 100%;
text-align:right;
}

#aosdana_row {
padding: 10px 0 10px 10px; 
}

#aosdana_row_cycle {
width: 220px;
float: left;
padding: 10px 0 10px 10px; 
}

#aosdana_gallery {
/*padding: 10px 0 10px 10px;*/
text-align:center; 
}

#aosdana_gallery a img {
border: 1px #fff solid; 
}

#aosdana_gallery a:hover img {
border: 1px #d99004 solid; 
}

img.space {
padding: 4px;
display:block;
margin-left: auto;
margin-right: auto;
}

img.space2 {
padding: 4px 20px 4px 20px;
}

img.space3 {
padding: 40px 4px 4px 4px;
}

#aosdana_image_right {
float: right;
margin-left: 10px;
width: 308px;
}

#aosdana_image_left {
float: left;
margin-right: 10px;
width: 238px;
}

#enlarge {
height: 24px;
font-size: 0.8em;
margin-left: 150px;
}

.centre {
text-align: center;
}

.aos_clear {
clear: both;
}

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

div.pictureHolder .top .left { background: url(images/tl.gif) top left no-repeat; } /* Top left corner */
div.pictureHolder .top .middle { background: #262626; } /* Top pattern/color */
div.pictureHolder .top .right { background: url(images/tr.gif) top left no-repeat; } /* Top right corner */

div.pictureHolder .content { background-color: #262626;  } /* Content background */
div.pictureHolder .content a.next:hover { background: url(images/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(images/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.expand { background: url(images/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pictureHolder .content a.expand:hover { background: url(images/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pictureHolder .content a.contract { background: url(images/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pictureHolder .content a.contract:hover { background: url(images/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(images/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

div.pictureHolder .content .details .nav a.arrow_previous { background: url(images/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pictureHolder .content .details .nav a.arrow_next { background: url(images/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */

div.pictureHolder .bottom .left { background: url(images/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #262626; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(images/br.gif) top left no-repeat; } /* Bottom right corner */

div.pictureHolder .loaderIcon { background: url(images/loader.gif) center center no-repeat; } /* Loader icon */

div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(images/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(images/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(images/ttp.gif) top left repeat-x; }

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

div.prettyPhotoOverlay {
background: #000;
position: absolute; top: 0; left: 0;
z-index: 9500;
width: 100%;
}

div.pictureHolder {
position: absolute; z-index: 10000;
width: 100px;
}

div.pictureHolder .top {
position: relative;
height: 20px;
}
* html div.pictureHolder .top { padding: 0 20px; }

div.pictureHolder .top .left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pictureHolder .top .middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pictureHolder .top .middle { position: static; }

div.pictureHolder .top .right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}

div.pictureHolder .content {
position: relative;
text-align: left;
width: 100%; height: 40px;
}

div.pictureHolder .content .details {
display: none;
margin: 10px 15px 0 20px;
}
div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; }

div.pictureHolder .content .details .nav {
float: left;
margin: 4px 0 0 0;
}

div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; }

div.pictureHolder .content .details .nav a.arrow_previous,
div.pictureHolder .content .details .nav a.arrow_next {
float: left;
display: block;
width: 8px; height: 9px;
text-indent: -10000px;
margin-top: 4px;
}

div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; }

div.pictureHolder .content div.hoverContainer {
position: absolute; z-index: 10000;
top: 0; left: 0;
width: 100%;
}

div.pictureHolder .content a.next {
position: relative; z-index: 2000;
display: block; float: right;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../images/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}

div.pictureHolder .content a.previous {
cursor: pointer;
display: block;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../images/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */

}

div.pictureHolder .content a.expand,
div.pictureHolder .content a.contract {
position: absolute; z-index: 20000;
top: 10px; right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; height: 20px;
}

div.pictureHolder .content a.close {
float: right;
display: block;
text-indent: -10000px;
}

div.pictureHolder .bottom {
position: relative;
height: 20px;
}
* html div.pictureHolder .bottom { padding: 0 20px; }

div.pictureHolder .bottom .left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pictureHolder .bottom .middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pictureHolder .bottom .middle { position: static; }

div.pictureHolder .bottom .right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}

div.pictureHolder .loaderIcon {
display: none;
position: absolute;
top: 50%; left: 50%;
margin: -12px 0 0 -12px;
width: 24px; height: 24px;
}

div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }

div.prettyPhotoTitle {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 9999;
color: #fff;
font-size: 13px;
}

div.prettyPhotoTitle div.prettyPhotoTitleLeft,
div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }

div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }