/* Global Styles */

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

textarea {
    resize: none;
    overflow: auto;
    width: 300px;
}

body {
    background: #edf3f5;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Georgia, sans-serif;
    color: #7F7F7F;
    margin:0 auto 0;
    position:relative;
    text-align:center; 
    text-justify: auto;
    width:1000px;
    margin-bottom: 30px;
}

img {
    border: 0 none;
}

.alt {
    background-color: #E8E8E8; color: #000000; 
} 

.grid { 
    margin: 4px; border-collapse: collapse; width: 600px; 
} 

.clr {
    min-height: 0px;    
}

/* Holly Hack Targets IE Win only \*/
* html .clr {
    height: 1%!important;   
}
/* End Holly Hack */

.clr:after {
    content:".";
    display: block;
    height: 0px;
    font-size: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;}

/* _Layout */

header {
    border-bottom:2px solid #000;
    background-color:#FBFBFB;
    height: 96px;
    position: relative;
}

nav {
    padding: 1px, 1px, 1px, 1px;
    background-color: #E6E3DC
}

nav ul, nav a {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav ul li, nav a {
    float: right;
}

nav ul li a, nav a {
    font-family: Georgia;
    font-size: 22px;
    color: #A8A7A4;
    display: block;
    padding: 35px 10px 4px 11px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

nav ul li a:hover, nav a:hover{
    color:  #4A789C;
    border-bottom: 4px solid #4A789C;
}

#logout {
    position: absolute;
    bottom: 0;
    right: 10px;    
}

#logout a {
    font-weight: bold; 
    font-size: 12px;
    color: #444444;
}
#logout a:hover {
    color: #4A789C;
    border-bottom: 2px solid #4A789C;    
}

header #logo {
    float: left;
    padding: 10px 0 0 10px;
}

h2 {
    font-size: 22px;
    font-family: Georgia;
    padding: 10px 0 10px 10px;
    text-align: left;
    width: auto;
    background-color: #FBFBFB;
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-bottom: none;
    color: black;
    box-shadow: 0 0 2px #AAA;
}

h3 {
    background-color: #FBFBFB;
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: none;
    color: black;
    width: 200px;
    font-size: 16px;
    font-family:  Georgia;
    padding: 5px 0 5px 0;
    box-shadow: 0 0 2px #AAA;

}

input, textarea {
    color: #666;
    background-color: #F2F2F2;
    border: 1px solid #AAA;
    border-bottom: 1px solid #888;
    padding: 5px 5px 5px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 2px 2px #AAA;
}

input:focus, textarea:focus {
    background-color: #FBFBFB;
    border: 1px solid #EDF3F5;
}

/* Center */
#center {
    float: left;
    width: 578px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
    height: auto;
}

#center ul, #checkout, #cart {
    position: relative;
    background-color: #FBFBFB;
    border-top: none;
    border-left: 1px solid #AAA;
    border-right: none;
    border-bottom: 1px solid #888;
    color: black;
    box-shadow: 0 2px 2px #AAA;
}

#center ul li {
    list-style: none;
    width: 190px;
    float: left; 
}

#center ul li img {
    height: 125px;
    width:  125px;
    margin-top:  10px;
    background-color: #FBFBFB;
    box-shadow: 1px 2px 2px #AAA;
}

#center ul li .action a:hover {
    color: #ABB92E;
}

.title a {
    color: #4B4B4B;
    font-weight: bold;
}

.price .st {
    position: relative;
    float: left;
    left: 15px;
}

.title a:hover {
    color: #ABB92E;    
}

.action a {
    border: 1px hidden;
    font-size: 12px;
    float:right;
    line-height: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: none;
    position: relative;
    right: 10px;
}

.form {
    width: auto;
    display: block;
    background-color: #FBFBFB;
    border-top: none;
    border-left: 1px solid #AAA;
    border-right: none;
    border-bottom: 1px solid #888;
    color: black;
    box-shadow: 0 2px 2px #AAA;
}

.formtitle {
    float: left;
    width: 150px;
    padding-top: 18px;
    text-align: right;
}


/* Center product details*/
#product {
    background-color: #FBFBFB;
    border-top: none;
    border-left: 1px solid #AAA;
    border-right: none;
    border-bottom: 1px solid #888;
    color: black;
    box-shadow: 0 2px 2px #AAA;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 320px;
}

#img img {
    width: 235px;
    height: 300px;
    float:  left;
    margin-left: 8px;
    background-color: #FBFBFB;
    box-shadow: 1px 2px 2px #AAA;

}

#pricediv {
    float: right;
    padding: 10px;
    width: 200px;
    height: auto;
}

#price {
    float: right;
    font-family: Georgia;
    font-size: x-large;
    color: #4A789C;
    padding-bottom: 1px;
}

.buy {
    float: right;
    padding: 10px;
    width: 250px;
    height: auto;
    display: inline-block;
    border: 1px dotted #D8D8D8;
    margin-right: 10px;
    margin-bottom: 5px;
}

#size {
    float: left;
    padding-top: 15px;
}

#add {    
    float: right;
}

#sizetext {
    display: inline-block;
    float: left;
    color: #A8A7A4;
    font-size: smaller;
}
#buypay {
    float: left;
    padding-top: 22px;
}

#paypal input {
    float: right;   
}

#social {
    float: right;
    padding: 0 10px 0 10px;
    width: 250px;
    height: auto;
    display: inline-block;
    margin-right: 10px;
}

