/*################ FAQ's ###############*/
.faqItem {
	float: left;
	border-bottom: 1px solid #800000;
}

.faqItem .question {
	float: left;
	width: 647px;
}

.faqItem .question b, .faqItem .question h1 {
	float: left;
	line-height: 40px;
	font-size: 12px;
	padding: 10px;
	color: #813e5d;
	font-weight: bold;
}

.faqItem .answer{
	float: left;
	width: 627px;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #ff6699;
}

.faqItem .answer b, .faqItem .answer span {
	float: left;
	font-size: 12px;
	width: 627px;
}

/*############### filter list #############*/
		
.filterContainerContainer {	
	float: left;
	width:175px;
    background: url('../images/layout/boxBg.jpg') repeat-y top left;
    padding:0px 0px;
    border-top:0px;
}

.filterHeader {    
    background-color:#00763b;
    background: url('../images/layout/boxHeader.jpg') no-repeat top left;
    color:#fff;
    height:25px;
    line-height:25px;
    margin-top:20px;
    padding-left:10px;
    text-align:left;
}

.filterFooter {    
    background: url('../images/layout/boxFooter.jpg') no-repeat top left;
    height:7px;
    line-height:7px;
    float:left; 
    width:175px;
}

.filterContainer {
	float: left;
	margin-bottom: 0px;
	padding-bottom:5px;
}

.filterContainer .header {
	font-size: 12px;    
	line-height: 25px;
	font-weight: bold;
	color: #404241;
	border-bottom:1px solid #e0e0e0;
	margin:3px auto;	
	padding-left:9px;
}

.filterContainer ul {
	/*background: #fff url('../images/layout/filterBg.gif') top left repeat-y;*/
	width: 100%;
	float: left;
	display: block;
	list-style-type: none;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

.filterContainer li {
	float: left;
	line-height: 25px;
	list-style-type: none;
	margin: 0px;
	position: relative;
	padding: 0px;
	font-size: 11px
}

.filterContainer li.filtered a,
.filterContainer li.filtered a:visited,
.filterContainer li.filtered a:link {
	float: left;
	list-style-type: none;
	margin: 0px;
	height: 22px;
	line-height: 22px;
	padding: 0px;
	padding-left: 30px;
	background: #f0d1dd url('../images/layout/filterArrowCross.gif') center left repeat-y;
	border-top: 0px solid #43494D;
	color: #282828;
	width: 143px;
	font-weight: bold;
}

.filterContainer li a,
.filterContainer li a:visited,
.filterContainer li a:link {
	color: #282828;
	float: left;
	display: block;
	line-height: 20px;
	width: 150px;
	background: url('../images/layout/filterArrow.gif') center left no-repeat;
	padding-left: 23px;	 
}

.filterContainer li img.cross {
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}

.filterContainer li a.cross img {
	display: inline;
	margin: 0px;
	padding: 6px;
	vertical-align: middle;
}

.filterContainer li a:hover {	
	background: #F7F7F7 url('../images/layout/filterArrowHover.gif') center left repeat-y; 
}

.filterContainer li.filtered a:hover {	
	background: #F7F7F7 url('../images/layout/filterArrowCrossHover.gif') center left repeat-y; 
}

/* ############ Stock email form ############ */

#stockEmailForm table {
	padding-top: 15px;
}

#stockEmailForm table {
	float: left;
	width: 500px;
	color: #000;
	font-family: tahoma;
}

#stockEmailForm table th {
	color: #b7648a;
	width: 190px;
	padding: 2px 0px;
	padding-right: 5px;
}

#stockEmailForm table td {
	color: #b7648a;
	width: 300px;
	padding: 2px 0px;
}

/*AutoComplete flyout */

.qo_completionListElement, .ps_completionListElement 
{  
	margin : 0px!important;
	background-color : #fff;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	overflow : auto;
	height : 50px;
    text-align : left; 
    list-style-type : none;
    cursor:pointer;
    padding-left:0px;
}

/* AutoComplete highlighted item */

.qo_highlightedListItem, .ps_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding:1px;
	list-style-type : none;
	margin-left:0px;
}

/* AutoComplete item */

.qo_listItem, .ps_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	list-style-type : none;
	margin-left:0px;
}

/*######### homepage categories #########*/

.homepageCatBox {
    width:185px;
    background: url(../images/layout/category_bg.jpg) no-repeat center top;
    padding-top:15px;
    text-align:center;
    height:185px;
    float:left;
    margin:0px 3px;
}

.homepageCatBox h2 {
    width:175px;
    margin:5px 5px 10px 5px;
    text-align:center;
    font-weight:bold;   
 }
 
 .homepageCatBox h2 a {
    color:#ec008c;
}
 
 .homepageCatBox img {
    max-width:160px;
    max-height:140px;
    margin:0px auto;
    vertical-align:middle;
}    
    
/*######### product showcase ###########*/

