@charset "utf-8";
/* CSS Document */

/* Colours
 Purple: #9a509b;
 drop bg purple: ab55ac;
 drop bg purple active: #8e448f;
 strapline: #e6d3e6;
*/

/* Contents 
	1 = html (tags)
	2 = structure
	3 = navigation  
	4 = text 
	5 = forms 
	6 = tables 
	7 = hacks 
*/


/* 1 HTML */
img {border:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0 auto;
	width:960px;
	padding:0;
	background:#efefef repeat-x url(../images/build/background.gif) top left;
	color:#666;
}
hr {
	height:1px;
	margin:10px 0;
	clear:both;
}
/* 1 HTML ENDS */


/* 2 STRUCTURE */
.strapline {
	background-color:#e6d3e6;
	padding:5px 20px 0 20px;
}
.top {
	width:100%;
	height:34px;
	background:no-repeat url(../images/build/topline.gif) top left;
	padding-top: 18px;
}
.topleft {
	float:left;
}
.topright {
	float:right;
	color:#9a509b;
}
.toppadding {
	vertical-align: bottom;
	display: inline-block;
	padding-top: 4px;
	float: right;
}
.header {
	width:100%;
	height:260px;
}
.imageright {
	float:right;
	margin-left:15px;
}
.imageleft {
	float:left;
	margin-right:15px;
}
.content {
	background:repeat-y url(../images/build/bodybackground.gif) top left;
}
.contentpadding {
	padding:15px 10px 15px 20px;
	display:block;
}
.contenttop {
	background:no-repeat url(../images/build/bodytop.gif) top left;
}
.contentbottom {
	background:no-repeat url(../images/build/bodybottom.gif) bottom left;
}
.contenttop, .contentbottom {
	width:100%;
	height:5px;
}
.contentleft {
	float:left;
	width:257px;
	display: inline;
}
.contentright {
	float:right;
	padding:0 0 0 21px;
	width:635px;
	display:block;
}

.cta {
	height:40px;
	padding:64px 0 0 20px;
	color:#fff;
	font-size:160%;
	font-style:normal;
	margin-bottom:15px;
	display:block;
}
.lineleft {
	background:repeat-y url(../images/build/linevertical.gif) top left;
}
.linebottom, hr {
	background:repeat-x url(../images/build/linehorizontal.gif) bottom left;
}
.productbox {
	width:620px;
	background:repeat-x url(../images/build/linehorizontal.gif) bottom left;
	padding-bottom:15px;
}
.footer {
	margin-top:10px;
	width:960px;
	background:#ab50ad no-repeat url(../images/build/footertop.gif) top left;
	clear: both;
	padding-top: 15px;
	color: #fff;
	font-size:80%;
}
.footerbox {
	width:220px;
	display:inline-block;
	float:left;
	padding:0 0 10px 20px;
}
.bottom {
	width:960px;
	background:no-repeat url(../images/build/footerbottom.gif) top left;
	clear: both;
	font-size: 70%;
	padding-top: 15px;
	height: 30px;
}
.button, .basketbutton {
	background:no-repeat url(../images/build/buttonback.gif) top right;
	font-size:70%;
	float:left;
	height:22px;
	padding:0;
	margin:0;
	display: block;
	
}
.button a, .basketbutton a{
	background:no-repeat url(../images/build/buttonend.gif) top left;
	height:22px;
	display:inline-block;
	padding:4px 10px;
	color:#fff !important;
	text-decoration:none;
}
.button a:hover, .basketbutton a:hover{
	color:#FCF !important;
}
.basketbutton {
	float:right !important;
	margin-left:15px;
	display: inline-block;
	width: 90px;
}
/*2 STRUCTURE ENDS*/


