/*  Positioning within the pages  */

.swsWideBox
{
	margin-top: 15px;
	float: left;
	width: 540px;
	height: auto;
	text-align: left;
}

.swsWideBoxCol1
{
	float: left;
	width: 175px;
	height: auto;
	
}

.swsWideBoxCol2
{
	float: left;
	width: 360px;
	height: auto;
	
}

.swsFiftyFifty
{
	float: left;
	width: 50%;
	height: auto;
}

.swsThirds
{
	float: left;
	width: 30%;
	margin-right: 10px;
	height: auto;
	
}

.swsOtherThirds
{
	float: left;
	width: 65%;
	height: auto;
	margin-right:10px;
}
.swsThirdsAlt
{
	float: left;
	width: 30%;
	margin-right: 10px;
	height: auto;

	
}
.swsRow
{
	height: 25px;
}

.swsTwoCol p
{
	/* clear: left; Clear of any floated elements i.e. to appear immediately afterwards */
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 5px;
	
}

.swsTwoCol p span
{
	float: left;    /* Take this out of the flow of the page */
	width: 100px;
}


.swsTwoCol input.swsButton
{
	margin-left:100px;
	margin-right:3px;
	
}


/*  Candidates for retiring  */

.swsGeneralControl
{
	margin-top: 2px;
	margin-bottom: 7px;
}
.swsControlText
{
	float: left;
	margin-bottom: 5px;
	width: 540px;
	height: auto;
	text-align: left;
}

.swsvouchermaintlabel
{
		width:150px;
		float:left;
}
.swsvouchermaintcontrol
{
	margin:10px;
}

.swsProductdetailbasket img 
{
	border:none;
	vertical-align: middle;
	padding-right:3px;
}

.swsProductDetailProductImage
{
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	float: right;
	margin: 20px;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
/*
#swsproductdetailbox
{
width: 300px;
height:auto;
float:left;
}

.swsproductdetailpricegroup
{
	font-weight: bold;
	float: left;
	height: auto;
	width: 299px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.swsproductdetailoption
{
	float: left;
	height: auto;
	width: 299px;
	margin-top: 3px;
	margin-bottom: 3px;
}
*/
/*  End of candidates for retiring  */

.swsTextBox
{
	width: 280px;
}

/*  General text formatting  */

.swsRightText
{
	text-align: right;
}

.swsRight
{
	float: right;
}

.swsCenteredText
{
	text-align: center;
}


/* Warning messages, feedback etc */

.swsWarning
{
	font-size: 12px;
	margin-bottom: 5px;
	color: #cc0000;
	padding-top: 5px;
	font-weight: bold;		
}
.swsInfo
{
	font-size: 12px;
	margin-bottom: 5px;
	color: green;
	padding-top: 5px;
}
.swsAllOK
{
	font-size: 10px;
	margin-bottom: 5px;
	color: green;
	padding-top: 5px;
}

.swsmandatory
{
	color:#663300;
}

.swsControlDisabled
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	margin-left: 10px;
	border-left: black 1px solid;
	color: #666666;
	margin-right: 10px;
	border-bottom: black 1px solid;
	text-decoration: none;
	
}
.swsInvisible
{
	line-height:0px;
	font-size:0px;
	height:0px;
	visibility:hidden;
}


/*  General datagrid  */
.swsGridComment, .swsGridComment a:link, .swsGridComment a:active, .swsGridComment a:visited
{
	text-decoration: none;
}

.swsGridComment a:hover
{
	text-decoration: underline;
}

.swsDataGridOverall
{
	padding-right: 3px;
	padding-left: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	margin: 3px;
	width: 100%;
	padding-top: 3px;
	border: 0px none;
}
.swsDataGridHeader
{
	font-weight: bold;
	color: #3399ff;
	text-align: left;
}

.swsDataGridFooter
{
	font-weight: bold;
	text-align: left;
}
.swsDataGridItem
{
	vertical-align: top;
	text-align: left;
	float: left;
	height: auto;
	width: auto;
	padding-left: 2px;
}

.swsDataGridItemAlt
{
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
}
.swsDataGridItemSelected
{
	font-weight: bold;
}

.swsProductsListItemTemplate
{
	float: left;
	height: 175px;
	width: 120px;
	margin-right:4px;
	margin-top: 10px;
	font-size: 10px;
	border: 1px solid #33ccff;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FFFFFF;

	}

.swsProductsListItemTemplate img
{
	height: auto;
	width: 100px;
	margin-bottom: 2px;
	margin-left: 10px;
	text-align: center;
}
	
.swsDeviceLink
{
	height: auto;
	width: auto;
}

.swsDeviceLink a:link,.swsDeviceLink a:visited,.swsDeviceLink a:active 
{
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #666666;
	margin-right: 5px;
}

