@charset "utf-8";
/* CSS Document */
/* Snowear - http://snowear.co.uk/ (Version 1.0)*/
/* Author - James Vinter (Vinternet Solutions) September 2008*/
/* Purpose - Style the Snowear website */

/* -- START -- */

/* -- start: GLOBAL DECLARATIONS -- */

* {
		margin: 0;
		padding: 0;
		outline: none;
		}
		
img {
		border: 0px;
		}
		
body {
		}
		
/* -- end: GLOBAL DECLARATIONS -- */

/* -- start: PAGE STRUCTURE -- */

.wrapperHome {
		margin: 0 auto;
		width: 780px;
		height: 580px;
		padding: 30px 0px 10px 0px;
		background-color: #FFFFFF;
		}
		
.wrapperSite {
		margin: 0 auto;
		width: 780px;
		padding: 30px 0px 10px 0px;
		background-color: #FFFFFF;
		}
		
.wrapperHeader {
		width: 780px;
		height: 90px;
		background-image:url(../images/header.jpg);
		background-repeat:no-repeat;
		margin-bottom: 2px;
		}
		
.headerLogo {
		float: left;
		width: 212px;
		margin: 20px 0px 5px 30px;
		}
		
.headerContact {
		float: right;
		width: 240px;
		margin: 44px 30px 5px 0px;
		}
		
.headerContact p {
		text-align: right;
		font: bold 12px tahoma;
		color: #FFFFFF;
		margin-bottom: 5px;
		}
		
.headerContact p a {
		font: bold 12px tahoma;
		color: #FFFFFF;
		text-decoration: none;
		}								

.headerContact p a:hover {
		font: bold 12px tahoma;
		text-decoration: underline;
		color: #FFFFFF;
		}
		
.wrapperFlash {
		margin: 0 auto;
		width: 766px;
		height: 275px;
		}
		
.wrapperLanding {
		width: 780px;
		height: 180px;
		background-image:url(../images/landing_footer.jpg);
		background-repeat:no-repeat;
		}
		
.landingButton {
		font: 28px tahoma;
		color: #FFFFFF;
		float: right;
		padding: 112px 40px 0px 0px;
		}
		
.landingButton a {
		font: 30px tahoma;
		color: #FFFFFF;
		text-decoration: none;
		}
		
.landingButton a:hover {
		font: 30px tahoma;
		color: #83ADBF;
		text-decoration: none;
		}
		
.wrapperMain {
		margin: 0 auto;
		width: 766px;
		padding: 10px 0px 10px 0px;
		}
		
.contentMain {
		margin: 0 auto;
		clear: both;
		}
		
.contentLeft {
		float: left;
		width: 180px;
		margin: 0px 20px 0px 0px;
		}
		
.leftNavHead {
		width: 180px;
		height: 30px;
		background-color: #3B639E;
		margin-bottom: 5px;
		}
		
.leftNavHead p {
		font: bold 14px tahoma;
		color: #FFFFFF;
		padding: 5px 0px 0px 14px;
		}
		
.leftMenuItem {
		width: 178px;
		height: 26px;
		background-color: #B7CED9;
		margin-top: 1px;
		border: solid 1px #3B639E;
		}
		
.leftMenuItem a {
		display: block;
		width: 164px;
		height: 21px;
		font: 13px Arial, Helvetica, sans-serif;
		color: #3B639E;
		padding: 5px 0px 0px 14px;
		text-decoration: none;
		background-color: #B7CED9;
		}
		
.leftMenuItem a:hover {
		display: block;
		width: 164px;
		height: 21px;
		font: 13px Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		padding: 5px 0px 0px 14px;
		text-decoration: none;
		background-color: #3B639E;
		}
		
.leftNavFoot {
		width: 180px;
		height: 90px;
		background-image:url(../images/leftmenu_footer.jpg);
		background-repeat:no-repeat;
		margin-top: 5px;
		}
		
.contentRight {
		float: right;
		width: 566px;
		}
		
.windowBox {
		float: left;
		width: 560px;
		margin: 15px 0px 15px 0px;
		}		
		
