/**

Styles for buttons

**/

/*---------- left aligned button ----------*/
.S2LinkButton { display: block; position: relative; background: #aaa; margin-left: 10px; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; text-align: center;}
.S2LinkButton * { color: #fff;text-decoration: none;  font-size:medium; font-style:normal; font-weight:bold;  background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.S2LinkButton i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.S2LinkButton span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.S2LinkButton span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.S2LinkButton span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
 
* html .S2LinkButton span,
* html .S2LinkButton i { float: left; width: auto; background-image: none; cursor: pointer; }
a.S2LinkButton{ text-decoration: none; }
 
.S2LinkButton.blue { background: #2ae; }
.S2LinkButton.blue a { text-decoration: none;}
.S2LinkButton.green { background: #9d4; }
.S2LinkButton.pink { background: #e1a; }
.S2LinkButton:link { text-decoration: none;}
.S2LinkButton:hover { background-color: #a00; }
.S2LinkButton:active { background-color: #444; }
.S2LinkButton[class] {  background-image: url(shade.png); background-position: bottom; }

p .S2LinkButton { margin-right: 1em; }
	
 
* html .S2LinkButton { border: 3px double #aaa; }
* html .S2LinkButton.blue { border-color: #2ae; }
* html .S2LinkButton.green { border-color: #9d4; }
* html .S2LinkButton.pink { border-color: #e1a; }
* html .S2LinkButton:link { text-decoration: none;}
* html .S2LinkButton:hover { border-color: #a00; }

/*---------- centered button ----------*/
.S2LinkButtonC2 { display: block; position: relative; background: #aaa; padding: 5px; margin: 0px auto; min-width: 100px; max-width: 490px; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.S2LinkButtonC2 * { color: #fff;text-decoration: none;  font-size:medium; font-style:normal; font-weight:bold;  background-image: url('btn2.png'); background-repeat: no-repeat; display: block; position: relative; text-align: center; }
.S2LinkButtonC2 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.S2LinkButtonC2 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.S2LinkButtonC2 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.S2LinkButtonC2 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .S2LinkButtonC2 span,
* html .S2LinkButtonC2 i { width: auto; text-align: center; padding: 0px; margin: 0px auto; background-image: none; cursor: pointer; }

.S2LinkButtonC2.blue { background: #2ae; }
.S2LinkButtonC2.green { background: #9d4; }
.S2LinkButtonC2.lime { background: #bbce00; }
.S2LinkButtonC2.pink { background: #e1a; }
.S2LinkButtonC2:hover { background-color: #a00; color: #fff; }
.S2LinkButtonC2:active { background-color: #444; color: #fff; }
.S2LinkButtonC2[class] {  background-image: url('shade.png'); background-position: bottom; }

* html .S2LinkButtonC2 { border: 3px double #aaa; }
* html .S2LinkButtonC2.blue { border-color: #2ae; }
* html .S2LinkButtonC2.green { border-color: #9d4; }
* html .S2LinkButtonC2.lime { border-color: #bbce00; }
* html .S2LinkButtonC2.pink { border-color: #e1a; }
* html .S2LinkButtonC2:hover { border-color: #a00; }

/*---------- right aligned button ----------*/
.S2LinkButtonR { display: block; position: relative; background: #aaa; margin-left: 10px; padding: 5px 5px 5px 10px; float: right; color: #fff; text-decoration: none; cursor: pointer; }
.S2LinkButtonR * { color: #fff; text-decoration: none; font-size:medium; font-style:normal; font-weight:bold; background-image: url('../../btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.S2LinkButtonR i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.S2LinkButtonR span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.S2LinkButtonR span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.S2LinkButtonR span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .S2LinkButtonR span,
* html .S2LinkButtonR i { float: right; width: auto; background-image: none; cursor: pointer; }

.S2LinkButtonR.blue { background: #2ae; }
.S2LinkButtonR.green { background: #9d4; }
.S2LinkButtonR.lime { background: #bbce00; }
.S2LinkButtonR.pink { background: #e1a; }
.S2LinkButtonR:hover { background-color: #a00; color: #fff; }
.S2LinkButtonR:active { background-color: #444; color: #fff; }
.S2LinkButtonR[class] {  background-image: url('../../shade.png'); background-position: bottom; }

* html .S2LinkButtonR { border: 3px double #aaa; }
* html .S2LinkButtonR.blue { border-color: #2ae; }
* html .S2LinkButtonR.green { border-color: #9d4; }
* html .S2LinkButtonR.lime { border-color: #bbce00; }
* html .S2LinkButtonR.pink { border-color: #e1a; }
* html .S2LinkButtonR:hover { border-color: #a00; }

p .S2LinkButtonR { margin-right: 1em; }

/**

Styles for Product Images

**/

.photo
 {
   margin 30px;
   position relative;
   width 50px;
   height 50px;
   float left;
 }
.photo img
 {
  background #fff;
  border solid 1px #ccc;
  padding 4px;
 }
.photo span 
{
 width 20px;
 height 18px;
 display block;
 position absolute;
 top 12px;
 left 12px;
 background url(imagesdigg-style.gif) no-repeat;
}
.photo a 
{
 text-decoration none;
}

/**

Styles for Cart Tables

**/

table.cart {
        
}


th.cart {
        background: #336699;
        color:White;
        text-align:left;
}

td.cart  {
        font: small "arial";
        padding: 4px;
}

/**

Styles for Cart Grid

**/

.gridview {
        font-family:"arial";
        background-color:#FFFFFF;
        width: 100%;
        font-size: small;
}
.gridview th {
        background: #7AC142;
        padding: 5px;
        font-size:small;

}
.gridview th a{
        color: #003300;
        text-decoration: none;
}
.gridview th a:hover{
        color: #003300;
        text-decoration: underline;
}

.gridview td  {
        background: #D9EDC9;
        color: #333333;
        font: small "arial";
        padding: 4px;
        vertical-align: top;
}

.gridview tr.even td {
        background: #FFFFFF;
}

.gridview td a{
        color: #003300;
        font: bold small "arial";
        padding: 2px;
        text-decoration: underline;
}

.gridview td a:hover {
        color: red;
        font-weight: bold;
        text-decoration:underline;     
}


.S2LinkButtonC2:link { text-decoration: none;}
.S2LinkButtonR:link { text-decoration: none;}


.S2LinkButtonC2:link { text-decoration: none;}
.S2LinkButtonR:link { text-decoration: none;}
.S2LinkButton { width:130px; text-align: center;}
.S2LinkButtonC2 { width:130px; text-align: center;}
.S2LinkButtonR { width:130px; text-align: center;}
.S2LinkButtonC2:link {white-space:nowrap;}
.S2LinkButtonR:link {white-space:nowrap;}
.S2LinkButton {white-space:nowrap;}