﻿*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

html 
{
	/*hide the horizontal scroll bar for 800x600)*/
	overflow-x:hidden;
	overflow-y:scroll;

}
body 
{
    background-color:#fff;

}

h1 
{
	font-size:11pt;

}

marquee, marquee h1 
{
	font-size:9pt !important;
	/*font-style:italic;*/
	display:inline;
}

#titleImage
{
    /*background-image:url('images/title.png');*/
    /*background-image:url('images/titleV3.png');*/
    background-image:url('images/titleV4.gif');
    /*background-image:url('/images/xmaslogo.gif');*/
    background-repeat:no-repeat;
    /*margin-left:118px;*/
    /*margin-left:72px;*/
    margin-left:20px;
    height:89px;   
    color:#000;
    text-decoration:none; 
}

#homeLink a
{
	float:left;
	width:295px;
	height:80px;
}
#tpLink a
{
	display:block;
	position: absolute;
	top: 5px;
	left: 385px;
	width:391px;
	height:70px;
}

#toolNav
{
    float:right;
    font-size:7pt;
    /*margin-right:126px;*/
    /*margin-right:80px;*/
    margin-right:20px;
    
}
#toolNav a:link, #toolNav a:visited
{
    color:#000;
    text-decoration:none;
}

#toolNav a:hover
{
    color:#7a7a7b;
}

#wrapper
{
    position:relative;
    width:793px;
    margin-right:auto;
    margin-left:auto;
    margin-top:5px;
    text-align:left;
    background-color:#fff;
        
}  
#container
{
	float:left;
    position:absolute;
    left:0px;
    top:0px;
    margin-left:-118px;
    width:1024px;
    min-height:630px;
    /* RCheight:830px;*/
    background-color:#fff;
   
    } 
/*Content*/ 

.bodyContainer
{
	float:left;
    position:relative;
    left:0px;
    top:0px;
    width:1024px;
    height:auto;
    margin-top:1px;
    margin-bottom:0px;
    
 }
.main
{
	float:left;
    position:relative;
    width:1024px;
    height:auto;
    background-color:#fff;
    background-repeat:no-repeat;
    /* RC height:453px;*/
    min-height:453px;
}

#bodyContent 
{	
	/*background:#fff;*/
	color:#fff;
	text-align:right;
	margin:16px 10px 0px 0px;
	float:right;
	position:relative;
}

#bodyContent h1 
{
	font-size:24pt;
	font-style:italic;
}

#bodyContent p 
{
	font-size:18pt;
	font-style:italic;	
}

#bodyRight 
{
	/*background:blue;*/
	width:150px;
	float:right;
		position:relative;
		text-align:center;
		padding:10px;
}

#bodyRight h2 {padding-top:6px;font-size:14pt;}
#bodyRight h3 {font-size:9pt;}

#bodyRight .stepRow 
{
	width:130px;
	height:20px;
	padding-left:0px;
	text-align:left;
	display:block;
}
#bodyRight .number {font-size:12pt;font-weight:bold;color:#4E4E4E;display:block;float:left;width:20px;}
#bodyRight .text {font-size:7.5pt;color:#4E4E4E;display:block;float:left;text-align:justify;width:110px;}
#bodyRight .delivery {color:#C20017;font-weight:bold;}
#bodyRight h4 {float:left;display:block;width:50px;font-size:14pt;margin:0px 4px 0px 16px;}
#bodyRight .delivery span {display:block;color:#C20017;font-weight:bold;font-size:7.5pt;text-align:left;margin-top:-2px;}

.genericContent 
{
	margin:20px 150px 0px 150px;
	font-size:11pt;
}

#genericArea 
{
	margin:0px 0px 0px 0px;
	border:1px solid #000;
	float:left;
	display:block;
	width:710px;
	min-height:420px;
}

#genericArea h1 {color:#fff;background:#000;padding:5px 5px 5px 10px;}
#genericArea h2 {margin:10px;font-size:10pt;text-decoration:underline;display:block;}
#genericArea h3 {margin:10px;font-size:9pt;clear:both;display:block;}
#genericArea p {margin:10px;font-size:10pt;}
#genericArea table {margin:10px;font-size:10pt;}
#genericArea ul {font-size:10pt;list-style-type:none;margin-left:100px;margin-bottom:10px;}
#genericArea textarea {width:220px;height:200px;overflow-y:hidden;}

