/* STYLE SHEET - Bryan Douglas */

body {
   background-image: url("/images/blue_textured_background.jpg");
   font-family: "Times New Roman";
   text-align: center;
   text-color: black;
   margin-top: 1em;
   margin-bottom: 2em;
   }

#wrapper {
   width: 900px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   marin-bottom: 0;
   background-color: #FFFFFF;
   border: 1px solid #3D59AB;
   border-style: outset;
   /*background-image: url("http://www.bryandouglas.co.uk/images/main_shadow.png");
   background-repeat: repeat-y;
   background-position: top center;*/
   }

/* Used for bringing content back in-line */
.clear {
   clear: both;
   }

/* Style for Top Border */
#topborder {
   position: relative;
   padding-top: 1.0em;
   padding-left: 1.0em;
   padding-right: 1.0em;
   text-align: center;
   }

#topborder h1 {
   font-size: 3.0em;
   color: #DDDDDD;
   margin-top: 0;
   margin-bottom: 0;
   width: 400px;
   height: 75px;
   background: url("/images/antique_silver.gif");
   text-indent: -9999px;
   }

#topborder h2 {
   font-size: 3.0em;
   color: darkblue;
   margin-top: 0;
   margin-bottom: 0;
   }

#topborder h3 {
   font-size: 0.9em;
   color: gray;
   margin-top: 0;
   margin-bottom: 0;
   }

/* Styles for New Navigation
#navigation {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   }

#navigation a {
   display: inline-block;
   width: 90px;
   height: 20px;
   margin: 0.3em;
   padding: 1.5em 0.2em 0.2em 0.2em;
   border: 1px solid;
   border-color: #69f #00f #00f #69f;
   font-family: Arial;
   font-size: 0.8em;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: center 10%;
   }

#navigation a:hover {
   border-color: #00f #69f #69f #00f;
   }

#nav_home {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/home.png");
   }

#nav_review_order {
   color: darkgreen;
   background-color: #98FB98;
   background-image: url("/images/basket.png");
   }

#nav_inventory {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/inventory.png");
   }

#nav_contact_us {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/contact_us.png");
   }

#nav_about_us {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/about_us.png");
   }

#nav_about_silver {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/about_silver.png");
   }

#nav_appraisals {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/appraisals.png");
   }

#nav_links {
   color: darkblue;
   background-color: #CAE1FF;
   background-image: url("/images/links.png");
   }
   */

/* Style for Top Navigation */
#topnav {
   text-align: center;
   margin-top: 0.8em;
   margin-bottom: 0.3em;
   }

#search {
   text-align: center;
   margin-bottom: 0.5em;
   }

#basic_search_field{
   background-color: #EEEEEE;
   }

#search_button {
   height: 32px;
   width: 32px;
   border: 0;
   cursor: hand;
   }

#topborder.hr {
   width: 100%;
   }

/* Style for Main Content */

#content {
   text-align: left;
   margin-top: 1.0em;
   margin-left: 1.0em;
   margin-right: 1.0em;
   margin-bottom: 1.0em;
   line-height: 1.3em;
   }

#content h1 {
   font-size: 1.5em;
   font-weight: normal;
   color: darkblue;
   text-align: center;
   text-decoration: none;
   margin-top: 1em;
   margin-bottom: 0.5em;
   }

#content h2 {
   font-size: 1.3em;
   color: darkblue;
   font-weight: bold;
   margin-top: 1.0em;
   margin-bottom: 0.2em;
   }

#content h3 {
   font-size: 1.0em;
   color: darkblue;
   font-weight: bold;
   margin-top: 1.0em;
   margin-bottom: 0.4em;
   }

#content h4 {
   font-size: 0.8em;
   color: darkblue;
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 0;
   }

#content p {
   font-size: 1.0em;
   text-align: justify;
   }

#content .capital {             /* First letter of first paragraph */
   float: left;
   font-size: 250%;
   line-height: 1em;
   margin: 4px 10px 4px 0;
   padding: 4px 8px;
   border: 1px solid black;
   background: #EEEEEE;
   }

