/* Global Styles
----------------------------------------------- */
a img {
 border:0;
}
a {
 color:#57a;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
form {
 margin:0;
 padding:0;
 border:0;   
}
fieldset {
 margin:1em 20px 2em 20px;
 padding:1em 10px 2em 10px;
 border:1px solid #808080;
}
legend {
 margin-bottom:1em;
 color:#666;
 font-weight:bold;
 font-size:1.2em;
 text-transform:uppercase;
}
input {
 margin:0;
 padding:0;
}
input img {
 margin:0;
 padding:1px 0 0 0;
}
label {
 margin:0;
 padding:0;
}
.none {
 display:none;
}
.horizline {
 clear:both;
 border-bottom:1px dotted #999;
 margin:1px 0 1px 0;
}
span {
 font:Arial;
}
img {
 border:0;
 margin:0;
}
ul {
 list-style-type:none;
 margin:0;
 padding:0;
}
ul li {
 background: url('assets/images/arrow2.gif') no-repeat left top;
 background-position:10px 8px;
 padding:0 0 0 20px;
 margin:0;
 font-weight:normal;
 text-transform:capitalize;
}
.breaker {
 clear:both;
 width:100%;
 height:1px;
 overflow:hidden;
}
em {
 font-size:1.1em;
}

/* Page Structure
----------------------------------------------- */
html, body {
 margin:0 0 2em 0;
 padding:0;
 color:#606060; 
 text-align:center;
 font:x-small Verdana,Sans-serif;
 voice-family: "\"}\""; voice-family:inherit;
 font-size:small;
} html>body {font-size:small;}
#page {
 margin:0 auto;
 background: url('assets/images/page_background.jpg') repeat-y left top;
 width:960px;
 padding-bottom:1em;
 font-size:1em;
 text-align:left;
}
#content {
 width:960px;
 padding:0;
}

/* Masthead
-------------------------------------------- */
#masthead {
 margin:0 auto;
 width:960px;
 padding:0;
 border-bottom:1px solid #808080;
}

/* Form
-------------------------------------------- */
#form {
 background:#F6F6F6;
 padding:10px 0 10px 0;
 margin-bottom:8px;
 border: 1px #999 solid;
 -moz-border-radius:15px;
 border-radius:15px;
}
#formAccount {
 background:#F6F6F6;
 padding:0;
 margin-bottom:8px;
 border: 1px #999 solid;
}
#formAccount table th {
 padding:6px;
 color:#FFF;
 text-transform:uppercase;
 background-color:#999;
}
#form table td, #formAccount table td {
 color:#666;
 padding:6px;
 vertical-align:top;
}
#form table.tableInner td, #formAccount table.tableInner td {
 padding:2px;
}
#formAccount table td.total {
 background-color:#DDD;
 border-top:1px #808080 solid;
 color:#666;
 text-transform:uppercase;
}
#form label, #formAccount label {
 color:#666;
}
form input.border1 {
 background-color:#FFF;
 border:1px #7F9DB9 solid;
 font:Verdana;
}
div.button {
 text-align:center;
}

/* Topnav
----------------------------------------------- */
#topnav {
 margin:0 auto;
 width:958px;
 border-right:1px solid #808080;
 border-left:1px solid #808080;
 background:#C0C0C0 url('assets/images/navBarTop.jpg') repeat-x top left;
}
#topnav .breaker {
 background-color:#808080;
}
#topnav div.pad {
}
#topnav ul {
 list-style-type:none;
 display:inline;
}
#topnav ul li {
 list-style:none;
 display:inline;
 list-style-type:none;
 list-style-image:none;
 background:none;
 padding:0;
}
#topnav ul a {
 float:left;
 display:block;
 color:#000;
 font-size:1em;
 line-height:1em;
 white-space:nowrap;
 text-decoration:none;
 background-image:url('assets/images/navBarTopDiv.jpg');
 background-repeat:repeat-y;
 background-position: right top;
 padding:7px 16px 7px 14px;
}
#topnav ul li a:hover {
 text-decoration:underline;
}
#topnav ul li.active a {
 background:#FFF url('assets/images/navBarTopDiv.jpg') repeat-y top right;
}
#topnav ul li.last a {
 background-image:none;
}
#topnav ul li.activeLast a {
 background-color:#FFF;
}

