/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title                                     : PRODUCT AREA Stylesheet
' Description       : This page contains styles for the PRODUCT AREA sections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 12/11/2006       : David Ellenwood - Created Page
' 04/24/2009       : DPE - wiped and started over for Dave's Guitar & following sites
' 06/22/2009       : DPE - Wiped again, starting from scratch.
' 07/06/2009       : TG - Modified for TAI Sports.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#itemsection                                                     {border:1px solid #6a6a6a; background:#fff; padding:35px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.actions                                                                                {padding:0;}
.actions .sort                                                      {float:left; width:auto; margin:0 1em 0 0;}
.actions p.view                                                  {float:right; width:auto; margin:0 1em; padding:4px 0 0 0; font-style:italic;}
.actions p.view a                                              {margin:0 .5em;}
.actions ol.page                                                {float:right; width:auto; margin:0 3px 0 0; padding:2px 0 0 0;}
.actions ol.page li                                             {float:left; margin:0 .25em;}
.actions ol.page li.sel                      {color:#fff; font-weight:bold; padding:0 5px; background:#742912; border:1px solid #fbea2c;}
.actions ol.page li a                          {display:block; padding:0 5px; border:1px solid #fbea2c;}
.actions ol.page li a:hover             {text-decoration:none; background:#742912; border:1px solid #fff; }

.actions .txtbox {
                width:181px;
                font-size:1em;
                padding:2px;
                background:#fff;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                border-radius:3px;
                border-left:1px solid #6baecf;
                border-top:1px solid #6baecf;
                border-right:1px solid #373737;
                border-bottom:1px solid #373737;
                }

.products                                                                             {margin:7px 0 0 0; padding:15px 0; border-top:1px dotted #9d9d9d;}
.products .item                                                 {width:170px; background:#fff; border:1px solid #4f4f4f; text-align:center; padding:10px 0 0 0; float:left; margin:0 5px 7px 3px; min-height:275px;}
.products .item a                                              {}
.products .item a:hover                                {}
.products .item .img                       {min-height:175px;}
.products .item .img img               {max-height:160px; max-width:130px;}
.products .item .title                       {color:#4f4f4f; font-size:.8em; display:block; margin:0; padding:0; height:30px; overflow:hidden;}
.products .item .price                     {color:#d30000; font-size:.8em; font-weight:bold; display:block; height:15px; margin:0 0 10px 0;}

#B h1                                                                                     {margin-bottom:7px;}
#B  p.view                                                      {float:right; margin:0 10px 0 0; padding:0 10px 0 0; font-weight:normal; font-size:.8em; color:#767676; border-right:1px dotted #767676;}
#B  p.view a                                                   {margin:0;}
#B  ol.page                                                     {float:right; width:auto; margin:-2px 3px 0 0; padding:0; font-size:.8em;}
#B  ol.page li                                  {float:left; margin:0 .25em;}
#B  ol.page li.sel                           {color:#000; font-weight:bold; padding:0 5px; background:#d7d7d7; border:1px solid #9d9d9d;}
#B  ol.page li a                                              {display:block; padding:0 5px; border:1px solid #d7d7d7;}
#B  ol.page li a:hover {text-decoration:none; background:#565656; border:1px solid #000; color:#fff;}

#B .descript                                                        {border-bottom:1px dotted #9d9d9d; padding:0 15px 7px 15px; margin:0 0 6px 0; font-size:.8em;}

#VP h1                                                                                  {margin-bottom:1em;}
#VP .viewProdTabs                                         {display:none;}

#VP #prodInfo                                                  {float:left; width:385px; border-right:1px dotted #a7a7a7; padding:0 30px 0 0;}
#VP #prodInfo p                                                              {color:#4f4f4f; font-size:.8em;}

#VP #prodSelected                                         {text-align:right;}

#VP #prodImages                                                            {float:right; margin:0 -30px 0 0; width:220px; text-align:center;}

#VP #prodImages #imageThumbs                                                                           {float:right; width:60px;}
#VP #prodImages #imageThumbs img                                                   {max-width:60px; max-height:80px;}

#VP #prodImages #displayImg                                                                                  {float:left; width:130px; text-align:left;}
#VP #prodImages #displayImg p                                                                               {margin:15px 0 0 0; color:#878787; font-size:.8em;}
#VP #prodImages #displayImg img                                                          {margin:0px 0 -7px 0;}
#VP #prodImages #displayImg #displayImage                    {}

#VP #prodAttributes                                                                                                                      {border-bottom:1px dotted #cacaca; margin:0 0 10px 0;}
#VP #prodAttributes h3                                                                                                                {border-bottom:1px dotted #cacaca; font-weight:bold; color:#3c3c3c; font-size:.8em; padding:0 0 5px 0; margin:0 0 10px 0;}
#VP #prodAttributes label.row                                                                  {font-size:.9em; color:#555454; display:block; margin:5px 0 0 0; width:355px; min-height:24px; clear:both;}
#VP #prodAttributes label.row .title                                       {width:120px; float:left; font-size:.9em; text-align:right; padding:3px 0 0 0;}
#VP #prodAttributes label.row .formw                                  {float:right; width:230px; text-align:left;}

#VP #prodAttributes label.row .formw .txtbox {
                width:215px;
                font-size:1em;
                padding:2px;
                background:#fff;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                border-radius:3px;
                border-left:1px solid #6baecf;
                border-top:1px solid #6baecf;
                border-right:1px solid #373737;
                border-bottom:1px solid #373737;}

.storefoot                                           {height:70px; padding:7px 0 0 0; text-align:right;}
.storefoot ul li    {float:right; margin:8px 0 0 0; padding:0 9px 2px 9px; line-height:1; border-left:1px dotted #4f4f4f;}
.storefoot ul li:last-child {border:none;}
.storefoot ul li a:hover   {color:#fff;}

#productRelatedProducts                                                                                                            {padding:15px; margin:0 0 5px 0; border:2px solid #000; background:#ececec;}
#productRelatedProducts h2                                                                                      {font-weight:bold; color:#000; font-size:.9em; margin:0; padding:0 0 5px 10px; border-bottom:1px dotted #9d9d9d; zoom:1;}
#productRelatedProducts .item                                                                                {float:left; width:150px; border:1px solid #000; background:#fff; margin:10px; text-align:center; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}


.jqzoom                                               {position:relative; padding:0; cursor:pointer; background:transparent url('/site/img/loadingBk.gif') center center no-repeat;}
div.zoomdiv {
                position:absolute;
                top:250px!important;
                width:400px!important;
                height:400px!important;
                background:#fff url('/site/img/loadingBk.gif') center center no-repeat; 
                border:1px solid #b60c0c;
                display:none;
                text-align:center;
                overflow:hidden;
                z-index:100;
}
div.jqZoomPup {
                visibility:hidden;
                position:absolute;
                top:0px;
                left:0px;
                width:50px;
                height:50px;
                border:1px solid #6a4926;
                background:#fff;
                z-index:10;
                opacity:0.5;
                -moz-opacity:0.5;
                -khtml-opacity:0.5;
                filter:alpha(Opacity=50);
}

#carousel
{
                width: 700px;
                height: 200px;

                left: 50%;
                margin-left: -350px;
}
#carousel a
{
                position: absolute;
                width: 110px;
}

#EmailFriend                                      {background:#fff; position:absolute; width:600px; top:250px; padding:15px; margin:0 0 0 60px; border:3px solid #1c417e; -moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px;}
#EmailFriend p                                  {font-size:.7em; margin:0 0 10px 0;}
#EmailFriend fieldset     {margin:15px 25px 0 25px;}

#EmailFriend label.formRow                                                                       {float:left; display:inline; width:550px; clear:both; margin:.25em 0;}
#EmailFriend span.title                                                                                  {float:left; display:block; width:190px; text-align:right; padding:0 10px 0 0;}
#EmailFriend span.field .textBox                                              {width:340px;}
#EmailFriend #submit                                                                                    {text-align:right; padding:0 25px 0 0; width:525px;}










Tony Groves
Graphic and Interactive Design
Sleeping Giant Studios, LLC
_______________________
email: tgroves@begiant.com
phone: 608-788-9977 x308
web: http://www.begiant.com