/* @override 
	http://clothingattesco.uat.venda.com/content/ebiz/clothingattesco/resources/css/base.css
	http://www.clothingattesco.com/content/ebiz/clothingattesco/resources/css/base.css
*/

/* BASE STYLES */
body { margin:0; padding:0;line-height:160%; }
h1, h2, h3 { margin:0; padding:0;}
p { margin:0.5em 0; padding:0; }
img { border:none; outline: none;}

/*   FONTS   */
body {
font-family:arial; 
font-size: 62.5%;
font-style:normal;
font-weight: normal;}

#wrapper, #checkoutwrapper {font-size: 1.2em;}

/* FONT SIZE */
h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3, h4, #home p.intro2 { font-size: 1.1em;}
p,
#collate h3 ,
input,
select,
textarea {outline: none;}

/* FONT WEIGHT */
.bold,
.featprods ul p.price,
#categorylist .price,
#productlist .price,
#productdetail .price,
#productdetail ol .em,
#collate .viewall,
table.wizrtable th {
		font-weight: bold;
		color:#606060;
}
label,
table.wizrtable td,
.deliveryrate h3, 
#searchresults h4 {
		font-weight: normal;
}

/* TEXT */

body { color:#4c4c4c;}
h1,
#admin,
#admin a,
a,
a:hover {
		color:#303030;
}
#header {
background:none !important;
}
#admin,
#footer,
#header a,
#footer a {
		color:#4c4c4c; 
}
.error, 
#atbmsg {
		color:#EE1C2E;
}
.required  {
		color:#EE1C2E;
}
.error,
h2.error {
		width:680px;
		float:left;
		padding:10px 0 9px 30px;
		margin:0 0 10px 0;
		background: url(../images/error_logo.jpg) no-repeat 6px 10px;
		border:2px solid #EE1C2E;
		font-size:1em;
}

/* TEXT DECORATION */
a,
.prods ul h2 a {
		text-decoration: none; 
		outline:0;
}
a:hover {
		text-decoration: underline;
}

/* TEXT ALIGN */
.psel {
		text-align: center;
}
#checkoutwrapper,
table.wizrtable th {
		text-align: left;
}


/*  LISTS  */

ul {
		margin: 0; 
		padding: 0; 
		list-style: none;
}

/* BACKGROUNDS */

body {background-color:#fff;}
#admin, 
#admin a {
		background-color:#EE1C2E;
}
#content-search ,
#content-default_nocoltwothree,
#content-productdetail_nocoltwothree,
#content-myaccount,
#content-checkout,
#content-default_nocolthree,
#content-norecord  {
		background-color:#fff;
}
#header,
#footer {
		background-color:#fff;
}

/* BORDERS */

fieldset {
		border-color:transparent;
}

body {
		text-align: center; /* centres content in ie4/5 */
}
#wrapper,
#checkoutwrapper {
		margin:0 auto; 
		padding:0; 
		text-align: left; 
}
#col-two-three {
		text-align: left; /* ie4 fix needed due to float:right; */
}

/*     FORMS      */

form {
		display: inline; 
		margin: 0;
}
input, 
select {
		vertical-align: middle;
		outline: none;
}
radio, 
checkbox {
		vertical-align: middle; 
		float: left; 
		width: 10%;
}
legend {
		display: none;
}
fieldset {
		margin: 0; 
		border-style: solid; 
		border-width: 0; 
		margin-bottom: 1em; 
		clear: both; 
		padding: 6px 6px 6px 10px;
}
fieldset label {
		float: left; 
		width: 33%;
}
fieldset div div {
		clear: none; 
		float: left; 
		width: 33%;
}
fieldset div {
		clear: both;
}

/* COMMON CLASSES */

.first {
		border-left: 0;
}
.hide {
		display: none;
}
.left {
		float: left;
}
.right {
		float: right;
}
.clear-all {
		clear: both; 
		height: 0; 
		line-height: 0; 
		font-size: 0;
}
.re-waiHide {
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
}