/* Main Nav
----------------------------------------------- */
#main_nav {
 margin:0 auto;
 width:958px;
 background:#C0C0C0 url('assets/images/navBarTop.jpg') repeat-x top left;
 font-size:1em;
 border-right:1px solid #808080;
 border-bottom:1px solid #808080;
 border-left:1px solid #808080;
}
#main_nav table td {
 padding-top:4px;
 padding-bottom:5px;
}
#main_nav .active {
 background-color:#FFF;
}
#main_nav a {
 padding:0 1px 0 1px;
 color:#000;
}
#main_nav table td.divider {
 background-image: url('assets/images/navBarTopDiv.jpg');
 background-repeat: repeat-y;
 background-position: top left;
}
#main_nav table td.dividerActive {
 background:#FFF url('assets/images/navBarTopDiv.jpg') repeat-y top left;
}

/* Leftnav and Rightnav
-------------------------------------------- */
#leftcol, #rightcol {
 width:150px;
 float:left;
 margin:0;
 padding:0;
 font-size:10pt;
}
#leftcol img, #rightcol img {
 margin: 0 1px 0 1px;
}
#leftcol ul, #rightcol ul {
 list-style-type:none;
 margin:0;
 padding:0;
}
#leftcol ul.nav1, #rightcol ul.nav1 {
 margin:10px 0 10px 0;
}
#leftcol ul.nav1 li, #rightcol ul.nav1 li {
 background-image: url(assets/images/arrow1.gif);
 background-repeat:no-repeat;
 background-position:7px 5px;
 padding:0 5px 2px 18px;
 margin:0;
 text-transform:capitalize;
}
#leftcol ul.nav2 li, #rightcol ul.nav2 li {
 background-image: url(assets/images/arrow2.gif);
 background-repeat:no-repeat;
 background-position:0 6px;
 padding:0 5px 0 9px;
 margin:0;
 text-transform:capitalize;
}
#leftcol ul.nav2 li.active, #rightcol ul.nav2 li.active {
 background-color:#fff;
 border-top:1px solid #808080;
 border-bottom:1px solid #808080;
}
#leftcol .col, #rightcol .col {
 padding:10px 15px 1em 15px;
}
#leftcol h2, #rightcol h2 {
 margin:0 1px 0 1px;
 background: #808080 url('assets/images/columnHeading.jpg') repeat-x top left;
 font-size:1em;
 font-weight:bold;
 color:#ffffff;
 padding:3px 5px 2px 10px;
 border-top:1px solid #808080;
 border-bottom:1px solid #999999;
}
#page #leftcol h2.top, #page #rightcol h2.top {
 border-top:0 solid #808080;
}
#leftcol h3, #rightcol h3 {
 font-size:1.1em;
 font-weight:normal;
 color:#808080;
 margin:0 0 0.4em 0;
 padding:0 0 1px 0;
}
#leftcol h3 a, #rightcol h3 a {
 background: url('assets/images/arrow2.gif') no-repeat left top;
 background-position:0 6px;
 padding:0 0 0 15px;
}
#rightScroll {
 width:148px;
 height:268px;
}
#rightScroll div {
 width:120px;
 height:240px;
 margin:14px;
 display:none;
}
#rightScroll div.first {
 display:block;
}

/* Content column
-------------------------------------------- */
#contentcol {
 width:660px;
 float:left;
 padding:0;
 margin:0 auto;
}
.col  {
 padding:0 20px 1em 20px;
}