/* Straight line styles */
.hr {
   border: 0;
   height: 1px;
   color: silver;
   padding-bottom: 0.5em;
   }

/* Syles for A-Z Sitemap */
.sm_link {
   padding-left: 0.2em;
   list-style-image: url("/images/green_arrow.png");
   list-style-type: square;
   }

.sm_link a {
   text-decoration: none;
   }

.sm_category {
   text-decoration: underline;
   font-family: arial;
   font-weight: 600;
   color: darkblue;
   }

.sm_title {
   font-style: italic;
   color: darkgreen;
   }

.sm_learn_more {
   text-decoration: underline;
   padding-left: 0.2em;
   list-style-image: url("/images/learn.png");
   list-style-type: square;
   }

/* Styles for Contact Us Page */
#conttable {
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-collapse: collapse;
   }

#conttable img {
   padding: 5px;
   border: none;
   }

#conttable td {
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   }

#conttable h2 {
   margin: 0;
   padding: 0.5em 0 0 0.5em;
   font-size: 1.0em;
   text-align: left;
   border-bottom: 1px solid silver;
   }

#conttable h3 {
   margin: 0;
   padding: 0.5em 0 0 1em;
   font-size: 1.0em;
   text-align: left;
   }

#conttable p {
   margin: 0;
   padding: 0.2em 1.5em 0 1.5em;
   font-size: 1.0em;
   text-align: justify;
   }

/* Style for Index Page */
#content p.freeship {
   margin-top: 1.5em;
   font-family: Arial;
   font-size: 1.0em;
   color: darkred;
   text-align: center;
   }

#shopphoto {
   text-align: center;
   margin: 1em 0 1.5em 0;
   }

/* Styles for Inventory page */
#invtable {
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-collapse: collapse;
   }

#invtable td {
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   }

#invtable h3 {                 /* Inventory table column letters */
   font-size: 1.0em;
   text-align: center;
   text-decoration: underline;
   margin-top: 0;
   margin-bottom: 0.5em;
   }

#invtable h2 {                 /* Inventory table categories */
   font-size: 1.0em;
   font-weight: normal;
   margin-top: 0;
   margin-bottom: 0;
   }

/* Style for Links Page */
#linkstable {
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-collapse: collapse;
   }

#linkstable td {
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   }

/* Style for Silversmithing Page */
#smithtable {
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-collapse: collapse;
   }

#smithtable td {
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   }

/* Styles for Main Image pages */
#cathead p {                       /* Old Cathead required for old pages */
   font-size: 1.5em;
   font-weight: normal;
   color: darkblue;
   text-align: center;
   text-decoration: underline;
   margin-top: 1.0em;
   margin-bottom: 0.5em;
   }

/* Styles for Learn More link */
#learn {
   width: 350px ;
   margin-left: auto;
   margin-right: auto;
   }

#learn p {
   padding-top: 1em;
   text-align: center;
   font-size: 0.8em;
   background-image: url("/images/learn.png");
   background-repeat: no-repeat;
   background-position: top center;
   }

/* Style for Info Area */
#info {
   padding: 0;
   }

/*Styles for Thumb List View link*/
#list_view {
   width: 80px;
   margin-left: auto ;
   margin-right: auto ;
   }

#list_view p {
   padding-left: 1.5em;
   font-size: 0.8em;
   color: darkblue;
   text-align: center;
   background-repeat: no-repeat;
   background-position: 5px center;
   background-image: url("/images/list.png");
   }

/*Styles for Grid List View link*/
#grid_view {
   width: 80px;
   margin-left: auto ;
   margin-right: auto ;
   }

#grid_view p {
   padding-left: 1.5em;
   font-size: 0.8em;
   color: darkblue;
   text-align: center;
   background-repeat: no-repeat;
   background-position: 5px center;
   background-image: url("/images/grid.png");
   }

/* Styles for Enlarge instruction */
#enlarge {
   width: 180px;
   margin-left: auto;
   margin-right: auto;
   }

