*, html, body {
    margin: 0px;
    padding: 0px;
}

@font-face {
	font-family: Orbitron;
	src: url(../Font/Orbitron.ttf) format("truetype"),
         url(../Font/Orbitron.otf) format("opentype"),
         url(../Font/Orbitron.eot);
}

@font-face {
	font-family: ETC;
	src: url(../Font/ETC.ttf) format("truetype"),
         url(../Font/ETC.otf) format("opentype"),
         url(../Font/ETC.eot);
}
@font-face {
	font-family: Raleway;
    src: url(../Font/Raleway.ttf) format("truetype"),
         url(../Font/Raleway.otf) format("opentype"),
         url(../Font/Raleway.eot);
}

#loginForm {
    border: 1px solid #DEDEDE;
    width: 75%;
    padding-left: 50px;
    border-radius: 10px;
    background-image : -webkit-linear-gradient(top,#FFF,#FFF0F5);
    background-image : -moz-linear-gradient(top,#FFF,#FFF0F5);
    background-image : -ms-linear-gradient(top, #FFF,#FFF0F5);
    background-image : -o-linear-gradient(top, #FFF,#FFF0F5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFF0F5'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFF0F5')"; /* IE8 */
    zoom:1;
    visibility: hidden;
    margin-left: -45px;
    height:0;
}

body{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .75em;
    /*background-image: url(../ProductImages/light-tile.gif);*/
    background-color: #F7F5FA;
}

.topMenu2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.blue {
    color: Blue;
}

#facebook {
    width: 80px;
    float:right;
}

.bank td{
   padding: 5px;
}
    
#AdminOrderDetails p{
    padding: 3px 3px;
}
    
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3{
    margin-bottom: 10px;
}

#Update {
    border-bottom: 1px dashed #cdcdcd;
}

input, select{
    padding: 5px
}

input[type="text"], input[type="password"], input[type="email"], textarea
{
    border: 1px solid #cdcdcd;
    background-image : -webkit-linear-gradient(top,#FFF,#F0F8FF);
    background-image : -moz-linear-gradient(top,#FFF,#F0F8FF);
    background-image : -ms-linear-gradient(top, #FFF,#F0F8FF);
    background-image : -o-linear-gradient(top, #FFF,#F0F8FF);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F8FF'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F8FF')"; /* IE8 */
    zoom:1;
}

input[type="checkbox"]
{
    width: 2em;
}
.textBox {
    resize: none; 
    font-family: Arial, sans-serif; 
    font-size: 13px; 
    padding-left: 6px;
}

#ShippingStatus {
    text-align: center;
}

#ShippingStatus ul{
    display: block;
}

#ShippingStatus li{
    list-style: none;
    height: 190px;
    border: 1px solid #FF8C00;
    border-left: none;
    width: 160px;
    font-family: "Comic Sans MS", sans-serif;
    font-size: 1.8em;
    float: left;
    color: #CD0000;
    border-radius: 10px;
    background-repeat: no-repeat;
}

#ShippingStatus #firstStatus{
    border-left: 1px solid #FF8C00;
}

#itemsOrdered {
    width: 200px;
}

#price {
    width: 100px;
}

.center {
    text-align: center;
    vertical-align: middle;
}

#sendMessageButton {
    margin-top: 5px;
    background-color: #FCFCFC;
    margin-bottom: 20px;
}

/*Layout*/
#page {
    margin: 0 auto;
    margin-bottom: 0;
}

.pageDisplay {
    float: left;
    color: #8B0A50;
}

.contentTitle .pageNum {
    font-size: 12px;
    font-family: "Arial Rounded MT Bold", sans-serif;
}

.contentTitle a {
    font-size: 1.2em;
    color: #FF69B4;
}

.contentTitle {
    margin-bottom: 10px;
}

.contentTitle a:hover {
    text-decoration: underline;
}

#content, #footer {
    border-top: 1px solid #cdcdcd;
    margin: 0 auto;
    clear: both;
    padding: 20px;
    padding-top: 0px;
    width: 980px;
}

#content {
    border: none;
}

#header {
    background-color: #F4E8FA;
    height: 130px;
    border-radius: 10px;
    width: 1000px;
    margin: 0 auto;
}

#bottompart {
    margin: 0 0 0 -30px;
}
#footer {
    color: #ABABAB;
    padding: 10px;
    text-align: center;
}

#footer span {
    float:right;
}
.logo a:first-letter{
    font-size: 1.2em;
}

.logo a {
    color: #872657;
    font-family: ETC;
    float:left;
    font-size: 80px;
    text-shadow: 4px 4px 4px #FFBBFF;
}

#categories {
    width: 165px;
}

