/*-----------------------------------------------
Web form class
-------------------------------------------------*/
.webform p label {
	float: left;
	width: 160px;
	vertical-align: top;
}
.webform label.normalLabel, .webform .normalLabels label {
    float:none;
    width:auto;
    vertical-align:inherit;
}
#content .webform p {
  padding-top: 2px;
  margin: 2px 0px 2px 0px;
  clear: left;
}
.webform p input { vertical-align:middle; }


/*-----------------------------------------------
Standard button class
-------------------------------------------------*/
input.standardButton
{
    background-color:#4A4A49;
    border:none;
    color:#FFFFFF;
    font-weight:bold;
    padding:6px 3px 6px 3px;      
}


/*-----------------------------------------------
Datagrid class
-------------------------------------------------*/
table.datagrid
{
    width:100%;
    border-collapse:collapse;     
}
table.datagrid td
{
    border:1px solid #83551A;
    padding:5px;  
    font-weight:normal;   
}
table.datagrid th
{
    border:1px solid #83551A;
    background-color:#B77725;
    padding:5px;
    text-align:left;
    font-weight:bold;       
}

/*-----------------------------------------------
Form Validation Styles
-------------------------------------------------*/
.validationError 
{ 
    color:#BB0000; 
    font-family:Impact, "Arial Black", Arial, Sans-Serif; 
    font-weight:bold; 
    font-size:1.1em; 
}
.validationSummary 
{
    padding:10px 10px 10px 70px;
    background-color:#FFCE8F;
    background-image:url('../images/general/alertsign.gif');
    background-repeat:no-repeat;
    background-position:18px 12px;
    color:#BB0000;
    border:1px solid #AF7120;
    font-weight:bold;
    font-size:1.0em;
}
.validationSummary ul 
{
    margin:4px 0px 4px 20px;
    padding:0px;
    font-weight:normal;
    list-style-type:disc;
}
.validationSummary ul li 
{
    color:#BB0000; 
    margin:0px;
    padding:0px;
}


/*-----------------------------------------------
Register / Account Details
-------------------------------------------------*/
.registerPage .mainBlock,
.accountDetailsPage .mainBlock
{
    width:900px;
    margin:0px auto 0px auto;    
}
.registerPage .submit,
.accountDetailsPage .submit
{
    text-align:right;
    margin-top:30px;
    margin-right:80px;
}
.registrationForm .left
{
    float:left;
    width:400px; 
    margin-right:18px;  
}
.registrationForm .right
{
    float:left;
    width:400px;    
}
.registrationForm .webform p label 
{	
	width:120px;	
}
#content .registrationForm .webform p
{	
	padding:4px 0px 4px 0px;      
}


/*-----------------------------------------------
Login
-------------------------------------------------*/
.loginPage .registerText
{
    height:114px;
    left:164px;
    position:absolute;
    top:185px;
    width:282px;
}
.loginPage .registerButton
{
    position:absolute;
    width:90px; 
    height:35px;
    left:357px;
    top:316px;
}
.loginPage .loginForm
{
    height:108px;
    left:530px;
    position:absolute;
    top:195px;
    width:284px;
}
.loginPage .loginForm .webform p label 
{	
	width: 80px;	
}
.loginPage #content .loginForm .webform p
{	
	padding:7px 0px 7px 0px;      
}
.loginPage .loginForm .validationSummary {
    padding:6px;    
    background-image:none;        
    font-weight:bold;    
}
.loginPage .loginButton
{
    position:absolute;
    width:90px; 
    height:35px;
    left:720px;
    top:316px;    
}
.loginPage .forgottenPassword
{
    height:27px;
    left:530px;
    position:absolute;
    top:323px;
    width:179px;
}


/*-----------------------------------------------
Password Reminder
-------------------------------------------------*/
.passwordReminderPage .validationSummary {
    padding:6px;    
    background-image:none;        
    font-weight:bold;    
}


/*-----------------------------------------------
Account Home
-------------------------------------------------*/
.accountHomePage .accountOptions table
{
    border-collapse:collapse;
    margin:0px auto 0px auto;    
}
.accountHomePage .accountOptions td
{
    padding:5px;    
}


