/* view cart button */
div.gotoCart {
  float:right;
  clear:both;
  margin:0 50px 0 0;
  width: 70%;}

#ie6 div.gotoCart {
    margin-top: -21px;}




/* Store/list */
div.storeScroll {
  padding: 2em 0 0 0;
  height: 20em;
  width: 95%;
  overflow: hidden;
  overflow-x: scroll;}

div.storeWrap {
    }

  div.stretch {
    width: 30000px;}

  a.storeItem {
    width: 177px;
    float: left;
    margin: 13px 0;
    position: relative;
    clear: none;
    text-decoration: none;
    text-align: center;
    width: 30%;
    cursor: pointer;}

    #ie6 a.storeItem {
        height: 1%;
    }

  a.storeItem img {
    height: auto;
    width: 177px;
    vertical-align: middle;
    cursor: pointer;}

   #wrapper #content a span.itemLinkImage {
        width: 100%;
        height: 14em;
        display: block;
        background: #ffffff;
        line-height: 14em;}

  #content p.itemName {
      font-family: Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: 110%;}

  #content a.storeItem span.itemName {
      font-family: Times, "Times New Roman", serif;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 110%;
    float: left;
    color: #58595b;
    border: none;
    text-decoration: none;
    cursor: pointer;}

  #content a.storeItem span.itemPrice {
    text-align: center;
    width: 100%;
    float: left;
    clear: left;
    border: none;
    color: #58595b;}

  #content a.storeItem:hover {
    background: #A7A9AC;
    color: #ffffff;}










/* user greeting :: Global */
div.userGreeting {
  text-align: right;
  padding:0 25px 0 0;}



/* store/search */

    #content div.contentHeader div.storeSearch {
        float: right;
        margin-top:0em;
        margin-bottom: 0.5em;
        padding: 0;}

    #ie6 #content div.contentHeader div.storeSearch {
        padding-bottom: 1em;
        margin: 0;}

    #ie7 #content div.contentHeader div.storeSearch {
        margin: 0;}

  #content div.contentHeader form.storeSearch input {
    margin: 0;
    padding: 0 0.2em;
    float:left;
    border: none;}

  #content div.contentHeader form.storeSearch label {
    float:left;
    display:inline;
    margin: auto .4em auto auto;}

    #content div.contentHeader #storeSearchText {
      border: 1px solid #58595b;
      background: #ffffff;
      width:8em;}

    #content div.contentHeader #storeSearchSubmit {
      margin:0 0 0 .2em;
      width: 39px;
      height: 21px;
      color: #ffffff;
      font-size: smaller;
      background: url(/images/shop_button_gray_small.png) no-repeat;}






/* store/show */
div.itemDetails {
  width:95%;
  margin:0 1em 0 0;}

div.storeItemImage {
    width: 339px;
    height: 339px;
    float: left;
    margin-right: 1em;}

div.itemDescription {
  float: left;
  width: 40%;
  clear: none;
     margin-top: -220px;
     margin: 0;}

     #content div.itemDescription p {
         margin-right: 0;}

     #content div.itemDescription form {
         margin-right: 0;}

 #ie6 div.itemDescription {
    /* margin-left: 339px;
     margin-top: -339px;*/}

  img.prodDetailImg {
    float: left;
    width: 339px;}

  #itemSize {
    width:100%;
    position: relative;
    z-index: 12;}

  #itemColour {
    width:100%;
    position: relative;
    z-index: 11;}

/* Colour Swatches */

div.colours, div.imageNav {
    position: relative;
    float: left;
    text-transform: uppercase;
    color: #58595B;
    width: 120px;
    margin-top: 0.2em;}

    div.colours ul, div.imageNav ul {
        list-style-type: none;
        margin: 0.2em 0 0 0;
        padding: 0;
        float: left;}

        div.colours ul li, div.imageNav ul li {
            margin: 0 0.5em 0.2em 0;
            padding: 0;
            float: left;
            display: block;
            width: 15px;
            height: 15px;
            overflow: hidden;
            border: 1px solid #000000;}

            #content div.colours ul li a, #content div.imageNav ul li a {
                display: block;
                height: 15px;
                width: 15px;
                text-decoration: none;
                color: #58595B;
                text-align: center;}

            #content div.imageNav ul li.angleMain, #ie6 #content div.imageNav ul li.angleMain{
                width: auto;}

            #content div.imageNav ul li a.angleMain, #ie6 #content div.imageNav ul li a.angleMain{
                width: auto;
                padding: 0 0.1em;
                text-transform: none;}

            div.imageNav ul li a:hover {
                background: #888888;}

                div.colours ul li a span {
                    position: relative;
                    width: 0;
                    left:-999em;}

div.custSelect {
  float: none;
  margin-left: -18em;}

#ie6 div.custSelect {
  float: none;
  margin: 0;}

#ie7 div.custSelect {
  margin-left: -16em;}


#quantity {
  width: 4em;
  padding: 0 0.2em;
  display: inline;
  margin: 1em 0 0 0.2em;}