#genericArea .lCol {float:left;width:300px;}
#genericArea .rCol {float:left;width:410px;}
#genericArea .area {float:left;padding:5px 5px 5px 10px;}
#genericArea .row {font-size:10pt;margin-top:6px;}
#genericArea .field {width:100px;display:block;float:left;margin-bottom:5px;}
#genericArea .error {color:#ff0000;font-size:10pt;text-align:center;}
#genericArea .cost {width:150px;float:left;font-size:9pt;margin-left:10px;font-weight:bold;}
#genericArea .detail {width:530px;float:left;font-size:9pt;}
#genericArea .detail2 {width:530px;font-size:7.5pt;margin-bottom:10px;clear:both;margin-left:10px;}
#genericArea .detail3 {font-size:7.5pt;height:30px;display:block;margin-left:10px;}
#genericArea a:link, #genericArea a:visited {color:#cc0000;}
#genericArea a:hover {color:#000;}
#terms p,#terms  ul,#terms  h2,#terms  table {font-size:7.5pt !important;}
#lCol {width:340px;float:left;margin-top:75px;padding-left:65px;}
#rCol {width:300px;float:left;margin-top:50px;text-align:center;}
#rCol a {border:1px solid #000;}


/*background images*/
.home {background-image:url('images/homepage.jpg');background-color:#000;}
.bt {background-image:url('images/bt_main3.jpg');}
.we {background-image:url('images/weddings_mainv2.png');}
.hl {background-image:url('images/highland_main.jpg');}
.as {background-image:url('images/asian_main.jpg');}
.ld {background-image:url('images/ladiesDresses_Main.jpg');}
.pr {background-image:url('images/proms_main.jpg');}

.hugePage 
{
	height:1050px !important;
	/*height:940px !important;*/
}

.bigPage 
{
	height:822px !important;
	/*height:708px !important;*/
}
.smallPage 
{
	height:585px !important;
	/*height:476px !important;*/
}

#mainImage
{
    background-color:#fff;
    height:226px;
    width:629px;
    margin:20px 0px 0px 300px;
    position:absolute;   
}
#contentDescHolder 
{
	font-size:8pt;
	background-color:#fff;
	border:1px solid #000;
    height:75px;
    width:617px;
    margin:254px 0px 250px 300px;
    position:absolute; 
    padding:5px;
    overflow-y:auto;
    /*visibility:hidden;*/
}

#contentDescHolder p {margin-bottom:10px;}

/*Ladies dresses bg images*/
.bm{background-image:url('../images/bridesmaids_main.png');}
.pd{background-image:url('../images/prom-dress_main.png');}
.ed{background-image:url('../images/evening-dress_main.png');}
/*Highland bg images*/
.ag{background-image:url('../images/argyll_main.png');}
.pc{background-image:url('../images/prince-charlie_main.png');}
.gs{background-image:url('../images/ghillie_main.png');}
/*Asian bg images*/
.s1{background-image:url('../images/style1-main.png');}
.s2{background-image:url('../images/style2-main.png');}
.s3{background-image:url('../images/style3-main.png');}
/*Weddings bg images*/
.tc{background-image:url('../images/tailcoat-main.png');}
.fc{background-image:url('../images/frockcoat-main.png');}
.pe{background-image:url('../images/prince-Edward-main.png');}
.nv{background-image:url('../images/nouveau-main.png');}
.sj{background-image:url('../images/Short-jacket-main.png');}
.ls{background-image:url('../images/lounge-suit-main.png');}
/*Weddings bg images*/
.sb{background-image:url('../images/sbdj-main.png');}
.db{background-image:url('../images/dbdj-main.png');}
.wt{background-image:url('../images/white-Tux-main.png');}
.et{background-image:url('../images/evening-tailcoat-main.png');}


#footerScroll
{
	float:left;
    margin-top:2px;
    width:1024px;
    line-height:20px;
    background-color:#000000;
    color:#ffffff;
    margin-top:1px;
}

#ftNewsOffers
{
      height:19px;
      width:166px;
      background-color:#fff;
      color:#000;
      position:absolute;
      margin-left:118px;
      text-align:center;
      font-size:10pt;
      border-bottom:1px solid #000;
      font-weight:bold;
}


#footerNotes
{
	float:left;
    text-align:center;
    font-size:7pt;   
    display:inline;
    padding-bottom:10px;
}
#footerNotes .left
{
    float:left;
    width:440px;
    text-align:left;
    margin-top:10px;
    padding-top:5px;
    padding-left:133px;
}
#footerNotes .right
{
    float:left;
    width:390px;
    text-align:left;
    margin-top:10px;
}
#footerNotes .bottom
{
    margin-top:0px;
    text-align:center;
    float:left;
    width:1024px;
}
#footerNotes a:link, #footerNotes a:visited
{
    text-decoration:none;
    color:#000;
    
}
#footerNotes a:hover
{
    color:#7a7a7b;
}
.rightSpan
{
    float:left;
    margin-left:5px;
    margin-top:5px;
    padding-left:0px;
}

.clearFloat
{
    clear:both;
}



/*image Menu*/   
.imgMenuBackcolour
{
    width:100%;
    height:100%;
    background-color:#F9F9F9;
    border-color:#000;
    margin-top:0px;
   /* opacity:0.8;
    filter:alpha(opacity=80);*/
}
.imageMenuContents
{
    position:absolute;
    left:0px;
    top:0px;
}
.imgMenuContainer
{
    position:absolute;
    left:118px;
    top:0px;
    width:166px;
    /*height:453px;*/
    height:100%;
    overflow:hidden;
 }

.menuItem_2
{
   width:100%;
   border:none;

}
.menuItem_2  a:link, .menuItem_2 a:visited
{
     float:left;
     border:none;
     display:inline;
     text-decoration:none;
     cursor:pointer;
}
.menuItem_2 a:hover
{
    background-color:#ccc;
}
.menuItem_2 img
{
    margin-left:5px;
    float:left;
}

.menuItem_2 .amButtons
{
    height:50px;
    font-size:9pt;
    margin:5px 5px 0px 5px;
    color:#000;
    cursor:pointer;
}

.packageDesc
{
    text-align:right;
    font-size:8pt;
    font-weight:bold;
    margin:0px 10px 0px 0px;
    color:#000;  
    float:right;
    width:95px;
    margin-top:15px;
}
.ChildSizesAvailable
{
    font-size:8pt;
    font-weight:bold;
    color:#000;  
}

.packageDesc .packageDescSmall
{
   font-weight:normal; 
}

.menuItemText
{
    width:166px;
    border:0px;
    color:#fff;
}
.menuItemText a:link, .menuItemText a:visited
{
    color:#fff;
    border:0px;
}

.menuItemText img
{
    border:0px;
    /*height:85px;*/
    
}

/*Top Menu */
#topMenu
{
	padding-left:118px;
    margin-top:0px;
    width:906px;
	height:25px;
    background-color:#000;
    color:#fff;
    display:block;
}

#tmSelected a:link, #tmSelected a:visited
{
	font-size:10pt;
    background-color:#F9F9F9;
    color:#000;
    text-align:center;
    width:166px;
    height:24px;
    /*margin-left:118px;*/
    display:block;
    float:left;
    text-decoration:none;
    line-height:25px;
    border-top:1px solid #000; 
}
#tmSelected a:hover
{
    background-color:#F9F9F9;
}

#tmNotSelected a:link, #tmNotSelected a:visited
{
	font-size:10pt;
    background-color:#000;
    color:#fff;
    text-align:center;
    width:166px;
    height:24px;
    /*margin-left:118px;*/
    display:block;
    float:left;
    text-decoration:none;
    line-height:25px;
    border-top:1px solid #000; 
}
#tmNotSelected a:hover
{
    background-color:#F9F9F9;
    color:#000;
}

.paintItblack a:link, .paintItblack a:visited, .paintItblack a:hover
{
	background:#000 !important;
}

.tmItemFirst
{
    background-color:#000;
    color:#000;
    text-align:center;
    width:166px ;
    height:25px;
    line-height:25px;
    margin-left:118px;
    display:block;
    float:left;
}

.tmItem
{
    text-align:center;
    /* set width to 128px (was originally 133px) to fit 800x600 */
    width:106px;
    height:25px;
    display:block;
    float:left;
    border-top:1px solid #000; 
    
}

.tmItem a:link, .tmItem a:visited 
{
	font-size:10pt;
	text-decoration:none;
	color:#fff;
	width:106px;
	display:block;
	line-height:26px;
    height:25px;
    
}

.tmItem a:hover {
	color:#000;
	background:#fff;
	width:106px;
}

/*free delivery label*/
#freeDelivery
{
    background-color:#CC0000;
    height:151px;
    width:152px;
    color:#fff;
    text-align:center;
    font-weight:bold;
    margin:227px 0px 0px 739px;
    position:absolute;
}
#freeDelivery .L1
{
    margin-left:8px;
    margin-top:15px;
     font-size:33pt;
}
#freeDelivery .L2
{
     font-size:18pt;
}
#freeDelivery .L3
{
    margin-top:8px;
     font-size:12pt;
}

.discount 
{
display:none;
position:absolute;
height:75px;
line-height:75px;
width:152px;
background:blue;	
left:739px;
top:378px;
color:#fff;
text-align:center;
font-weight:bold;
}

/* Price Boxes */
#priceBoxContainer
{
    margin-left:300px;
    margin-top:352px;
    position:absolute;
    display:block;
    width:639px;
    height:auto;
    text-align:center;
    float:left;
    
}
.whiteBox
{
	overflow:auto;
}
.whiteBox a:link, .whiteBox a:visited
{
    border:solid 1px #000;
    background-color:#fff;
    /*height:165px;*/
    height:220px;
    width:201px;
    margin-right:10px;
    float:left;
    margin-bottom:10px;
    text-decoration:none;
    cursor:pointer;
}

.whiteBox a:hover
{
     background-color:#ccc;  
}

.whiteBoxTall a:link, .whiteBoxTall a:visited
{
    border:solid 1px #000;
    background-color:#fff;
    /*
    height:190px;
    width:201px;*/
    height:220px;
    width:201px;
    margin-right:10px;
    float:left;
    margin-bottom:10px;
    text-decoration:none;
}

.whiteBoxTall a:hover
{
    background-color:#ccc;   
}



.whiteBoxBigger a:link, .whiteBoxBigger a:visited
{
    border:solid 1px #000;
    background-color:#fff;
    /*height:220px;
    width:225px;*/
    height:220px;
    width:201px;
    margin-right:10px;
    float:left;
    margin-bottom:10px;
    text-decoration:none;
}

.whiteBoxBigger a:hover
{
    background-color:#ccc; 
}

.price
{
    /*font-size:16pt;*/
    font-size:12pt;
    color:#cc0000;
    font-weight:bold;
    float:left;
    margin:5px 0px 0px 5px;
}

.was 
{
	text-decoration:line-through;
}

.tiny {font-size:8.5pt;text-decoration:none !important;}

.shiftUp {float:right;display:block;height:200px;top:-18px;}
 
.priceDiscount 
{
	position:relative;
    font-size:12pt;
    color:#cc0000;
    font-weight:bold;
	top:25px;
	left:-98px;
}

.priceDesc
{
    text-align:right;
    font-size:8pt;
    float:right;
    font-weight:bold;
    margin:5px 5px 0px 0px;
    color:#000;
    
}

.priceDesc .priceDescSmall
{
   font-weight:normal; 
}
.priceContents
{
    text-align:right;
    margin-top:40px;
    margin-right:10px;
         
}
.priceContents li
{
  list-style-type:none;
  color:#000;
  font-size:7pt;
  line-height:15px;
  
}
.marquee 
{
	float:left;
	position:relative;
	width:1024px;
	height:20px;
	font-size:12px;
	color:#fff;
	overflow:hidden;
	background-color:#000;
	font-style:italic;
	font-weight:bold;
}

.button 
{
	width:150px;
	height:30px;
	background:#000;
	color:#fff;
	text-align:left;
	font-size:9pt;
	padding-left:10px;
}

.promobutton 
{
	width:50px;
	height:20px;
	background:#000;
	color:#fff;
	text-align:left;
	font-size:9pt;
	padding-left:10px;
}

.promobuttonbold
{
	width:65px;
	height:20px;
	background:#000;
	color:#fff;
	text-align:left;
	font-size:9pt;
	padding-left:10px;
	font-weight:bolder;
}

#SelectedGarment
{
   margin-top:0px;
   width:295px;
   height:405px;
   float:left;
   display:inline;
}

#SelectedGarment img
{
    border:solid 1px #000;
    width:295px;
    height:385px;
    margin:0px 0px 0px 0px;
}

#sizeFitting
{
    margin-top:20px;
    width:300px;
    height:300px;
    float:left;
    display:inline;
    text-align:left;
    padding-top:40px;
}

#sizeFitting p
{
    margin-top:10px;
    margin-bottom:10px;
    width:238px;
    text-align:center;
}

.largeText
{
    font-size:15pt;
    
}

.normalText
{
    font-size:6pt;
}
.sizeText
{
	font-size:10px;
}	
.boldText
{
 line-height:25px;   
    font-size:11pt;
    font-weight:bold;
    margin-bottom:15px;
}
.helpText
{
	line-height:25px;   
    font-size:9pt;
    font-weight:bold;
    margin-bottom:15px;
}
.helpTextAlt
{
	margin-left:1px;
	line-height:25px;   
    font-size:9pt;
    font-weight:bold;
    margin-bottom:15px;
}
.smallText
{
    font-size:8pt;
}

.garmentConfigControls
{
    text-align:left;
    margin-left:50px;
}

.Basket
{
    width:166px;
   
}
.basketHeader
{
    width:150px;
    height:68px;
    margin:15px 8px 15px 8px;
    /*background-color:#000;*/
    background-color:#CC0000;
    font-size:12pt;
    text-align:right;
}

.basketPrice
{
    font-size:15pt;
    color:#fff;
    margin:3px 3px 3px 3px;
}
.basketDesc
{
   font-size:10pt;
   color:#fff; 
   margin:3px 3px 3px 3px;
}
#basketItems
{
    width:150px;
    min-height:350px;
    margin:0px 8px 5px 8px;
    border:solid 1px #000;
}
#basketItems  a:link, #basketItems  a:visited
{   
    font-size:7.5pt;
    color:#000;
    text-decoration:none;
    line-height:20px;
}
#basketItems  a:hover
{
    color:#ccc;
}

.bItem
{
    margin:0px 10px 0px 10px;
    font-size:8pt;
    color:#000;
    text-decoration:none;
    line-height:20px;
    border-bottom:1px solid #bbb;
    
}

.basketHelp
{
    margin:0px 10px 0px 10px;
    font-size:8pt;
    color:Red;
    text-decoration:none;
    line-height:20px;
}

.basketItemTitle
{
    background-color:#000;
    color:#fff;
    width:150px;
    height:30px;
    font-size:15pt;
    text-align:center;
    padding-top:5px;
}

.selectGarment
{
   margin-left:290px;
   margin-top:20px;
   width:620px;
   min-height:415px;
   float:left;
   display:inline;
}
.configure
{
   margin-left:290px;
   margin-top:20px;
   width:620px;
   height:453px;
   float:left;
   display:inline;
   
}

.sgOveride
{
	margin-left:0px !important;
}

.garmentsItem
{
    float:left;
    display:inline;
    font-size:7pt;
    text-align:center;
    margin:0px 2px 5px 2px;
 }
 .garmentsItemImg
 {
    border:solid 1px #000 !important;
    margin-bottom:3px;
    height:190px;
 }
  .garmentsItemImgRed
 {
    border:solid 2px #cc0000 !important;
    margin-bottom:3px;
   }

.btnZoom
{
   cursor:pointer;
   width:80px !important;
   height:19px !important;
}

#inputContent
{
   margin-left:290px;
   margin-top:20px;
   width:620px;
   min-height:415px;
   float:left;
   display:inline;
   }

#inputContentLeft
{
   	width:310px;
   	padding:10px 0px 10px 0px;
   	font-size:10pt;
   	margin-top:40px;
	float:left;
	}

#inputContentLeft .row {
	margin:10px 0px 2px 0px;
	float:left;
	height: 24px;
}

