/*---------------------------------------------------------------------------------

CREATOR DETAILS

Author: Matt Davies
Company: Attitude Design Ltd
Web Address: www.attitudedesign.co.uk
Date: Nov 2008

---------------------------------------------------------------------------------*/




/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:188.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1 {
	padding: 0;
	margin:0 0 3px;
	color: #2F3191;
}

h2,h3 {
	/* top & bottom margin based on font size */
	margin: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal; 
	color: #2F3191;
}

strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: square outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:0 3px 0 0;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
		color: #2F3191;

}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

p,li,td {
	color: #2F315B;
}

a:link		{ color: #F77B00; text-decoration: none;}
a:visited	{ color: #F77B00; text-decoration: none;}
a:hover		{ color: #2F3191; text-decoration: none;}
a:active	{ color: #F77B00; text-decoration: none;}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	padding: 0;
	width: 100%;
	font-family: 'Lucida Grande', "Lucida Sans Unicode",  Verdana, Arial, Helvetica,  sans-serif;
	min-width: 980px;
}


/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.large {
	font-size: 130%; 
}

.hr {
	width: 100%;
	height: 1px;
	margin: 3px 0 0 0;
	padding: 0 0 3px 0;
	border-top: solid #b7b9c6 1px;
}


/*---------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------*/

#page_container {
    background: url('../images/bg.jpg') #f7f6f1 no-repeat center top;
}


/*---------------------------------------------------------------------------------
Header-*/


#page_wrapper {
	width: 982px;
	margin: 0 auto 0 auto;
	min-width: 982px;
}

#header_wrapper{
	width: 982px;
    background: url('../images/header_bg.gif') #f7f6f1 no-repeat center top;
    border-bottom: #090071 2px solid;
    border-right: #090071 2px solid;
    border-left: #090071 2px solid;

}

#header_wrapper .left{
	width: 335px;
	float: left;
	padding: 20px;
}

#header_wrapper .left p{
	color: #FFF;
    border-top: #090071 1px solid;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
}

#header_wrapper .right{
	width: 335px;
	float: right;
	padding: 10px 20px 8px 20px;
}

#header_wrapper .right p{
	color: #FFF;
	padding: 0;
	margin: 0;
}

#header_wrapper .basket {
	padding: 3px 0 3px 0;
    border-top: #090071 1px solid;
    border-bottom: #090071 1px solid;
    margin: 4px 0 0 0;
}

#header_wrapper .basketdetails {
	width: 220px;
	float: left;
}

#header_wrapper .basketdetails .imagearea{
	float: left;
	width: 44px;
	margin: 0 8px 0 0;
}

#header_wrapper .basketdetails .textarea{
	float: right;
	width: 140px;
	margin: 0 8px 0 0;
}

#header_wrapper .basketlinks {
	width: 110px;
	float: right;
}

#header_wrapper .basketlinks ul{
	padding: 0;
	margin: 0;
}

#header_wrapper .basketlinks ul li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#header_wrapper .creditcard_logos {
	padding: 5px 0 0 0;
}

#header_wrapper .creditcard_logos img{
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

#header_wrapper .register {
	text-align: right;
}




/*---------------------------------------------------------------------------------
Navigation-*/


#navigation_wrapper {
	padding: 0 20px 0 20px;
	margin: 0;
	float: left;
}

#navigation_wrapper ul {
	padding: 0;
	margin: 0 0 20px 0;
	float: left;
}

#navigation_wrapper ul li{
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
	list-style-type: none;
	background: url('../images/nav_up_left.gif') no-repeat left bottom;
	font-size: 105%;
}

#navigation_wrapper ul li a{
	padding: 5px 8px 5px 8px;
	margin: 0;
	float: left;
	background: url('../images/nav_up_right.gif') no-repeat right bottom;
}

#navigation_wrapper ul li a:hover{
	color: #FFF;
}

#navigation_wrapper ul .selected{
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
	list-style-type: none;
	background: url('../images/nav_selected_left.gif') no-repeat left bottom;
	font-size: 105%;
}

#navigation_wrapper ul .selected a{
	padding: 5px 8px 5px 8px;
	margin: 0;
	float: left;
	color: #2F3191;
	background: url('../images/nav_selected_right.gif') no-repeat right bottom;
}

#navigation_wrapper ul .selected a:hover{
	color: #F77B00;
}


#colomn_narrowleft .narrow_white ul .selected  ul {
	padding: 0 0 0 8px;
}

#colomn_narrowleft .narrow_white ul .selected  ul li{
	border-bottom: 1px solid #fac88e;
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
	list-style-type: none;
	font-size: 105%;
	background: none;
}