.windowBoxContent {
		float: left;
		width: 540px;
		background-color: #F7F7F7;
		background-repeat: repeat;
		border: solid 1px #3B639E;
		padding: 15px 10px;
		}
		
.wrapperFooter {
		clear: both;
		width: 766px;
		height: 30px;
		padding: 10px 0px 10px 0px;
		}
		
.footerCopy {
		float: left;
		width: 150px;
		margin-left: 30px;
		}
		
.footerLinks {
		float: right;
		width: 566px;
		text-align: right;
		margin-bottom: 50px;
		}	
		
.pdfDownload {
		height: 22px;
		margin: 3px 0px 3px 0px;
		line-height: 22px;
		}
		
.pdfDownload a {
		color: #3B639E;
		text-decoration: none;
		}
		
.pdfDownload a:hover {
		color: #3B639E;
		text-decoration: underline;
		}
		
/* -- end: PAGE STRUCTURE -- */

/* -- start: PRODUCT / ITEM STRUCTURE SUMMARY -- */

.itemTableSum {
		clear: both;
		width: 545px;
		height: 100px;
		background-image:url(../images/product_holder_list.jpg);
		background-repeat:no-repeat;
		margin-bottom: 5px;
		}
		
.itemThumb {
		float: left;
		width: 70px;
		margin: 20px 0px 0px 25px;
		}

.itemSummary {
		float: left;
		width: 325px;
		margin: 14px 0px 0px 10px;
		}
		
.itemTitle {
		font: 15px tahoma;
		color: #3B639E;
		}
		
.itemSize {
		font: 11px tahoma;
		color: #A2A2A2;
		margin: 12px 0px 0px 4px;
		}
		
.sizes {
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #3B639E;
		}
		
.itemColour {
		font: 11px tahoma;
		color: #A2A2A2;
		margin: 14px 0px 0px 4px;
		}
		
.colours {
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #3B639E;
		}
		
.itemDetail {
		float: left;
		width: 100px;
		margin: 10px 0px 0px 14px;
		}
		
.price {
		padding: 6px 0px 0px 0px;
		text-align: center;
		font: 16px Arial, Helvetica, sans-serif;
		color: #D80000;
		}
		
		
.viewbutton {
		margin: 18px 0px 0px 0px;
		}
						
/* -- end: PRODUCT / ITEM STRUCTURE SUMMARY -- */

/* -- start: PRODUCT / ITEM STRUCTURE DETAILED -- */

.itemTableDet {
		clear: both;
		width: 560px;
		height: 270px;
		margin-bottom: 5px;
		}

.itemImage {
		float: left;
		width: 250px;
		height: 250px;
		background-image:url(../images/image_holder_large.jpg);
		background-repeat:no-repeat;
		}

.itemImage p {
		margin: 30px 0px 0px 20px;
		}


.itemDescription {
		float: right;
		margin: 10px 10px 0px 20px;
		width: 280px;
		height: 250px;
		}
		
.popupbutton {
		padding: 0px 0px 20px 48px;
		}
		
.itemTableBuy {
		clear: both;
		width: 560px;
		height: 100px;
		background-image:url(../images/product_holder_list.jpg);
		background-repeat:no-repeat;
		margin-bottom: 5px;
		}
		
.itemParticulars {
		font: 11px tahoma;
		color: #A2A2A2;
		margin: 12px 0px 0px 4px;
		}
		
.itemBuy {
		float: left;
		width: 102px;
		margin: 14px 0px 0px 12px;
		}

.buybutton {
		margin: 17px 0px 0px 0px;
		}
		
.itemArchive {
		float: left;
		width: 560px;
		height: 24px;
		margin: 4px 0px 4px 4px;
		}

/* -- end: PRODUCT / ITEM STRUCTURE DETAILED -- */

/* -- start: SHOPPING BASKET ITEMS -- */


.itemTableBasket {
		clear: both;
		width: 560px;
		height: 50px;
		background-image:url(../images/product_holder_basket.jpg);
		background-repeat:no-repeat;
		margin-bottom: 5px;
		}

.itemThumbBasket {
		float: left;
		width: 70px;
		margin: 0px 0px 0px 30px;
		}
		