div.cartControl {
    overflow: hidden;
    margin-top: 0.5em;
    width: 100%;
    clear: left;}


  form.viewCart {
    float: left;
        clear: none;
        width: 95%;
    margin: 1em 0 0 0;}

    form.viewCart label {
        width: auto;
        display: inline;
        line-height: 1.5;}

    form.viewCart input.viewCart {
      background: url(/images/button_gray_medium.png) no-repeat;
      width: 101px;
      height: 21px;
      color: #ffffff;
      border: none;
            float: right;
      font-size: smaller;}

        form.viewCart a.mediumButton {
            float: left;
            display: block;
            height: 21px;
            width: 101px;
            margin-top: -21px;}

        #ie6 form.viewCart a.mediumButton, #ie7 form.viewCart a.mediumButton {
            margin-top: 0;}



  form.viewCart input.addCart, form.viewCart input.addToCart {
      background: maroon url(/images/button_red.png) no-repeat;
      width: 101px;
            display: block;
      height: 21px;
      color: #ffffff;
      border: none;
      float:right;
      font-size: smaller;}
      
  #ie7 form.viewCart input.addCart, #ie7 form.viewCart input.addToCart {
    float:left;}

  /* div.giftShop was just a wrapper...if thigns are messed up, re-id the form... */
  /* TODO :: 3 classes for buttons, instead of submit within a form id */

  div.giftShop form.viewCart input.addCart {
    float: left;
    margin: 0.8em 0.5em 0 0;}

  div.giftShop form.viewCart input.viewCart {
    float: left;
    margin: 0.8em 0 0 0;}

  #ie7 div.giftShop form.viewCart input.addCart {
    float: left;
    margin: 0.8em 0.5em 0 -16em;}

  #ie7 div.giftShop form.viewCart input.viewCart {
    float: left;
    margin: 0.8em 4em 0 -8em;}

div.itemNav {
  float: right;
  clear: left;
  margin-top: 1em;
  text-align: left;}

  a.prev {
    padding: 0 0.5em 0 1em;
    border-right: 1px solid #58595B;
    background: url(/images/shop_prev.png) left center no-repeat;}

  a.next {
    padding: 0 1em 0 0.5em;
    background: url(/images/shop_next.png) right center no-repeat;}


#cart {
  width: 94%;
  float: left;
  margin-left: 2px;
  margin-right: 0;}

#contShopping {
  background-image: url(/images/shop_button_gray_large.jpg);
  width: 121px;}

#ie6 #cart {
  width: 90%;}

#ie7 #cart {
  width: 90%;
  margin-left: 0}



/* CART TABLE */
table.cart {
  border-collapse: collapse;
  border: none;
  margin: 0 0 2em 0;
  padding: 0;
  width: 100%;
  color: #58595b;}

  #content table.cart td.desc a.tooltip {
    color: #58595b;}

  /* used for when the remove item is called - changes the bg color */
  table.cart .removingItem {
    background-color:#dcdcdc;}

  table.cart .loading {
    background:transparent url(/images/loading.gif) no-repeat !important;}


  table.cart tr {
    border: none;
    margin: 0;
    padding: 0;}

  table.cart td {
    border: 0;
    margin: 0;
    padding: 0;}

  table.cart th {
    border: none;
    margin: 0;
    padding: 0.5em 0;}

  table.cart table {
    border-collapse: collapse;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;}

    table.cart table.itemList tr td {
      border-bottom: 1px solid #D3CAB7;}

      table.cart table td {
        border: none;
        padding: 0.2em;
        text-align: center;}

        table.cart table td.desc {
          text-align: left;}

  table.cart table th.colour {
    width: 6em;}

table.cart table th {
  text-transform: uppercase;
  font-weight: normal;
  font-size: smaller;
  background: #DCDDDE;
  text-align: center;}

  table.cart table.totals {
    width: 100%;}

  table.cart td.totals {
    width: 20%;}

  table.cart table.totals th {
    background: none;
    text-transform: none;
    font-weight: bold;
    font-size: 80%;
    text-align: right;
    width: auto;
    padding-right: 1em;}

    table.cart table.totals td {
      text-align: right;
      width: 10%;}

    table.cart td.cad {
      text-align: right;
      width: 80%;
      padding-right: 0;
      vertical-align: top;
      margin: 0;
      padding: 0 1em 0 0;
      height: 100%;}

    table.cart td.cadWrap {
      width: 80%;
      vertical-align: top;}

      table.cart td.cadWrap table {
        margin: 0;
        padding: 0;}

      table.cart td.cadFunds {
        width: 100%;}

        table.cart table.cadFunds {
          width: 100%;
          float: right;}

    table.cart table.taxes {
      border-bottom: 1px solid #D3CAB7;}

  table.cart table.final {
    color: #000000;}

  table.cart table.final i{
    color: #58595b;}

  table.cart table.final th {
    background: none;
    text-transform: none;
    font-weight: bold;
    font-size: 100%;
    text-align: right;
    width: 20%;}

  table.cart table.final td {
    text-align: right;
    font-size: 100%;
    width: 10%;}

table.cart input {
  display: inline;
  width: 2em;
  padding: 0 0.2em;
  text-align: center;}





div.buttonRow {
  }

  form.viewCart div.buttonRow input {
    margin: 0 0.2em;
    float: left;}



div.returns {
  float: left;
  width: 80%;
  color: #58595B;
  text-align: justify;}

  div.returns h2 {
      font-family: Times, "Times New Roman", serif;}

a.removeItem {
  height: 15px;
  width: 15px;
  display: block;
  margin-left: 40%;
  background: url(/images/shop_remove.png) right no-repeat;
  overflow: hidden;}

  a.removeItem span {
    display: none;}

#content #checkOut div.checkButton input {
    margin: 0 0.2em;
    display: inline;
    float: left;}



#content #myAcct div.checkButton {
  float: right;}

#content {
    position: relative;}



#checkOut h2, #myAcct h2 {
  color: #000000;
  font-size: larger;
  font-weight: normal;
  margin: 0;
  padding: 0;}

#checkOut h3, #myAcct h3 {
  font-size: small;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0;}














#checkOut label.radio, #myAcct label.radio {
  float: left;
  color:#58595b;
  font-size: 93%;}