/* NOTIFICATIONS AND ERRORS */
/* admin elements */
#admin {
		margin:0; 
		padding:.5em 0;
}
#admin a {
		text-decoration:underline;
}

/*no javascript*/
#noscript {
		margin:0; 
		padding:.5em 0;
		background:#fff;
}

/* Shared with checkout */
#buttons {
		overflow:hidden; /* must now supply a width value for this to work */
		width:98%;
}
	
/* Communication option */
.smsbox,
.thirdpartybox {
		display:block; 
		clear:both;
}

/*School Wear*/

/* JAD012 Start */
/* Start old select school - Delete if not useing */

#firstDropDown{
float:left;
width:957px;
background:none repeat scroll 0 0 #e5e5e5;
padding-left: 3px
}
#firstDropDown li{
float:left;
font-size:20px;
}
#firstDropDown span.dash{
font-size: 19px
}

#firstDropDown span.schoolalphabet {
cursor: pointer;
margin: 2px 4.5px;
}

div.schoolwearalphabet span.al_selected {
font-weight: bold;
color: #606060;
}

#secondDropDown{
margin:10px 0;
color:#FFF;
padding-bottom:15px;
background: white;
}


#secondDropDown div{
display:block;
width:340px;
padding:10px 12px;
float:left;
margin:15px 0;
font-size:15px;
border: 1px solid #c0c0c0;
}


#secondDropDown div a {
border-bottom: 1px solid #c0c0c0; 
display: block; 
padding-bottom: 4px;
}

#secondDropDown div p {
color : #606060;
margin-top:9px; 
margin-bottom:0px;
font-size: 1.2em;
}


.#schoollist{
clear:both;
background: #FFF;
}

/* End old select school */

.schoolRegion, .ajaxcontainer p {font-size: 1.25em}
.schoolRegion h1 {margin-bottom: .25em; font-size: 1.25em;} /* JAD012 was 1.5em */
.schoolRegion p {float: left; margin: 0; padding: 10px 30px 10px 0;}
.schoolRegion select {margin: 9px;}