.itemSummaryBasket {
		float: left;
		width: 448px;
		margin: 3px 0px 0px 12px;
		}
		
.itemBasketTitle {
		font: 14px tahoma;
		color: #3B639E;
		margin: 5px 0px 5px 110px;
		}
		
.itemBasketPrice {
		font: bold 12px tahoma;
		color: #3B639E;
		margin: 0px 0px 0px 4px;
		}

.itemBasketColour {
		font: 12px tahoma;
		color: #666666;
		margin: 10px 0px 0px 4px;
		}
		
.itemBasketSubtotal {
		clear: both;
		width: 564px;
		height: 20px;
		background-color: #B7CED9;
		border: solid 1px #CCCCCC;
		margin-bottom: 2px;
		}
		
.itemBasketDiscount {
		clear: both;
		width: 564px;
		height: 20px;
		background-color: #99FF99;
		border: solid 1px #CCCCCC;
		margin-bottom: 2px;
		}

.itemBasketPostage {
		clear: both;
		width: 564px;
		height: 20px;
		background-color: #F96;
		border: solid 1px #EFEFEF;
		margin-bottom: 2px;
		}

.itemBasketFinaltotal {
		clear: both;
		width: 564px;
		height: 20px;
		background-color: #3B639E;
		border: solid 1px #B7CED9;
		margin-bottom: 2px;
		}
		
.BasketPrice1 {
		float: left;
		font: bold 13px tahoma;
		color: #3B639E;
		padding: 1px 0px 0px 5px;
		}
		
.BasketPrice1A {
		float: right;
		font: bold 13px tahoma;
		color: #3B639E;
		padding: 1px 5px 0px 0px;
		}
		
.BasketPrice2 {
		float: left;
		font: bold 13px tahoma;
		color: #912620;
		padding: 1px 0px 0px 5px;
		}
		
.BasketPrice2A {
		float: right;
		padding: 1px 5px 0px 0px;
		font: bold 13px tahoma;
		color: #912620;
		}
		
.BasketPrice3 {
		float: left;
		font: bold 13px tahoma;
		color: #FFFFFF;
		padding: 1px 0px 0px 5px;
		}
		
.BasketPrice3A{
		float: right;
		padding: 1px 5px 0px 0px;
		font: bold 13px tahoma;
		color: #FFFFFF;
		}
		
.BasketPrice4 {
		float: left;
		font: bold 13px tahoma;
		color: #006600;
		padding: 1px 0px 0px 5px;
		}
		
.BasketPrice4A{
		float: right;
		padding: 1px 5px 0px 0px;
		font: bold 13px tahoma;
		color: #006600;
		}

/* -- end: SHOPPING BASKET ITEMS -- */


.itemAddress {
		clear: both;
		width: 565px;
		height: 30px;
		background-color: #EFEFEF;
		border: solid 1px #CCCCCC;
		margin-bottom: 2px;
		}

.itemAddressTitle {
		float: left;
		font: 14px tahoma;
		color: #3B639E;
		padding: 5px 0px 0px 5px;
		}
		
.itemAddressEntry {
		float: right;
		text-align: right;
		padding: 5px 5px 0px 0px;
		font: 12px tahoma;
		color: #00000;
		}
		
.errorMessage {
		clear: both;
		width: 560px;
		height: 20px;
		background-color: #D80000;
		margin: 2px 0px 15px 0px;
		font: bold 13px tahoma;
		color: #FFFFFF;
		text-align: center;
		}

.itemAddressSummary {
		clear: both;
		width: 558px;
		background-color: #EFEFEF;
		border: solid 1px #CCCCCC;
		}
	
.itemAddressSummaryTxt {
		padding: 10px;
		}

.itemAddressSummaryTxt p {
		margin-bottom: 5px;
		
		}



/* -- start: POP-UP WINDOW STRUCTURE -- */

.wrapperWindow {
		margin: 0 auto;
		width: 510px;
		height: 510px;
		padding: 5px;
		}
		
.windowHeader {
		width: 500px;
		height: 90px;
		background-image:url(../images/window_header.jpg);
		background-repeat:no-repeat;
		}
		