.showcaseBox {
    width:171px;
    float:left;
    margin:0px 1px;  
    padding:5px 0px;
    height:69px; 
}

.showcaseBox .showcaseImg {
    width:60px;
    height:60px;
    margin:0px;    
    float:left;
}    

.showcaseBox .showcaseImg table {
    width:60px;
    text-align:center;
    height:60px;
}
    
 .showcaseBox .showcaseImg table td {
    height:60px;
    vertical-align:middle;
}   
    
.showcaseBox .showcaseImg table img {
    max-width:50px;
    max-height:50px;    
    vertical-align:middle;
}

.showcaseBox .productName {
	width:105px;
	float:left;
	height:41px;
	overflow:hidden;
	text-align:left;
	font-size:11px;
	margin:5px 0px;
}

.showcaseBox .productPrice {
    float:left;
    width:100px; 
    font-size:11px;
  	margin-bottom:5px;
}

.showcaseBox .productPrice a {
	color:#353a38;
}

/*######### product showcase special offers ##########*/
.showcaseBoxOffers {
    width:171px;
    float:left;
    margin:0px 1px;  
    padding:5px 0px;
     
}

.showcaseBoxOffers .showcaseImg {
    width:171px;
    height:75px;
    margin:0px auto 7px auto;    
    float:left;
}    

.showcaseBoxOffers .showcaseImg table {
    width:171px;
    text-align:center;
    height:70px;
}
    
 .showcaseBoxOffers .showcaseImg table td {
    height:75px;
    vertical-align:middle;
    text-align:center;
}   
    
.showcaseBoxOffers .showcaseImg table img {
    max-width:75px;
    max-height:75px;    
    vertical-align:middle;
}

.showcaseBoxOffers .productName {
	width:161px;
	float:left;
	height:30px;
	overflow:hidden;
	text-align:center;
	font-size:11px;
	margin:5px 5px;
}

.showcaseBoxOffers .productPrice {
    float:left;
    width:171px; 
    font-size:11px;
  	margin-bottom:5px;
  	text-align:center;
  	color:#b50613;
}

.showcaseBoxOffers .productPrice .wasPrice {
	color:#353a38;
	padding-right:5px;
}

.showcaseBoxOffers .productPrice a {
	color:#353a38;
}

/*##################### showcase box - basket ######################*/

.showcaseBoxBasket {
    width:171px;
   /* float:left;*/
    margin:0px 1px;  
    padding:0px;
    display:inline-block;
     
}

.showcaseBoxBasket .showcaseImg {
    width:171px;
    height:90px;
    margin:0px auto 7px auto;    
    /*float:left;*/
}    

.showcaseBoxBasket .showcaseImg table {
    width:171px;
    text-align:center;
    height:90px;
}
    
 .showcaseBoxBasket .showcaseImg table td {
    height:90px;
    vertical-align:middle;
    text-align:center;
}   
    
.showcaseBoxBasket .showcaseImg table img {
    max-width:90px;
    max-height:90px;    
    vertical-align:middle;
}

.showcaseBoxBasket .productName {
	width:161px;
	/*float:left;*/
	height:30px;
	overflow:hidden;
	text-align:center;
	font-size:11px;
	margin:5px 5px;
}

.showcaseBoxBasket .productPrice {
   /* float:left;*/
    width:171px; 
    font-size:11px;
  	text-align:center;
  	color:#b50613;
}

.showcaseBoxBasket .productPrice a {
	color:#353a38;
}


/*###################### brand drop down *###################################*/
/************** Skin 1 *********************/
.dd {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:13px;
}
.dd .ddTitle {
	background:#fff;
	border:1px solid #c3c3c3;
	padding:3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:16px;
}
.dd .ddTitle span.arrow {
	background:url('../images/layout/dd_arrow.gif') no-repeat 0 0; float:right; display:inline-block;width:16px; height:16px; cursor:pointer; 
}