.schoolemb strong {font-weight: bold;color: #303030;}

#myList-nav { margin:0; position: relative;}
#myList {width: 935px; padding: 10px 0; overflow: hidden;}
#myList li {padding: 8px 20px; float: left; font-weight: bold; width: 427px;}
#myList li img {float: left; margin-right: 10px;}
#myList li span {font-weight: normal;}
.ln-letters { overflow:hidden;}
.ln-letters a { font-size:1.75em; display:block; float:left; padding:0; width: 35px; text-align: center; border:1px solid silver; border-right:none; border-top: none; text-decoration:none; line-height: 40px; background: #e7e7e7;}
.ln-letters a:hover {background-color: #f5f5f5;}
.ln-letters a.ln-selected { background-color:#fff; border-bottom: none;}
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letters a.a {border-left: none;}
.ln-letters a._ {display: none;}
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-top:-13px; margin-left: 2px; color:#336699; }

.schoolLEAcontainer {margin: 10px 0 20px; float: left; min-height: 30px; min-width: 900px;}

.groupListWrapper{
float:left;
}
.schoolweardesc {
	font-size: 1.25em;
	font-weight: normal;
	width: 960px;
}

.schoolselection h2 {font-size:1.6em; color: #303030;}

/* JAD012 End */

.addnewschool{
float:left;
margin:45px 0 15px 0;
width:100%;
}
.schoolnamebanner{
background: url(../images/schoolnamebanner.gif) no-repeat;
display:block;
width:749px;
float:left;
padding:30px 15px;
}
#searchresults .schoolnamebanner h1{
font-size:26px;
font-weight:normal;
display:block;
}
.schoolmoredetail{
float:left;
}
.schoolmoredetail li{
min-height:17px !important;
}
.schoolinfo{
float:left;
margin-bottom:15px;
width:100%;}
.schoolinfo img{
float:left;
margin:0 20px;
}

/* JAD020 start */
.schoolprods_header{padding: 15px; border: 1px solid silver;}
.schoolprods_header img {float:right;}
.schoolprods_header h1 {font: 40px Georgia, "Times New Roman", Times, serif;}
.schoolprods_header h5 {margin: 0 0 20px 0;	font-size: 1em;	font-weight: normal;}
.schoolprods_header p {margin:10px 0; font-size: 14px;}
.schoolprods_header .tiny {font-style: italic; font-size: 10px;}
.schoolprods_header .back {background: url(../images/arrow-pervious.gif) no-repeat left center; padding:1px 0 0 10px;}

.prods.schools li {float: left; width: 320px; min-height: 470px; text-align: center; position: relative;}
.prods.schools li .details {width: 250px; position: absolute; top: 380px; left: 35px;} 
.prods.schools li h2 {font-weight: normal; font-size: 1.25em; margin: 0 0 10px 0; min-height: 35px;}
.prods.schools li .btdetails {border: 1px solid silver; border-width: 1px 0; overflow: hidden;}
.prods.schools li .price {float: left; font-size: 1.3em; font-weight: bold; padding: 10px 0;}
.prods.schools li .moreinfo {width: 64px;height: 24px;background: url(../images/view.png) no-repeat left;float: right;padding: 3px 0 0 0;margin: 5px 0}
.prods.schools li .moreinfo a {float: left;padding: 3px 0 0 17px;text-decoration: none;color: white;font-weight: bold;text-transform: uppercase;}

.schoolprods-btm {padding: 40px 0 0 0; float: left;}

.schoolprodsdetail div.hproduct {
float:left;
width: 719px;
}

.schoolprodsdetail {
padding-bottom: 45px !important;
width: 719px !important;
}



/* JAD020 end */


div#landingpage-bottombanner { margin-bottom:15px };

/*135590*/
#avail .featprods {background: none repeat scroll 0 0; margin-bottom:15px;}
#productdetail #avail .featprods {background: none repeat scroll 0 0 #D7D7D7; margin-bottom:0px;}
/*RT143327*/
#avail .price_equal a {padding:0 ; float:right;font-size:0.8em; font-weight:normal;}
/*RT143327*/
#avail .featprods h2 {background:none no-repeat scroll left top #C7C7C7;
font-size:14px;
margin-bottom:3px;
padding:5px 0;
text-align:center;
}

#avail #avail-panel-availbasket .featprods h2{
background:none no-repeat scroll left top #c0c0c0;
text-transform:uppercase;
}

#productdetail #avail #iacc .featprods h2 {background: url("../images/bg_avail_header_product.jpg") no-repeat scroll left top transparent; margin-top:5px; text-indent:-5000px; padding-bottom:5px;}
#avail-panel-searchrecs
#productdetail #availproductdetail{
float:left;
margin:0px 0 0;
}
#productdetail #avail  #availproductdetail #iacc {
width:719px;
}
#productdetail #avail #availproductdetail #iacc .featprods ul {
width:718px;
}
#productdetail #avail #availproductdetail #iacc .featprods li {
width:162px;
float:left;
min-height:255px;
padding:10px 7px 0 10px;
}
 #avail #iacc .featprods li {
float:left;
min-height:255px;
padding:10px 15px 0 10px;
}
#productdetail #avail #availproductdetail #iacc .featprods li div.image{
height:160px;
}
#productdetail #avail #availproductdetail #iacc .featprods h2 {
width:718px;
}
#avail h3{
width:137px;
}
#checkoutwrapper #iacc .featprods .prodimage h3, #checkoutwrapper #iacc .featprods .details{
 display:none;
}
#productdetail #avail #availproductdetail #iacc .featprods .prodimage h3, #productdetail #avail #availproductdetail #iacc .featprods .details{
 display:none;
}
 #avail #iacc .featprods .prodimage h3,  #avail #iacc .featprods .details{
 display:none;
}
 #avail .irecslist ul .details_equal{
padding-top:2px;
}
 #avail .irecslist ul {
}
 #avail .irecslist #iacc .featprods ul li {