/*3 NAVIGATION */
.navigation {
	clear:both;
	height:48px;
	background:no-repeat url(../images/build/navigationback.gif) top left;
	text-align:right;
}
.navigation ul{
	list-style:none;
	padding:0;
	margin:0;
	float:right;
}
.navigation li{
	display:inline;
	height:48px;
}
.navigation li a{
	display:block;
	padding:12px 25px 0 25px;
	height:36px;
	font-size:120%;
	float:left;
}
.navigation li a:hover{
	background:repeat-x url(../images/build/navover.gif) top left;
}
.navseparator {
	width:2px !important;
	background-image:url(../images/build/navigationseparator.gif);
	float:left;
}
li.topnavselected {
	background:no-repeat url(../images/build/navchip.gif) center top;
}
/* dropdowncode */
.navigation ul.dropdown, ul.dropdown li, ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.navigation ul.dropdown {
 position: relative;
 z-index: 597;
 float: right;
}
.navigation ul.dropdown li {
 float: left;
 zoom: 1;
}
.navigation ul.dropdown li.hover, ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
.navigation ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 padding-right:21px;
}
.navigation ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
.navigation ul.dropdown li:hover > ul {
	visibility: visible;
	background-color: #ab55ac;
}
.navigation ul.dropdown li ul li {
	 padding: 0;
	 text-align:left;
	 float: none;
	 font-size:70%;
	display:block;
	height:auto;
}
.navigation ul.dropdown li ul li a {
	padding: 6px 6px 6px 15px;
	min-width:100%;
	height:auto!important;
	background:#ac51ae no-repeat url(../images/build/navigationback.gif) center top;
	}
.navigation ul.dropdown li ul li a:hover {
	background-color:#8e448f;
	background-image:none;
	}
.navigation ul.dropdown li ul li a.open {
	 background-color: #9a509b;
	 color: #fff;
	}
/* sidenav */

.sidenav {
	width:257px;
	font-size:80%;
	background:repeat-x url(../images/build/linehorizontal.gif) bottom left;
	margin-bottom: 20px;
	}
.sidenav ul{
	width:257px;
	list-style:none;
	padding:0;
	margin:0;
	}
.sidenav li{
	width:257px;
	list-style:none;
	padding:0;
	margin:0;
	background:repeat-x url(../images/build/linehorizontal.gif) top left;
	}
.sidenav li a{
	width:242px;
	display:block;
	list-style:none;
	padding:8px 0 8px 15px;
	margin:0;
	background:no-repeat url(../images/build/nav/unselectedoff.gif) top left;
	color:#609;
	text-decoration:none;
	}
.sidenav li a:hover{
	background-color:#efefef;
	color:#333;
	}
.sidenav li.selected a{
	background:no-repeat url(../images/build/sidenavselected.gif) top left;
	color:#666;
	}
.sidenav li.selected a:hover{
	background:#efefef no-repeat url(../images/build/sidenavselected.gif) top left;
	color:#333;
	}
/*3 NAVIGATION ENDS*/


/*4 TEXT*/
.content a {
	color:#9a509b;
	text-decoration:none;
}
.content a:hover {
	color:#666;
}
.cta a, .navigation a, .footer a{
	color:#fff;
	text-decoration:none;
}
.smalltext {
	font-size:80%;
}
.largetext {
	font-size:120%;
}
.purpletext {
	color:#9a509b;
}
h1 {
	color:#9a509b;
	font-size:130%;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}
h2 {
	color:#9a509b;
	font-size:120%;
	margin-bottom:6px;
}
h3 {
	color:#9a509b;
	font-size:105%;
	margin-bottom:6px;	
}
ul.textlist, .footer ul {
	padding:0;
	margin:0;
	list-style:none;
}
ul.textlist li {
	background: no-repeat url(../images/build/bullet.gif) top left;
	padding-left:10px;
}
.footer li {
	background: no-repeat url(../images/build/whitebullet.gif) top left;
	padding-left: 6px;
}
.footer a:hover, .cta a:hover {
	color:#FCF;
}
.bottom a {
	color:#666;
	text-decoration:none;
}
.bottom a:hover {
	color:#333;
}
/*4 TEXT ENDS*/


/*5 FORMS*/
form {
	padding:10px 0;
	margin:0;
}
input[type="text"], textarea, select {
	border:1px solid #ab55ac;
	margin-bottom:10px;
	padding:2px 0 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#666;
	width:400px;
}
select {
	width:auto!important;
	height:auto!important;
	border:1px solid #ccc;
}
label {
	width:150px;
	float:left;
	display:block;
	padding-top:3px;
	clear: both;
}
/*5 FORMS ENDS*/


/*6 TABLES*/

/*6 TABKES ENDS/


/*7 HACKS */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/*7 HACKS ENDS */