
.breadcrumbs                    {margin-bottom:10px;font-weight:bold}
.breadcrumbs a                  {font-weight:bold}
.contentMiddle                  {float:left;padding:0px 0px 0px 0px;}

/********************* CATEGORIES MENU *****************************/
#shopCategories                 {width:159px;min-height:420px;}
#shopCategories .middle         {background-image:url('/images/cat-middle.gif');background-repeat:repeat-y;}
#shopCategories ul              {margin:0px;padding:0px}
#shopCategories li              {list-style:none;margin:0px 10px 0px 10px;padding:0px;border-bottom:1px dashed #CCC}
#shopCategories li a            {width:133px;display:block;padding:5px;font-weight:bold;}
#shopCategories li a:hover      {}
#shopCategories li a.selected   {color:#ba313b}


/******************** RIGHT COLUMN BOXES *******************************/
.rightSide                      {float:left;margin-left:0px;margin-left:4px}
.rightSide .sideBox             {width:139px;padding:10px;margin-bottom:20px}
.rightSide .sideBox h3          {margin-bottom:10px}

.leftSide                       {float:left;margin-right:4px;width:159px;}

/********************* SHOPPPING CART SIDE BOX *************************/
#shoppingCart                   {min-height:80px;position:relative;}
#shoppingCart .middle           {background-image:url('/images/shoppingcart-middle.gif');background-repeat:repeat-y;padding:10px}
#shoppingCart .totals           {width:140px;padding-bottom:5px;padding-top:5px;border-top: 1px dotted #ccc;border-bottom: 0px dotted #ccc;}
#shoppingCart .links            {width:140px;padding-top:5px;border-top: 1px dotted #ccc;text-align:center}
#shoppingCart .col1             {width:120px;border:0px solid #000;padding-bottom:5px}
#shoppingCart .col2             {text-align:right}
#shoppingCart table             {margin-bottom:5px}

/********************* SPECIALS SIDE BOX *****************************/
#shopSpecials ul                {padding:0px;margin:0px}
#shopSpecials li                {list-style:none}