/* Page Content
-------------------------------------------- */
#page_content h1 {
 font-size:1.5em;
 font-weight:normal;
 padding-bottom:5px;
 border-bottom:2px solid #606060;
}
.cms_content h2 {
 font-size:1.3em;
 font-weight:normal;
 padding-top:15px;
 padding-bottom:5px;
 margin:0 auto;
}
.cms_content h3 {
 font-size:1.0em;
 font-weight:normal;
 padding-top:10px;
 padding-bottom:5px;
 font-style:italic;
 margin:0 auto;
}
.cms_content h4 {
 font-size:1.0em;
 font-weight:normal;
}
.cms_content h5 {
 font-weight:normal;
}
.cms_content a {
 font-weight:normal;
}
.cms_content a:hover {
 text-decoration:underline;
}
.cms_content p {
 line-height:1.2em;
 margin:0 0 0.8em 0;
}
.cms_content ul {
 line-height:1.4em;
 margin:0 0 1.5em 0;
}
.cms_content ul li {
 text-transform:none;
}
.cms_content table {
 margin:0 0 1em 0;
 border-right:1px solid #555;
 border-bottom:1px solid #555;
}
.cms_content table th {
 padding:6px 4px 6px 4px;
 color:#FFF;
 text-transform:uppercase;
 text-align:left;
 background-color:#999;
 border-top:1px solid #555;
 border-left:1px solid #555;
}
.cms_content table td {
 padding:6px 4px 6px 4px;
 background-color:#f6f6f6;
 color:#666;
 border-top:1px solid #555;
 border-left:1px solid #555;
}
.cms_content table td.centred, .cms_content table th.centred {
 text-align:center;
}
.cms_content hr {
 border-width:1px 0 0 0;
 border-color:#808080;
 border-style:dotted;
 color:#FFF;
 height:1px;
 margin:0 0 1em 0;
}

/* Inline Images
----------------------------------------------- */
.cms_content img.left1 {
 float:left;
 margin:4px 15px 5px 0;
}
.cms_content img.right1 {
 float:right;
 margin:4px 0 15px 15px;
}
.cms_content img.left2 {
 float:left;
 border:1px solid #999;
 margin:4px 15px 5px 0;
}
.cms_content img.right2 {
 float:right;
 border:1px solid #999;
 margin:4px 0 15px 15px;
}

/* Alert, Validation, Notice
----------------------------------------------- */
.alert {
 color:#C00;
}
#validation {
 margin:0 auto;
 color:#C00;
 background-color:#FFF3F3;
 font-size:0.8em;
 padding:5px;
 border:1px solid #C00;
}
#validation p {
 padding:0;
 border:0;
 margin:1px;
}
#validation ul {
 list-style-type:none;
 margin:0;
 padding-top:10px;
}
#validation ul li {
 background-image: url(assets/images/arrowNotice.gif);
 background-repeat:no-repeat;
 background-position:6px 6px;
 padding:0 0 2px 26px;
 font-weight:bold;
 text-transform:none;
 margin:0;
}
#notice {
 margin:0 auto;
 color:#000;
 background-color:#FFC;
 font-size:0.8em;
 padding:5px;
 border:1px solid #000;
}
#notice p {
 padding:0;
 border:0;
 margin:1px;
}
#notice ul {
 list-style-type:none;
 margin:0;
 padding-top:10px;
}
#notice ul li {
 background-image: url(assets/images/dashBlack.gif);
 background-repeat:no-repeat;
 background-position:10px 7px;
 padding:0 0 2px 20px;
 font-weight:bold;
 text-transform:none;
 margin:0;
}

/* Footer
-------------------------------------------- */
#footer {
 margin:0 auto;
 width:958px;
 background:#C0C0C0 url('assets/images/navBarTop.jpg') repeat-x top left;
 font-size:0.75em;
 font-weight:bold;
 text-transform:capitalize;
 padding-top:8px;
 text-align:left;
 border:1px solid #808080;
}
#footer .col  {
 padding:0 10px 1em 10px;
}
#footer .left {
   padding:0 10px 0 0;
   float:left;
}
#footer .right {
   padding:0 0 0 10px;
   float:right;
}
#footer a {
 padding:0 1px 0 1px;
 text-decoration:none;
 font-weight:normal;
}
#footer a:hover {
 text-decoration:underline;
}

/* Search
-------------------------------------------- */
#search {
 margin:0 auto;
 width:958px;
 border-right:1px solid #808080;
 border-bottom:1px solid #808080;
 border-left:1px solid #808080;
}
#search .col  {
 padding:10px 20px 0.5em 20px;
}
#search table td {
 padding:0 6px 0 0;
 text-align:left;
 vertical-align:bottom;
}
#search .left {
 width:545px;
 float:left;
 font-size:14pt;
}
#search .right {
 width:373px;
 float:right;
 text-align:right;
}
#search .left .col {
 padding:0 10px 0 0;
}
#keywords {
 font-size:1.1em;
 font-weight:normal;
 color:#808080;
 margin:0;
 padding:2px;
 height:1.2em;
}