.windowContent {
		width: 480px;
		height: 360px;
		overflow-y: scroll;
		padding: 10px;
		margin: 2px 0px 2px 0px;
		border: solid 1px #CCCCCC;		
		}
		
.windowFooter {
		width: 500px;
		height: 30px;
		background-image:url(../images/window_footer.jpg);
		background-repeat:no-repeat;
		}

/* -- end: POP-UP WINDOW STRUCTURE -- */


/* -- start: TEXT / BUTTON DECLARATIONS -- */
		
h1 {
		font: 28px tahoma;
		color: #3B639E;
		padding: 5px 0px 15px 0px;
		}
		
h2 {
		font: 20px tahoma;
		color: #3B639E;
		padding: 10px 0px 15px 0px;
		}
		
h3 {
		clear: both;
		font: 16px tahoma;
		color: #3B639E;
		padding: 5px 0px 10px 0px;
		}
		
h4 {
		font: 14px tahoma;
		color: #A2A2A2;
		padding: 5px 0px 5px 0px;
		}
		
		
h5 {		
		font: 13px tahoma;
		color: #3B639E;
		padding: 5px 0px 5px 0px;
		}
		
p {
		font: 12px tahoma;
		color: #666666;
		}
		
p a {
		color: #3B639E;
		font-weight: bold;
		text-decoration: none;
		}
	
p a:hover {
		color: #3B639E;
		font-weight: bold;
		text-decoration: underline;
		}
		
ul {
		padding: 6px 0px 0px 20px;
		}

li {
		font: 12px tahoma;
		color: #666666;
		margin-bottom: 5px;
		}
		
li a {
		color: #3B639E;
		font-weight: bold;
		text-decoration: none;
		}
	
li a:hover {
		color: #3B639E;
		font-weight: bold;
		text-decoration: underline;
		}
		
hr {
		color: #3B639E;
		}
		
.highlight {
		font: bold 12px tahoma;
		color: #3B639E;
		}
		
.update {		
		font: bold 12px tahoma;
		color: #EE8E2B;
		}
		
.special  {
		font: bold 12px tahoma;
		color: #D80000;
		}
		
.adminHeader {
		clear: both;
		width: 560px;
		height: 20px;
		background-color: #3B639E;
		margin-bottom: 2px;
		font: bold 15px tahoma;
		color: #FFFFFF;
		}
		
.adminHeader p {
		float: left;
		font: bold 13px tahoma;
		color: #FFFFFF;
		padding: 2px 0px 0px 5px;
		}
		
.completeHeader {
		clear: both;
		width: 560px;
		height: 20px;
		background-color: #339933;
		margin-bottom: 2px;
		font: bold 15px tahoma;
		color: #FFFFFF;
		}
		
.completeHeader p {
		float: left;
		font: bold 13px tahoma;
		color: #FFFFFF;
		padding: 0px 0px 0px 5px;
		}
		
.updateHeader {
		clear: both;
		width: 560px;
		height: 20px;
		background-color: #EE8E2B;
		margin-bottom: 2px;
		font: bold 15px tahoma;
		color: #FFFFFF;
		}
		
.updateHeader p {
		float: left;
		font: bold 13px tahoma;
		color: #FFFFFF;
		padding: 0px 0px 0px 5px;
		}
		
.pending {
		padding: 10px 0px 0px 0px;
		text-align: center;
		font: 16px Arial, Helvetica, sans-serif;
		color: #3B639E;
		}
		
.paid {
		padding: 10px 0px 0px 0px;
		text-align: center;
		font: 16px Arial, Helvetica, sans-serif;
		color: #EE8E2B;
		}
		
.complete {
		padding: 10px 0px 0px 0px;
		text-align: center;
		font: 16px Arial, Helvetica, sans-serif;
		color: #339933;
		}
		
.cancel {
		padding: 10px 0px 0px 0px;
		text-align: center;
		font: 16px Arial, Helvetica, sans-serif;
		color: #D80000;
		}
		
/* -- end: TEXT / BUTTON DECLARATIONS -- */