#social div {
    float: left;   
    padding-top: 65px;
}

#pin {
    padding-left: 50px;
}

#tabContainer {
    float: left;
    background-color: #FBFBFB;
    border-top: none;
    border-left: 1px solid #AAA;
    border-right: none;
    border-bottom: 1px solid #888;
    color: black;
    box-shadow: 0 2px 2px #AAA;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 577px;
    height: auto;

}

#tabContainer li a{
      background:#fbfbfb;
      border:1px solid #fcfcfc;
      border-right:0;
      color:#000;
      cursor:pointer;
      display:block;
      font-weight: bold;
      font-family: Georgia;
      line-height:25px;
      padding:0 30px;

}

#tabContainer li a:hover{
      background: #504b4b;
      color: #fbfbfb;
 }

#tabContainer p {
    text-align: center;
    font-style: italic;
    padding: 10px;
}

#map_canvas {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

/* Left */
#left {
    float: left;
    width: 202px;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}
#left ul ul {
    display: none;
}

#left ul li:hover > ul {
    display:  block;
}

#left ul {
    position: relative;
    border-top: none;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #888;
    color: black;
    box-shadow: 0 2px 2px #AAA;
}

#left ul:after {
		content: ""; 
        clear: both; 
        display: block;
}

#left ul li {
    margin:0px;
    list-style:none; 
    position: relative;
    display: block;
}

#left ul li:hover > a {
    background: #444444; 
    color: #FBFBFB;   
}

#left ul li a {
    height: 25px;
    display: block;
    background-color: #FBFBFB;
    text-decoration: none;
    color: #504b4b;
    line-height: 25px;
}

#left ul ul {
	position: absolute;
    left: 100%;
    top: 0;
    z-index: 100;
}

#left ul ul li a {
    background: #444444; 
    color: #FBFBFB;
    width: 125px;  
    overflow:  hidden;
}

#left ul ul li a:hover {
    background: #FBFBFB; 
    color: #504b4b;      
}

/* Right */

#right {
    float:  right;
    width: 200px;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    list-style: none;
}

#right h3 {
    width: 198px;
}

#search {
    background-color: #FBFBFB;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #888;
    box-shadow: 0 2px 2px #AAA;
    position: relative;
    top: 0;
    width: 198px;
}

#right ul {
    list-style: none;
    border-top: none;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    border-bottom: 1px solid #888;
    color: black;
    box-shadow: 0 2px 2px #AAA;
    background-color: #FBFBFB;
}

#right ul li {
    overflow: hidden;
}

#right ul li .img {
    background-color: #FFFFFF;
    float: left;
    text-align: center;
}

#right ul li .img img {
    height:70px;
    margin-top: 11px;
    width:70px;
}

/* Footer */

footer {
    position: fixed;
    bottom: 0;
    width:  1000px;
    height: 30px;
    border-top:2px solid #000000;
    background-color:#FBFBFB;
}

/* Product List
---------------------------------*/
#productsList {
list-style: none;
margin: 0px;
padding: 0px;
}
#productsList li{
float: left;
margin: 12px;
width: 215px;
}
#productsList h3 {
font-size: 1.75em;
font-weight: normal;
margin-bottom: 5px;
padding: 0px;
}
#productsList .price {
font-size: 1em;
font-style: italic;
color: #999;
}

/* Search Results
---------------------------------*/
#searchResult li {
margin-top: 10px;
font-size: 1.2em;
list-style: none;
}
/* Cart
---------------------------------*/
#cartTable {
width: 100%;
border: none;
border-spacing:0px;
}
#cartTable th {
border-bottom: 1px solid #E0E0E0;
}
#cartTable td, th {
padding:5px;
}
#cartTable .product {
text-align:left;
width: 50%;
}
#cartTable .size {
text-align:center;
width: 10%;
}
#cartTable .price {
text-align:right;
width: 20%;
}
#cartTable .cartTotal td {
margin-top: 10px;
border-top: 1px solid #E0E0E0;
text-align:right;
font-weight:bold;
}

table .remove {
text-align:right;
width: 20%;
}

#cartButtons {
text-align: center;
margin: 40px 0px 20px 0px;
}

#cartButtons a {
    color: #000;
}

.linkButton {
border: 1px solid #E0E0E0;to yet)
background-color: #efefef;
margin: 0px;
padding: 10px;
}
.linkButton:hover {
background-color: #ddd;
}

/* Account Forms
---------------------------------*/
.accountForm label {
font-weight: bold;
padding-right: 5px;
}
.accountForm p {
padding: 5px 0px 5px 0px;
}
input[type="password"]
{
border: 1px solid #E0E0E0;
}

/* Checkout
---------------------------------*/
#checkout h2 {
width: 30%;
border-bottom: 1px dashed #E0E0E0;
margin: 25px 0px 20px 0px;
}
#checkout label {
font-weight: bold;
padding-right: 5px;
width: 10em;
float:left;
}
#checkout p {
padding: 5px 0px 5px 0px;
}
#checkout input[type="submit"] {
padding: 5px 45px 5px 45px;
}

/* Validation
---------------------------------*/
.validation-summary-errors,
span.field-validation-error {
color: #FF0000;
}
input.field-validation-error {
border: 1px solid #FF0000;
background-color: #FFCCCC;
}

/* Google Maps */

#map_canvas {
        width: 500px;
        height: 400px;
        background-color: #CCC;
      }