/* Sign up, Account, Log in, Log out and Select package buttons
-------------------------------------------- */
#buttons {
 width:373px;
 margin:0 auto;
 padding:0;
}
#buttons .button1 {
 width:143px;
 float:left;
}
#buttons .buttonEmpty1 {
 width:143px;
 float:left;
}
#buttons .button2 {
 width:93px;
 margin-left:2px;
 float:left;
}
#buttons .button3 {
 width:93px;
 margin-left:2px;
 float:left;
 text-align:left;
}
#buttons .button4 {
 width:36px;
 margin-left:4px;
 float:left;
}

/* Slideshow
-------------------------------------------- */
#slideshow {
 padding:0;
 background-color:#EFE2CA;
 border-top:1px solid #808080;
 border-right:1px solid #808080;
 border-left:1px solid #808080;
 height:241px;
}
#slideshow div.additional {
 display:none;
}
#slideshow div.first {
 display:block;
}
#slideshow .slideshowFlash {
 width:320px;
 margin:0;
 padding:0;
 float:left;
}
#slideshow .slideshowText {
 width:298px;
 margin:0;
 padding:10px 0 1em 0;
 float:left;
}
#slideshow h2 {
 font-size:1.3em;
 font-weight:normal;
 font-family:"Georgia",serif;
 color:#808080;
 margin:0;
 padding:15px 0 5px 0;
}
#slideshow ul {
 list-style-type:none;
 margin:0;
 padding:0;
}
#page_content .slideshow ul li {
 background-image: url(assets/images/arrow1.gif);
 background-repeat:no-repeat;
 background-position:15px 5px;
 padding:0 5px 5px 28px;
 margin:0;
 text-transform:none;
}
#slideshow .breaker {
 background-color:#808080;
}
span.highlight {
 font-size:1.1em;
 color:#F90;
 font-weight:bold;
}

/* JS Slideshow
-------------------------------------------- */
#slide_content {
 width:620px;
 height:210px;
 margin:0 auto;
 margin-bottom:1em;
 padding:0;
}
#slide_content div.additional {
 display:none;
}
#slide_content div.first {
 display:block;
}
#slide_content .first, #slide_content .additional {
 margin-top:1em;
 padding:0;
 border:1px solid #808080;
 -moz-border-radius:15px;
 border-radius:15px;
}
#slide_content .slide_left, #slide_content .slide_right {
 width:309px;
 margin:0;
 padding:5px 0 0 0;
 float:left;
}
#slide_content .image_text .left {
 width:135px;
 margin:0;
 padding:0;
 float:left;
 text-align:center;
}
#slide_content .image_text .left img {
 margin-left:10px;
}
#slide_content .image_text .right {
 width:173px;
 height:140px;
 margin:0;
 padding:0;
 float:left;
}
#slide_content .slide_left .image_text .right {
 border-right:1px dotted #999;
}
#slide_content .image_text .right .pad {
 margin:0;
 padding:2px 5px 0 5px;
}
#slide_content .cms_content {
 margin:0;
 padding:0;
 text-align:left;
}
#slide_content h2 {
 font-size:1.2em;
 font-weight:normal;
 font-family:"Georgia",serif;
 color:#808080;
 margin:0 0 0.2em 0;
 padding:2px 5px 2px 10px;
}
#slide_content .cms_content p {
 font-size:0.9em;
 line-height:1.2em;
 margin:0 0 0.8em 0;
}
#slide_content .cms_content a:hover h3 {
 text-decoration:underline;
}
div.image_text p.price {
 font-size:1.1em;
 font-weight:bold;
 color:#f90;
 margin:0;
 padding:5px;
 vertical-align:top;
}
div.image_text .cms_content h3 {
 font-size:1.0em;
 font-weight:normal;
 padding:0 0 5px 0;
 font-style:normal;
 margin:0 auto;
}