/*-----------------------------------------------
Design List
-------------------------------------------------*/
.designList
{
    margin-top:0px;
}
.designList div.design
{
    width:240px;
    height:115px;
    float:left;
    margin:50px 0px 0px 0px;     
}
.designList div.design div.thumb
{
    float:left;   
    width:125px;
    height:113px;
    overflow:hidden;
    background-color:#C7BDB1;
    border:1px solid #666666;
}
.designList div.design div.actions 
{
    float:left; 
    width:102px;  
}
.designList div.design div.actions ul
{
    list-style:none;
    margin:2px 0px 0px 6px;
    padding:0px;
}
.designList div.design div.actions li
{
    margin:0px;
    padding:0px;
}
.designList .pageLinks
{
    clear:both;
    padding-top:30px;
}
.designList .pageLinks span.current
{
    color:#000000;
}


/*-----------------------------------------------
Search Bar for Sports Garments
-------------------------------------------------*/
.searchBar
{
    text-align:right;
    padding:0px 11px 2px 0px; 
}
#content .searchBar p
{  
    padding:0px;  
    margin:0px;
}
.searchBar label
{  
    font-weight:bold;   
}
.searchBar .genderSearch
{
    float:left;
    width:470px;
    text-align:left;
}
.searchBar .genderSearch a.hlite:link,
.searchBar .genderSearch a.hlite:active,
.searchBar .genderSearch a.hlite:visited,
.searchBar .genderSearch a.hlite:hover
{
    color:#000000;
}


/*-----------------------------------------------
Sports List
-------------------------------------------------*/
.sportList
{
    color:#4A4A49;
    margin:25px 0px 0px 0px; 
}
.sportList .sport
{
    background-color:#BBBBB9;
    background-repeat:repeat-y;
    background-position:left center;
    margin-bottom:10px;    
}
.sportList .sport a:link,
.sportList .sport a:active,
.sportList .sport a:visited,
.sportList .sport a:hover
{
    color:#4A4A49;
    text-decoration:none;
}
.sportList .sport a:hover
{
    text-decoration:underline;
}
.sportList .sport table
{
    width:100%;
    border-collapse:collapse;    
}
.sportList .sport table tr td
{
    text-align:right;
    padding:6px 0px 6px 0px;
    vertical-align:middle;
}
.sportList .sport table tr td.sportName div
{
    font-size:1.6em;
    text-transform:uppercase;  
    width:300px;
    margin:0px 20px 0px auto;    
}
#content .sportList .sport table tr td.sportName div h3 
{
    margin:0px;
    padding:0px;
}
.sportList .sport table tr td.garmentTypes
{
    width:160px;
}
.sportList .sport table tr td.garmentTypes div
{
    width:160px;
    text-align:left;
}
.sportList .sport table tr td.garmentTypes div ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}
.sportList .sport table tr td.garmentTypes div ul li
{
    margin:0px;
    padding:0px;
}


/*-----------------------------------------------
Garments List
-------------------------------------------------*/
.garmentsPage .garmentSelectionText
{
    margin:30px 0px;   
}
.garmentList
{
    width:850px;
}
.garmentList div.garment
{
    width:125px;
    height:113px;
    float:left;
    border:1px solid #666666;
    margin:10px 10px 0px 0px;
    background-color:#C7BDB1;
    overflow:hidden;
}
#content .garmentList div.garment a
{
    display:block;
    width:125px;
    height:113px;
}
.garmentList div.garment a img
{
    vertical-align:middle;
}
.garmentList .pageLinks
{
    clear:both;
    padding-top:30px;
}
.garmentList .pageLinks span.current
{
    color:#000000;
}


/*-----------------------------------------------
Design Colors / Options Container
-------------------------------------------------*/
.designColoursContainer
{
    margin:10px 0px 10px 0px;
}
.designColoursContainer .paletteColoursContainer 
{
    float:left;
    width:40px;
}
.designColoursContainer .designCanvasContainer
{
    float:left;
    width:710px;
}
.designColoursContainer .optionSelectContainer
{
    float:left;
    width:202px;
}
.designColoursContainer .prevNextStageButtons
{
    clear:both;
    text-align:right;
    margin-top:16px;
}



/*-----------------------------------------------
Palette Colours
-------------------------------------------------*/
.paletteColours table
{
    border-collapse:collapse;
}
.paletteColours td
{
    border:1px solid #000000;
    padding:0px;
}
.paletteColours input
{
    margin:0px;
    padding:0px;
    border:none;
    width:30px;
    height:20px;
    cursor:pointer;
}