#enlarge p {
   padding: 0 0 0.5em 1em;
   font-size: 0.8em;
   color: darkred;
   font-weight: bold;
   text-align: center;
   background-image: url("/images/mouse.png");
   background-repeat: no-repeat;
   background-position: left top;
   }

/* Styles for the main List & Grid View Tables */

/* Styles for Thumbnail Table */
.details {
   width: 100%;
   }

.spacer {
   width: 5px;
   }

/* Styles for Thumbnail */
#thumb {
   width: 130px;
   vertical-align: top;
   }

#thumb img {
   width: 125px;
   height: 125px;
   text-align: left;
   padding: 1px;
   border: 1px solid silver;
   backround-color: white;
   -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
   -moz-transition-duration: 0.5s; /*Mozilla duration version*/
   -o-transition-duration: 0.5s; /*Opera duration version*/
   opacity: 0.9; /*initial opacity of images*/
   }

#thumb image:hover {
   padding: 1px;
   border: 1px solid darkgreen;
   backround-color: white;
   -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
   -moz-transform:scale(1.1); /*Mozilla scale version*/
   -o-transform:scale(1.1); /*Opera scale version*/
   box-shadow:0px 0px 10px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
   -webkit-box-shadow:0px 0px 10px gray; /*Safari shadow version*/
   -moz-box-shadow:0px 0px 10px gray; /*Mozilla shadow version*/
   opacity: 1;
   }

/* Styles for Stock Number */
#stockno {
   width: 70px;
   vertical-align: top;
   }

#stockno p {
   margin-top: 0;
   font-size: 1.1em;
   font-weight: normal;
   text-align: left;
   color: DarkBlue;
   }

/* Styles for Description */
#description {
   vertical-align: top;
   }

#description p {
   margin-top: 0;
   font-size: 1.0em;
   font-weight: normal;
   text-align: justify;
   }

/* Styles for Price */
#price {
   width: 100px;
   vertical-align: top;
   }

#price p {
   margin-top: 0;
   padding-left: 1em;
   font-size: 1.1em;
   font-weight: bold;
   text-align: left;
   color: darkgreen;
   }

/* Styles for Add To Order */
#order {
   width: 100px;
   margin: 0;
   vertical-align: top;
   }

#sold p {
   margin-top: 0;
   font-size: 1.5em;
   font-weight: bold;
   color: darkred;
   text-align: center;
   }

#reserved p {
   margin-top: 0;
   font-size: 1.2em;
   font-weight: bold;
   color: orange;
   text-align: center;
   }

/* Styles for Unsold & Sold areas */
.unsold {
   color: black;
   }

.sold {
   color: silver;
   }

.sold_img {
   opacity: 0.4;
   filter: alpha(opacity=40);
   }

#stockno p.sold {
   color: silver;
   }

#price p.sold {
   color: silver;
   }

/*Styles for Thumb Grid Page*/
#thumbs_grid a {
   text-decoration: none;
   }

#thumbs_grid img {
   display: block;
   width: 125px;
   height: 125px;
   padding: 1px;
   border: 1px solid silver;
   backround-color: white;
   -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
   -moz-transition-duration: 0.5s; /*Mozilla duration version*/
   -o-transition-duration: 0.5s; /*Opera duration version*/
   opacity: 0.9; /*initial opacity of images*/
   }

#thumbs_grid img:hover {
   padding: 1px;
   border: 1px solid darkgreen;
   backround-color: white;
   -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
   -moz-transform:scale(1.1); /*Mozilla scale version*/
   -o-transform:scale(1.1); /*Opera scale version*/
   box-shadow:0px 0px 10px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
   -webkit-box-shadow:0px 0px 10px gray; /*Safari shadow version*/
   -moz-box-shadow:0px 0px 10px gray; /*Mozilla shadow version*/
   opacity: 1;
   }

#thumbs_grid p {
   margin: 0.5em 0 1em 0;
   font-size: 1em;
   text-align: center;
   font-weight: bold;
   }

