/*
*  Copyright 2007/2009, Sureshots Ltd., http://www.sureshots.co.uk
*
*  This file may not be used or (re)distributed for any other
*  purposes than a commercial deployment by Sureshots Ltd.
*  No modifications may be made to this file by anyone,
*  except for individuals working for Sureshots Ltd.
*
*  File description: Wonderland, Daytime Stylesheet
*  File Author: David Edwards
*/

/*global styles*/
body {background: #050505 url(body.jpg) repeat-x top center; font-size: 100.1%; font-family: Arial, Verdana, Helvetica; font-size:100.1%; margin: 0; padding: 0; height: 100%; width: 100%;}
.clr {clear: both; padding: 0; margin: 0; font-size: 0; line-height: 0;}
a {background-position: top center; font-weight: bold; text-decoration: underline;}
a:hover {background-position: center; text-decoration: none;}
a:active {background-position: bottom center; text-decoration: underline;}
p {font-family: Arial, Verdana, Helvetica;}

/*front page styles*/
#front {width: 100%; padding: 0; margin: 0;}
#front #front02 {background: url(front02.jpg) bottom center no-repeat; padding: 0 0 20px 0; margin: 0;}
#front #front02 p {font-size: 0.8em; padding: 20px 300px 0 0; margin: 0;}
#front #front02 ul {font-size: 0.8em; padding: 20px 300px 0 20px; margin: 0; font-style: italic; line-height: 1.6em;}
#front #front02 h1 {font-size: 1.4em; color: red; padding: 0; margin: 0;}
#front #front02 h3 {font-size: 0.9em; color: #102842; padding: 0; margin: 0;}

/*content and maincontent styles*/
#globalWrap {background: url(globalWrap.jpg) no-repeat top center; padding: 0; margin: auto; width: 100%;}
#contentWrap {padding: 0; margin: 0 auto; width: 920px;}
#mainContentWrap {width: 920px; margin: 0 auto; padding: 0; background: url(mainContentWrap.jpg) no-repeat top center;}
#mainContent {width: 920px; margin: 0 auto; padding: 24px 0 0 0;}
#mainContentRight {float: right; padding: 0; margin: 0; width: 680px;}
#contentRightHeader {height: 60px; padding: 0; margin: 0;}
#mainContentLeft {float: left; padding: 0; margin: 0; width: 220px; background: url(mainContentLeft.jpg) repeat-y top center;}
#mainMenuRight {float: right; padding: 0; margin: 0; width: 166px;}
#sectionWrap {height: auto; width: 650px;}

/*content Right*/
#contentRight {background: url(contentRight.jpg) repeat-y top center; padding: 0 20px; width: 640px; margin: 0;}
#contentRight h1 {color: #14213c; font-size: 1.3em; padding: 4px 0px; margin: 0;}
#contentRight p {font-size: 0.75em; line-height: 1.4em;}

/*small product styles*/
.smallProductWrap {width: 200px; float: left; margin: 10px 0; background: url(smallProductWrap.gif) repeat-y top center; padding: 0;}
.smallProductWrap h2 {padding: 0 0 0 0; margin: 0; font-size: 0.75em; color: #fff;}
.smallProductWrap p {padding: 0; margin: 0; text-align: center; color: #222; font-size: 0.7em;}
.smallProductWrap .smallProductHeader {background: url(smallProductHeader.gif) no-repeat top center; padding: 0; margin: 0; height: 14px; width: 200px;}
.smallProductWrap .smallProductFooter {background: url(smallProductFooter.gif) no-repeat top center; padding: 0; margin: 0; height: 14px; width: 200px;}
.smallProductWrap .smallProductTitle {background: #3300ff; padding: 8px 0; margin: 0 0 10px 0; text-align: center;}
.smallProductWrap .smallProductTitle h2 {padding: 0 4px; margin: 0;}
.smallProductWrap .smallProductTitle p, .smallProductWrap .smallProductTitle img {padding: 0; margin: 0;}
.smallProductWrap .smallProductImg {padding: 0 0 10px 0; margin: 0; text-align: center;}
.smallProductWrap p.prodRef {color: #fff; font-size: 0.7em; padding: 0; margin: 0;}
p.smallPrice {font-size: 0.8em; font-weight: bold; color: red; padding: 4px; margin: 0;}

/*delivery page styles*/
.deliveryWrap {width: 651px; height: 175px; padding: 0; margin: 0 auto;}
#delivery01 {background: url(delivery01.jpg) no-repeat top center;}
#delivery02 {background: url(delivery02.jpg) no-repeat top center;}
#delivery03 {background: url(delivery03.jpg) no-repeat top center;}
#delivery04 {background: url(delivery04.jpg) no-repeat top center; height: 243px;}
#delivery05 {background: url(delivery05.jpg) no-repeat top center; height: 243px;}
.deliveryWrap h2 {padding: 12px 10px 0 250px; margin: 0;}
.deliveryWrap p {padding: 12px 10px 0 250px; margin: 0;}

/*large product styles*/
#largeProductWrap {height: auto; width: 640px; padding: 0; margin: 0;}

#largeProductHeader {height: 57px; width: 640px; background: url(largeProductHeader.jpg) no-repeat top center;}
#largeProductHeader h2 {color: #14213c; font-size: 1.3em; padding: 0px; margin: 0;}

#largeProductFooter {height: 28px; width: 680px; background: url(largeProductFooter.jpg) no-repeat top center;}
#largeProductLeft {padding: 8px; float: left; margin: 0; width: 350px; text-align: center;height:auto;}
#largeProductRight {padding: 0px; float: right; margin: 0; width: 270px; text-align: left;}

#largeProductRight p {font-size: 0.7em; color: #374152; padding: 6px 12px; margin: 0; text-align: left;}
#largeProductPrice {padding: 0; margin: 0;}
#largeProductPrice p {padding: 10px 0; margin: 0 0 10px 0; font-size: 1.4em; background: url(largePrice.jpg) no-repeat top left; color: #fff; font-weight: bold; text-align: center;}
#largeProductPrice ul {list-style: none; list-style-image: none; list-style-position: outside; padding: 0; margin: 0;}
#largeProductPrice li {display: inline; float: left;}
.aPmp {background-image: url(aPmp.jpg); padding: 0; margin: 0; text-indent: -99999px; float: left; width: 129px; height: 50px; outline: none;}

/*Breadcrumb Styles*/
#breadcrumb p {padding: 0; margin: 0; color: #333; font-size: 0.7em;}
#breadcrumb a {color: #14213c;}

/*showreel styles*/

#showReel { position: relative; overflow: hidden; width: 630px; height: 340px; padding: 0; margin: 0 0 10px 0;}
.showreelSlide {width: 630px; height: 340px; background-position: center; background-repeat: no-repeat; margin: 0; padding: 0;}
.showreelSlide h2 {font-size: 1.1em; padding: 20px; margin: 0; color: #fff;}
.showreelSlide p {font-size: 0.7em; padding: 0 280px 10px 20px; margin: 0; color: #ddd;}
#showreelSlide01 {background-image: url(showreelSlide01.jpg);}
#showreelSlide02 {background-image: url(showreelSlide02.jpg);}
#showreelSlide03 {background-image: url(showreelSlide03.jpg);}
#showreelSlide04 {background-image: url(showreelSlide04.jpg);}
.frontFrame02 {height: 213px; padding: 0; margin: 0;}
.frontFrame02 h3 {font-size: 1.0em; color: Red; padding: 12px 16px;}
.frontFrame02 p {padding: 0 220px 0 14px; margin: 0;}
#front03 {background: url(front03.jpg) no-repeat top center;}
#front04 {background: url(front04.jpg) no-repeat top center;}
#front05 {background: url(front05.jpg) no-repeat top center;}

/*subMenu styles*/
#subMenuWrap {width: 220px; background: url(subMenuWrap.jpg) repeat-y top center; padding: 0; margin: 0;}
#subMenuWrap a {padding: 4px 0; margin: 0; font-size: 0.75em; color: #222;}
#subMenuWrap a:hover {color: #455972;}
#subMenuWrap ul {padding: 10px 0 20px 26px; margin: 0;}
#subMenuWrap li {padding: 0 0 8px 0; margin: 0;}
#subMenuHeader {width: 220px; background: url(subMenuHeader.jpg) no-repeat top center; margin: 0; padding: 0; height: 70px;}
#subMenuHeader02 {width: 220px; background: url(subMenuHeader02.jpg) no-repeat top center; margin: 0; padding: 0; height: 70px;}
#basketHeader {height: 65px; width: 217px; background: url(basketHeader.jpg) no-repeat top center; margin: 0; padding: 0;}
#basketDetails {padding: 0; margin: 0;}
#basketDetails p {font-size: 0.8em; background: url(basketDetailsP.jpg) no-repeat top center; padding: 12px 0 12px 20px; margin: 0 0 4px 0;}
#basketCheckout p {font-size: 1em; background: url(basketCheckoutP.jpg) no-repeat top center; padding: 12px 0 12px 20px; margin: 0 0 4px 0;}
#basketCheckout a, #basketCheckout a:hover {color: #fff;}
#basketCheckout {padding: 0 0 10px 0; margin: 0;}
#subMenuFooter {width: 209px; background: url(subMenuFooter.jpg) no-repeat top center; height: 11px;}
#subMenuWrap h3, #subMenuWrap h2 {font-size: 0.85em; float: left; padding: 0; margin: 0; color: #f9f9f9; text-indent: -999999px;}

/*header and sub header styles*/
#headerWrap span, #subHeaderWrap span {float: left; text-indent: -999999px; width: 0;}
#headerWrap {height: auto; padding: 225px 0 26px 0; margin: 0;}
#headerWrap h3, #subHeaderWrap h3 {padding: 0; margin: 0;}
#headerWrap ul {float: left; list-style: none outside; padding: 0 0 0 22px; margin: 0;}
#headerWrap li {display: inline; padding: 0; margin: 0;}
#headerWrap ul a {float: left; outline: none; width: 157px; height: 54px; text-indent: -999999px;}
#mm01a {background-image: url(mm01a.jpg); padding: 0; margin: 0;}
#mm02a {background-image: url(mm02a.jpg); padding: 0; margin: 0;}
#mm03a {background-image: url(mm03a.jpg); padding: 0; margin: 0;}
#mm04a {background-image: url(mm04a.jpg); padding: 0; margin: 0;}
#mm05a {background-image: url(mm05a.jpg); padding: 0; margin: 0;}
#subHeaderWrap {height: 50px; padding: 0; margin: 0;}
#searchWrap {float: left; padding: 8px 0 0 160px; width: 146px; margin: 0;}
#searchWrap h3 {float: left; padding: 0; margin: 0; text-indent: -999999px; }
#subHeaderWrap #basketWrap {float: left; padding: 18px 0 0 0; background: red; width: 146px; margin: 0;}

/*footer styles*/
#footerWrap {background: url(footerWrap.jpg) top center; padding: 0; margin: 0 auto; height: 123px; width: 960px;}
#footerWrap p {font-size: 0.7em; color: #f9f9f9; margin: 0; padding: 64px 0 0 0; text-align: center;}
#footerWrap a {color: #ffffff;}

/*Tab Styles*/
/*Tabs on Product Page*/

.ui-tabs .ui-tabs-hide {
     display: none;
}

#Tabs{
	float:left;
	width:180px;
}

#Tabs .Long{
	width:450px;
	font-size:1em;
	padding:3px;
	margin-bottom:15px;
}

#Tabs textarea{
	font-size:1.3em;
}

#Tabs ul{
	list-style:none;
	width:370px;
	margin:0;
	padding:0;
}

#Tabs li{
	float:left;
	text-align:center;
}

#Tabs li a{
	float:left;
	display:block;
	padding:5px;
	margin:10px 3px 0px 0px;
	text-decoration:none;
	width:97px;
}

#Tabs li a:active, #Tabs li a:hover, #Tabs li a:focus{
	border-bottom:none;
	text-decoration:none;
}
#sectionWrap ul {
  font-size:11px;
}

#sectionWrap li {
 font-size:12px;
}

.text{
  font-size:12px;
}

#contactWrap {padding: 10px; margin: 10px 0 0 0; background: #a5e7ff; height: auto; width: 605px; border: #1c3a95 2px solid;}
		#contactWrap #loginLeft p,#loginWrap #loginRight p {font-size: 0.75em; padding: 6px 0; margin: 0;}
		#contactWrap h2 {font-size: 0.75em; padding: 0 0 10px 0; margin: 0;}
		#contactLeft {border: 1px #fff solid; padding: 10px; margin: 0; width: 275px; float: left; background: #c3f3ff;}
		#contactRight {border: 1px #fff solid; float: right; padding: 10px; margin: 0 0 10px 0; width: 275px; background: #c3f3ff;}