#main{
    float: right;
    width:675px;
    padding-left:20px;
    background-color:#fff;
    border-radius: 5px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#categories ul {
    margin-bottom: 20px;
    display: block;
    border: 1px solid #FFB6C1;
    border-radius: 5px;
    background-image : -webkit-linear-gradient(top,#FFF,#FFF0F5);
    background-image : -moz-linear-gradient(top,#FFF,#FFF0F5);
    background-image : -ms-linear-gradient(top, #FFF,#FFF0F5);
    background-image : -o-linear-gradient(top, #FFF,#FFF0F5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFF0F5'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFF0F5')"; /* IE8 */
    zoom:1;
}

#categories ul li {
    list-style: none;
    margin: 0;
}

#main h1 {
    padding-left: 20px;
    margin-left: -20px;
    font-family: Orbitron, sans-serif;
    color: #FFF;
    font-size: 2.2em;
    background-color: #FAA0D7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.toTop {
    font-size: 1.4em;
}

.topMenu {
    margin-top: 20px;
    margin-bottom: 6px;
}

.topMenu a {
    padding: 5px;
    color: #000;
    border-radius: 4px;
    background-color: #E3C5FA;
}
.topMenu a:hover {
    opacity: 0.5;
}

/* Status 
------------------------------------*/
#statusList {
    display: block;
}

#statusList li {
    list-style: none;
    padding: 20px;
    margin: 5px 10px 20px 20px;
    height: 130px;
    width: 9em;
    float: left;
    text-align: center;
    border-radius: 5px;
}

#cashIcon, #processIcon, #dispatchedIcon {
    padding-left: 10px;
}

#confirmIcon, #processIcon {
    margin-bottom: -5px;
}

.redStatus {
    border:1px solid #FF6A6A;
    background-image : -webkit-radial-gradient(circle, #FFF,#FF6A6A);
    background-image : -moz-radial-gradient(circle, #FFF,#FF6A6A);
    background-image : -ms-radial-gradient(circle, #FFF,#FF6A6A);
    background-image : -o-radial-gradient(circle, #FFF,#FF6A6A);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFB6C1', endColorstr='#FF6A6A'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFB6C1', endColorstr='#FF6A6A')"; /* IE8 */
    zoom:1;
}

.greenStatus {
    border:1px solid #98FB98;
    background-image : -webkit-radial-gradient(circle, #FFF,#98FB98);
    background-image : -moz-radial-gradient(circle, #FFF,#98FB98);
    background-image : -ms-radial-gradient(circle, #FFF,#98FB98);
    background-image : -o-radial-gradient(circle, #FFF,#98FB98);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0FFF0', endColorstr='#98FB98'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0FFF0', endColorstr='#98FB98')"; /* IE8 */
    zoom:1;
}

.indicate {
    margin-left: 30px;
}

/* Product List
------------------------------------*/
[class="thumb"]{
    border: 1px solid #FFC0CB;
}
[class="thumb"]:hover {
    border: 1px solid red;
}
.productList {
    margin: 0;
    padding: 0;
}

.productsList li {
    float: left;
    margin-bottom: 150px;
    margin-right: 21px;
    margin-left: 2px;
    width: 145px;
    list-style:none;
    text-align: center;
    height: 185px;
}

.productsList #titleName{
    font-weight: normal;
    padding: 0px;
    width: 100%;
    color: #33A1C9;
}

.desc {
    color: #EE30A7;
    font-size: 1.3em;
}

.descPromo {
    color: #BF3EFF;
    font-size: 1.4em;
    background-color: #E6E6FA;
    padding: 5px;
    border-radius: 5px;
}

.productsList .Thumbnail {
    z-index: 20;
    height: 185px;
    width: 145px;
}

.buttonCart {
    margin-top: 3px;
}

.priceThumb {
    border-radius: 10px;
    text-align: center;
    background-color: #e5e5e5;
    margin: 0 auto;
    width: 80px;
    padding: 4px;
    color: #00688B;
}

.promo_priceThumb {
    border-radius: 10px;
    text-align: center;
    background-color: #FFE1FF;
    margin: 0 auto;
    width: 90px;
    padding: 4px;
    color: #8B6508;
    font-size: 15px;
}

.productsList .price {
    font-size:1.25em;
    font-style:italic;
    text-align: center;
    color:#999;
}

/*Shipping Type
------------------------------*/
#shippingType td {
    padding: 15px;
}

#TextBoxPrice {
    font-weight: bold;
}

/*Product Details
-------------------------------*/
#contentTitle {
    font-family: "Comic Sans MS", sans-serif;
    color: #AB82FF;
}

#addToCartButton, #addToWishListButton {
    width: 140px !important;
}
#orderForm legend {
    font-weight: bold;
    padding: 0px 10px 0px 10px;
}

#orderForm label {
    font-weight: bold;
    padding-right: 5px;
}

#orderForm p {
    padding: 5px 0px 5px 0px;
}

/* Search */
#headerRight {
    float:right;
    margin-right: 20px;
}

#search {
    width: 165px;
}
#cartnav {
    width: 165px;
}

#welcome {
    color: #E066FF;
    font-weight: bold;
}

#searchResult li {
    margin-left:17px;
    margin-top:10px;
    font-size: 1.2em;
}

/* Cart
--------------------------*/
#cartTable {
    width: 100%;
    border: none;
    border-spacing:0px;
}