/* Tabs
-------------------------------------------- */
#formAccount div.tabs {
 margin:0 auto;
 width:100%;
 padding:0 0 1em 0;
}
#formAccount div.tabs table {
 width:100%;
}
#formAccount div.tabs table td {
 padding-top:4px;
 padding-bottom:5px;
 background-color:#DDD;
 border-bottom:1px solid #808080;
}
#formAccount div.tabs table td.left {
 border-left:1px solid #808080;
}
#formAccount div.tabs table td.activeLeft {
 border-left:1px solid #808080;
 background-color:transparent;
 border-bottom:none;
}
#formAccount div.tabs table td.active {
 background-color:transparent;
 border-bottom:none;
}
#formAccount div.tabs a {
 padding:0 1px 0 1px;
 color:#000;
}

/* Package
-------------------------------------------- */
#package {
 margin:0 0 0.5em 0;
 padding:0;
 border-bottom:1px solid #808080;
}
#package .col  {
 padding:0 0 1.5em 0;
}
#package .left {
 width:285px;
 float:left;
}
#package .right {
 width:285px;
 float:right;
 text-align:right;
}
#package .left .col {
 padding:0 10px 0 0;
}
#package .right .col {
 padding:0 0 0 10px;
}

/* Gallery
----------------------------------------------- */
div.gallery div.galleryRow {
 width:620px;
 margin:0 0 5px 0;
}
div.gallery div.left {
 width:50%;
 float:left;
}
div.gallery div.right {
 width:50%;
 float:right;
}
#formAccount div.gallery table td {
 padding:0;
}
#formAccount div.gallery td.thumbinfo {
 padding:0.5em 0 0 0;
}
div.gallery hr {
 border-width:1px 0 0 0;
 border-color:#808080;
 border-style:dotted;
 color:#FFF;
 height:1px;
 margin:0 0 1em 0;
}
div.gallery ul {
 list-style-type:none;
 margin:0 0 1em 0;
 padding:0;
}
div.gallery ul li {
 background-image: url("assets/images/arrow2.gif");
 background-repeat:no-repeat;
 background-position:0 3px;
 padding:0 5px 0 9px;
 margin:0;
 text-transform:capitalize;
}
div.gallery img {
 margin-bottom:10px;
 border:1px solid #808080;
 display:block;
}
div.gallery td img {
 margin-bottom:3px;
 border:0;
}
div.gallery .galleryRow img {
 border:0;
}
div.gallery td.thumbinfo {
 padding:0.5em 0 0 0;
 font-size:0.8em;
}
div.gallery p {
 margin:0 0 1em 0;
}
div.gallery div.image {
 float:left;
 width:122px;
 margin:0 5px 0 0;
}
div.gallery div.info {
 float:left;
 width:173px;
 margin:0 10px 0 0;
}
div.gallery div.info h2 {
 font-size:1em;
 margin:0 0 10px 0;
}
div.gallery div.info ul {
 margin:0 0 5px 0;
}
div.gallery div.info p.price {
 font-size:1.1em;
 font-weight:bold;
 color:#f90;
 margin:0;
 padding:5px;
 vertical-align:top;
}
div.gallery td.price {
 font-size:1.8em;
 font-weight:bold;
 color:#f90;
 padding:5px 20px 20px 0;
 vertical-align:top;
}
span.super {
 font-size:xx-small;
 vertical-align:top;
}
#search-filter {
 width:620px;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
}
#search-filter .accordion-controller {
 width:620px;
 background:#f6f6f6 url('assets/images/arrow1.gif') no-repeat left top;
 background-repeat:no-repeat;
 background-position:7px 9px;
 margin:5px 0 0 0;
 border:1px solid #808080;
 -moz-border-radius-topright:15px;
 -moz-border-radius-topleft:15px;
 border-radius:15px 15px 0 0;
 cursor:pointer;
 font-size:1.2em;
}
#search-filter .accordion-controller .col {
 padding:5px 5px 5px 20px;
}
#search-filter .accordion-content {
 width:620px;
 float:left;
 background-color:#fff;
 border:1px solid #808080;
 border-top:0;
 -moz-border-radius-bottomleft:15px;
 -moz-border-radius-bottomright:15px;
 border-radius:0 0 15px 15px;
}
#search-filter .buy-home-content {
 width:620px;
 float:left;
 background-color:#fff;
 border:1px solid #808080;
 -moz-border-radius:15px;
 border-radius:15px;
}
#search-filter .left .col {
 padding:3px 3px 5px 5px;
}
#search-filter .right .col {
 padding:3px 5px 5px 3px;
}
#search-filter .checkboxContainerLarge {
 height:159px;
 overflow:auto;
 padding:5px;
 border:1px solid #ccc;
 font-size:0.8em;
}
#search-filter .checkboxContainerSmall {
 height:85px;
 overflow:auto;
 padding:5px;
 border:1px solid #ccc;
 font-size:0.8em;
}
#search-filter .bottom {
 margin-bottom:5px;
}
#search-filter .on {
 background: #f6f6f6 url('assets/images/arrow3.gif') no-repeat left top;
 background-repeat:no-repeat;
 background-position:7px 9px;
}