.dd .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:16px;}
.dd .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0}
.dd .ddTitle img.selected {
	padding:0 3px 0 0;
	vertical-align:top;
}
.dd .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
}
.dd .ddChild .opta a, .dd .ddChild .opta a:visited {padding-left:10px}
.dd .ddChild a {
	display:block;
	padding:2px 0 2px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd .ddChild a:hover {
	background-color:#66CCFF;
}
.dd .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd .ddChild a.selected {
	background-color:#66CCFF;
	
}
.hidden {display:none;}

/************** Skin 2 *********************/
.dd2 {
	/*display:inline-block !important;*/
	text-align:left;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}
.dd2 .ddTitle {
	background:transparent url(../images/msDropDown.gif) no-repeat;
	padding:0 3px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:36px;
}
.dd2 .ddTitle span.arrow {
	background:transparent url('../images/layout/icon-arrow.gif') no-repeat 0 0; float:right; display:inline-block;width:27px; height:27px; cursor:pointer; top:5px; position:relative; right:2px;
}

.dd2 .ddTitle span.ddTitleText {text-indent:1px; overflow:hidden; line-height:33px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#fff;}
.dd2 .ddTitle span.ddTitleText img{text-align:left; padding:0 2px 0 0;}
.dd2 .ddTitle img.selected {
	padding:0 2px 0 0;
	vertical-align:top;
}
.dd2 .ddChild {
	position:absolute;
	border:1px solid #c3c3c3;
	border-top:none;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background-color:#ffffff;
	font-size:14px;
}
.dd2 .ddChild .opta a, .dd2 .ddChild .opta a:visited {padding-left:10px}
.dd2 .ddChild a {
	display:block;
	padding:3px 0 3px 3px;
	text-decoration:none;
	color:#000;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}
.dd2 .ddChild a:hover {
	background-color:#66CCFF;
}
.dd2 .ddChild a img {
	border:0;
	padding:0 2px 0 0;
	vertical-align:middle;
}
.dd2 .ddChild a.selected {
	background-color:#66CCFF;	
}

/************* use sprite *****************/
.dd .ddChild a.sprite, .dd .ddChild a.sprite:visited {
	padding-left:24px;
	background-repeat:no-repeat;
	background-position:2px 2px;
}



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

#brandList ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#brandList ul li {
	display:block;
	float:left;
	width:120px;
	height:30px;
	padding:10px 8px;
	text-align:center;
}	

.countryClothingBox {
	width:136px;
	float:left;
	border-right:1px solid #e0e0e0;
	text-align:center;
	height:280px;
	margin-top:10px;
}

.countryClothingBox.right {
	border-right:0px;
}

.countryClothingBox .heading {
	font-size:14px;
	margin-top:5px;
}

.countryClothingBox .bodyText {
	font-size:11px;
	width:126px;
	text-align:left;
	margin-top:10px;
	padding:0px 5px;
}

.middle .bodyText {
	width:116px;
	padding:0px 10px;
}

.right .bodyText {
	padding:0px 0px 0px 10px;
}

.footwearBox {
	width:108px;
	float:left;
	border-right:1px solid #e0e0e0;
	margin-top:10px;
	text-align:center;
	height:285px;
}

.footwearBox.right {
	border-right:0px;
}

.footwearBox .heading {
	font-size:14px;
	margin-top:10px;
}

.footwearBox .bodyText {
	width:98px;
	font-size:11px;
	text-align:left;
	margin-top:10px;
	padding:0px 5px;
}	

.footwearBox.middle .bodyText {
	width:94px;
	padding:0px 7px;
}

.footwearBox.right .bodyText {
	padding:0px 0px 0px 10px;
}
	

/*######################*/
.vg {
	border:1px solid #dcdcdc;
	text-align:left;
	padding:10px;	
	background-color:#fff;
}

.vg .button {
	
	
}

.vg .button input {
	
}

#vanguard {
	background-color:#fff;
}

.vg td {
	text-align:left;
	padding-right:10px;	
	font-weight:bold;
}

.vg td input {
	margin:0 5px;
	float:left;
}

.vg table {
	margin-bottom:10px;
	margin-top:5px;
}

.vg .error {
	color:#ff0000;
	font-weight:normal;
}

#scheme_logo img {
	height:20px;
	float:left;
}


#pleaseWait,
#pleaseWaitCheckout {
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color: rgba(255, 255, 255, 0.4); 
	color: rgba(255, 255, 255, 0.4);
	text-align:center;
}

#pleaseWait img, #pleaseWaitCheckout img {
	position:absolute;
	top:50%;
	left:50%;
	margin:-66px 0 0 -33px;
}

.Cyrane_CardProcessingContent {
	
	
}

#dnn_ctr2450_ViewCyraneCardProcessing_ctl00_Vanguard_pnlCardCaptureFrame body {
	background-color:#fff;
}

.vg .card_schemes img {
	
	margin-right:5px;
}

.vg .card_schemes {
	display:block;
	margin:5px 0 5px 0;
}

.vg .card_schemes,  .vg .card_schemes td{
	height:35px;
	vertical-align:bottom;
}

.vg .amount {
	margin:10px 0px;
}

.vg big {
	font-size:18px;
}
	
.vg .card_schemes  {
	padding-left:0px;
	height:30px;
}


.vg span.text {
	float:left;
	line-height:20px;
	padding-left:0px;
}

#loadme img {
	height:50px;
}

#loadme {
	font-size:11px;
}

#loadme div {
	float:left;
	text-align:center;
	width:300px;
}

#loadme div img {
	margin:5px auto;
}



/* global */
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}

.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'default'
-------------------------------------- */

.cluetip-default {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}

/* default arrows */
div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
}

.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}

.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
/*  margin-bottom: 1em;*/
}

/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.cluetip-rounded  .cluetip-arrows {
  border-color: #ccc;
}

/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded  .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;

}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;

}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}