float:left;
margin:0;
min-height:205px;
padding:0;
width:148px;
-width:137px;
}
 #avail #avail-panel-availbasket  #iacc .featprods ul li{
width:155px;
}
 #avail  .irecslist #iacc .featprods ul li div.liwrapper {
background:none repeat scroll 0 0 #c0c0c0;
border:1px solid #669999;
color:white;
float:left;
margin:0px 2.5px 0px;
min-height:205px;
padding:0;
width:140px;
-margin:0 1px;
}
 #avail #avail-panel-availbasket #iacc .featprods ul li div.liwrapper {
background:none repeat scroll 0 0 #909090;
border:1px solid #909090;
color:white;
float:left;
margin:0px 2.5px 0px;
min-height:205px;
padding:0;
width:140px;
-margin:0 1px;
}

 #avail  .irecslist ul .details_equal a{
color:white;
font-size:15px;
}
 #avail  .irecslist .Slider{
overflow:hidden;
float:left;
overflow:hidden;
padding:0;
width:auto;
}
  #avail .irecslist #Slider #Sliderlist li img{
height:138px;
width:138px;
}

  #avail .irecslist img.slide {
cursor:pointer;
display:inline;
}
.irecslist img.slide {
display:none;
}
  #avail .irecslist img#SliderLeft{
left:0;
margin-left:7px;
margin-top:80px;
position:absolute;
}
 #avail  .irecslist img#SliderRight{
margin-left:-40px;
margin-top:80px;
position:absolute;
}
  #avail .irecslist .slidewrapper {
float:left;
margin:0 40px;
overflow:hidden;
position:relative;
width:590px;
-position:relative;
-display:inline;
}
 #avail #avail-panel-availbasket .slidewrapper {
width:610px;
-position:relative;
-display:inline;
}
 #avail  .irecslist .slidewrapper ul {
float:left;
list-style-type:none;
margin:0;
padding:10px 0;
width:5000px;
}
#avail .irecslist #iacc{
margin:0 40px;
position:relative;
}
#avail #avail-panel-availbasket #iacc{
margin:0;
}
#avail .irecslist #iacc #Slider #slidesuperwrapper{
margin:0;
padding:0;
background:none no-repeat scroll left top #d7d7d7;
float:left;
-position:relative;
}
#avail #avail-panel-availbasket #iacc #Slider #slidesuperwrapper{
background:none no-repeat scroll left top #c0c0c0;
-position:relative;
}
 .irecslist #Slider #Sliderlist li img.viewnow{
height:auto;
width:auto;
}
#avail_prod #iacc .featprods li .image {
float:left;
margin:0;
width:100%;
border:medium none !important;
}
#avail_prod #iacc .featprods li .image img{
height:auto;
width:75px;

}
#avail_prod #iacc .featprods li .details_equal {
text-align:left;
width:104px;
-width:100px;
}
#avail_prod #iacc .availlink {
display: none;}
#avail_prod #iacc .featprods li .details_equal a {
font-weight:normal;
width:160px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
}
#avail_prod #iacc .featprods li .details_equal h3{
font-size:1em;
font-weight:normal;text-align:center;
margin:-3px 0 0;
padding:0;
width:185px;
}
#avail_prod #iacc .featprods li .details_equal .was_equal{
float:left;
padding:6px 0 0 0px;
width:104px;
-width:100px;
color:#606060;
font-size:0.92em;
margin:0;
text-transform:lowercase;
}
#avail_prod #iacc .featprods li .details_equal .price_equal{
float:left;
padding:0;
width:104px;
-width:100px;
color:#606060;
font-weight:bold;
}
#avail_prod #iacc .featprods li  {
float:left;
margin:0;
padding:0 0 17px;
width:186px;
}
#productdetail #avail_prod  #iacc .featprods ul {
margin:10px 0 0;
padding:0;
width:181px;
}
#avail_prod .price_equal a {background: url("../images/bg_view_iacc.gif") no-repeat scroll left 1px transparent; padding:0 0 2px 2px; float:right;font-size:0em; font-weight:normal;width:7px;color:#fff;}
#avail .price_equal a {background: url("../images/bt_viewnow_avail.png") no-repeat; padding:0 0 5px 5px; float:right;font-size:0.8em; font-weight:normal; text-indent:-9999px;height:14px;
width:10px; -background-image:none;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/content/ebiz/clothingattesco/resources/images/bt_viewnow_avail.png');}

