/*---------------------------------------------------------------------------------------------------------------------------------
	BODY CSS
---------------------------------------------------------------------------------------------------------------------------------*/

body {
		margin: 0;
		padding: 0;
		text-align: center;
		background: #002b37;
		}

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		line-height: 20px;
		}
		
/*---------------------------------------------------------------------------------------------------------------------------------
	PRODUCT BOX CSS
---------------------------------------------------------------------------------------------------------------------------------*/

a:active.product-link, a:link.product-link, a:visited.product-link {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #002b37;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}
		
a:hover.product-link { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #82aebf;
		margin: 0;
		padding: 0;
		text-decoration: none;
		}


/*---------------------------------------------------------------------------------------------------------------------------------
	BANNER CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.banner {
		height: 282px;
		width: 750px;
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/banner.png');
		}

.banner-padding {
		padding: 80px 40px 0 105px;
		}
	
.banner h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #82aebf;
		margin: 0 0 10px 0;
		padding: 0;
		}
		
.banner p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		line-height: 20px;
		margin: 0;
		padding: 0;
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	BRANDS CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.brands {
	height: 85px;
	width: 750px;
	background: #82aebf url('#');
	}

.brands-padding {
	padding: 15px 10px 0 10px;
	}

/*---------------------------------------------------------------------------------------------------------------------------------
	BANNER LINKS CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.link-one {
		height: 240px;
		width: 550px;
		background: #82aebf url('http://www.skill4style.co.uk/content/skins/flat/img/link-1.png');
		}

.link-one-padding {
		padding: 185px 20px 0 20px;
		}
		
.link-two {
		height: 240px;
		width: 200px;
		background: #82aebf url('http://www.skill4style.co.uk/content/skins/flat/img/link-2.png');
		}

.link-two-padding {
		padding: 185px 20px 0 20px;
		}

		a:active.link-link, a:link.link-link, a:visited.link-link { color: #ffffff; text-decoration: none; }
		a:hover.link-link { color: #82aebf; text-decoration: none; }
		
/*---------------------------------------------------------------------------------------------------------------------------------
	NEW PRODUCTS CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.new-products {
		height: 100px;
		width: 750px;
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/new-products.png');
		}
						
/*---------------------------------------------------------------------------------------------------------------------------------
	CONTAINER CSS
---------------------------------------------------------------------------------------------------------------------------------*/

#container {
		width: 980px;
		background: #ffffff;
		margin: 0 auto;
		text-align: left;
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	TOP CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.top {
		width: 980px;
		height: 39px;
		background: #82aebf;
		border-bottom: 1px solid #ffffff;
		padding: 0;
		margin: 0;
		}
			
.top p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #002b37;
		margin: 0;
		padding: 0 10px;
		}

		a:active.top-link, a:link.top-link, a:visited.top-link { color: #ffffff; text-decoration: none; }
		a:hover.top-link { color: #002b37; text-decoration: none; }
		
/*---------------------------------------------------------------------------------------------------------------------------------
	HEADER CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.header {
		width: 980px;
		height: 180px;
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/header.png');
		padding: 0;
		margin: 0;
		}
		
.logo {
		width: 453px;
		height: 123px;
		padding: 0;
		margin: 30px 0 0 0 ;
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	FOOTER CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.footer {
		width: 980px;
		height: 180px;
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/footer.png');
		}
		
.footer p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ffffff;
		margin: 0;
		padding: 55px 10px;
		}
		
		a:active.foot { color:#ffffff; text-decoration:none; font-weight: bold; }
		a:link.foot { color:#ffffff; text-decoration:none; font-weight: bold; }
		a:visited.foot { color:#ffffff; text-decoration:none; font-weight: bold; }
		a:hover.foot { color:#82aebf; text-decoration:none; font-weight: bold; }
		
/*---------------------------------------------------------------------------------------------------------------------------------
	NAVIGATION CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.strike { text-decoration:line-through; }

.nav {
		margin: 0;
		padding: 0;
		float: left;
		font: bold 12px Arial;
		width: 100%;
		border: 1px solid #ffffff;
		border-width: 1px 0;
		background: #002b37 url('http://www.skill4style.co.uk/content/skins/flat/img/nav-default.png') center center repeat-x;
		}

.nav li {
		display: inline;
		}

.nav li a {
		float: left;
		color: #ffffff;
		padding: 13px 11px;
		text-decoration: none;
		border-right: 1px solid #367592;
		}

.nav li a:visited {
		color: white;
		}

.nav li a:hover, .nav li .current {
		color: #ffffff;
		background: transparent url('http://www.skill4style.co.uk/content/skins/flat/img/nav-active.png') center center repeat-x;
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	PRODUCTS CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.products {
		background: #82aebf;
		padding: 0 0 20px 0;
		}
								
/*---------------------------------------------------------------------------------------------------------------------------------
	INTRODUCTION CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.introduction {
		width: 540px;
		height: 300px;
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/introduction.png');
		padding: 0;
		margin: 0;
		}

.introduction h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		margin: 0;
		padding: 60px 25px 10px 25px;
		}
					
.introduction p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		line-height: 20px;
		margin: 0;
		padding: 0 25px 0 25px;
		}

		a:active.intro { color:#ffffff; text-decoration:none; font-weight: bold; }
		a:link.intro { color:#ffffff; text-decoration:none; font-weight: bold; }
		a:visited.intro { color:#ffffff; text-decoration:none; font-weight: bold; }
		a:hover.intro { color:#390137; text-decoration:none; font-weight: bold; }

/*---------------------------------------------------------------------------------------------------------------------------------
	IMAGES CSS
---------------------------------------------------------------------------------------------------------------------------------*/

img {
		border: none;
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	FORMS CSS
---------------------------------------------------------------------------------------------------------------------------------*/

form { 
		margin:0;
		padding:0;
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	TEXT CSS
---------------------------------------------------------------------------------------------------------------------------------*/
		
a:active, a:link, a:visited { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #002b37; 
		text-decoration: none; 
		}

a:hover { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff; 
		text-decoration: none; 
		}

/*---------------------------------------------------------------------------------------------------------------------------------
	PAGE HEADERS CSS
---------------------------------------------------------------------------------------------------------------------------------*/
		
h1 { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: bold;
		color: #ffffff; 
		margin: 20px;
		padding: 0; 
		}

.page-navigation {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		padding: 0 20px;
		}
		
.page-navigation div {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #ffffff;
		padding: 20px;
		}
			
/*---------------------------------------------------------------------------------------------------------------------------------
	CART BOX CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.cart-header {
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/cart-header.png');
		height: 50px;
		width: 200px;
		}

.cart-box {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #ffffff;
		background: #002b37;
		margin: 0;
		padding: 10px;
		text-align: left;
		}
		
		a:active.cart-link, a:link.cart-link, a:visited.cart-link { color: #ffffff; text-decoration: none; }
		a:hover.cart-link { color: #82aebf; text-decoration: none; }		
		
.cart-footer {
		background: #002b37 url('#');
		height: 10px;
		width: 200px
		}
																	
/*---------------------------------------------------------------------------------------------------------------------------------
	BOX CSS
---------------------------------------------------------------------------------------------------------------------------------*/

.box-header {
		background: #ffffff url('http://www.skill4style.co.uk/content/skins/flat/img/box-header.png');
		height: 40px;
		width: 200px;
		}

.box-header p {
		padding: 0 20px;
		margin: 0;
		font-weight: bold;
		}

		a:active.box-link, a:link.box-link, a:visited.box-link { color: #ffffff; text-decoration: none; }
		a:hover.box-link { color: #002b37; text-decoration: none; }
		
.box-inner {
		background: #82aebf;
		padding: 10px;
		}
	
.box-inner p {
		padding: 10px 0 0 0;
		margin: 0;
		}
			
.box-footer {
		background: #82aebf url('#');
		height: 10px;
		width: 200px
		}
		
.box-input {
		width: 168px;
		padding: 5px;
		margin: 0 0 10px 0;
		background: #ffffff;
		border: 1px solid #719aaa;
		}


/*---------------------------------------------------------------------------------------------------------------------------------
	CATALOGE CSS
---------------------------------------------------------------------------------------------------------------------------------*/				

.CatalogNavigation {
		background: #002b37 url('http://www.skill4style.co.uk/content/skins/flat/img/search.png');
		padding: 10px 0;
		}

.CatalogNavigation table tr td {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #ffffff;
		}

.CatalogItemDark {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		}

.CatalogItemLight {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		background: #82aebf;
		}

.CatalogItemGlow {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		background: #ffffff;
		}
		
/** LISTS FOR CART ITEMS - USES CATALOG STYLES **/

.listHeader {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight:normal;
		background-color: #F0F0F0;
		color: #000000;
		}

.listItem {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		background-color: #ffffff;
		color: #000000;
		}

/** FORMS										**/
/**NEW FORM STYLES**/

.formFieldSet {
		border:1px solid #ffffff;
		margin-top:0px;
		margin-bottom:5px;
		margin-left:5px;
		margin-right:5px;
		/*border-style: outset;*/
		padding-bottom:10px;
		}

.formContent {
		clear:both;
		float:left;
		padding-left:0px;
		width:99%;
		}

.formSeparator {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		background-color: #ffffff;
		padding: 6px;
		color: #000000;
		}

.formHeader {
		clear: both;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;;
		font-weight: bold;
		background-color: #ffffff;
		color: #000000;
		padding: 5px;
		}

.formLine {
		clear: both;
		float: left;
		width: 100%;
		}

.formCaption {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		float: left;
		padding: 5px;
		margin-top: 3px;
		text-align: right;
		width: 40%;
		}

.formControl {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		float: left;
		padding: 5px;
		}

.formSpace {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ffffff;
		float: left;
		padding: 5px;
		padding-left: 15px;
		}

.formControlText {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		width: 144px;
		color: #000000;
		}

.formControlSelect {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		width: 150px;
		color: #000000;
		}

.formButtons {
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		clear: both;
		float: left;
		width: 99%;
		}
/**NEW FORM END**/

.FormItems {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		padding: 2px;
		color: #ffffff;
		}

.formRemark {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #002b37;	
		}

.ProductSubtitle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
		padding: 0 0 10px 0;
		margin: 0;
		}