#cartTable th{
    border-bottom:1px solid #cdcdcd;
    color: #8B2252 !important;
}

#cartTable td,th {
    padding: 5px;
    color: Black !important;
}

#cartTable .product {
    text-align:left;
    width:30%;
}

#cartTable .image {
    text-align:center;
    width:20%;
}

#cartTable .itemstatus {
    text-align:left;
    width:10%;
}
#cartTable .quantity {
    text-align:center;
    width: 10%;
}

#cartTable .proimage {
    text-align:center;
    width: 10%;
}

#cartTable .weight {
    text-align:center;
    width: 10%;
}

#cartTable .price {
    text-align:right;
    width: 20%;
}

#cartTable .checkoutWeight {
    text-align:center;
    width: 10%;
    padding-left: 70px;
}

#cartTable .checkoutPrice {
    text-align:right;
    padding-right: 30px;
}

#cartTable .cartTotal td {
    text-align:right;
    font-weight:bold;
}
.cartTotal #totalPrice {
    padding-right: 20px;
}
.checkoutTotal td{
    border-top: 1px solid #cdcdcd;
    text-align:right;
}
.postage td{
    text-align:right;
}
.balance td{
    text-align:right;
}
.grandTotal td{
    text-align:right;
    border-top: 1px solid #cdcdcd;
    font-weight: bold;
}
#cartButton {
    border: 1px dashed  #8B5A00;
    border-radius: 4px;
    padding: 5px;
    padding-top: 15px;
    background-color: #F4F4F4;
    font-family: "Segoe UI", "Times New Roman", sans-serif;
    font-size: 15px;
    color: #A52A2A;
}

#currentBalance {
    margin-bottom: 20px;
}

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

.linkButton {
    border: 1px solid #FF69B4;
    background-color: #FFF0F5;
    border-radius: 10px;
    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 #cdcdcd;
}

/* Checkout
--------------------------*/
#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;
}

#accountSummary {
    margin-top: 30px;
    float:left;
    text-align: right;
}

#accountSummary img {
    vertical-align: middle;
}

#statusHtml {
    color: Black !important;
}

.btn {
    overflow:auto; /* add this */
    background: -webkit-linear-gradient(#CC2B86,#DE6FAE);
    background: -moz-linear-gradient(#CC2B86,#DE6FAE);
    background: -ms-linear-gradient(#CC2B86,#DE6FAE);
    background: -o-linear-gradient(#CC2B86,#DE6FAE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC2B86', endColorStr='#DE6FAE',GradientType=0);
    display:inline-block;
    zoom:1;
    text-shadow: 1px 1px 1px #B20808; 
    color: #FFF;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    font-family: Arial, sans-serif;
    line-height: 1.75em;
    padding: 5px 20px 5px 20px;
    text-decoration: none;
    font-size: 15px;
    margin-right: 5px;
}

.btn:hover { 
  box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), 
  inset 0 1.5em 1em rgba(255,255,255,0.3);
}

#nav li{
    list-style:none;
    display: block;
    float:left;
}

#nav{
    margin:0 auto;
    display: block;
    width: 850px;
}

.barTitle{
    background-size: 40px 40px;
    background-repeat:no-repeat;
    text-align: center;
    font-size: 1.6em;
    background-color: #FAA0D7;
    background-repeat:no-repeat;
    background-size: 36px 36px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: White;
    font-weight: bold;
    font-family: "Calibri", "Times News Roman", sans-serif;
    height:30px;
    padding-top: 8px;
}

.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	right:30px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(../images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	right:70px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

    .onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #666666; border-radius: 30px;
    }
    .onoffswitch-inner {
        width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
        border-radius: 30px;
        box-shadow: 0px 15px 0px rgba(0,0,0,0.08) inset;
    }
    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 15px;
        background-color: #6BB2ED; color: #FFFFFF;
        border-radius: 30px 0 0 30px;
    }
    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 15px;
        background-color: #FFFFFF; color: #666666;
        text-align: right;
        border-radius: 0 30px 30px 0;
    }
    .onoffswitch-switch {
        width: 30px; margin: 0px;
        background: #FFFFFF;
        border: 2px solid #666666; border-radius: 30px;
        position: absolute; top: 0; bottom: 0; right: 56px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
        background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        box-shadow: 0 1px 1px white inset;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }
    
.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
    
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	
	text-indent: -999em;
	
	border: 2px solid #000;
	border-radius: 6px;
	
	cursor: pointer;
	opacity: .4;
	
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

.banner .dots li.active {
	background: #fff;
	opacity: 1;
}

div.wrapper{  
    position:relative; /* important(so we can absolutely position the description div */  
}  
div.description{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottombottom:0px; /* position will be on bottom */ 
    left:0px;
    display:none;
    background-color:#8B475D;
    font-family: 'tahoma';
    font-size:13px;
    color:white;
    width: 100%;
    margin: -29px 0 0 1px;
}  
div.description_content{  
    padding:5px;  
}