#inputContentLeft .field {
	width:120px;
	text-align :right;
	margin-right:10px;
	display:inline;
	float:left;
}

#inputContentRight
{
   	width:310px;
	padding:10px 0px 10px 0px;
	font-size:10pt;
	margin-top:40px;
	float:left;	
}

#inputContentRight .row {
	margin:10px 0px 2px 0px;
	float:left;
}

#inputContentRight .field {
	width:120px;
	text-align :right;
	margin-right:10px;
	display:inline;
	float:left;
}

.priceLabel
{
    background-color:#ccc;
    border:solid 1px #000;
    color:#000;
    padding-left:5px;
    text-align:right;
}

input, select
{
    background-color:#fff ;
    border:1px solid #000 !important;
    padding:1px;
}

.button 
{
    color:#fff;
    background:#000;
    height:22px;
    border:0px;
    font-weight:bold;
}
.redText{color:Red;}
.blackText {color:#000 !important;}
.whiteText {color:#fff !important;}

.callendarButton
{
    background-color :#000 !important;
    color:#fff !important;
    border-color:#fff !important;
}

#checkoutComplete
{
    border:solid 1px #000 !important;
    padding:5px;
    font-size:11pt;
    font-weight:bold;
    color:#000;
}

#breadCrumb
{
    position:absolute ;
    margin-top:28px;
    margin-left:300px;
    z-index:900000;
    font-size:7pt;
}

#breadCrumb a:link, #breadCrumb a:visited 
{
	color:#cc0000;
}

#breadCrumb a:hover 
{
	color:#000;
}

.amHeader
{
    font-size:19pt;
    text-align:center;
}

.amLowerHeader
{
    font-size:12pt;
    margin-top:10px;
    border-bottom:solid 1px #000;
    padding:0px 20px 15px 20px;
    line-height:25px;
}

.amBody
{
    font-size:9pt;
}

.amBody tr
{
    height:20px;
}

.negateBorder input {border:none !important;}
.paddedCell {padding-left:20px;padding-right:20px;}
.hide {display:none;}

#SaveCancelAmendments
{
	text-align:center;
	margin-top:50px;
}

.offer 
{
	margin-left:30px;
	float:right;
}

#exHireMain
{
	border:none;
	width:640px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	color:#fff !important;
	font-size:11pt;
}
#exHireMain h1 {color:#fff;background:#000;padding:5px 5px 5px 10px;}
#exHireMain p {margin:10px;font-size:10pt;}

#exhireTables table
{
	vertical-align:top;
	width:300px;
	margin:10px;
	font-size:10pt;
	display:inline-block;
	float:left;
	min-height:250px;
}
#exhireTables td
{
	padding:2px;
	
}
#exhireTables th
{
	background-color:#646464;
	color:#fff;
	font-size:10pt;
	padding:2px;
	height:20px;
	vertical-align:middle;
}
#exhireTables .desc
{
	width:248px;
}
#exhireTables .xPrice
{
	width:49px;
}
#footerBlock 
{
	border:1px solid #555;
	margin-top:10px;
	margin-bottom:10px;

}
#footerLinks {width:1000px;margin:auto;}
.footerLink {height:135px;float:left;padding-top:5px;}
.footerLink h2 {font-size:8pt;margin-bottom:8px;}
.footerLink a {display:block;height:20px;padding:2px 0px 0px 

25px;font-size:8pt;text-decoration:none;color:#000;background:url('images/hanger.jpg') no-repeat;}
.footerText {font-size:8pt !important; text-align:center;}
#footerLinks .leftSlice {border-left:1px solid #555;padding-left:10px;}
.footerLogos img {padding:3px;}

#basketSummary
{
	font-size:9pt;
	
}

#basketSummary td 
{
	border-top:1px solid #000 !important;
	padding-right:15px;
	height:50px;
}

#basketSummary th
{
	font-weight:bold;
	padding-right:10px;
	text-align:left;
}

#basketSummary .SummaryTotals
{
	color:#000;
	height:40px;
}
#basketSummary .SummaryGrandTotal
{
	border:0 !important;
	color:#000;
	font-weight:bold;
	height:30px;
}

.loading {position:absolute;top:200px;left:525px;background:#fff;border:1px solid #000;padding:4px;z-index:1;}

#testimonials
{
	margin-left:70px;
}
#testimonials h1
{
	font-size:16pt;
	margin-bottom:20px;
	color:Gray;
}
#testimonials li
{
	width:900px;
	margin-bottom:30px;
	list-style:none;
	text-align:justify;
	font-style:italic;
	font-size:10pt;
}