#colomn_narrowleft .narrow_white ul .selected ul li a{
	padding: 3px 8px 3px 0;
	margin: 0;
	font-size: 80%;
	float: left;
	background: none;
}

#colomn_narrowleft .narrow_white ul .selected ul li a:hover{
	background: none;
}

#colomn_narrowleft .narrow_white ul .selected ul .selected a{
 	color: #2F3191;
}








/*---------------------------------------------------------------------------------
Page -*/

#content_wrapper {
	padding: 0 20px 0 20px;
	margin: 0;
	float: left;
	width: 942px;
}

#colomn_narrowleft {
	width: 160px;
	float: left;
	padding: 0 0 20px 0;
}

#colomn_narrowleft  .homeintrotext {
	color: #1D1DA2;
	font-size: 110%;
	line-height: 1.4em;
}

#colomn_narrowleft  .homeintrotext {
	color: #1D1DA2;
	font-size: 110%;
	line-height: 1.4em;
}

#colomn_narrowleft  .narrow_blue_container {
	background: url('../images/narrow_bluebg_top.gif') no-repeat right top;
	width: 160px;
	padding: 0;
	margin: 0 0 5px 0;
}

#colomn_narrowleft  .narrow_blue {
	background: url('../images/narrow_bluebg_bottom.gif') no-repeat right bottom;
	padding: 10px;
}

#colomn_narrowleft  .narrow_blue h2{
	color: #FFF;
	border-bottom: #090071 1px solid;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	font-weight: normal;
}

#colomn_narrowleft  .narrow_blue ul{
	margin: 0;
	padding: 0;
}

#colomn_narrowleft  .narrow_blue ul li{
	display: inline;
	list-style-type: none;
	margin: 0;
	float: left;
	width: 100%;
	padding: 0 0 6px 0;
}

#colomn_narrowleft  .narrow_blue ul li a{
	background: url('../images/narrow_bluelink_up.gif') no-repeat right top;
	display: block;
	padding: 4px 6px 4px 6px;
}

#colomn_narrowleft  .narrow_blue ul li a:hover{
	background: url('../images/narrow_bluelink_over.gif') no-repeat right top;
}

#colomn_narrowleft  .narrow_blue h3{
	margin: 0;
	padding: 0;
	font-size:123.1%; 
}

#colomn_narrowleft  .narrow_blue h3 a:hover{
	color:#FFF;
}




#colomn_narrowleft  .narrow_white_container {
	background: url('../images/narrow_whitebg_top.gif') no-repeat right top;
	width: 160px;
	padding: 0;
	margin: 0 0 5px 0;
}

#colomn_narrowleft  .narrow_white {
	background: url('../images/narrow_whitebg_bottom.gif') no-repeat right bottom;
	padding: 10px;
}

#colomn_narrowleft  .narrow_white h3{
	color: #2F3191;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#colomn_narrowleft  .narrow_white h2{
	border-bottom: #090071 1px solid;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	font-weight: normal;
}

#colomn_narrowleft  .narrow_white ul{
	margin: 0;
	padding: 0;
}

#colomn_narrowleft  .narrow_white ul li{
	display: inline;
	list-style-type: none;
	margin: 0;
	float: left;
	width: 100%;
	padding: 0 0 6px 0;
}

#colomn_narrowleft  .narrow_white ul li a{
	background: url('../images/narrow_bluelink_up.gif') no-repeat right top;
	display: block;
	padding: 4px 6px 4px 6px;
}

#colomn_narrowleft  .narrow_white ul li a:hover{
	background: url('../images/narrow_bluelink_over.gif') no-repeat right top;
}

#colomn_narrowleft  .narrow_white ul .selected a{
	background: url('../images/narrow_bluelink_selected.gif') no-repeat right top;
	display: block;
	padding: 4px 6px 4px 6px;
}



#colomn_narrowleft img {
	margin: 0;
	padding: 0;
	display: block;
}



#colomn_narrowleft input{
	display: inline;
	float: left;
}

#colomn_narrowleft .narrow_white #searchform {
	display: inline;
	padding: 0;
	margin: 0;}

#colomn_narrowleft .narrow_white #searchform #s{
	width: 92px;
	display: inline;
	font-size: 70%;
	float: left;

}

#colomn_narrowleft .narrow_white .search_but {
	font-size: 60%;
	float: right;
	margin: 0 0 0 4px;
	width: 20px;
	display: inline;
	width: 32px;
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}






#colomn_wideright{
	width: 760px;
	float: right;
	margin: 0 0 10px 0;
}

#colomn_wideright p{
	line-height: 1.4em;
}

.intro_text {
	font-size: 120%;
	margin: 0 0 20px 0;
}