/*-----------------------------------------------
Design Canvas
-------------------------------------------------*/
.designCanvas
{
    width:700px;
    height:393px;
    background-color:#FFFFFF;
    position:relative;
}
.designCanvas .patternSelect
{
    position:absolute;
    top:3px;
    left:8px;  
    color:#000000;
}
#content .designCanvas .patternSelect p
{
    margin:0px;
    padding:0px;
    font-weight:normal;
}
.designCanvas .designCanvasInner
{
    position:absolute;
    top:26px;
    left:8px;
    overflow:hidden; 
}
.designCanvas .designCanvasInner input
{    
    cursor:crosshair;
}
.designCanvas .actions
{
    height:47px;
    left:200px;
    position:absolute;
    top:341px;
    width:480px;
    text-align:right;
}
.designCanvas .actions input
{
    margin-left:7px;
}



/*-----------------------------------------------
Option Select
-------------------------------------------------*/
.optionSelect
{
    width:192px;    
}
.optionSelect td
{
    padding-bottom:0.6em;
}
.optionSelect label
{
    font-weight:bold;
    display:block;    
}
.optionSelect select
{
    width:190px;
}
.optionSelect .validationSummary 
{
    padding-left:10px;
    background-image:none;
    font-weight:normal;
}
.optionSelect .validationSummary ul li 
{
    font-weight:normal;
}



/*-----------------------------------------------
Option View
-------------------------------------------------*/
.optionView
{
    width:400px;
    margin:0px;
}
.optionView table 
{
    border-collapse:collapse;
    width:100%;    
}
.optionView td,
.optionView th
{
    border:1px solid #8D8D8D;
    padding:4px;    
    text-align:left;
    background-color:#FFFFFF;
    color:#000000;   
}
.optionView td
{        
    width:50%;
}
.optionView th
{
    font-weight:bold;
    width:50%;
}


/*-----------------------------------------------
Positioned Items Container
-------------------------------------------------*/
.designPositionedItemsPage #pagebody 
{
    /*background-image:url('../images/sitelayout/designPositionedItemsPage_pagebody-bg.gif');*/
    background-repeat:no-repeat;
    background-position:right bottom;
}

.designPositionedItemsContainer 
{
    margin:10px 0px 10px 0px;
}
.designPositionedItemsContainer .positionedItemsText1
{
    float:right;
    width:240px;
    height:390px;
}
.designPositionedItemsContainer .positionedItemsText2
{
    clear:both;
}
.designPositionedItemsContainer  .positionedItemsSelectContainer
{
    margin:20px 0px 20px 0px;    
}
.designPositionedItemsContainer .positionedItemEdit
{
    margin:20px 0px 20px 0px;
}
.designPositionedItemsContainer .prevNextStageButtons
{
    clear:both;
    text-align:right;
}
.designPositionedItemsContainer .prevNextStageButtons .prevButton
{
    float:left;
}


/*-----------------------------------------------
Positioned Items Select
-------------------------------------------------*/
.positionedItemsSelect .positionedItem
{
    float:left;
    width:72px;
    margin-right:7px;
}
.positionedItemsSelect .positionedItem a,
.positionedItemsSelect .positionedItem a:link,
.positionedItemsSelect .positionedItem a:hover,
.positionedItemsSelect .positionedItem a:visited,
.positionedItemsSelect .positionedItem a:hover
{
    display:block;
    width:70px;
    height:63px;
    background-color:#FFFFFF;
    border:1px solid #666666;
    overflow:hidden;
}
.positionedItemsSelect input
{
    width:70px;    
}
.positionedItemsSelect .selected a:link,
.positionedItemsSelect .selected a:hover,
.positionedItemsSelect .selected a:visited,
.positionedItemsSelect .selected a:hover
{
    border:1px solid #000000;
}


/*-----------------------------------------------
Individualisation Container
-------------------------------------------------*/
.designIndividualisationsContainer
{
    margin:10px 0px 10px 0px;
}
.designIndividualisationsContainer .sizeGuide_tops
{
    background-image:url(../images/general/sizeguidetops.gif);
    background-repeat:no-repeat;  
    width:240px;
    height:630px; 
    float:left; 
}
.designIndividualisationsContainer .middleCol
{
    width:480px;
    float:left;
}
.designIndividualisationsContainer .individualisationEditContainer
{
    margin:20px 0px 20px 0px;
}
.designIndividualisationsContainer .individualisationListContainer
{
    margin:20px 0px 20px 0px;
}
.designIndividualisationsContainer .sizeGuide_trousers
{
    background-image:url(../images/general/sizguidetrousers.gif);
    background-repeat:no-repeat; 
    width:240px;
    height:630px;
    float:left; 
}
.designIndividualisationsContainer .prevNextStageButtons
{
    clear:both;
    text-align:right;
}
.designIndividualisationsContainer .prevNextStageButtons .prevButton
{
    float:left;
}