/* Listing
----------------------------------------------- */
div.listingColumn {
 width:206px;
 float:left;
 padding:0;
 margin:0;
}
div.listing h2, div.listingColumn h2 {
 background-color:#F0F0F0;
 font-size:1.1em;
 font-weight:normal;
 color:#808080;
 margin:0 10px 0.7em 0;
 padding:9px 5px 7px 14px;
}
div.listing ul, div.listingColumn ul {
 list-style-type:none;
 margin:0 0 1em 0;
 padding:0;
}
div.listing ul.list1 li, div.listingColumn ul.list1 li {
 background-image: url("assets/images/arrow1.gif");
 background-repeat:no-repeat;
 background-position:7px 5px;
 padding:0 5px 5px 18px;
 margin:0;
 text-transform:capitalize;
}
div.listing ul.list2 li {
 background-image: url("assets/images/arrow2.gif");
 background-repeat:no-repeat;
 background-position:0 6px;
 padding:0 5px 0 9px;
 margin:0;
 text-transform:capitalize;
}
div.listing ul.list3 li {
 background-image: url("assets/images/arrow1.gif");
 background-repeat:no-repeat;
 background-position:20px 15px;
 font-size:1.3em;
 padding:30px 5px 60px 100px;
 margin:0;
 text-transform:capitalize;
}
div.listing ul.list3 li.profile {
 background-image: url("assets/images/profile_icon.jpg");
}
div.listing ul.list3 li.gallery {
 background-image: url("assets/images/gallery_icon.jpg");
}
div.listing ul.list3 li.contact {
 background-image: url("assets/images/contact_icon.jpg");
}
div.listing ul.list3 li.website {
 background-image: url("assets/images/website_icon.jpg");
}
div.listing ul li span.date {
 color:#666;
}
div.listing p {
 line-height:1.4em;
 margin:0 0 1em 0;
}
div.listing hr {
 border-top:1px dotted #808080;
 border-right:0px dotted #808080;
 border-bottom:0px dotted #808080;
 border-left:0px dotted #808080;
 color:#FFF;
 height:1px;
 margin:0 0 1em 0;
}

/* Pagination
----------------------------------------------- */
div.pagination, div.paginationLarge {
 text-align:center;
 padding:1em 0 1em 0;
 margin: 0 0 1em 0;
 border-top:1px solid #808080;
 border-bottom:1px solid #808080;
}
div.paginationLarge {
 font-size:1.2em;
}
div.pagination a, div.paginationLarge a {
 color:#57A;
 text-decoration:none;
 padding:3px 2px 3px 2px;
 line-height:2em;
 border: 1px solid #FFF;
}
div.pagination a:hover, div.paginationLarge a:hover {
 text-decoration:none;
 border: 1px solid #57A;
}

/* Status Bar
----------------------------------------------- */
#statusBar {
 padding:0;
 font-size:10pt;
}
#statusBar table td {
 text-align:center;
}
#statusBar table td.bg {
 height:20px;
 background:#FFF url("assets/images/statusBar.jpg") repeat-x top left;
}
#statusBar table td.step {
 padding:0.5em 0 0.5em 0;
}