/*
*  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: Sureshots Fancy Dress Daytime Stylesheet
*  File Author: David Edwards
*/

/*global styles*/
body {background: #86dc3a url(body.jpg) repeat-x top center; font-size: 100.1%; font-family: Arial, Verdana, Helvetica; font-size:1em; margin: 0; padding: 0; height: 100%;}
#globalWrap {background: url(globalWrap.jpg) no-repeat top center; width: 100%; padding: 0; margin: 0;}
.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;font-size:12px;}
h1{font-size:18px;}
h2{font-size:16px;}
.show a {float: left; background-image: url(showA.png); width: 292px; height: 256px; padding: 0; margin: 0;}
.hide a {display: none; padding: 0; margin: 0;}
.show span {display: none;}

/*body styles*/
#contentWrap {width: 1001px; margin: 0 auto; padding: 0; height: auto;}

#contentDescription .deliveryWrap {width: 595px; height: 175px; padding: 0; margin: 0 auto; font-family: Arial, Helvetica, sans-serif;}
        #contentDescription #delivery01 {background: url(delivery01.jpg) no-repeat center left;}
        #contentDescription #delivery02 {background: url(delivery02.jpg) no-repeat center left;}
        #contentDescription #delivery03 {background: url(delivery03.jpg) no-repeat center left;}
        #contentDescription #delivery04 {background: url(delivery04.jpg) no-repeat center left; height: 243px;}
        #contentDescription .deliveryWrap h2 {padding: 12px 10px 0 210px; margin: 0; color: Red; font-size: 16px;}
        #contentDescription .deliveryWrap p {padding: 12px 10px 0 210px; margin: 0;}