/********************* PRODUCTS LIST *******************************/
.products                       {padding:0px 0px 0px 0px;width:613px;border:0px solid #000}

.product                        {width:570px;height:112px;margin:0px 0px 20px 0px;text-align:center;}

.product .productName           {margin-bottom:3px}
.product .thumb                 {height:97px;width:97px;background:url('/images/bg/product-box.gif') no-repeat;padding:7px 7px 8px 8px;float:left;}
.product .thumb img             {border-width:0px;float:left;}
.product .info                  {margin-left:35px;float:left;width:420px;border-bottom:2px dotted #999999;position:relative;height:111px}
.product .top                   {font-weight:bold;color:#3c72b7;border-bottom:2px dotted #999999;}
.product .top a                 {text-decoration:none;font-weight:bold;color:#3c72b7;}
.product .top a:hover           {text-decoration:underline;font-weight:bold;color:#3c72b7;}
.product .left                  {float:left}
.product .middle                {text-align:left;}
.product .productDescription    {width:220px;margin-top:3px;}
.product .right                 {float:right}
.product .bottom                {position:absolute;left:0px;bottom:5px;width:420px;}
.product .bottom .left          {padding-top:5px}
.product .button                {margin:0px 0px 0px 5px;padding:0px;display:block;float:right;}
.product .hack                  {float:left;}
.product .quantityText          {position:absolute;top:5px;right:155px;}
.product .tomInput              {position:absolute;top:-1px;right:97px;}

span.strike                     {text-decoration:line-through;color:blue}
.special                        {color:red}

/********************* PRODUCT DISPLAY ****************************/
#product                        {position:relative;}
#product .top                   {border-bottom:2px dotted #999999;padding-bottom:5px;margin-bottom:5px;font-size:12px;font-weight:bold}
#product .top .left             {float:left}
#product .top .right            {float:right}
#product .back                  {float:left;margin-right:30px;padding-top:6px}
#product .inputs                {float:right}
#product .form                  {margin-top:20px;float:right;width:320px}
#product .form .label           {width:50px;padding-top:3px}
#product .form .input           {margin-left:5px}
#product .form label            {font-weight:bold;color:#3c72b7}
#product .image                 {float:left;width:195px;}
#product .info                  {float:left;margin-left:55px;width:320px}

#imageMenu                      {width:180px;overflow:hidden;margin:10px auto}
#imageMenu ul                   {margin:0;padding:0}
#imageMenu li                   {margin:0;padding:0 5px;float:left;list-style:none}
#mainImage                      {position:relative;width:193px;height:195px;background:url('/images/bg-p.gif') no-repeat;}
#imgMain                        {position:absolute;left:16px;top:16px;z-index:2;}
#imgMain2                       {position:absolute;left:16px;top:16px;z-index:1}

.checkout                       {width:610px;margin-left:20px;}

/********************* SHOPPING CART *********************/
.shoppingCart                   {position:relative;min-height:408px;padding-bottom:30px}
.shoppingCart .buttons          {position:absolute;bottom:0px;left:0px;width:570px;margin:0px}
.shoppingCart .left             {float:left}
.shoppingCart .right            {float:right;text-align:right;}
.shoppingCart .cartItem         {margin-bottom:20px;border:0px}
.shoppingCart .cartItem .field  {float:left;}
.shoppingCart .cartItem .thumb  {height:97px;width:97px;background:url('/images/bg/product-box.gif') no-repeat;padding:7px 7px 8px 8px;float:left;border:0px}
.shoppingCart .info             {float:left;margin-left:35px;width:426px;height:111px;border-bottom:2px dotted #999999}
.shoppingCart .top              {font-weight:bold;color:#3c72b7;border-bottom:2px dotted #999999}
.shoppingCart .totals           {margin-left:355px}
.cartItem .productName          {width:158px}
.cartItem .price                {width:60px}
.cartItem .quantity             {width:80px}
.cartItem .subTotal             {width:80px}
.cartItem .delete               {text-align:right;width:48px;font-weight:bold}
.cartItem .value                {margin-top:3px;display:block}

#shopPopupImage                 {border:1px solid #7c478c}

/********************* STAGES MENU **************************************/
.stages                         {margin:0px 0px 20px 20px;width:610px;}
.stages ul                      {padding:0px;float:left}
.stages li                      {list-style:none;margin-right:10px;float:left}
.stages li a,
.stages li span                 {display:block;padding:5px 10px;border:1px solid #7c478c;background-color:#f3eff5}
.stages li a:hover,
.stages li a.selected,
.stages li span.selected        {background-color:#d9cadd;color:#8b5d99}

.secure                         {float:right}

.checkout                       {width:auto;margin:0}

/******************** CUSTOMER DETAILS ********************/
.customerDetails .box           {width:265px;padding:10px;float:left;border:1px solid #7c478c;}
.customerDetails .box legend    {font-size:14px;font-weight:bold}
.customerDetails .left          {margin-right:20px}
.customerDetails .top           {}
.customerDetails .top .box      {height:150px}
.customerDetails .bottom        {margin-top:20px}

/******************** ORDER CONFIRMATION ******************/
.stage2                         {width:788px;float:left;position:relative}

.stage2 .topBg                  {background:url('/images/checkout-top.gif') no-repeat;width:788px;height:11px;overflow:hidden;}
.stage2 .bottomBg               {background:url('/images/checkout-bottom.gif') no-repeat;width:788px;height:11px;overflow:hidden}
.stage2 .middleBg               {background:url('/images/checkout-middle.gif') repeat-y;}
.stage2 .left                   {float:left;}
.stage2 .right                  {float:right;width:420px;}

.orderConfirmation legend       {font-size:12px;font-weight:bold;color:#3c72b7}
.orderConfirmation td,
.orderConfirmation th           {text-align:left}
.orderConfirmation .col1        {width:250px;}
.orderConfirmation .col2        {width:100px;text-align:right}
.orderConfirmation .col3        {width:100px;text-align:right}
.orderConfirmation .col4        {width:100px;text-align:right;}
.orderConfirmation .colspan3    {width:450px}
.orderConfirmation .summary     {text-align:right;font-weight:bold;color:#3c72b7}
.orderConfirmation fieldset     {border:0px;padding:0px;margin:0px 0px 20px 0px}
.orderConfirmation .total       {padding:0px 14px;margin-bottom:10px;font-weight:bold;}
.orderConfirmation label        {font-weight:bold;}
.orderConfirmation .confirm     {text-align:right;}
.orderConfirmation .buttons     {position:absolute;bottom:20px;left:20px;width:748px;margin:0px;padding:0px}


/*********************** PAYMENT *************************/
.stage3                         {}


/******************* ORDER HISTORY **********************/
#orderHistory .col0             {width:60px}
#orderHistory .col1             {width:310px;}
#orderHistory .col2             {width:100px;text-align:right}
#orderHistory .col3             {width:100px;text-align:right}
#orderHistory .col4             {width:100px;text-align:right}
#orderHistory label.total       {color:#3c72b7;font-weight:bold}
#orderHistory .details          {margin-bottom:10px}
#orderHistory label             {font-weight:bold}

table.display                   {}
.display th                     {padding-bottom:10px;color:#3c72b7;border-bottom:2px dotted #999999}
.display td                     {padding:1px 0px}
.display td,
.display th                     {text-align:left}
.display tr.first td            {padding-top:10px}
.display tr.last td             {padding-bottom:10px}
.display tfoot tr.first td      {border-top:2px dotted #999999;padding-top:10px;}
.display tfoot tr.last td       {padding-bottom:10px;border-bottom:2px dotted #999999;}

/****************** MANAGER ORDERS **********************/

.orderItemList .col0             {width:60px}
.orderItemList .col1             {width:310px;}
.orderItemList .col2             {width:100px;text-align:right}
.orderItemList .col3             {width:100px;text-align:right}
.orderItemList .col4             {width:100px;text-align:right}
.orderItemList label.total       {color:#3c72b7;font-weight:bold}
.orderItemList .details          {margin-bottom:10px}
.orderItemList label             {font-weight:bold}

.managerOrders .col0             {width:70px}
.managerOrders .col1             {width:240px;text-align:left;}
.managerOrders .col2             {width:100px;text-align:right}
.managerOrders .col3             {width:100px;text-align:right}
.managerOrders .col4             {width:150px;text-align:left;padding-left:10px}
#managerOrders .actions          {margin-top:10px}

/****************** SHOP SEARCH *************************/
#shopSearch                     {background:url('/images/bg/keyword-search.gif') no-repeat;width:159px;height:22px;margin-bottom:4px}
#shopSearch input.text          {background:transparent;border:0px solid red;height:14px;line-height:14px;padding:4px 4px;margin:0px;width:126px;color:#ba313b}
#shopSearch input.submit        {margin:0px;padding:0px;float:right;display:block}