.swsDeviceLink a:hover 
{
	background-image: url(../images/device.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #666666;
	text-decoration: underline;
	margin-right: 5px;
}

.swsAllMaintPanel
{
	border-right: thin solid;
	padding-right: 5px;
	border-top:  thin solid;
	margin-top: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left:  thin solid;
	padding-top: 5px;
	border-bottom:  thin solid;
	width: 90%

}

.swsAllMaint
{
}
.swsAllMaint input, .swsAllMaint textarea ,.swsAllMaint select
{
}
.swsMarquee
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	margin-top: 5px;
	float: left;
	margin-bottom: 5px;
	border-left: white 1px solid;
	width: 95%;
	border-bottom: white 1px solid;
}

.marquee a:hover
{
	text-decoration: underline;
}

.swsTopXTitles LI
{
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: #ffdb00 1px solid;
	list-style-type: none;
}

.swsTopXTitles ul 
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
}

.swsMoreArticleXtra img
{
	float:right;
	margin-left:20px;
	margin-bottom:6px;
}

.swsImageRight
{
	float:right;
	margin-left:20px;
	margin-bottom:6px;
}

.swsImageLeft
{
	float:left;
	margin-left:20px;
	margin-bottom:6px;
}

.swsOverallListAllArticleW
{
	width:95%;
}

.swsOverallListAllArticleW ul,.swsListAllArticlesByType ul
{
	padding:10px;
	margin:0px;
	}

.swsOverallListAllArticleW li, .swsListAllArticlesByType li
{
	clear: both;
	padding-top: 10px;
	list-style-type: none;

}


.swsOverallListAllArticleW img,.swsListAllArticlesByType img
{
	border-right:  1px solid;
	border-top:  1px solid;
	float: right;
	margin-bottom: 6px;
	margin-left: 10px;
	border-left:  1px solid;
	border-bottom:  1px solid;
}

.swsDate
{
	font-size: smaller;
	margin: 0px;
}

.swsShortArticleImage
{
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
}
/* This class is used to make the device.gif invisible */
.swsButtonOptionalImage
{
	line-height:0px;
	font-size:0px;
	height:0px;
	visibility:hidden;
}


.swsFullWidth
{
width:100%
}



.swsCustomer1Update p
{
	margin: 0;
	padding:0;
	padding-top:5px;
	clear:left;
}

.swsCustomer1Update.txt
{
width:150px;
}

.swsCustomer1Update p label
{
float:left;
width: 25%;
}

.swsTickets p
{
	margin: 0;
	padding:0;
	padding-top:5px;
	clear:left;
}

.swsTickets.txt
{
width:150px;
}

.swsTickets p label
{
float:left;
width: 25%;
}
.swsRegister p 
{
	margin: 0;
	padding:0;
	padding-top:5px;
	clear:left;
}
.swsRegister h1 
{
	margin: 0;
	padding:0px 0 0;
	clear:left;
	font-size: 16px;
}

.swsRegister.txt
{
width:150px;
}

.swsRegister p label
{
float:left;
width: 25%;
}
.swsCustomer2Update p
{
	margin: 0;
	padding:0;
	padding-top:5px;
	clear:left;
}

.swsCustomer2Update.txt
{
width:150px;
}

.swsCustomer2Update p label, .swsCustomer2Update p span
{
	float: left;
	width: 25%;
}


.swsCardDetails p
{
	margin: 0;
	padding:0;
	padding-top:5px;
	clear:left;
}

.swsCardDetails.txt
{
width:150px;
}

.swsCardDetails p label
{
float:left;
width: 25%;
}

.swsCalClash
{
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
	background-color: yellow;
}

.swsCalRedDate
{
	background-color: red;
}

.swsCalBooked
{
	background-color: yellow;
}


input, select, textarea
{
}

.swsLetterAddress
{
float:left;
text-align: left;
}


.swsLetterPara1
{
margin-top:75px;
float:left;
text-align:left;
clear:left;
}

.swsLetterText
{
margin-top:20px;
float:left;
text-align:left;
clear:left;
}

.swsLetterTextRight
{
	border-right: 2px solid;
	padding-right: 10px;
	border-top: 2px solid;
	padding-left: 10px;
	float: right;
	padding-bottom: 10px;
	margin: 20px 75px 10px 10px;
	border-left: 2px solid;
	padding-top: 50px;
	border-bottom: 2px solid;
	text-align: left;
}

.swsFullHeight
{
height:100%;
}
/**************** Progress line **********************/
.swsProgressNotSelected
{
    color: #808080;
    text-align: center;
    float: left;
    width: 90px;
    vertical-align: bottom;
    padding-top: 12px;
}

.swsProgressSelected
{
    color: black;
    background-position: center top;
    text-align: center;
    float: left;
    width: 90px;
    background-image: url(    '../images/MovingBasket2.gif' );
    background-repeat: no-repeat;
    padding-top: 12px;
    padding-bottom: 0px;
    vertical-align: bottom;
}

.swsProgressline
{
    color: #808080;
    background-image: url(  '../images/line.gif' );
    background-repeat: no-repeat;
    width: 540px;
    height: auto;
    float: left;
}

.swsHighlighted
{   float:left;
    background-color: #FF0000;
    color: #FFFF00;
}