/* Global CSS */

/* Site Specific Layout */
#page {width:908px; margin:0 auto; text-align:center;}
#main {float:left; width:908px; margin:0; padding:0; text-align:left;}

#masthead {float:left; width:908px;}
#logo {float:left; width:167px; height:91px;}
ul#topnav-list {float:right; width:215px; margin:41px 26px 0 0; list-style:none;}
ul#topnav-list li {float:left; height:13px; display:inline; overflow:hidden;}
ul#topnav-list li a {display:block;}
ul#topnav-list li a:hover {margin:-13px 0 0 0;}

#content-container {float:left; width:908px; height:596px; background:#FFFFFF url(../images/bg-content-border.gif) no-repeat; display:inline;}
#bg-content {float:left; width:874px; height:581px; margin:6px 0 0 9px; background:transparent url(../images/bg-content.jpg) no-repeat; display:inline;}
#content {float:left; width:488px; margin:33px 0 0 412px; display:inline;}

.rotation-container {float:left; width:371px; height:546px; list-style:none; /*overflow:hidden;*/}
ul#rotation-list {float:left; width:371px; height:546px; list-style:none; /*overflow:hidden;*/}
ul#rotation-list li {float:left; width:371px;}
ul#rotation-list li.product-img {float:left; width:357px; height:357px;}
ul#rotation-list li.intro {float:left; padding-top:20px; font-size:15px; color:#999999; line-height:19px;}
ul#rotation-list li.location {float:left; padding-top:10px; font-size:15px; font-weight:bold;}
ul#rotation-list li.location a:hover {text-decoration:underline;}

/* Location Colours */
.colour01 a {color:#e6c5a0; text-decoration:none;}
.colour02 a {color:#e80d2e; text-decoration:none;}
.colour03 a {color:#bf915e; text-decoration:none;}
.colour04 a {color:#d30017; text-decoration:none;}
.colour05 a {color:#2cb3cc; text-decoration:none;}
.colour06 a {color:#aa5070; text-decoration:none;}
.colour07 a {color:#6c6c6c; text-decoration:none;}
.colour08 a {color:#bdaa96; text-decoration:none;}
.colour09 a {color:#72d9e2; text-decoration:none;}
.colour10 a {color:#fffcef; text-decoration:none;}
.colour11 a {color:#dd5176; text-decoration:none;}
.colour12 a {color:#9e2658; text-decoration:none;}
.colour13 a {color:#a6856f; text-decoration:none;}
.colour14 a {color:#ae5c2e; text-decoration:none;}
.colour15 a {color:#f1efef; text-decoration:none;}
.colour16 a {color:#0392bc; text-decoration:none;}
.colour17 a {color:#747475; text-decoration:none;}
.colour18 a {color:#5d5c5d; text-decoration:none;}
.colour19 a {color:#2780e9; text-decoration:none;}
.colour20 a {color:#fffcef; text-decoration:none;}
.colour21 a {color:#ada087; text-decoration:none;}
.colour22 a {color:#5d5c5d; text-decoration:none;}
.colour23 a {color:#37ba95; text-decoration:none;}
.colour24 a {color:#e63f68; text-decoration:none;}
.colour25 a {color:#cb2e50; text-decoration:none;}
.colour26 a {color:#525055; text-decoration:none;}
.colour27 a {color:#a6856f; text-decoration:none;}


#previous {float:left; height:92px; margin:215px 15px 0 0; display:inline; overflow:hidden;}
#previous a {display:block;}
#previous a:hover {margin:-92px 0 0 0;}

#next {float:left; height:92px; margin:215px 0 0 15px; display:inline; overflow:hidden;}
#next a {display:block;}
#next a:hover {margin:-92px 0 0 0;}

#gallery-instructions {float:left; width:698px; height:10px; padding:23px 0 24px 87px;}

#gallery-container {float:left; width:889px; height:128px; background:#FFFFFF url(../images/bg-gallery.gif) no-repeat;}
ul.gallery-list {float:left; width:873px; margin:6px 0 0 13px; list-style:none; display:inline;}
ul.gallery-list li {float:left; padding:0 4px 5px 0; display:inline;}
ul.gallery-list li a {float:left; width:52px; height:52px; border:1px solid #ffffff;}
ul.gallery-list li a:hover {float:left; width:52px; height:52px; border:1px solid #ec2b94;}
ul.gallery-list li a.active {float:left; width:52px; height:52px; border:1px solid #ec2b94;}
ul.gallery-list li img {float:left; width:52px; height:52px;}
ul.gallery-list li.blank {float:left; width:52px; height:52px; border:1px solid #ffffff;}
ul.gallery-list li.quote img {float:left; width:168px; height:54px;}

#footer-container {float:left; width:100%; height:33px; background:#FFFFFF url(../images/bg-footer.gif) repeat-x;}
#footer {width:908px; margin:0 auto; padding:50px 0 50px 6px; font-size:11px; text-align:left;}


/* Typography */
body {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:normal; color:#191919;}
div {font-size:12px;}
p {color:#191919; font-size:12px; padding-bottom:20px; line-height:18px;}
p a {color:#DC842E; font-weight:bold;}
a:focus {outline:none;}
h1 {margin-bottom:10px;}

sup, sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}
sup {bottom: 1ex;}
sub {top:.5ex;}