body {background: #E9E2DA; font-family: Helvetica, Arial, Verdana; font-size: 1px; color: #666666; margin: 0;}
body.invoice {background: #FFFFFF; font-family: Helvetica, Arial, Verdana; font-size: 1px; color: #666666; margin: 0;}

img {border-style: none; border-width: 0;} 

hr {height: 0; border-top: 1px solid #CCCCCC; margin: 5px 0 5px 0;}

form {display: inline;}
input, textarea {width: 90%; padding: 5px; margin: 10px 0 10px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
input.loginEmail {width: 68%; padding: 5px; margin: 3px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
input.loginPassword {width: 42%; padding: 5px; margin: 3px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
input.quantity {width: 18%; padding: 5px; margin: 3px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
input[type=checkbox] {width: 16px; height: 16px; padding: 0; margin: 5px 5px 5px 0; font-size: 11px; color: #666666; vertical-align: middle;}
input.admin {width: 24%; padding: 5px; margin: 10px 0 10px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
input.adminLong {width: 60%; padding: 5px; margin: 10px 0 10px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}
select.admin {margin: 10px 0 10px 0;}
input[type=radio] {width: 16px; height: 16px; padding: 0; margin: 5px 5px 5px 0; font-size: 11px; color: #666666; vertical-align: middle;}
input.secpayCancel {width: 100px;  padding: 6px 10px 6px 10px; margin: 10px 0 10px 0; font-size: 11px; color: #FFFFFF; background: #FF3399; border: none; vertical-align: middle;}
input.secpaySubmit{width: 115px;  padding: 6px 10px 6px 10px; margin: 10px 0 10px 0; font-size: 11px; color: #FFFFFF; background: #FF3399; border: none; vertical-align: middle;}

h1 {font-family: Helvetica, Arial, Verdana; font-size: 24px; font-weight: bold; display: inline; color: #333333; line-height: 26px;}
h2 {font-family: Helvetica, Arial, Verdana; font-size: 13px; font-weight: normal; display: inline; color: #FFFFFF;}
h3 {font-family: Helvetica, Arial, Verdana; font-size: 13px; font-weight: normal; display: inline; color: #666666;}
h4 {font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold; display: inline; color: #FF3399;}
h5 {font-family: Helvetica, Arial, Verdana; font-size: 16px; font-weight: bold; display: inline; color: #333333;}

table.main {width: 1000px; background: #FFFFFF; margin: 0 auto; border: 5px solid #FFFFFF;}
table.invoice {width: 700px; background: #FFFFFF; margin: 0 auto; border: 5px solid #FFFFFF;}
table.fullWidth {width: 100%;}
table.halfWidth {width: 50%;}
table.viewOrder {width: 100%; font-size: 16px;}

th {font-weight: bold; text-align: left;}

td.headerAdmin {width: 980px; height: 118px; vertical-align: top;}
td.header {width: 723px; height: 118px; vertical-align: top;}
div.logo {float: left; width: 268px; height: 62px; padding: 30px 0 0 0;}
div.strapline {float: left; width: 450px; height: 62px; font-size: 13px; color: #666666; padding: 40px 0 0 5px;}
.telephone {font-size: 14px; line-height: 40px;}

td.navTop {width: 257px; height: 103px; font-size: 11px; color: #666666; text-align: right; padding: 15px 10px 0 0; vertical-align: top;}

#nav {width: 990px; height: 32px; background: #FF3399; vertical-align: top;}
#nav ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0; margin: 0; text-align: center;}
#nav li a:link {width: 86px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.5em; border-left: 5px solid #FFFFFF;}
#nav li a:visited {width: 86px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.5em; border-left: 5px solid #FFFFFF;}
#nav li a:active {width: 86px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.5em; border-left: 5px solid #FFFFFF;}
#nav li a:hover {width: 86px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; background: #999999; line-height: 2.5em; border-left: 5px solid #FFFFFF;}
body#aboutus a#navaboutus, body#specialoffers a#navspecialoffers, body#gallery a#navgallery, body#delivery a#navdelivery, body#testimonials a#navtestimonials, body#signup a#navsignup, body#admincustomers a#navadmincustomers, body#adminorders a#navadminorders, body#admindiscounts a#navadmindiscounts, body#admindelivery a#navadmindelivery, body#admincms a#navadmincms, body#admin a#navadminhome {width: 86px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; background: #999999; line-height: 2.5em; border-left: 5px solid #FFFFFF;}

#nav li a.products:link {width: 177px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.5em; border: none;}
#nav li a.products:visited {width: 177px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.5em; border: none;}
#nav li a.products:active {width: 177px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; line-height: 2.5em; border: none;}
#nav li a.products:hover {width: 177px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; background: #999999; line-height: 2.5em; border: none;}
body#products a#navproducts, body#adminproducts a#navadminproducts {width: 177px; height: 32px; color: #FFFFFF; float: left; display: block; text-decoration: none; background: #999999; line-height: 2.5em; border: none;}

#nav li .sideTitleGrey {width: 252px; height: 32px; text-align: left; background: #333333; float: left; display: block; text-decoration: none; line-height: 2.5em; padding: 0 0 0 10px; border-left: 5px solid #FFFFFF;}

td.homepageImage {width: 723px; height: 238px; vertical-align: top;}

td.discounts {width: 713px; height: 22px; font-size: 11px; color: #666666; line-height: 2em; background: #DDDDDD; padding: 0 0 0 10px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}

td.productBoxes {width: 723px; height: 210px; font-size: 12px; vertical-align: top;}
#productBox {width: 177px; height: 100px; float: left; background: url(../images/arrow_pink.png) right 6px no-repeat #333333; cursor: pointer; border-bottom: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF;}
#productBoxEnd {width: 177px; height: 100px; float: left; background: url(../images/arrow_pink.png) right 6px no-repeat #333333; cursor: pointer; border-bottom: 5px solid #FFFFFF; border-right: none;}
div.productBoxTitle {width: 167px; height: 32px; line-height: 2.6em; padding: 0 0 0 10px;}
div.productBoxImage {width: 177px; height: 68px;}
#productBox:hover {width: 177px; height: 100px; background: url(../images/arrow_grey.png) right 6px no-repeat #FF3399; cursor: pointer;}
#productBox:active {width: 177px; height: 100px; background: url(../images/arrow_grey.png) right 6px no-repeat #FF3399; cursor: pointer;}
#productBoxEnd:hover {width: 177px; height: 100px; background: url(../images/arrow_grey.png) right 6px no-repeat #FF3399; cursor: pointer;}
#productBoxEnd:active {width: 177px; height: 100px; background: url(../images/arrow_grey.png) right 6px no-repeat #FF3399; cursor: pointer;}

td.sideColumn {width: 262px; font-size: 12px; color: #666666; border-left: 5px solid #FFFFFF; vertical-align: top;}

#productHighlights1 {width: 242px; height: 66px; font-size: 11px; color: #666666; background: url(../images/background_grey_arrow.png) top left no-repeat #DDDDDD; padding: 30px 10px 0 10px; border-bottom: 5px solid #FFFFFF;}
#productHighlights2, #productHighlights3 {width: 242px; height: 67px; font-size: 11px; color: #666666; background: #DDDDDD; padding: 10px 10px 0 10px; border-bottom: 5px solid #FFFFFF; cursor: pointer;}
#productHighlights1:hover {width: 242px; height: 66px; background: url(../images/background_grey_arrow.png) top left no-repeat #FFDDEE; cursor: pointer;}
#productHighlights1:active {width: 242px; height: 66px; background: url(../images/background_grey_arrow.png) top left no-repeat #FFDDEE; cursor: pointer;}
#productHighlights2:hover, #productHighlights3:hover {width: 242px; height: 67px; background: #FFDDEE; cursor: pointer;}
#productHighlights2:active, #productHighlights3:active {width: 242px; height: 67px; background: #FFDDEE; cursor: pointer;}

#shoppingCartHome {width: 242px; height: 82px; font-size: 11px; color: #666666; background: url(../images/background_grey_arrow.png) top left no-repeat #DDDDDD; padding: 30px 10px 0 10px; border-bottom: 5px solid #FFFFFF;}
#shoppingCart1 {width: 262px; height: 20px; font-size: 11px; color: #666666; background: url(../images/background_grey_arrow.png) top left no-repeat #DDDDDD;}
#shoppingCart2 {width: 242px; height: 63px; font-size: 11px; color: #666666; background: #DDDDDD; padding: 10px 10px 0 10px; border-bottom: 2px solid #FFFFFF;}
#shoppingCartTotal {width: 242px; height: 33px; font-size: 11px; color: #666666; background: #DDDDDD; padding: 10px 10px 0 10px; border-bottom: 5px solid #FFFFFF;}

#recentOrdersBox {width: 262px; background: #333333; border-bottom: 5px solid #FFFFFF;}
div.sideTitleGrey {width: 252px; height: 32px; line-height: 2.6em; padding: 0 0 0 10px;}
div.recentOrdersText {width: 242px; height: 71px; font-size: 11px; color: #666666; background: url(../images/background_grey_arrow.png) top left no-repeat #DDDDDD; padding: 30px 10px 10px 10px;}

#specialOffersBox {width: 262px; background: url(../images/arrow_grey.png) right 6px no-repeat #FF3399; border-bottom: 5px solid #FFFFFF;}
div.sideTitlePink {width: 252px; height: 32px; line-height: 2.6em; padding: 0 0 0 10px;}
div.specialOffersImage {width: 262px; height: 68px;}
div.specialOffersText {width: 242px; height: 85px; font-size: 11px; color: #666666; background: #FFDDEE; padding: 10px;}
#specialOffersBox:hover {width: 262px; background: url(../images/arrow_pink.png) right 6px no-repeat #333333; cursor: pointer;}
#specialOffersBox:active {width: 262px; background: url(../images/arrow_pink.png) right 6px no-repeat #333333; cursor: pointer;}

#subNav {width: 177px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
#subNav ul {text-align: left; list-style: none; margin: 0; padding: 0;}
#subNav li {display: block; padding: 0; margin: 0;}
#subNav li a:link {width: 167px; height: 32px; color: #FFFFFF; background: url(../images/arrow_pink.png) center right no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 5px solid #FFFFFF;}
#subNav li a:visited {width: 167px; height: 32px; color: #FFFFFF; background: url(../images/arrow_pink.png) center right no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 5px solid #FFFFFF;}
#subNav li a:active {width: 167px; height: 32px; color: #FFFFFF; background: url(../images/arrow_pink.png) center right no-repeat #333333; float: left; display: block; text-decoration: none; line-height: 6em; padding: 0 0 0 10px; border-top: 5px solid #FFFFFF;}
#subNav li a:hover {width: 167px; height: 32px; color: #666666; background: url(../images/arrow_pink.png) center right no-repeat #E9E2DA; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 5px solid #FFFFFF;}
table#products0 a#navproducts0, table#products1 a#navproducts1, table#products2 a#navproducts2, table#products3 a#navproducts3, table#products4 a#navproducts4, table#products5 a#navproducts5, table#products6 a#navproducts6, table#products7 a#navproducts7, table#products8 a#navproducts8, table#adminproducts1 a#navadminproducts1, table#adminproducts2 a#navadminproducts2, table#adminproducts3 a#navadminproducts3 {width: 167px; height: 32px; color: #666666; background: url(../images/arrow_pink.png) center right no-repeat #E9E2DA; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 5px solid #FFFFFF;}

td.mainText {width: 516px; font-size: 12px; color: #666666; line-height: 16px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextBridal {width: 516px; font-size: 12px; color: #666666; line-height: 16px; background: url(../images/collections/background_bridal.jpg) no-repeat center 5px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextBaby {width: 516px; font-size: 12px; color: #666666; line-height: 16px; background: url(../images/collections/background_baby.jpg) no-repeat center 5px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextLingerie {width: 516px; font-size: 12px; color: #666666; line-height: 16px; background: url(../images/collections/background_lingerie.jpg) no-repeat center 5px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextChristmas {width: 516px; font-size: 12px; color: #666666; line-height: 16px; background: url(../images/collections/background_christmas.jpg) no-repeat center 5px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextUnionJack {width: 516px; font-size: 12px; color: #666666; line-height: 16px; background: url(../images/collections/background_unionjack.jpg) no-repeat center 5px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextValentines {width: 516px; font-size: 12px; color: #666666; line-height: 16px; background: url(../images/collections/background_valentines.jpg) no-repeat center 5px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.mainTextAdmin {width: 783px; font-size: 12px; color: #666666; line-height: 16px; padding: 15px; border-bottom: 5px solid #FFFFFF; vertical-align: top;}
td.printInvoice {width: 100%; font-size: 12px; color: #666666; line-height: 16px; vertical-align: top;}

td.invoiceTitle {width: 110px; text-align: left; vertical-align: top;}
td.invoiceText {width: 100px; text-align: right; vertical-align: top;}

#categoryBoxes {float: left; width: 163px; background: #E9E2DA; margin: 10px 10px 0 0; border: 1px solid #E9E2DA;}
#categoryBoxesEnd {float: left; width: 163px; background: #E9E2DA; margin: 10px 0 0 0; border: 1px solid #E9E2DA;}
div.categoryTitle {width: 143px; height: 20px; padding: 1px 10px 0 10px; overflow: hidden; line-height: 18px;}
div.categoryImage {width: 143px; background: #FFFFFF; padding: 10px;}
div.categoryText {width: 143px; height: 65px; background: #FFFFFF; padding: 0 10px 10px 10px;}
#categoryBoxes:hover, #categoryBoxesEnd:hover {width: 163px; background: #CCCCCC; cursor: pointer;}
#categoryBoxes:active, #categoryBoxesEnd:active {width: 163px; background: #CCCCCC; cursor: pointer;}

td.productsFullWidth {width: 516px; padding: 10px 0 10px 0; border-top: 1px solid #CCCCCC; vertical-align: top;}
td.productsLeft {width: 258px; padding: 10px 0 10px 0; border-top: 1px solid #CCCCCC; vertical-align: top;}
td.productsRight {width: 258px; text-align: right; padding: 10px 0 10px 0; border-top: 1px solid #CCCCCC; vertical-align: top;}
.floatLeftProducts {float: left; width: 50%; padding: 0 0 5px 0;}
.floatRightProducts {float: right; width: 50%; text-align: right; padding: 0 0 5px 0;}

.swatch {border: 2px solid #999999; margin: 8px 8px 0 0;}
.swatchOn {border: 2px solid #FF3399; margin: 8px 8px 0 0;}

td.specialOffersImage {width: 80px; vertical-align: top;}
td.specialOffersText {width: 306px; padding: 0 10px 0 10px; vertical-align: top;}
td.specialOffersPrice {width: 110px; color: #FF3399; font-weight: bold; text-align: right; padding: 0 0 5px 0; vertical-align: top;}

#slider {width: 516px;}	
#galleryContainer {height: 90px; position: relative; overflow: hidden;}
#arrow_left {position: absolute; left: 0px; z-index: 10; cursor: pointer;}
#arrow_right {position: absolute; right: 0px; z-index: 10; cursor: pointer;}
#thumbnails {float: left; position: absolute; height: 76px; left: 20px; width: 100000px; padding: 12px 0 0 0; border-top: 1px solid #666666; border-bottom: 1px solid #666666;}
#slideEnd {float: left;}	
#thumbnails img{float: left; padding: 0 5px 0 5px;}
#loadregion {width: 516px; text-align: center;}

td.footer {width: 713px; font-size: 11px; color: #FFFFFF; background: #333333; padding: 10px 0 5px 10px; vertical-align: top;}
#footerCols {width: 168px; float: left; padding: 8px 10px 0 0;}

td.quickLogin {width: 242px; font-size: 11px; color: #FFFFFF; background: #333333; padding: 10px; border-left: 5px solid #FFFFFF; vertical-align: top;}

td.copyright {width: 990px; font-size: 10px; color: #666666; padding: 5px 0 0 0; vertical-align: top;}

td.formHeader {font-size: 16px; color: #333333; font-weight: bold; padding: 30px 0 10px 0; border-bottom: 1px solid #CCCCCC; vertical-align: top;}
td.formTitle {width: 140px; padding: 15px 0 0 0; vertical-align: top;}

.alertBox {text-align: center; border: 1px solid; border-color: #666666;}
.alertBoxHeader {color: #FFFFFF; font-weight: bold; background-color: #666666; padding: 5px; text-transform: uppercase;}
.alertBoxText {color: #666666; background-color: #FFFFFF; padding: 10px;}

.floatLeft {float: left;}
.floatRight {float: right; text-align: right;}
.floatClear {clear: both; padding: 5px 0 3px 0;}
.floatGoogleAd {float: right; padding: 12px 0 0 0;}

.paddingPhoto {padding: 0 0 0 15px;}
.paddingPhotoAdmin {padding: 0 15px 0 0;}
.paddingPDF {padding: 0 10px 0 0;}

.alignmentAdmin {text-align: center; vertical-align: top;}
.alignmentAdmin2 {width: 50%; vertical-align: top;}

.pink {color: #FF3399;}
.grey {color: #666666;}

.error {color: #FF0000;}

a:link {color: #FF3399; text-decoration: underline;}
a:visited {color: #FF3399; text-decoration: underline;}
a:active {color: #FF3399; text-decoration: underline;}
a:hover {color: #333333; text-decoration: underline;}

a.navTop:link {color: #666666; text-decoration: none;}
a.navTop:visited {color: #666666; text-decoration: none;}
a.navTop:active {color: #666666; text-decoration: none;}
a.navTop:hover {color: #FF3399; text-decoration: none;}
body#home a#navhome, body#contactus a#navcontactus, body#login a#navlogin, body#register a#navregister {color: #FF3399; text-decoration: none;}

a.noUnderlineHome:link {color: #FFFFFF; text-decoration: none;}
a.noUnderlineHome:visited {color: #FFFFFF; text-decoration: none;}
a.noUnderlineHome:active {color: #FFFFFF; text-decoration: none;}
a.noUnderlineHome:hover {color: #FFFFFF; text-decoration: none;}

a.noUnderline:link {color: #666666; text-decoration: none;}
a.noUnderline:visited {color: #666666; text-decoration: none;}
a.noUnderline:active {color: #666666; text-decoration: none;}
a.noUnderline:hover {color: #666666; text-decoration: none;}

a.footer:link {color: #FFFFFF; text-decoration: none;}
a.footer:visited {color: #FFFFFF; text-decoration: none;}
a.footer:active {color: #FFFFFF; text-decoration: none;}
a.footer:hover {color: #FF3399; text-decoration: none;}

a.copyright:link {color: #666666; text-decoration: none;}
a.copyright:visited {color: #666666; text-decoration: none;}
a.copyright:active {color: #666666; text-decoration: none;}
a.copyright:hover {color: #666666; text-decoration: underline;}
body#terms a#navterms, body#privacy a#navprivacy {color: #666666; text-decoration: underline;}

a.button:link {font-size: 11px; color: #FFFFFF; background: #FF3399; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}
a.button:visited {font-size: 11px; color: #FFFFFF; background: #FF3399; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}
a.button:active {font-size: 11px; color: #FFFFFF; background: #FF3399; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}
a.button:hover {font-size: 11px; color: #FFFFFF; background: #333333; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}

a.buttonLogin:link {font-size: 11px; color: #FFFFFF; background: #FF3399; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}
a.buttonLogin:visited {font-size: 11px; color: #FFFFFF; background: #FF3399; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}
a.buttonLogin:active {font-size: 11px; color: #FFFFFF; background: #FF3399; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}
a.buttonLogin:hover {font-size: 11px; color: #FFFFFF; background: #999999; padding: 6px 10px 6px 10px; text-decoration: none; line-height: 24px;}