body { margin: 0; padding: 0; font-family: verdana, arial, sans-serif; font-size: 68.75%; }

.clear { clear: both; }

img { border: 0; }


.main { width: 800px; margin: 0 auto; /*border: 1px solid #f2f2f2; border-top: 0;*/ }

.header { padding: 0 0 0 25px; }
.headerLeft { width: 100px; float: left; }
.headerCentre { width: 195px; float: left; margin-right: 191px; }
.headerRight { width: 190px; float: left; margin: 10px 0 0 10px; background: #D2E297; }

.content {}
.content p { line-height: 150%; }

.content .centre { width: 590px; float: left; padding: 15px 0 0 0; }
.content .centre p{ padding: 0 0 10px 0; margin: 0; }
.content .centre .top { padding: 0 0 15px 24px; }
.content .centre .top img { display: block; }
.content .centre .bottom { padding: 25px 0 0 25px; background: url(../images/main_back.gif) repeat-x; }
.content .centre .bottom h1 { color: #e20079; padding: 0 0 15px 0; margin: 0; font-size: 140%; }
.content .centre .bottom h2 { color: #e20079; padding: 10 0 5px 0; margin: 0; font-size: 130%; }
.content .centre .bottom h3 { color: #e20079; padding: 10 0 5px 0; margin: 0; font-size: 120%; }
.content .centre .bottom ul { list-style-type: none; margin: 0; padding: 0; }
.content .centre .bottom ul li { background: url(../images/bullet.gif) 0px 4px no-repeat; padding: 0 0 0 10px; }
.content .centre .bottom td { font-size: 90%; padding-left: 15px; vertical-align: top; }
.content .centre .bottom td img { margin: 0 0 10px 0; border: 0; }
.content .centre .bottom td li { color: #919191; }
.content .centre .bottom td a { color: #e20079; text-decoration: none; font-weight: bold; }

.content .centre .smallbox { width: 325px; background: #c8df89; text-align: right; }
.content .centre .smallbox img { display: block; }

.content .centre .bigbox { width: 567px; background: #c8df89; }
.content .centre .bigbox img { display: block; }

.content .centre .bottom ul.sitemap { font-size: 110%; }
.content .centre .bottom ul.sitemap a { color: #999; text-decoration: none; font-weight: bold; }
.content .centre .bottom ul.sitemap ul { padding-left: 5px; }
.content .centre .bottom ul.sitemap li { background: url(../images/bullet.gif) 0px 12px no-repeat; padding: 8px 0 0 10px; }

.content .centre .bottom .homeitem { margin: 10px 10px 0 0; float: left; width: 272px; font-size: 85%; }
.content .centre .bottom .homeitem h3 { margin: 0 0 2px 0; padding: 0; font-size: 140%; }
.content .centre .bottom .homeitem p { margin: 0; padding: 0; line-height: 130%; color: #999; }
.content .centre .bottom .homeitem  .imgLink{ float: left; margin: 0 5px 0 0; }

.content p.grey { color: #999; }

.content .centre table .head1 { background: #e40084; color: #fff; }
.content .centre table .head2 { background: #fad5e5; color: #e40084; font-weight: bold; }
.content .centre table .r1 { background: #fff; color: #000; }
.content .centre table .r2 { background: #fad5e5; color: #000; }
.content .centre table  td { padding: 4px; text-align: center; }
.content .centre table  th { padding: 4px; text-align: center; }
.content .centre table { margin: 0 0 20px 0; }
.content .centre table img { margin: 0 !important; padding: 0 !important; border: 0 !important;  }

.content .centre table.home td { text-align: left; padding: 0 0 0 10px; }
.content .centre table.home th { text-align: left; }
.content .centre table.home td li { height: 25px; }

.content .right { width: 195px; float: left; padding: 15px 0 0 15px; }
.content .right .cb { padding: 25px 15px; }
.content .right .cb h2 { color: #e20079; padding: 0; margin: 0; font-size: 120%; }
.content .right .cb p { padding: 0 0 10px 0; margin: 0; }
.content .right .subscribe { width: 164px; height: 159px; background: #b4b4b4 url(../images/grey.gif); padding: 0 15px; color: #fff; margin: 0 0 16px 0; }
.content .right .subscribe h2 { color: #fff; padding: 8px 0; font-size: 110%; margin: 0 0 10px 0; }
.content .right .subscribe p { font-weight: bold; padding: 0; margin: 0; }
.content .right .subscribe form { margin: 0; padding: 0; }
.content .right .subscribe .submit { border: 0; color: #fff; background: #878787; font-weight: bold; margin: 5px 0 0 0; padding: 2px 3px; }
.content .right img { display: block; border: 0; }

.content .right .calc .top { background: url(../images/calc-top.gif) no-repeat; height: 9px; }
.content .right .calc { background: url(../images/calc-middle.gif) repeat-y; margin: 0 0 10px 0; }
.content .right .calc .bottom { background: url(../images/calc-bottom.gif) no-repeat; height: 9px; }
.content .right .calc .middle { padding: 0 10px; }
.content .right .calc p { margin: 0; padding: 0 0 5px 0; }
.content .right .calc input { font-size: 100%; }
.content .right .calc input.num { width: 100px; }

.content .right .calc2 .top { background: url(../images/calc-top2.gif) no-repeat; height: 9px; }
.content .right .calc2 { background: url(../images/calc-middle2.gif) repeat-y; margin: 0 0 10px 0; }
.content .right .calc2 .bottom { background: url(../images/calc-bottom2.gif) no-repeat; height: 9px; }
.content .right .calc2 .middle { padding: 0 10px; }
.content .right .calc2 p { margin: 0; padding: 0 0 5px 0; }
.content .right .calc2 input { font-size: 100%; }
.content .right .calc2 input.num { width: 100px; }
.content .right .calc2 br { display:block; }


.footer { background: url( ../images/footer_back.gif ) repeat-x; color: #c1c1c1; font-size: 80%; padding: 10px 5px 5px 25px; margin: 10px 0 0 0; }


.content .centre table.order { margin-left: 23px; font-size: 110%; width: 567px; }
.content .centre table.order td { border: 1px solid #ccc; margin: 0; padding: 0; }
.content .centre table.order td a { display: block; padding: 8px; }
.content .centre table.order td a:hover { display: block; background: #ec008c; color: #fff; }

.navigation { background-color: #aed250; padding: 0 0 0 15px; margin: 0; font-weight: bold; border-bottom: 1px solid #aed250; }
.navigation ul { margin: 0px; padding: 0px; }
.navigation li { display: block; padding: 0 8px; margin: 6px 0; float: left; border-right: 1px solid #fff; }
.navigation li.selected {  }
.navigation li#plast { border: 0; }
.navigation img { float: right; }

.navigation a { color: #ffffff; text-decoration: none }
.navigation a:hover { text-decoration: underline }

.snavigation { background-color: #1b2c57; padding: 0; margin: 0 0 0 25px; height: 18px; font-size: 90%; background: url(../images/snav_back.gif) no-repeat; }
.snavigation ul { margin: 0; padding: 0 }
.snavigation li { display: block; padding: 0 10px; margin: 3px 0; float: left; border-right: 1px solid #fff; }
.snavigation li.selected {  }
.snavigation li#slast { border: 0; }

/* A Tag colours etc */
.snavigation a { color: #ffffff; text-decoration: none }
.snavigation a:hover { text-decoration: underline }

/* Banner stand page */
.rb { font-size: 110%; }
.rb h1 { color: #ec008c; padding: 10px 0; }
.rb h2 { padding: 0 0 5px 0; margin: 0; color: #ec008c; font-size: 150%; }
.rb h3 { padding: 0 0 5px 0; margin: 0; color: #a6ce39; font-size: 130%; }
.rb p { padding: 0 0 5px 0; margin: 0; }
.rb p.big { font-size: 450%; font-weight: bold; color: #a6ce39; }
.rb ul { color: #ec008c; font-weight: bold; margin: 0 0 0 14px; padding: 0; }
.rb li { margin: 0; padding: 0 0 3px 0; }
.rb .qty { width: 60px; border: 1px solid #a6ce39; }
.rb strong.green { font-size: 120%; color: #a6ce39; }
.rb .sf { font-size: 130%; padding-bottom: 10px; }
.rb1left, .rb3left { width: 521px; float: left; }
.rb1leftbottomleft { width: 287px; float: left; padding: 15px; background: url(../images/rb1-left.gif) no-repeat; height: 236px; }
.rb1leftbottomright { width: 174px; float: left; padding: 15px; background: url(../images/rb1-left2.gif) no-repeat; height: 236px; }
.rb1right { width: 264px; float: left; padding: 0 0 0 14px; }
.rb2left { width: 287px; padding: 15px; float: left; background: url(../images/rb2-left.jpg) no-repeat; height: 448px; margin-top: 2px; }
.rb2right { width: 452px; padding: 15px; float: left; background: url(../images/rb2-right.jpg) no-repeat; height: 448px; }
.rb2stand { float: left; text-align: center; width: 90px; overflow: hidden; }
.rb3right { width: 264px; float: left; padding: 0 0 0 14px; }
.rb3leftleft { width: 287px; padding: 15px; float: left; background: url(../images/rb3-left.jpg) no-repeat; height: 236px; }
.rb3leftright { width: 174px; padding: 15px; float: left; background: url(../images/rb3-right.jpg) no-repeat; height: 236px; }
.rb2rightbl { padding-top: 30px; float: left; width: 250px; }
.rb2rightbl h3 { padding: 0; }
.rb2rightbr { width: 200px; padding-top: 30px; float: left; }

/* PRODUCT PAGES */
table.CanvasSize { float: left; padding: 0 20px; }
table.CanvasSize th { text-align: left; color: #ec008c; }
table.CanvasSize td { padding: 5px 15px 5px 0; }
table.CanvasSize input.wxh { width: 50px; border: 1px solid #999; }

div.CanvasWrap { float: left; width: 210px; padding: 0 20px; }
div.CanvasWrap img{ display: block; margin: 0; }

div.CanvasEditing { float: left; width: 150px; padding: 0 20px; }
div.CanvasEditing img{ display: block; margin: 0; }

div.legend { clear: both; background: url(../images/legend.gif) top left no-repeat; height: 39px; border: none; position: relative; margin: 20px 0 0 0; }
div.fieldset { clear: both; background: url(../images/fieldset.gif) bottom left no-repeat; border: none; margin: 0; padding: 0 0 10px 0; }
div.legend h2 { color: #ec008c; font-size: 120%; font-weight: bold; position: absolute; top: 9px; left: 26px; margin: 0; padding: 0; width: 155px; text-align: center; }

p.CanvasQuantity { text-align: center; color: #ec008c; font-weight: bold; font-size: 120%; }
#qty { border: 1px solid #999; width: 50px; text-align: right; }
#CanvasPrice { text-align: center; color: #ec008c; font-weight: bold; font-size: 150%; }
p.CanvasAddToBasket { text-align: center; }

.center { text-align: center; }

h2.big { color: #ec008c; font-size: 250%; text-align: center; margin: 10px 0; }

div.legend-left h2 { color: #ec008c; font-size: 120%; font-weight: bold; position: absolute; top: 9px; left: 26px; margin: 0; padding: 0; width: 155px; text-align: center; } div.legend-right h2 { color: #ec008c; font-size: 120%; font-weight: bold; position: absolute; top: 9px; left: 26px; margin: 0; padding: 0; width: 155px; text-align: center; } 

div.legend-left { clear: both; background: url(../images/left-option-top.jpg) top left no-repeat; height: 39px; border: none; position: relative; margin: 20px 0 0 0; }
div.fieldset-left { clear: both; background: url(../images/left-fieldset.jpg) bottom left no-repeat; border: none; margin: 0 0 10px 0; padding: 0 0 10px 15px; text-align:center;}

div.legend-right { clear: both; background: url(../images/right-option-top.jpg) top left no-repeat; height: 39px; border: none; position: relative; margin: 20px 0 0 0; }
div.fieldset-right { clear: both; background: url(../images/right-fieldset.jpg) bottom left no-repeat; border: none; margin: 0 0 10px 0; padding: 0 0 10px 15px; text-align:center; }

#upload {
	width: 387px;
	float: left;
	margin: 0;
	padding: 0;
}

#upload-later {
	width: 388px;
	float: right;
	margin: 0;
	padding: 0;
}

.bottom2 { 
	padding: 25px 0 0 25px; 
	background: url(../images/main_back.gif) repeat-x; 
}

html body div.content div.centre div.bottom ul.sitemap li {
	background:none;
	padding:0px 0px 5px 0px;
}

html body div.content div.centre div.bottom ul.sitemap ul {
	padding:0;
	margin:5px 10px 5px 20px;
}

/*.right br { display:none; }*/
.right .cb br { display:block; }

.login-top {
	width: 89px;
	height: 24px;
	float: left;
	margin-top: 66px;
}

div.testimonial {
	border:1px solid #E2007A;
	background-image:url(../images/testimonials-bg.gif);
	background-repeat:repeat;
	margin-bottom:15px;
	padding:5px;
}

div.testimonial .testimonial-auth {
	font-weight:bold;
	display:block;
	float:left;
	margin-top:18px;
}

div.testimonial img {
	float:right;
	border-left:1px solid #E2007A;
	border-top:1px solid #E2007A;
	margin-bottom:-5px;
	margin-right:-5px;
}



/*	TWITTER STYLING 	*/
#twitter {
	background:url(../images/border.jpg) top left no-repeat;
	width:100%; 
	margin:0px auto;
	padding:22px 0px 0px 30px;
}

.clearfix {
	clear:both;
}

#twitter .twitter {
	float:left;
	display:inline; 
	width:440px;
	background:url(../images/twitterbox.jpg) top left no-repeat;
	height:89px;
	position:relative;
}

#twitter .twitter2 {
	position:absolute; 
	top:50%; 
	height:80px;
	margin-top:-25px;
	text-align:center;
	width:410px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#twitter .twitter2 ul  {
	margin:0px;
	padding:0px;
	list-style:none;
	}
#twitter .buttons {
	float:left;
	width:122px;
	display:inline;

}

#twitter .twitter2 ul a:link, #twitter .twitter2 ul a:hover,  #twitter .twitter2 ul a:visited {
	color:#E20079;
}


#twitter .buttons img {
	margin-bottom:5px;
	}
#twitter h2 {
color:#E20079;
font-size:13px;
margin:0;
}

/* LOGIN BOX */

#login-box {
	width:176px;
}

#login-box #box-top{
	height:28px;
	background-image:url(../images/new_images/darkpurplerounded.jpg);
	color:#FFFFFF;
	font-weight:bold;
}

#login-box #box-top span {
	margin-left:10px;
	padding-top:7px;
	display:block;
}

#login-box #box-middle{
	background-color:#DB2987;
	padding-left:10px;
}

#login-box #box-middle label {
	color:#FFFFFF;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:2px;
	display:block;
}

#login-box #box-middle #forgotpasswordlink {
	color:#FFFFFF;
	display:block;
	padding-top:4px;
	padding-bottom:10px;
}

#login-box #box-middle #submit {
	margin-top:10px;
	margin-left:16px;
}

#login-box #box-bottom{
	height:28px;
	margin-top:-20px;
	background-image:url(../images/new_images/lightpurplerounded.jpg); 
}


/* END OF LOGIN BOX */


.imgLinkText {
	text-decoration:none;
	color:#DB2987;
}

.signup, .login {
	float:left;
	width:250px;
	margin-right: 10px;
	}