/* creating my own default tag settings */
.button {cursor: pointer; padding: 4px 10px;}
.error-text {color: red;}
.success-text {color: blue;}
.disabled {color: silver;}
.double-arrows {font-family: Arial; font-size: 130%;}
.typeless li {list-style: none;}

.big {font-size: 16px;}
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.clear {clear: both;}
.center {text-align: center;}

#sitecontainer {display: block; width: 961px; margin: auto;}
.header {background: url(../images/headerbg.jpg) no-repeat;height: 170px;display: block;position: relative;}
.header a.logo {display: inline-block; width: 350px; height:150px; margin: 20px 0 0 0; }
.header p {position: absolute; right: 35px; top: 132px; text-align: right; color: #000; font-size: 18px; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}

.maincontent {display: block; clear:both;background: url('../images/mainbg.gif') repeat-y;}
.flashrotation {display: block; margin: 0 2px; height: 375px;background-color: #000000;}
.mainnav {display: block; background: #000000; border-top: 2px solid #af7c3f; border-bottom: 2px solid #af7c3f; clear:both;}
.mainnav ul {display: block; clear: both; list-style-type: none; margin: 0; padding: 0;}
.mainnav ul li {float: left; clear: none;padding: 8px 0 7px;}
.mainnav ul li a {display: inline-block; padding: 0 23px 0 24px; border-right: 1px solid gold;}
.mainnav ul li a.last {border: none;}
.addressfoot {font-weight: normal; position: absolute; left: 0; top: -190px;width: 228px; background: url(../images/fish-bg.gif) bottom left no-repeat;text-align: right; line-height: 18px; height: 180px;}
.leftcol {float: left; clear: none; width: 236px; text-align: left;padding-left: 2px; overflow: hidden;}
.leftcol input.behavior-show-hide {float: left; width: 195px; margin-top: 4px;}
.leftcol input.submitsearch {float: left; clear: none; margin: 4px 0 0 2px;}
.leftcol a.store {display: block; clear: both; border-top: 2px solid #a6763c;border-bottom: 2px solid #a6763c;margin-bottom: 210px;}
.leftcol div.spacer {display: block; clear:both; height: 210px; width: 100%;}
.contentcol {float: left; clear: none; width: 690px; padding: 10px 0 0 20px; text-align: left; min-height: 500px;}
.contentcol h1 {font-family: arial,serif; font-size: 18px; padding-bottom: 10px;}


a.hover-underline {text-decoration: none;}
a.hover-underline:hover {text-decoration: underline;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}

a.navigation:Link, a.navigation:Visited {
	font-size: 16px; color: white; text-decoration: none;
}
a.navigation:hover {
	text-decoration: underline; color: #AF7C3F;
}

.itemDetailImageSubtext{ font-size: 12px; color: #d8c33f; width: 200px; text-align: center;}
#flyout_loader2 
{ 
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	padding-top: 20px; 
	background: #000000 url('../images/closeicon.jpg') no-repeat;
}


.photo-frame {background-color: white; border: 1px solid #dddddd; padding: 10px;}
.block {display: block;} /* made for img tag */
/* end of creating my own default tag settings */

/* Sitemap */
ul.sitemap-level-1 li {list-style: none; margin: 0px;}
ul.sitemap-level-2 li {list-style: square outside none; margin-left: 2em;}
/* End of Sitemap *./

/* Layouts */
table.form-layout {empty-cells: show; table-layout: fixed; width: 100%;}

table.form-layout > * > tr > th,
table.form-layout > * > tr > td {margin: 0px; padding: 0px; font-family: inherit; vertical-align: top;}

table.form-layout > * > tr > th {font-weight: normal; text-align: left;}
table.form-layout > * > tr > td {text-align: right;}

table.form-layout > caption {padding-bottom: 10px; text-align: center;}
table.form-layout > tfoot > tr > td, table.form-layout > tfoot > tr > th {padding-top: 10px;}
table.form-layout > tbody > tr > td {margin: 0px; padding: 0px; font-family:inherit; vertical-align: top;}
table.form-layout > tbody > tr > th {vertical-align: middle;}
table.form-layout > tbody > tr > th.label-top {padding-top: 10px; vertical-align: top;}

table.form-layout > tbody > tr.required > th {background: transparent url(../images/reusable/req.gif) center right no-repeat; padding-right: 15px;}
input.invalid[type=text] {background-color: #ffffcc; border: 1px solid #ffaaaa;}

table.form-layout > tbody > tr > td > div {margin: 2px 5px; padding-right: 6px;} /* 2px (input padding), 4px (input border) */
table.form-layout > tbody > tr > td > div.left {margin-left: 0px;}
table.form-layout > tbody > tr > td > div.right {margin-right: 0px;}
table.form-layout input[type=text],
table.form-layout textarea {border: 1px solid #9cbed2; color: #555555; font-family: Arial; font-size: 20px; padding: 1px; width: 100%;}
/* End Of Layouts */

/* Test Layouts */
table.test-form-layout {empty-cells: show; table-layout: fixed; width: 100%;}
table.test-form-layout th,
table.test-form-layout td {font-size: 11px; font-weight: normal; margin: 0px; padding: 0px; font-family: inherit; text-align: left; vertical-align: top;}
table.test-form-layout th {line-height: 17px;}
table.test-form-layout td {}
table.test-form-layout caption {padding-bottom: 10px; text-align: center;}
table.test-form-layout th:first-child {text-align: left;}
table.test-form-layout td label {display: block; font-size: 11px; padding-left: 5px; text-align: left;}
table.test-form-layout td div {margin: 0px 5px; padding-right: 7px;} /* 5px (input padding), 2px (input border) */
table.test-form-layout td div.left {margin-left: 0px;}
table.test-form-layout td div.right {margin-right: 0px;}
table.test-form-layout td div input[type=text],
table.test-form-layout td div textarea {border: 1px solid #9cbed2; font-family: Arial; font-size: 13px; padding: 1px; width: 100%;}
table.test-form-layout td div.select {margin: 0px 5px; padding-right: 3px;}
table.test-form-layout td div select {color: #555555; font-family: Arial; font-size: 13px; *font-size: 11px; *margin-top: 1px; width: 100%;}
.invalid {background-color: #ffffcc; border: 1px solid #ffaaaa;}
/* End of Test Layouts */

/* Search Results */
div#search-results-view {padding-bottom: 10px;}
div#search-results-view > form > fieldset {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; text-align: center;}
div#search-results-view > form > fieldset * {vertical-align: middle;}
div#search-results-view > form > fieldset > input[type=text] {border: 1px solid black; height: 16px; margin: 0px; padding: 6px; padding-bottom: 7px; padding-top: 5px; width: 300px;}
div#search-results-view > form > fieldset > button.button {margin: 0px; padding-bottom: 4px; padding-top: 4px;}
div#search-results-view > h1 {border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; text-align: right;}
div#search-results-view > h2 {font-weight: normal; text-align: center;}
div#search-results-view > ol {margin: 0px; padding: 0px;}
div#search-results-view > ol > li {border-top: 1px solid #cccccc; list-style: none; margin: 0px; margin-top: 10px; padding-top: 10px;}
div#search-results-view > ol > li:first-child {border: 0px; margin-top: 0px; padding-top: 0px;}
div#search-results-view > ol > li  > a {display: block; font-size: 15px; margin-bottom: 5px;}
div#search-results-view > ol > li  > p {font-size: 12px;}
div#search-results-view > ol > li  > p > span.searchTerm {font-size: 116.66%; font-weight: bold;}
div#search-results-view > div.pagination {border-top: 1px solid #cccccc; font-size: 16px; margin-top: 10px; padding-top: 10px;}
/* End Of Search Results */

/* Contact Us */
div#contactus div.form {padding-top: 20px; text-align: center;}
div#contactus div.form table.form-layout {}
div#contactus div.form table.form-layout th:first-child {width: 25%;}
/* End Of Contact Us */

/* Driving */
div#address-form {}
div#address-form > table.layout > tbody > tr > td:first-child {width: 50%;}
div#address-form table.form-layout > tbody > tr > th:first-child {width: 30%;}
div#select-address > table {margin: 0px auto;}
div#select-address > table > caption {font-size: 130%; padding-top: 10px; margin: 0px auto; text-align: center;}
div#select-address > table > tbody > tr > td {vertical-align: middle;}
div#select-address > table > tbody > tr > td > form > fieldset > input[type=submit] {margin: 4px 10px;}
div#driving-directions > img {display: block; margin-bottom: 10px;}
div#driving-directions > ol > li {list-style: decimal outside none; margin-left: 30px;}
div#driving-directions > ol > li > div {padding: 10px;}
div#driving-directions > a[rel=prev] {font-size: 16px;}
span.mileage-minutes {color: red;}
/* End Of Driving */

/* Gallery */
div#flash-gallery {text-align: center;}
div#flash-gallery ul {background-color: black; border: 1px solid #333333; margin: 0px auto; margin-top: 10px;}
div#flash-gallery ul li {background-color: #1a1a1a; border: 1px solid #333333; clear: both; color: #aaaaaa; margin: 5px; padding: 5px; text-align: left;}
div#flash-gallery ul li img {float: left; margin-right: 10px;}
/* End Of Gallery */

/* Search Wrapper */
div.search input {vertical-align: top;}
div.search input[type=image] {}
div.search input[type=text] {border: 1px solid black; font-family: arial,serif; font-size: 11px; font-weight: bold; padding: 2px; width: 181px;}
div#site-search {padding-left: 12px; padding-top: 7px; width: 225px;}
/* End Of Search Wrapper */

/* Nav */
div#navigation {color: gold; font-size: 12px; height: 34px; left: 237px; line-height: 34px; padding: 0px 15px; position: absolute; top: 0px; width: 483px;}
div#navigation a {color: white; text-decoration: none;}
div#navigation a:hover {text-decoration: underline;}
/* End Of Nav */

/* Side Menu */
.leftcol #side-menu {color: #000;font-size: 14px;display: block; clear: both;margin-top: 4px;}
.leftcol #side-menu div.menu {font-weight: bold; height: 31px; line-height: 26px; margin-top: 0;background: transparent url(../images/surfaces-nav-bg.gif) repeat-x top left; padding-left: 5px; font-weight: bold;}
.leftcol #side-menu div.menu a {color: #000;text-decoration: none;}
#side-menu ul {display: block; clear: both; background-color: #f1e9d7; padding: 4px 17px 0 15px; list-style-type: none; margin: 0;}
#side-menu ul li {display: block; clear: both; margin: 0; padding: 0;}
#side-menu ul li a {display: block; color: #000;line-height: 1; padding: 8px 0 9px 18px; text-decoration: none;font-weight: bold; font-size: 12px;border-bottom: 1px solid #ededed;}
#side-menu ul li a:hover, #side-menu ul li a.active {background: url('../images/sidemenubg.jpg') top left repeat-x; }

#categoryListingContainer {display: block; clear:both; margin-top: 4px;}
ul.parentCategories {display: block; clear: both; list-style-type: none;margin: 0; padding: 0;}
ul.parentCategories li {display: block; clear: both;margin: 0; padding: 0;}
ul.parentCategories li a {display: block; color: #000;text-decoration: none;font-weight: bold; height: 31px; line-height: 26px; margin-top: 0;background: transparent url(../images/surfaces-nav-bg.gif) repeat-x top left; padding-left: 5px; font-weight: bold;}
ul.parentCategories li ul.subcategories {display: block; clear: both; list-style-type: none; margin: 0; background-color: #f1e9d7;padding: 4px 10px 0 15px; }
ul.parentCategories li ul.subcategories li {display: block; clear: both; margin: 0; padding: 0;background-color: #f1e9d7;}
ul.parentCategories li ul.subcategories li a {background-color: #f1e9d7; background-image: none; font-size: 12px;border-bottom:1px solid #EDEDED;white-space: nowrap;}
ul.parentCategories li ul.subcategories li a:hover, ul.parentCategories li ul.subcategories li a.active {background: url('../images/sidemenubg.jpg') top left repeat-x; }

.categoryListingColumn div.menu {font-weight: bold; height: 31px; line-height: 26px; margin-top: 0;background: transparent url(../images/surfaces-nav-bg.gif) repeat-x top left; padding-left: 5px; font-weight: bold;}
.categoryListingColumn div.menu a {color: #000;text-decoration: none;}
#side-menu ul {display: block; clear: both; background-color: #f1e9d7; padding: 4px 10px 0 15px; list-style-type: none; margin: 0;}
#side-menu ul li {display: block; clear: both; margin: 0; padding: 0;}
#side-menu ul li a {display: block; color: #000;line-height: 1; padding: 8px 0 9px 18px; text-decoration: none;font-weight: bold; font-size: 12px;border-bottom: 1px solid #ededed;}
#side-menu ul li a:hover, #side-menu ul li a.active {background: url('../images/sidemenubg.jpg') top left repeat-x; }

a.categorylink {color: #000;text-decoration: none;font-weight: bold; height: 31px; line-height: 26px; margin-top: 0;background: transparent url(../images/surfaces-nav-bg.gif) repeat-x top left; padding-left: 5px; font-weight: bold;}

/* End Of Side Menu */

/* creating project specific default tag settings (change from project to project) */
a {color: #d8c33f;}
/* end of creating project specific default tag settings (change from project to project) */

/* Positioning (Layout) */
html {background: black; color: white;}
body {font-size: 12px; font-family: arial,serif; min-width: 744px; text-align: center;}
div#container {background: black url(../images/container-bg.gif) repeat-y top left; margin: 54px auto; text-align: left; width: 744px;}
div#wrapper {background: transparent url(../images/header-bg.gif) no-repeat top left;}
div#header {color: black; padding: 0px 2px; position: relative; *width: 740px;}
div#header-top {height: 131px;}
div#header-top a#logo {display: block; position: absolute; height: 131px; left: 175px; width: 400px;}
div#header-top a#logo * {display: none;}
div#header-top div#header-info {position: absolute; right: 15px; top: 105px; font-family: Arial; font-size: 15px; font-weight: bold;}
div#header-bottom {background: black url(../images/container-bg.gif) repeat-y top center; height: 34px;}

div#body {padding: 0px 2px; position: relative;}
div#body td#sidebar {background: black url(../images/fish-bg.gif) no-repeat bottom left; color: white; padding-bottom: 200px; width: 237px;}
div#body td#sidebar div#branding {bottom: 0px; line-height: 1.5; position: absolute; text-align: right; width: 227px;}
div#body td#main-column div#main-content {border-top: 2px solid #ae7b42; padding-top: 8px;}
div#body td#main-column h1 {color: white; font-family: arial,serif; font-size: 18px; margin-left: 15px;}
div#body td#main-column div#content {line-height: 1.4; padding: 5px 5px 0px;}
  
div#footer {display: block;font-weight: bold; padding: 36px 20px 20px; text-align: center;background: #000 url(../images/footer.gif) top left no-repeat;position: relative; width: 100%;}
div#footer div.links {height: 85px;}
div#footer, div#footer a {color: white;} 
div#footer a {text-decoration: none;} 
div#footer a:hover {text-decoration: underline;}
div#footer span {color: red;}
/* End Of Positioning */
 
table.itemListingDetailTable{background: #ffffff; width: 100%; color: #000000;}

td.itemListingDetailImage{border-top: 4px solid #000000; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; text-align: center;}
td.itemListingDetail1{border-top: 4px solid #000000; padding-left: 5px; padding-top: 5px; vertical-align: top; width: 215px; line-height: 14px;}
td.itemListingDetail2{border-top: 4px solid #000000; padding-left: 12px; padding-top: 4px; vertical-align: top;  line-height: 17px;}
td.itemListingDetail3{border-top: 4px solid #000000; width: 69px; padding-left: 5px; padding-top: 5px; vertical-align: top;}

.itemDetailPrice{padding-top: 5px; color: #d8c33f; font-size: 16px; font-weight: bold;}
.itemListingDetail1Div{padding-top: 5px; color: #000000; font-size: 12px;}
.itemDetailSuggestedPrice{padding-top: 5px; color: #d8c33f; font-size: 16px; font-weight: bold;}

.itemDetailAttributeValue{padding-bottom: 5px;}
.itemDetailAttributeLabel{padding-bottom: 5px;}
.itemDetailDescription{line-height: 17px; padding-top: 5px;}
a.ItemListingStoreItemName:Link, a.ItemListingStoreItemName:Visited {
	color: #9d7b3e; font-family: arial,serif; font-size: 12px; text-decoration: none; font-weight: bold;
}
a.ItemListingStoreItemName:hover {
	text-decoration: underline;
}

td.itemDetailLeftColumn{vertical-align: top; padding-top: 10px;}
td.itemDetailRightColumn{vertical-align: top; padding-left: 10px; padding-top: 10px;}

div.itemDetailPrototypeName{font-size: 18px; color: #000000; font-weight: bold; width: 387px; height: 49px; background: url(../images/titlebg.gif) no-repeat top; padding-top: 8px; padding-left: 5px;}

.cartCommentsTextArea{height: 50px; width: 350px; padding-bottom: 10px; padding-top: 10px;}
div.promocode{padding: 10px;}

.cartCheckoutRowLight{background: #646464;}
.cartCheckoutRowDark{height: 70px;}

.signUpLabelCell{text-align: right; height: 30px;}
.signUpLabelCell2{text-align: right; height: 30px;}

.signUpErrorBox{background: #ffffff; color: #ff0000; padding: 10px;}

.personalizeBoxContainer{ width: 415px; margin: 10px 0px;  }
.personalizeBox{ position: relative; padding: 20px; font-size: 13px; color: #000000; background-color: #fae7c0; }
.personalizeBox .personalizeHeading{ color: #a56215; font-size: 23px; font-weight: bold; margin-bottom: 10px; }
.personalizeBox .personalizeInfo{ margin: 0px 20px 20px 0px; }

.personalizeBox .topLeftCorner{ position: absolute; top: 0px; left: 0px; }
.personalizeBox .topRightCorner{ position: absolute; top: 0px; right: 0px; }
.personalizeBox .bottomLeftCorner{ position: absolute; bottom: 0px; left: 0px; }
.personalizeBox .bottomRightCorner{ position: absolute; bottom: 0px; right: 0px; }

.personalizeBox .personalizeOption{ background: transparent url('../images/personalize_arrow.gif') no-repeat; margin-bottom: 25px; padding: 0px 0px 0px 23px; }
.personalizeBox .personalizeOption a.headerLink{ color: #a45f11; font-size: 17px; text-decoration: none; font-weight: bold; cursor: pointer; }
.personalizeBox .personalizeOption a.headerLink:hover{ text-decoration: underline; }
.personalizeBox .personalizeOption .headerItem{ color: #a45f11; font-size: 17px; font-weight: bold; margin-bottom: 8px;}
.personalizeBox #uploadPhoto a{ color: #666666; text-decoration: underline; }
.personalizeBox #uploadPhoto a:hover{ text-decoration: none; }
.personalizeBox #uploadPhoto #userImage{ margin: 10px 0px 0px 0px; }
.personalizeBox #engraving{ margin-bottom: 10px;  }
.personalizeBox #engraving #engravingText{ width: 320px; padding: 5px; color: #8a8b8b; border: 1px solid #d1c2a4; margin: 10px 0px 0px 0px;}
.personalizeBox #personalizeSubmit { float: right; display: inline; margin: 0px 20px; }

#orderSummaryInfo{ display: none; }
#orderSummaryInfo #galleryImageInfo img{ border: 2px solid #7f7f7f; margin: 10px 20px; }
#orderSummaryInfo #galleryImageInfo table { margin-right: 40px; }
.removeGalleryImage{ cursor: pointer; text-decoration: underline; }
#engraving #indicator { display: none; font-size: 11px; color: #666666; }