#checkOut input.radio, #myAcct input.radio {
  float: left;
  margin-left: 0;
  clear: left;
  border: none;}



div.shipMethod {
  clear: left;
  width: 99%;
  overflow: hidden;
  margin: 0 0 2em 0;}

  div.shipMethod div.cadetLeft {
    float: left;
    width: 48%;
    clear: left;}

  div.shipMethod label.radio {
    text-transform: uppercase;}

  div.cadOptions {
    clear: left;}

  div.shipMethod div.pUPolicy {
    float: left;
    width: 48%;
    padding: 0;}
    
 #content div.shipMethod div.pUPolicy p {
    font-size: 80%;
    margin: 0.5em 0;}

  div.shipMethod table.radio tr td label.radio {
    text-transform: none;}

  div.shipMethod table.radio {
    display: block;
    color:#58595b;
    clear: left;
    width: 50%;}

    div.shipMethod table.radio td {
      width: auto;
      padding-right: 1em;
      text-align: center;}

    div.shipMethod table.radio td.label {
      width: 30%;
      text-align: center;}

    div.shipMethod table.radio td.input {
      width: 5%;
      text-align: left;}



#checkOut table.cart {
  clear: left;}

#checkOut td.promo {
  width: 50%;}

#checkOut td.ens {
  width: auto;}

#checkOut table.promo {
  width: 100%;}

  #checkOut table.promo input {
    width: 50%;
    float: left;
    margin-left: 6em;
    margin-top: -1.8em}

    #checkOut table.promo input.addCart {
      margin: 0 0 0 4em;
      width: 101px;
      height: 21px;
      float: none;
      display: block;}

    #ie7 #checkOut table.promo input.addCart {
      margin: 0;
      width: 101px;
      height: 21px;
      float: none;
      display: block;}

  #checkOut table.promo label {
    width: 6em;
    text-align: left;
    margin: 0;
    padding: 0;
    float: left;}

  #checkOut table.promo th {
    width: 30%;
    background: none;
    margin: 0;
    padding: 0;
    text-align: left;}

#checkOut p.taxInfo {
  text-align: justify;
  padding: 0 1em 0 0;
  margin: 0.5em 0 0 0;}

#custEmail {
  margin-bottom: 0.2em;}

div.creditInfo {
  width: 60%;
  margin: 0 0 2em 0;}

  #checkOut div.creditInfo table.custInfoRow a {
    color: #58595b;
    font-size: x-small;
    width: 2%;}

  #cardExpMon {
    width: 44.5%;}

  #cardExpYr {
    width: 46%;}


div.custInfo {
	width: 48%;
	float: left;}

div.shipInfo {
	width: 48%;
	margin-left: 1%;
	float: left;}

table.custInfoRow {
	width: 100%;}

table.custInfoRow th {
	width: 40%;
	vertical-align: top;
	font-size: x-small;
	text-transform: uppercase;
	color:#58595b;
	font-weight: normal;}

table.custInfoRow label {
	font-size: 100%;}

table.custInfoRow td {
	width: 60%;
	vertical-align: top;}

table.shipTo td {
    width: auto;
    padding-bottom: 0.5em;}

	table.custInfoRow td input.text {
		width: 90%;
		margin: 0;
		padding: 0 0 0 0.2em;
		color:#58595b;}

	table.custInfoRow td select {
		width: 92.5%;
		background: #ffffff;
		border: 1px solid #58595b;
		margin: 0;
		padding: 0 0 0 0.2em;
		color:#58595b;}

    #checkOut table.shipTo label.radio {
        float: none;}

    table.shipTo th {
        width: auto;}

    table.shipTo a {
        display: block;
        margin-left: 2em;
        margin-bottom: 0em;}

div.receipt table.cart {
    width: 95%;}

/* LOGIN */
div.userLogin {
  margin: 0 0 2em 0;}


















div.confirm {
  text-align: center;
  padding: 1em 0 1em 0;}

#content p.small {
    margin-top: 0.3em;
  font-size: x-small;}

div.hide {
  display: none;}