#grid_price {
   color: darkgreen;
   }

#grid_sold {
   color: darkred;
   }

#grid_reserved {
   color: orange;
   }

/*  Styles for Large Image page*/
#large_images {
   width: 100%;
   padding-bottom: 1em;
   }

#left_small_image {
   vertical-align: top;
   text-align: center;
   padding-top: 3em;
   background-image: url("/images/mouse.png");
   background-repeat: no-repeat;
   background-position: center top;
   }

#left_small_image2 {
   vertical-align: bottom;
   text-align: center;
   padding-top: 3em;
   }

#right_small_image {
   vertical-align: top;
   text-align: center;
   padding-top: 3em;
   background-image: url("/images/mouse.png");
   background-repeat: no-repeat;
   background-position: center top;
   }

#right_small_image2 {
   vertical-align: bottom;
   text-align: center;
   padding-top: 3em;
   }

#large_image {
   width: 500px;
   height: 500px;
   text-align: center;
   backround-color: white;
   }

#left_small_image img {
   width: 125px;
   height: 125px;
   padding: 1px;
   border: 1px solid silver;
   backround-color: white;
   }

#left_small_image img:hover {
   padding: 1px;
   border: 1px solid darkgreen;
   backround-color: white;
   }

#right_small_image img {
   width: 125px;
   height: 125px;
   padding: 1px;
   border: 1px solid silver;
   backround-color: white;
   }

#right_small_image img:hover {
   padding: 1px;
   border: 1px solid darkgreen;
   backround-color: white;
   }

/* Styles for large image hover transform */
#large_image img {
   padding: 1px;
   border: 1px solid silver;
   -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
   -moz-transition-duration: 0.5s; /*Mozilla duration version*/
   -o-transition-duration: 0.5s; /*Opera duration version*/
   opacity: 0.9; /*initial opacity of images*/
   }

#large_image img:hover {
   padding: 1px;
   border: 1px solid darkgreen;
   -webkit-transform:scale(1.4); /*Webkit: Scale up image to 1.2x original size*/
   -moz-transform:scale(1.4); /*Mozilla scale version*/
   -o-transform:scale(1.4); /*Opera scale version*/
   box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
   -webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
   -moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
   opacity: 1;
   }

/* Style for Bottom Border */
#bottomborder {
   margin-top: 1.0em;
   margin-left: 1.0em;
   margin-right: 1.0em;
   margin-bottom: 1.0em;
   text-align: center;
   }

#bottomlinks a {
   padding-right: 0.5em;
   color: darkblue;
   font-size: 1.3em;
   }

#bottomlinks .review_order {
   color: darkgreen;
   }

#bottomsocial {
   margin-top: 1em;
   }

#bottomsocial a {
   padding: 0 1.5em 0 1.5em;
   font-size: 0.8em;
   background-repeat: no-repeat;
   background-position: left center;
   }

#furl {
   color: Coral;
   background-image: url("/images/furl.png");
   }

#diggit {
   color: CornFlowerBlue;
   background-image: url("/images/diggit.png");
   }

#delicious {
   color: DimGray;
   background-image: url("/images/delicious.png");
   }

#stumbleupon {
   color: DarkCyan;
   background-image: url("/images/stumbleupon.png");
   }

#bottomaddress {
   font-size: 1.0em;
   }

#bottomterms {
   padding-top: 1em;
   font-size: 0.9em;
   }

#bottomcopyright {
   padding-bottom: 1em;
   font-size: 0.8em;
   }


/* STYLES FOR MAINTENANCE PROGRAMS */
#progtable {
   border-top: 1px solid silver;
   border-left: 1px solid silver;
   border-collapse: collapse;
   }

#progtable th {
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   }

#progtable td {
   border-right: 1px solid silver;
   border-bottom: 1px solid silver;
   text-align:left;
   vertical-align:top;
   }

td.category {
   color: DarkRed;
   }

td.stockno {
   color: DarkRed;
   }