/* CSS Document */
/*info * ///////////////////////////////////////////////////////////////
author:		johnathan.kendall@vitaminkdesign .com
site:       ringarosie.co.uk
date:       20/05/2008

changes: (date and inital)//////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////*/
/*@import url("diagnosticstyles.css"); /*for development*/

/*baseline styles/////////////////////////////////////////////////////*/
/* see iejunk.css for ie only resets//////////////////////////////////*/
	body{}
	html{overflow-y:scroll;}
	html,div, span,applet, object, h1, h2,h3, h4, h5, h6, p,blockquote, pre, a, em,font, img, strong, sub,sup, ol, ul, li,fieldset,form, label, legend
	{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size: 1em;font-family:inherit;vertical-align: baseline;list-style:none outside none;}
	body{font-size: 62.5%;margin:0;padding:0;}	
	.stretcher:after,ul.accManLinks:after,ul.catList:after{ content: "."; display:block;height: 0px;clear: both;visibility: hidden;}
	td{vertical-align:top;text-align:left;}
	table{border-collapse:collapse;}
/*////////////////////////////////////////////////////////////////////*/

/*mForm styles////////////////////////////////////////////////////////*/

.mForm label{display:block;margin-bottom:1ex;min-height:2em;height:auto!important;height:2em;}
.mForm label.txt,.mForm label.slct, .mForm label.tick{position:relative;width:140px;}
.mForm .txt input,.mForm .slct select,.mForm .tick input{position:absolute;left:150px;top:0px;width:220px;}
.mForm .tick input{width:1.5em;}
.mForm label.sub{position:relative;}
.mForm .sub input{position:absolute;left:150px;top:0px;}
.mForm .txt input:focus{border:#cf41a0 solid 2px;}
input.btn{background:#990066 url(sub_bg.jpg) repeat center center;border:solid 2px #990066;color:#fff;font-weight:bold;}
.mForm label.txtarea{height:9em!important;position:relative;width:140px;}
.mForm .txtarea textarea{position:absolute;left:150px;top:0px;height:6em;width:365px;}

.cmscontent img{float:right;margin:0 0 20px 20px;clear:right;}


/*////////////////////////////////////////////////////////////////////*/

/* structure  //////////////////////////////////////////////////////////
_wrapper
_|_header
_|_maincontent
__|_nav
__|_primary
__|_secondary
__footer
//////////////////////////////////////////////////////////////////////*/
p,h2,h3,h4,li,table,label,pre{font-size:1.2em;line-height:1.6em;}
h1{font-size:2em;}
li p{font-size:1em;}
/*div{outline:solid 1px #efefef;}*/
.mForm label{display:block;}
a{color:#006666;}
a:hover{text-decoration:underline!important;}
h1{color:#cf41a0;font-weight:bold;}
h2{color:#006666;font-size:1.8em;font-weight:bold;}
h3{color:000066;font-weight:bold;}
h1,h2,h3{letter-spacing:-0.01ex;}
.strikeprice{text-decoration:line-through;}
legend{font-size:1.4em;font-weight:bold;color:#cf41a0;display:block;padding-bottom:1ex;padding-left:0;margin-left:0;}
fieldset{margin-bottom:1em;display:block;width:100%;}

div.alert{coor:#f00;}

ul.prodGrid:after,div#maincontent:after,.prodList li:after,#navbar:after{content:".";height:0px;visibility:hidden;display:block;clear:both;}

/*wrapper*/
html{background:url(htmlbg2.jpg);height:100%;margin-bottom:10em;}
body{text-align:center;font-family:Arial, Helvetica, sans-serif;background:url(bodybg2.jpg) no-repeat top center;min-height:100%;}
div#wrapper{width:740px;text-align:left;margin:0 auto;}


 /*header*/
 div#header{position:relative;}
 	div#signedin{position:absolute;top:80px;left:250px;font-size:1.2em;color:#666666;text-align:right;width:220px;}
 	#header li{display:inline;font-size:1.8em;}
	div#branding{padding-top:46px;padding-bottom:6px;}
	#accfb{position:absolute;top:6px;right:0;width:260px;}
	#header #accmenu li{font-size:1.2em;margin-right:1em;}
	ul#accmenu{margin-left:12px;}
	div#navbar{background:url(pinkKnit.jpg) #cf41a0;padding:2px;}
	#header #navbar a{color:#fff;font-weight:bold;display:block;padding:1px 6px;text-decoration:none;}
	#navbar li{float:left;margin-right:1ex; padding-right:1ex;}
	div.minibasket {font-size:1.2em;padding:4px 10px;background-color:#fff;margin-top:4px;line-height:1.2em;}
.minibasket p{font-size:0.9em;margin-bottom:0;line-height:1.3em}
	.minibasket h2{font-size:1.2em;color:#cf41a0;}
	#header a{font-weight:bold;color: #cf41a0;}
	
 
 /*maincontent*/ 
 div#maincontent{position:relative;background:#F7F3E8 url(wrapper_bg.jpg) no-repeat top center;margin-top:3px;}
 	/*nav*/
	div#nav{width:172px;position:absolute;left:0;top:0;padding-bottom:3em;}
	#nav div{padding:6px;margin-bottom:6px}
	#nav div.address{padding:12px;text-align:right;}
	#nav div.paymentlogos{margin-top:80px;}

	#nav p{font-size:1.2em;}
	div.shopmenu{border:solid 2px #cf41a0;min-height:280px;}
	.shopmenu a{text-decoration:none;font-weight:bold;display:block;}
	.shopmenu li li a{font-weight:normal}
	.shopmenu .active a{background:url(pinkKnit.jpg) #cf41a0; color:#fff;}
	.shopmenu .active li a{background:none;color:#006666;}
		.shopmenu li{font-size:1.8em;line-height:1.8em;}
		.shopmenu li li{font-size:1em;line-height:1.5em;}
		.shopmenu li li li{font-size:0.8em;}
		.shopmenu li a{padding-left:6px;}
		.shopmenu li li a{padding-left:12px;}
		.shopmenu li li li a{padding-left:18px;}
		.shopmenu li li li li a{padding-left:24px;}
		
		
	.address strong{color:#006666;font-weight:bold;}
	.address p{display:block;}
	div.search{min-height:5em;margin-bottom:1em;border:solid 2px #cf41a0;background:url(searchbox_bg.jpg) no-repeat top right;}
	.search h2{color:#cf41a0;font-size:1.6em;}
		.search input.txt{background:url(inputbg.jpg) repeat-x top center;border:solid 2px  #cf41a0;width:105px;}
		input.ssbut{background:#cf41a0 url(sub_bg.jpg) repeat-x center center;font-weight:bold;color:#FFFFFF;border:solid 2px #990066;}
	
	
	/*primary*/
	div#primary{margin-left:180px;min-height:500px;padding:10px 15px 0 15px;}
#primary strong{font-weight:bold;}
		#primary p{margin-bottom:1.6em;}
		div#breadtrail{font-size:1.1em;margin-bottom:1ex;}
		.products li,.categories li{font-size:1em;position:relative;}
		.prodGrid{font-size:0.95em!important;}
		
		
		.prodGrid li,.catList li{float:left;width:120px;margin:0 10px 5px 0;min-height:15em;}
		
		ul.catList{padding-bottom:1em;}
		
		.primaryInfo{position:relative;padding-right:180px;}
		ul.prodList{min-height:350px;}		
		.prodList li{margin-bottom:1ex;}
		form.sortControl{position:absolute;right:0;width:160px;top:0;font-size:1em;}
		form.sortControl select{font-size:1em;}
		#primary li .desc p{font-size:1.2em;margin-bottom:1ex;}
		div.desc {padding:0 0 0 10px;}		
		li h3{font-weight:bold;line-height:1.3em;}
		li h3 a{text-decoration:none;}		
		.catList h3{font-weight:normal;dont-size:1.2em;}
		#primary li input{font-size:1em;}
		
		.hpIntro{background:url(hp_bg.jpg) no-repeat top right;min-height:162px;margin:-10px -15px 0 -15px ;padding:12px 200px 0 20px}
		
		a.checkOut{float:right;font-size:1.3em;font-weight:bold;}
		a.contShopBig{font-size:1.5em;font-weight:bold;color:#cf41a0;}
		
		/*list layout*/
		.prodList a.imglink{float:left;width:95px;margin-right:-95px;}		
		li a.imglink{width:95px;height:100px;overflow:hidden;background:url(thumbbg.gif) no-repeat left top;padding:10px 10px 5px 10px;display:block;position:relative;}
		/*.catList a.imglink{background:none;}*/
		li .imglink img{position:absolute;left:10px;top:10px;clip:rect(0 96px 96px 0);}
		
		.prodList div.desc{margin-left:120px;padding-top:1em;}		
		.prodList li{clear:left;}
		.prodGrid li{font-weight:bold;color:#006666;min-height:20em;}
		#offerProds .prodGrid li *,#offerProds h2{color:#cf41a0;}
		
		
		
		/*product page*/
div.productDetail{position:relative;padding-right:290px;}
	p.mainimage{padding:10px;border:solid 1px #ccc;position:absolute;right:0px;top:0;}
	.mainimage img{width:200px;}
	div#prodGall{text-align:right;position:absolute;top:240px;right:15px;}
	#prodGall li{display:inline;margin-left:14px;}
	#prodGall li img{width:60px;border:solid 1px #ccc;}
	
p.price{color:#cf41a0;font-weight:bold;font-size:1.6em;margin-bottom:0!important;}
#primary .productDetail p{margin-bottom:10px;}
div.buyAction{padding-left:5px;}
		
		/*basket*/
		div.Totals{margin-bottom:1em;}
		ul.basketPrices{margin-left:320px;}
		.basketPrices li{position:relative;margin-left:150px;}
		.basketPrices li strong{position:absolute;left:-150px;width:90px;}
		a.checkOut{background:url(btn_bg.jpg) no-repeat right center;color:#fff;padding-right:10px;text-decoration:none;}
		.checkOut strong{background:url(btn_bgl.jpg) no-repeat left center;display:table-cell;line-height:37px;height:37px;display:inline-block;padding-left:10px;}
		
		table.orderDetails{margin-bottom:2em;}
		table.btotals,table.orders{width:100%!important;}
		
		.orderDetails td{width:20%;}
		
		#primary table{width:auto;clear:both;}
		#primary th{border-bottom:solid 2px #cf41a0;color:#cf41a0;}
		#priamry h2{clear:left;}
		
		#primary .basketList td{border-bottom:1px #ccc solid;padding:1em 0.5em;}
		
		/*accoutn*/
		#primary div.address{float:left;width:39%;padding:3%;border:solid 1px #badbdb;margin-right:2%;margin-bottom:2em; }
		#primary div.addAddress{clear:both;}
		div.orderid{clear:both;}
		p.forgotLink{padding-left:150px;}

	ul.accManLinks{background:#efefef;border:solid 2px #cf41a0;}
		
		.accManLinks li{float:left;width:45%;margin:0 4% 2em 0;}
	.accManLinks a{display:block;font-size:1.1em;font-weight:bold;padding:10px 10px 10px 70px;min-height:4em;background:url() no-repeat 15px 15px;text-deocoration:none;}
		.accManLinks .menTrack a{background-image:url(icon_orders.jpg);}
		.accManLinks .menEdit a{background-image:url(icon_edit.jpg);}
		.accManLinks .menAddress a{background-image:url(icon_delivery.jpg);}
		.accManLinks .menNewsletter a{background-image:url(icon_newsletter.jpg);}
		.accManLinks .passWord a{background-image:url(icon_password.jpg);}
		
	/*secondary*/
	
	#footNav li{margin-right:1ex;padding-right:1ex;}
	div.colWarning{padding:10px;border:solid 2px #cf41a0;background:#eee;}
	.colWarning a{color:#cf41a0!important;}
	.colWarning p{color:#cf41a0;font-size:1.1em;margin-bottom:0!important;}

#nextprev{margin:4em 0 1em 0;font-size:1.1em;color:#666;text-align:center;}

#nextprev a{font-weight:bold;position:relative;top:-1ex;font-size:1.2em;padding:0 0.5ex;}
	
/*footer*/
div#footer{padding:20px 20px 20px 200px;background:#F7F3E8 url(footer_logo.gif) no-repeat left center;}
	#footer li{display:inline;}
	
	.cmscontent p{margin:0 0 1em 0;}
	.cmscontent li{list-style:disc outside;margin-left:30px;}
	.cmscontent ul{margin-top:0;margin-bottom:1em;}
	.cmscontent p+ul{margin-top:-1.5em;}
	.mForm legend{font-weight:bold;font-size:1.3em;display:block;}
	
	#viewProducts2 .catList *{overflow:visible;}
	#viewProducts2 .catList li{width:250px;height:200px;}
	#viewProducts2 .catList a{color:#D741A0;}
	#viewProducts2 .catList h3{top:185px;position:absolute;font-weight:bold;}
	#viewProducts2 .catList img{clip:rect(0 240px 180px 0);left:0;top:0;}

#discountCode p{float:left;width:40%;margin-right:5%;}
#discountCode{background:#efefef;padding:10px 10px 30px 10px;border:solid 1px #ccc;margin-top:60px;}