.breadcrumbs ul {
	float: left;
	margin: 0 0 8px 0;
}

.breadcrumbs ul li{
	float: left;
	list-style-type: none;
	color: #6364AC;
}

.breadcrumbs ul li a{
	color: #6364AC;
}

.breadcrumbs ul li a:hover{
	color: #F77B00;
}


.block {
	width: 100%;
	border-top: solid 1px #c1bfd0;
	float: left;
	padding: 10px 0 10px 0;
}

.block .left{
	width: 200px;
	float: left;
}

.block .right{
	width: 550px;
	float: right;
}

.cta_block {
	width: 100%;
	border-top: solid 1px #c1bfd0;
	float: left;
	padding: 10px 0 10px 0;
}

.cta_block .left{
	width: 374px;
	float: left;
}

.cta_block .right{
	width: 374px;
	float: right;
}

.blue_c2a {
	padding: 10px 10px 14px 10px;
    background: url('../images/cta_up.gif') no-repeat center top;
    display: block;
    font-size: 140%;
    width: 360px;
}

.blue_c2a:hover{
    background: url('../images/cta_over.gif') no-repeat center top;
}

.cta_block a.orange_c2a {
    color: #FFFFFF;
}

.cta_block a.orange_c2a:hover {
    color: #2F3191;
}

.orange_c2a {
	padding: 10px 10px 14px 10px;
    background: url('../images/ctaorange_up.gif') no-repeat center top;
    display: block;
    font-size: 140%;
    width: 360px;
}

.orange_c2a:hover{
    background: url('../images/cta_over.gif') no-repeat center top;
}

.home_half_block_container {
	padding: 10px 10px 14px 10px;
    background: url('../images/home_half_bgtop.gif') no-repeat left top;
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
}

.home_half_block {
    background: url('../images/home_half_bgbottom.gif') no-repeat left bottom;
}

.home_half_block .left{
	width: 344px;
	float: left;
	padding: 15px;
}

.home_half_block .left ul {
	width: 100%;
	padding: 0 0 6px 0;
	margin: 0;
}

.home_half_block .left ul li{
	width: 100%;
	list-style-type: none;
	border-top: solid 1px #c1bfd0;
	padding: 2px 0 2px 0;
	margin: 0;
}

	
.home_half_block .right{
	width: 344px;
	float: right;
	padding: 15px;
}

.home_half_block p, li{
	padding: 0;
	margin: 0;
	color: #4D4D4D;
	font-size: 90%;
}

.whitethird_container {
	padding: 10px 10px 14px 10px;
    background: url('../images/third2_top.gif') no-repeat left top;
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
	float: left;
}

.whitethird {
    background: url('../images/third2_bottom.gif') no-repeat left bottom;
    padding: 8px;
}

.whitethird p{
	padding: 8px 0 0 0;
	margin: 0;
}

.whitethird h2{
	padding: 0 0 6px 0;
	margin: 0;
	font-size: 140%;
}

.whitethird h2 a{
	color: #2F3191;
}
.whitethird h2 a:hover{
	color: #F77B00;
}




.twowhitethird_container {
	padding: 10px 10px 14px 10px;
    background: url('../images/thirdtwo2_top.gif') no-repeat left top;
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
	float: left;
}

.twowhitethird {
    background: url('../images/thirdtwo2_bottom.gif') no-repeat left bottom;
    padding: 8px;
}

.twowhitethird p{
	padding: 8px 0 0 0;
	margin: 0;
}



.third {
	float: left;
	display: block;
	width: 246px;
	margin: 0 0 8px 0;
}

.third_right {
	float: right;
	display: block;
	width: 246px;
	margin: 0 0 8px 0;
}

.two_thirds {
	float: left;
	display: block;
	width: 503px;
	margin: 0 0 8px 0;

}

.gallery {
	width: 140px;
}

.pages {
	margin: 0 auto 0 auto;
	text-align: center;
}

.pages ul li{
	float: left;
	list-style-type: none;
	margin: 0 3px 0 0;
}

/*---------------------------------------------------------------------------------
Home -*/

.homethird {
	float: left;
	display: block;
}

.rightmarg {
	margin: 0 11px 0 0;
}

.separator_div_homethird {
	float: left;
	display: block;
	width: 11px;
	height: 10px;
}

.homethird a{
    background: url('../images/home_half_up.gif') no-repeat left top;
	width: 246px;
	height: 235px;
	display: block;
	float: left;
}

.homethird a:hover{
    background: url('../images/home_half_over.gif') no-repeat left top;
}

.homethird .homethird_textpad {
	margin: 10px 12px 0 12px;
	float: left;
	font-size: 110%; 

}