/*135590*/

li.total a {text-transform:uppercase; font-weight:bold;}
ul.items_added li.items a { font-weight:bold;}
/* Back to school quality page*/
#btsmain {
float:left;
width:960px;
}
#btsmain .quality {
float:left;
width:750px;
}
#btsmain .quality .frow {
float:left;
height:170px;
width:750px;
}
#btsmain .benefits {
float:left;
width:210px;
}
#btsmain .quality .frow .title {
float:left;
font-family:arial;
font-weight:bold;
font-size:180px;
display:block;
margin:0px;
line-height:180px;
}
#btsmain .quality .frow .cont1 {
float:left;
width:363px;
font-family:arial;
font-weight:bold;
font-size:46px;
margin:0px;
padding-top:17px;
line-height:46px;
}
.smalltext {
float:left;
font-family:arial;
font-size:14px;
color:#000000;
font-weight:normal;
line-height:16px;
margin:0px;
padding-top:5px;
}
#btsmain .quality .frow .logo {
float:left;
margin:0px;
padding-top:5px;
padding-left:50px;
}
#btsmain .quality .srow .btsimg {
float:left;
height:270px;
margin:0;
padding:7px 0;
width:490px;
}
#btsmain .quality .srow .cta {
float:left;
margin:0px;
padding:0px;
width:245px;
height:281px;
}
#btsmain .quality .srow {
float:left;
height:290px;
width:750px;
}
#btsmain .quality .srow .cta .cta1{
float:left;
margin:0px;
margin-top:7px;
padding:7px;
height:115px;
background:#0255a3;
color:#ffffff;
font-family:arial;
font-size:16px;
text-transform:uppercase;
line-height:20px;
font-weight:bold;
letter-spacing:0.1em;
width:120px;
}
.cta1show {
float:left;
background:#fff;
width:100px;
margin-top:10px;
padding:2px;
font-family:arial;
font-size:15px;
color:#2f5594;
font-style:italic;
font-weight:normal;
letter-spacing:0em;
}
.arrow {
float:left;
margin:0px;
padding-top:11px;
padding-left:5px;
}
#btsmain .quality .srow .cta .ctaimg {
float:left;
}
#btsmain .quality .srow .cta .cta2{
float:left;
margin:0px;
margin-top:5px;
padding:7px;
height:116px;
background:#0255a3;
color:#ffffff;
font-family:arial;
font-size:16px;
text-transform:uppercase;
line-height:20px;
letter-spacing:0.1em;
width:120px;
}
#btsmain .quality .trow {
float:left;
}
#btsmain .quality .trow .fcol {
float:left;
width:400px;
margin:0px;
padding-left:30px;
}
.number {
font-family:arial;
float:left;
font-size:20px;
font-weight:bold;
color:#000000;
margin:0px;
width:315px;
padding:0px;
line-height:25px;
}
.caption1 {
color:#c22c6c;
font-weight:bold;
}
.ntext {
width:315px;
font-family:arial;
font-size:13px;
color:#000000;
float:left;
line-height:14px;
margin:0px;
padding-bottom:10px;
}
.caption2 {
color:#abc041;
font-weight:bold;
}
.caption3 {
color:#c73d6e;
font-weight:bold;
}
.caption4 {
color:#fe9c43;
font-weight:bold;
}
.caption5 {
color:#4495d4;
font-weight:bold;
}
.caption6 {
color:#d25863;
font-weight:bold;
}
.caption7 {
color:#1d3283;
font-weight:bold;
}
.caption8 {
color:#983d78;
font-weight:bold;
}
#btsmain .benefits .benefit {
float:left;
width:197px;
margin:0px;
padding:7px 0px 5px 5px;
border:dotted;
}
#btsmain .benefits .benefit .bheader {
float:left;
font-family:arial;
font-size:37px;
color:#000000;
font-weight:bold;
margin:0px;
padding:7px;
}
#btsmain .benefits .benefit .desc {
float:left;
font-family:arial;
font-size:14px;
color:#000000;
margin:0px;
padding:7px;
}
#btsmain .benefits .benefit .benefitimg {
float:left;
width:53px;
margin:0px;
padding-left:5px;
padding-bottom:7px;
}
#btsmain .benefits .benefit .benefitdesc {
float:left;
width:125px;
font-family:arial;
font-size:12px;
color:#000000;
margin:0px;
padding-left:7px;
line-height:16px;
letter-spacing:0.07em;
}
#btsmain .benefits .benefit .benefitrow {
float:left;
margin:0px;
padding-bottom:5px;
}
#btsmain .quality .range {
float:left;
margin:0px;
padding-left:520px;
padding-top:20px;
}
/* temp */
#shopinshop  {margin-top:10px;}
#shopinshop .character-shop {margin-left:10px;}
#shopinshop li {float:left;width:179px;margin-left:10px;margin-bottom:25px;}
#shopinshop .brandblock { border:1px solid #ccc;width:180px; min-height:250px;}
#shopinshop img {margin:2px 2px 4px 2px;}
#shopinshop .titleblock {font-weight:bold;margin-top:10px;}
#shopinshop h2 {line-height:120%; font-size:1.2em;padding:0 4px;text-align:center;}
#shopinshop .descblock {min-height:40px;padding:0 4px;text-align:center;}
#shopinshop .image {height:175px;width:175px;float:center;display:block;position:relative;}
#shopinshop .buttonblock {min-height:15px;color:#fff;text-transform:uppercase;padding:15px 4px 4px 4px;font-weight:bold;text-align:center;}
#shopinshop .buttonblock a {color:#fff;}
#shopinshop .green-view-button {background-image:url(../images/button-green-shop.png); background-repeat:no-repeat; background-position:50% -8px;}
#shopinshop .green-view-button-base {height:8px;background-image:url(../images/button-green-shop.png); background-repeat:no-repeat; background-position:50% 0;}
/*CHARACTER SHOP PINGS*/
#shopinshop .brandblock .catping_overlay{
	float:right;
	position:absolute;
	top:75px;
	z-index:2;
	
}
#shopinshop .brandblock .catping_overlay img{
	float:right;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