/*-----------------------------------------------
Individualisation List
-------------------------------------------------*/
.individualisationList
{
    margin:30px 20px 30px 20px;
    font-size:1.1em;
}
.individualisationList table
{
    border-collapse:collapse;
    margin-top:10px;
    margin-bottom:30px;
}
.individualisationList td,
.individualisationList th
{
    background-color:#FFFFFF;
    color:#000000;
    padding:4px;
    border:1px solid #8D8D8D;
    vertical-align:top;
    text-align:center;
}
.individualisationList td.garmentSizeCol,
.individualisationList th.garmentSizeCol
{
    width:80px;
}
.individualisationList td.quantityCol,
.individualisationList th.quantityCol
{
    width:70px;
}
.individualisationList td.detailsCol,
.individualisationList th.detailsCol
{
    padding:0px;
}
.individualisationList td.detailsCol table.details,
.individualisationList th.detailsCol table.details
{
    width:auto;
    border-collapse:collapse; 
    margin:0px;   
}
.individualisationList td.detailsCol td,
.individualisationList th.detailsCol td
{
    border:none;
    padding:4px;
}
.individualisationList th.detailsCol td.numberCol,
.individualisationList td.detailsCol td.numberCol
{
    border-right:1px solid #8D8D8D;
}
.individualisationList th.detailsCol td.numberCol div,
.individualisationList td.detailsCol td.numberCol div,
.individualisationList th.detailsCol td.nameCol div,
.individualisationList td.detailsCol td.nameCol div
{
    width:75px;
}
.individualisationList td.commandCol,
.individualisationList th.commandCol
{
    text-align:center;
    padding:1px 1px 1px 1px;
    width:108px;
}


/*-----------------------------------------------
Individualisation Edit
-------------------------------------------------*/
.individualisationEdit
{
    width:340px;
    margin:0px auto 0px auto;
}
.individualisationEdit .webform p label
{
    width:100px;
}
.individualisationEdit .details
{
    margin-top:15px;
    margin-bottom:30px;
}
.individualisationEdit .details table
{
    border-collapse:collapse;
}
.individualisationEdit .details table td,
.individualisationEdit .details table th
{
    padding:2px 4px 2px 0px;
    text-align:left;
}
.individualisationEdit .details table td.nameCol,
.individualisationEdit .details table td.numberCol
{
    width:8em;
}
#content .individualisationEdit .submit
{
    margin-top:40px;
}

/*-----------------------------------------------
Design Pattern List
-------------------------------------------------*/
.designPatternList
{
    width:280px;
    padding:1px;
}
.designPatternList table
{
    width:100%;
    border-collapse:collapse;
}
.designPatternList table td,
.designPatternList table th
{
    padding:3px;
    text-align:left;
    border:1px solid #000000;
}


/*-----------------------------------------------
Design View Container
-------------------------------------------------*/
.designViewPage #content 
{
    padding-right:0px;
}
.designViewContainer .designView
{
    width:800px;
    background-color:#FFFFFF;
    color:#000000;
    border:1px solid #666666;
    float:left;
    padding:15px;
}
.designViewContainer .designView .optionView
{
    padding-left:1px;
}
.designViewContainer .designView .designCanvas
{
    margin:4px auto 4px auto; 
}
.designViewContainer .designView .individualisationList
{
    margin:30px 1px;   
}
.designViewContainer .associatedGarmentsContainer
{
    float:left;
    width:127px;
    margin-left:10px;   
}
.designViewContainer .associatedGarmentsContainer .garmentList
{
    width:127px;    
}
#content .designViewContainer .associatedGarmentsContainer h2
{
    margin:0px;
}


/*-----------------------------------------------
Referrals List
-------------------------------------------------*/
div.referralsList
{
    width:500px;
}
div.referralsList table.datagrid td.postcodeCol,
div.referralsList table.datagrid th.postcodeCol
{
    width:70px;
}
div.referralsList table.datagrid td.completedDesignsCols,
div.referralsList table.datagrid th.completedDesignsCols
{
    width:120px;
    text-align:right;
}
div.referralsList table.datagrid td.latestDesignCol,
div.referralsList table.datagrid th.latestDesignCol
{
    width:90px;
    text-align:right;
}


/*-----------------------------------------------
Advert List
-------------------------------------------------*/
.advertList 
{
    clear:both;
}
.advertList .advert
{
    margin:16px 0px;
}

/*-----------------------------------------------
Contact Us
-------------------------------------------------*/
.contactPage .submit
{
    margin-top:30px;
    margin-left:400px;
}