/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/

.ui-widget {
  font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  font-size: 11px;
}

body { background:url(images/core/bg-repeat.jpg) repeat-x 0 0 #fff; color:#333; font:normal 12px/18px Verdana, sans-serif; margin:0; padding:0; }
img { border: none; }
.spacer { font-size:0; line-height:0; clear:both; }
.floatLeft { float:left; margin-right: 15px; margin-top: 6px; margin-bottom: 10px; }
.floatRight { float:right; margin-left: 15px; margin-top: 6px; margin-bottom: 10px; }

#bodyWrapper {
}

#bodyContent {
}

#header {
  height: 60px;
}

#storeLogo {
  float: left;
  margin-top: 5px;
}

#headerShortcuts {
  float: right;
  margin-top: 15px;
}

#columnLeft {
  padding-top: 5px;
}

#columnRight {
  padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 11px;
}

.infoBoxContents {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.contentContainer {
  padding-bottom: 10px;
}

.contentContainer h2 {
  font-size: 16px;
  text-decoration: underline;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText, .contentText table {
  padding: 5px 0 5px 0;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 11px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  font-size: 11px;
  line-height: 1.5;
}

h1 {
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

table, p {
  font-size: 11px;
  line-height: 1.5;
}

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
  padding-top: 10px;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/*
A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}
*/

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #d2d2d2; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #e4e4e4; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}


/* ////////////////////////////////////////////////////////////////// Streamline Styles ////////////////////////////////////////////////////////////////// */

/* -- Site framing properties -- */

#wrapper { position: relative; margin: 0 auto; padding:0; min-height: 650px; height: 100%;  width:1060px; text-align: left; background: url(images/core/wrapper-fade.png) no-repeat 0 0; top: 0;}
#jewelry-bg { position: absolute; top: 0; margin: 0; padding:0; height: 175px; width:420px; left: 315px; background: url(images/core/jewelry-bg.png) no-repeat 0 0; }

#header-bg { position: relative; margin: 0 auto; padding:0; height: 120px; width:1060px; top: 13px; }
#header { position: relative; margin: 0 auto; padding:0; height: 120px; width:958px; }
#logo { position: relative; margin: 0; padding: 0; display: block; float: left; width: 265px; height: 120px; text-indent: -9999px; background:url(images/core/creaser-logo.png) no-repeat 0 0; }
#logo a { position: relative; width: 265px; height: 120px; display: block; }

#content-container { position: relative; margin: 0 auto; padding:0 0 15px 0; height: 100%; width:958px; text-align: left; border: 1px solid #dcdbdb; border-top: none; background: url(images/core/content-bg.png) repeat-y 0 0; }
#content-main { position: relative; margin: 0; padding:0; float: left; height: 100%; width:745px; }

#content { position: relative; margin: 0 30px; padding:0; height: 100%; width:675px; text-align: left; font: normal 14px/22px Arial, sans-serif; color: #535353; }
#content p { font: normal 14px/22px Arial, sans-serif; color: #535353; }
#content h2 { position: relative; margin: 0; padding: 0; color: #563956; font: normal 22px/22px Arial, sans-serif; }
#content h2 span { display: none; }
#content-sub h2 { position: relative; margin: 0; padding: 0; padding-bottom: 10px; color: #563956; font: normal 22px/22px Arial, sans-serif; }
#content-sub h3 { position: relative; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; color: #996699; font: bold 16px/18px Arial, sans-serif; }
#content-sub h3 a { text-decoration: none; }

#content-sub { position: relative; margin: 0; padding:0; float: left; padding-bottom: 15px; padding-top: 20px; height: 100%; width:743px; text-align: left; font: normal 12px/18px Arial, sans-serif; color: #535353; border: 1px solid #dcdbdb; border-top: none; background: url(images/core/sub-fade.png) repeat-x 0 0;}
#content-sub-inner { position: relative; margin: 0 30px 0 30px; padding:0; height: 100%; width:693px; text-align: left; font: normal 12px/18px Arial, sans-serif; color: #535353; }
#content-sub-inner p, #content-sub-inner ul, #content-sub-inner TD { font: normal 12px/18px Arial, sans-serif; color: #535353; }
#content-sub-inner a { text-decoration: underline; color: #535353; }
#content-sub-inner a:hover { text-decoration: none; color: #996699; }

#content-sub-inner .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { color: #FFF; }
#content-sub-inner .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary a { color: #FFF; }

#content-sub-inner .contentText a { text-decoration: none; color: #535353; }
#content-sub-inner .contentText a:hover { text-decoration: none; color: #996699; }

#content-sub-inner .breadcrumb { font-family: Arial, sans-serif; font-size: 12px; color: #555; padding-bottom: 20px; }
#content-sub-inner .breadcrumb ul { margin:0; padding:0; }
#content-sub-inner .breadcrumb li { display: inline; margin:0; padding:0; }
#content-sub-inner .breadcrumb a { color: #666; text-decoration: underline; margin-right: 4px; }
#content-sub-inner .breadcrumb a:hover { color: #999; text-decoration: underline; }

#content-header { position: relative; width:745px; height:315px; background: url(images/core/welcome-slide.jpg) no-repeat 0 0; padding-bottom: 30px; }
#header-boxes { position: relative; top: 106px; left: 275px; width:455px; height:137px; }
.boxes { position: relative; width:130px; height:137px; float: left; margin-right: 14px; }

#homepage-slidewshow { position: relative; width:745px; height:315px; margin-bottom: 30px; }
#homepage-slidewshow-alt { position: relative; width:745px; height:315px; background: url(../images/welcome-slide.jpg) no-repeat 0 0; padding-bottom: 30px; }
#homepage-slidewshow-alt a { color:#704b70; }
#homepage-slidewshow-alt a:hover { color:#999; }

#content h2.homeHdr1 { position: relative; display:block; width:300px; height:30px; background: url(images/core/homeHdr1.jpg) no-repeat 0 0; }
#content h2.homeHdr2 { position: relative; display:block; width:300px; height:30px; margin-top: 40px; background: url(images/core/homeHdr2.jpg) no-repeat 0 0; }
#content h2.homeHdr3 { position: relative; display:block; width:300px; height:30px; margin-top: 40px; background: url(images/core/homeHdr3.jpg) no-repeat 0 0; }
#content h2.homeHdr4 { position: relative; display:block; width:300px; height:30px; margin-top: 40px; background: url(images/core/homeHdr4.jpg) no-repeat 0 0; }
#content h2.homeHdr5 { position: relative; display:block; width:300px; height:30px; margin-top: 40px; background: url(images/core/homeHdr5.jpg) no-repeat 0 0; }
#content h2.homeHdr6 { position: relative; display:block; width:300px; height:30px; margin-top: 40px; background: url(images/core/homeHdr6.jpg) no-repeat 0 0; }
#content h2.homeHdr7 { position: relative; display:block; width:300px; height:30px; margin-top: 40px; background: url(images/core/homeHdr7.jpg) no-repeat 0 0; }

/* -- Top navigation start -- */

#nav_top { position: relative; float: right; height: 36px; right: 14px; top: 0; margin: 0; padding:0; text-align: right; font: normal 12px/30px Arial, sans-serif; color:#704b70; border-bottom: 1px solid #cbc5c5; }
#nav_top ul { position: relative; margin: 0; padding:0; list-style-type: none; height: 36px; }
#nav_top li { float: left; margin:0; padding:0 2px 0 0; margin-top: 3px; }
#nav_top a { text-decoration: none; margin:0; padding:0 2px 0 0; font:normal 12px/30px Arial, sans-serif; color:#704b70; }
#nav_top a:hover { color:#999; text-decoration: underline; }

#nav_top li.cart { position: relative; width: 40px; height: 36px; display: block; background: url(images/core/cart.gif) no-repeat 0 0; padding: 0; margin: 0;  text-indent: -9999px; }
#nav_top li.first { padding:0 20px 0 0; }
#nav_top li.first a { padding: 0; font: normal 13px/30px Arial, sans-serif; font-weight: bold; }
#nav_top li.last { padding: 0; }
#nav_top li.last a { padding: 0; }

#search { position: absolute; float: right; right: 14px; top: 49px; width: 154px; height: 21px; text-align: left; border: 3px solid #e4e2e2; margin: 0; padding:0; }
#search_box { position: relative; width: 132px; float: left; height: 19px; border: 1px solid #c093c2; border-right: none; margin: 0; padding:0; }
#search_button { position: absolute; float: left; width: 21px; height: 21px; background: url(images/core/search_button.gif) no-repeat; cursor:pointer; border: none; margin: 0; padding:0; }

/* -- Top navigation end -- */
/* -- Main navigation start -- */

#mainNav { position: relative; margin:0; padding:0; width: 198px; height:100%; float: left; }

ul#nav { position: relative; width:198px; display:block; height:100%; margin:0; padding:0; color:#704b70; }
ul#nav li { position: relative; height:37px; width:198px; float:left; display:block; color:#704b70; margin:0; padding:0; background: url(images/core/nav-bg.jpg) no-repeat;  font:normal 11px/37px Arial, sans-serif;  }
ul#nav li.last { height:18px; }
ul#nav li a { position: relative; color: #704b70; display:block; width:183px; height:37px; margin: 0 0 0 15px; text-decoration:none; text-transform: uppercase; }
ul#nav li a:hover { color: #999; }

#navbreak { position: relative; height:18px; width:198px; display:block; margin:0; padding:0; background: url(images/core/nav-bg.jpg) no-repeat; }

ul#infoNav { position: relative; height:auto; width:178px; margin:0; padding: 7px 0 12px 20px; color:#704b70; background: url(images/core/purple-bg.jpg) repeat-y 0 0; list-style: none; }
ul#infoNav li { position: relative; height:auto; width:178px; color:#704b70; margin:0; padding:0; background: none; font:normal 11px/26px Arial, sans-serif;  }
ul#infoNav li a { color: #704b70; width:178px; height:100%; margin: 0; padding:0; text-decoration:none; text-transform: uppercase; }
ul#infoNav li a:hover { color: #999; }
ul#infoNav p { color:#704b70; margin:0; padding:0; font:normal 13px/26px Arial, sans-serif; font-weight: bold; }

/* -- Main navigation end -- */

/* -- Video player area start -- */

#video-player { position: relative; float: right; width:340px; height: 290px; margin: 0 0 35px 25px; padding: 0; color:#704b70; }
#video-player-alt { position: relative; margin: 0 auto; padding: 10px; width:320px; height: 270px; color:#704b70; border: 1px solid #e4e2e2; }
#video-player-alt a { color:#704b70; }
#video-player-alt a:hover { color:#999; }

/* -- Video player area end -- */

.page-tracker { font:normal 11px Arial, sans-serif; color: #704b70; float: right; }
.page-tracker ul { margin:0; padding:0; }
.page-tracker li { display: inline; margin:0; padding:0; }
.page-tracker li.last { display: inline; margin:0; padding:0; margin-right: 4px; }
.page-tracker a { color: #704b70; text-decoration: underline; margin:0; padding:0;}
.page-tracker a:hover { color: #999; text-decoration: underline; }

#catalog { position: relative; width:687px; height: auto; margin: 0; padding: 0; color:#704b70; margin: 15px 0 25px 0; font:normal 11px Arial, sans-serif; }

.product { position: relative; width:152px; margin: 0; padding: 0; float: left; margin-right: 26px; margin-bottom: 25px; }
.productLast { position: relative; width:152px; margin: 0; padding: 0; float: left; margin-right: 0; margin-bottom: 25px; }
/*.product img, .productLast img { border: 1px solid #5e4c66; }*/


.info { margin-top: 5px; }
.info p { margin: 0; padding: 0; color: #555; }
.info p span { position: relative; color: #5a2859; font:bold 13px Arial, sans-serif; font-weight: bold; }

/* -- Footer start -- */

#footer { width:958px; height:70px; text-align: left; margin:0 auto; padding:25px 0 0 0; font:normal 10px/14px Verdana, sans-serif; color:#999; }
#footer ul { position: relative; margin:0 auto; padding:0; float: left; left: 13px; }
#footer ul li { display:inline; padding:0; }
#footer ul li a { padding:0 5px 0 0px; text-decoration:underline; font:normal 10px/14px Verdana, sans-serif; color:#999; }
#footer ul li a:hover { color:#666; }
#footer ul li a.first { padding:0 5px 0 0; }
#footer ul li a.last { padding:0 0 0 0; }

#credit { position: relative; float: right; width: 143px; height: 27px; right: 13px; }

TABLE.christmas { background-color:#fdffcd; border: 2px solid #F00; }
TABLE.christmas h4 { position: relative; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; color: #F00; font: bold 16px/18px Arial, sans-serif; }
TABLE.christmas h5 { position: relative; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 10px; color: #090; font: bold 14px/18px Arial, sans-serif; }

/* -- Footer end -- */