/*END CHARACTER SHOP PINGS*/
.buylistbackto {
float:left;
width:800px;
padding-top:20px;
padding-bottom:10px;
font-weight:bold;
}
#col-one.cc-left h3 {
margin-top:10px;
}
#col-one.cc-left ul {
margin-bottom:15px;
}
#col-one.cc-left ul li.character-collections, #col-one.cc-left ul li.character-clothing {
display:none;
}
#col-one.cc-left ul li.baby-character {
margin-bottom:20px;
}
#shopinshop .brandblockgc {
border:1px dashed #CCCCCC;
min-height:300px;
width:180px;
}
#shopinshop .descblockgc {
margin:10px;
min-height:80px;
padding:0px;
text-align:center;
}
#shopinshop .descblockgc p {
margin:0px;
}
#shopinshop .green-view-buttongc {
background:none;
}
#shopinshop .green-view-buttongc .buttonblock {
background:none repeat scroll 0 0 #709302;
color:#FFFFFF;
font-weight:bold;
margin:10px 40px;
min-height:15px;
padding:10px;
text-align:center;
text-transform:uppercase;
}
#shopinshop .green-view-buttongc .green-view-button-base {
background:none;
}
#shopinshop .descblockgc h2 {
padding-bottom:5px;
}
.catgc_overlay{
	float:right;
	position:relative;
	top:120px;
	z-index:2;
}
.catgc_overlay img{
	float:right;
    height:auto;
    margin:0;
    padding:0;
    position:absolute;
    right:-45px;
    top:25px;
     width:auto;
}