.homethird img {
	padding: 29px 23px 0 23px;
}

/*---------------------------------------------------------------------------------
Basket -*/

.thumb_area {
	background: url('../images/page_thumb.gif') no-repeat left bottom;
	padding: 5px;
	float: left;
	width: 78px;
	margin: 0 4px 0 0;
	text-align: center;
}

.thumb_area img{
	margin: 0;
	padding: 0;
}

#baskettab {
	margin: 20px 0 0 0;
}

#baskettab td{
	padding: 8px;
}

/*---------------------------------------------------------------------------------
Sets -*/

#details {
	width: 100%;
	margin: 6px 0 0 0;
}

#details td, th{
	padding: 0 4px 4px 0;
	text-align: left;
}

.set_container {
	padding: 10px 10px 14px 10px;
    background: url('../images/set_top.gif') no-repeat left top;
	width: 100%;
	height: 178px;
	padding: 0;
	margin: 0 0 5px 0;
}

.set_container img{
	padding: 15px 12px 14px 13px;
}




.sheet_container {
    background: url('../images/sheet_top.gif') no-repeat left top;
	width: 100%;
	padding: 0;
	margin: 0 0 5px 0;
}

.sheet {
    background: url('../images/sheet_bottom.gif') no-repeat left bottom;
    padding: 8px 8px 25px 8px;
    text-align: center;
}

.third h4 {
	margin: 0 0 5px 0;
}

.third th {
width: 80px;
}

#colomn_wideright .fifth{
	border-top: solid #b7b9c6 1px;
	border-bottom: solid #b7b9c6 1px;
	float: left;
	width: 178px;
	margin: 0 10px 0 0;
	padding: 8px 0 8px 0;
}

/*---------------------------------------------------------------------------------
Footer -*/


#footertop_container {
    background: url('../images/footer_bg.jpg') #f7f6f1 no-repeat center top;
    padding: 20px 0 20px 0;
    margin: 0;
    border-top: 3px solid #1D1DA2;
}

#page_wrapper {
	width: 982px;
	margin: 0 auto 0 auto;
	min-width: 982px;
}

.footer_wrapper {
	width: 942px;
	margin: 0 auto 0 auto;
}

.footer_wrapper p{
	padding: 0;
	margin: 0;
}

#footertop_container  .footer_block_container {
	background: url('../images/footer_block_bg.gif') no-repeat left top;
	width: 942px;
	padding: 0;
	margin: 0 0 5px 0;
}

#footertop_container  .footer_block {
	background: url('../images/footer_block_bgbottom.gif') no-repeat left bottom;
	padding: 10px;
}

#footertop_container .footer_block p,h5 {
	color: #FFF;
}

#footertop_container .footer_block a:hover {
	color: #FFF;
}

#footertop_container .footer_block h4 {
	color: #FFF;
	font-size: 105%;
	margin: 0 0 3px 0;
}

#footertop_container .footer_block .left {
	width: 450px;
	float: left;
}

#footertop_container .footer_block .right {
	width: 450px;
	float: right;
}
#footertop_container .footer_block .right p{
	text-align: right;
}

.fifth{
	border-top: 1px #6365ad solid;
	border-bottom: 1px #6365ad solid;
	float: left;
	width: 178px;
	margin: 0 10px 0 0;
	padding: 8px 0 8px 0;
}

#footertop_container .footer_block .fifth_end{
	border-top: 1px #6365ad solid;
	border-bottom: 1px #6365ad solid;
	float: right;
	margin: 0;
	padding: 8px 0 8px 0;

}

#footertop_container .footer_block h5{
	margin: 0 0 5px 0;
}

#footertop_container .footer_block .thumb_area {
	background: url('../images/footer_thumb.gif') no-repeat left bottom;
	padding: 5px;
	float: left;
	width: 78px;
	margin: 0 4px 0 0;
}

#footertop_container .footer_block .thumb_area img{
	padding: 0;
	margin: 0;
}

#footertop_container .footer_block .details_area {
	float: right;
	width: 78px;
	padding: 2px 0 0 0;
}

#footertop_container .footer_block .details_area p{
	margin: 0 0 10px 0;
	font-size: 90%;
}

#footerbottom_container {
    background: #3E3F76;
    padding: 10px 0 80px 0;
    margin: 0;
}

#footerbottom_container .left {
	width: 450px;
	float: left;
}

#footerbottom_container .right {
	width: 450px;
	float: right;
}
#footerbottom_container .right p{
	text-align: right;
}

#footerbottom_container p{
	color: #8485ab;
	font-size: 80%;
}

#footerbottom_container a{
	color: #8485ab;
}

#footerbottom_container a:hover{
	color: #FFF;
}