/*landing page showreel*/
#featureWrap {width: 612px; height: 333px; float: left;  padding: 0; margin: 0;}
#featureContent { position: relative; overflow: hidden; width: 612px; height: 279px;}
#featureControls {height: 35px; padding: 0; margin: 0;}
#featureControls ul {padding: 0; margin: 0; list-style: none; list-style-position: outside;}
#featureControls li {padding: 0; margin: 0; display: block; float: left;}
#featureBtn01 {background-image: url(featureBtn01.jpg);}
#featureBtn02 {background-image: url(featureBtn02.jpg);}
#featureBtn03 {background-image: url(featureBtn03.jpg);}
#featureBtn04 {background-image: url(featureBtn04.jpg);}
#feature01 {background: url(feature01.jpg);}
#feature02 {background: url(feature02.jpg);}
#feature03 {background: url(feature03.jpg);}
#feature04 {background: url(feature04.jpg);}
.featureSlide {width: 612px; height: 279px; position: absolute; visibility: hidden; margin: 0; padding: 0;}
.featureSlide .text {float: left; width: 400px; font-size: 1em; line-height: 1.4em; padding: 0; margin: 0;}
.featureSlide .text p {padding: 0; margin: 0;}
.glidecontenttoggler{}
.glidecontenttoggler a{float: left; text-indent: -999999px; width: 152px; height: 55px; background-image: url(glideA.jpg); margin: 0; padding: 0; outline: none;}
.glidecontenttoggler a.selected{ background-position: bottom center;}
.glidecontenttoggler a.toc{}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{ background: #1A48A4; color: white;}
#welcomeWrap p {margin: 0; padding: 6px; font-size: 0.75em; line-height: 1.8em;}
#welcomeWrap .frontBox {padding: 0; margin: 0; height: 202px;}
#welcomeWrap .frontBox p {padding: 4px 300px 4px 0; margin: 0;}
#welcomeWrap p span {padding: 50px 0 0 0; margin: 0;}
#frontBox01 {background: url(xmas/christmas-costumes.jpg) top center no-repeat; padding: 0; margin: 0;}
#frontBox02 {background: url(xmas/christmas-kids-costumes.jpg) top center no-repeat; padding: 0; margin: 0;}
#frontBox03 {background: url(xmas/christmas-hats.jpg) top center no-repeat; padding: 0; margin: 0;}
#frontBox04 {background: url(xmas/christmas-accessories.jpg) top center no-repeat; padding: 0; margin: 0;}

/*header styles*/
#headerWrap {width: 1001px; height: 333px; padding: 0; margin: 0;}
#headerWrap h2 {padding: 0; margin: 0;}
#searchWrap {padding: 305px 0 0 164px; margin: 0 0 0 0;}
#searchWrap h2 span {display: none;}

/* secureWrap */
#secureWrap { background: url(secureWrap.jpg) top center no-repeat #64A926; margin: 0 0 10px 0; padding: 0; width: 171px; height: auto;}
/*#secureWrap:hover {border: #FFF solid 3px;}*/
#secureWrap p {padding: 0 6px 6px 6px; margin: 200px 0 0 0; color: #000; font-size: 0.6em; line-height: 1.4em; text-align: center;}
#secureWrap h3 {font-size: 1em; padding: 6px; margin: 0; color: red; line-height: 1.2em; height: 50px; text-align: center;}
/*#secureWrap h3 {font-size: 1em; padding: 6px; margin: 0; color: red; line-height: 1.2em; height: 50px; text-shadow: 2px 2px 2px orange; text-align: center;}*/

/*basket styles*/
#basketWrap {padding: 0; margin: 0; height: 119px; width: 100%; text-align: center;}
#basketWrap h2 {padding: 0; margin: 0;}
#basketWrap h2 span {display: none;}
#basketWrap ul {margin: 0 auto; width: 560px; padding: 55px 0 0 0; list-style: none outside; text-align: center;}
#basketWrap li {display: inline-block; float: left; padding: 16px 0 0 0; margin: 0; font-size: 0.75em; color: #fff; text-align: center; width: 139px; height: 33px; background: url(basketWrapLi.png)}
#basketWrap a {color: #fff; padding: 0; margin: 0; text-align: center;}

/*maincontent styles*/
#mainContentLeft {float: left; width: 174px; float: left; padding: 0; margin: 0;}
#mainContentLeft h2 {padding: 0; margin: 0;}
#mainContentLeft h2 span {display: none;}
#mainMenu {padding: 0; margin: 0;}
#mainMenu ul {padding: 0; margin: 0; list-style: none outside;}
#mainMenu li {padding: 0; margin: 0 0 4px 0;}
#mainMenu a {background-image: url(mainMenuA.png); display: block; padding: 0 0 0 10px; margin: 0; font-size: 0.68em; color: #fff; width: 164px; height: 55px;}
#mainMenu a span {padding: 16px 0 0 0; margin: 0; display: block;}
#sectionWrap {padding: 0 10px; margin: 0;}
#mainContentCentre {float: left; min-height: 2000px; width: 633px; padding: 0 10px; margin: 0; background: url(mainContentCentre.jpg) repeat-y top center;}
#breadWrap {background: url(breadWrap.jpg) no-repeat top center; padding: 0; margin: 0;}
#breadWrap p {padding: 14px; margin: 0; font-size: 0.7em; color: #eee;}
#breadWrap a {color: #fff;}
#mainContentRight {width: 174px; float: left; padding: 0; margin: 0;}
#mainContentRight h2 {padding: 0; margin: 0;}
#mainContentRight h2 span {display: none;}
#subMenu {padding: 0; margin: 0;}
#subMenu ul {padding: 0; margin: 0; list-style: none outside;}
#subMenu li {padding: 0; margin: 0 0 4px 0;}
#subMenu a {background-image: url(subMenuA.png); text-align: right; display: block; padding: 14px 10px 14px 0; margin: 0; font-size: 12px; color: #fff; width: 164px;}

/*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: 12px; 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: 10px; padding: 0; margin: 0;}
.smallProductWrap p.smallPrice {font-size: 20px; font-weight: bold; color: #ff7800; padding: 4px 0px 4px 0px; margin: 0 0 5px 0;}
.smallProductWrap p.smallRRP {font-size: 20px; font-weight: bold; color: #333366; padding: 4px 25px 4px 0px; margin: 0 0 5px 0; float: right;}
.smallProductWrap p.smallPrice span {font-size: 12px; color: Red;}
.smallProductWrap p.smallRRP span {font-size: 12px; color: blue;}
.smallProductDetails p {font-size: 10px;}
.largerrp {background: blue; padding: 12px; -moz-border-radius: 12px; text-align: center; color: #fff;}
.padMeLeft10 h1 {background: url(padMeLeft10H1.jpg) no-repeat top center; width: 592px; height: 28px; padding: 16px 0px 12px 20px; color: #fff;}
.padMeLeft10 p {line-height: 1.4em; padding: 0 8px 10px 8px; margin: 0;}

#largeProductWrap #largeProductHeader {background: url(padMeLeft10H1.jpg) no-repeat top center; width: 612px; color: #fff;}
.recentHeader {background: url(padMeLeft10H1.jpg) no-repeat top center; width: 612px; color: #fff;}
.recentHeader h2 {padding: 20px; margin: 0;}
#largeProductWrap #largeProductHeader h1 {float: left; padding: 18px 20px; margin: 0;}
#largeProductWrap #largeProductHeader h2 {float: right; padding: 18px 90px 0 0; margin: 0;}
#largeProductWrap #largeProductLeft {float: left; width: 300px; padding: 0; margin: 0;}
#largeProductWrap #largeProductRight {float: right; width: 300px; padding: 0; margin: 0;}
#largeProductPrice {padding: 12px; margin: 0;}
#largeProductPrice ul {list-style: none; list-style-image: none; list-style-position: outside; padding: 0; margin: 0;}
#largeProductPrice li {display: inline; padding: 0; margin: 0; text-indent: 0;}
.largePrice {background: url(largePrice.jpg) no-repeat top left; text-indent: 0; font-size: 1.2em; padding: 12px 0; margin: 0; width: 303px; color: #fff; font-weight: bold; text-align: center; float: left;}
.aPmp {background-image: url(aPmp.jpg); padding: 0; margin: 0; text-indent: -99999px; float: left; width: 129px; height: 50px; outline: none;}

/*footerWrap styles*/
#footerWrap {width: 1001px; background: url(footerWrap.jpg) no-repeat top center; height: 285px; padding: 0; margin: 0; text-align: center; font-size: 0.7em;}
#footerWrap a {color: #fff;}
#footerWrap p {padding: 160px 0 0 0; margin: 0; color: #eee;}


/*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;
}

#largeProductRight .sizeTemp 
{background: #ccc; color: #333; -moz-border-radius: 5px; border: solid 2px #333; font-weight: bold; text-align: center; font-size: 0.75em;}

.sizeWrap {background: #fff; width: 580px; margin: 10px auto; padding: 10px; -moz-border-radius: 10px; text-align: left;}
      .sizeWrap h2 {font-size: 1.2em; margin: 0; padding: 20px 0;}
      #contentDescription .sizeWrap h3 {text-align: left; padding: 6px; text-align: left; margin: 10px 0; text-indent: 0; font-size: 0.7em;}
      #contentDescription .sizeWrap p {padding: 0 0 0; margin: 0; text-align: left;}
      .sizeWrap table {border: solid 1px #333; font-size: 0.6em;}
      .sizeWrap td {padding: 6px; margin: 0; border: dashed 1px #777; width: 135px; font-size: 12px;}
      #smiffys {border: solid 2px red;}
      #smiffys h3 {background: #ffc5c7;}
      #rubies {border: solid 2px blue;}
      #rubies h3 {background: #d6e5fc;}