.swsWarning
{
    font-size: 12px;
    margin-bottom: 5px;
    color: red;
    padding-top: 5px;
    text-transform: uppercase;
}

.swsAllOK
{
    font-size: 10px;
    margin-bottom: 5px;
    color: green;
    padding-top: 5px;
}

/*  Boxes within the pages  */

.swsWideBox
{
}

.swsWideBoxCol1
{
}

.swsWideBoxCol2
{
}

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

.swsFiftyFiftyRight
{
    float: right;
    width: 50%;
    height: auto;
}

.swsProductdetailsSplitLeft
{
    /*float: left;     width: 50%;*/
    width: 100%;
    height: auto;
    padding-left: 0px;
}

.swsProductdetailsSplitRight
{
    /*  float: left;     width: 48%;*/
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    height: auto;
}





/*.swsFiftyFifty img
{
    float: left;
    clear: both;
    padding: 0px;
    margin: 0px;
}*/


.wibble
{
    margin: 0px;
    padding: 0px;
}


.swsRow
{
    height: 25px;
}


/*  General control  */

.swsGeneralControl
{
    margin-top: 2px;
    margin-bottom: 7px;
}
.swsTextBox
{
    width: 580px;
}
.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;
}


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


.swsCenteredText
{
    text-align: center;
}


/*  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;
    padding-bottom: 3px;
    padding-top: 3px;
    border: thin solid #ffffff;
}
.swsDataGridHeader
{
    font-weight: bold;
    text-align: left;
}

.swsDataGridFooter
{
    font-weight: bold;
    text-align: left;
}
.swsDataGridItem
{
    vertical-align: top;
    text-align: left;
}

.swsDataGridItemAlt
{
    vertical-align: top;
    background-color: #cccccc;
    text-align: left;
}
.swsDataGridItemSelected
{
    font-weight: bold;
}


/*  Basket and order type things */

.swsbaskettotal
{
    text-align: right;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 3px;
}

.swsBasket
{
    margin-right: 10px;
}


.swsregistertext
{
    margin-top: 5px;
}
.swsSecondTwoThirds
{
    margin-bottom: 5px;
}
.swsSecondTwoThirds a
{
    margin-right: 20px;
}
.swsregistercontrol
{
    margin-right: 10px;
}

.swswidearea
{
    width: 400px;
}
.swsregisterleftarea
{
    width: 250px;
}
.swsregisterlink
{
    padding-right: 20px;
}

.swslogininstructiontext
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.swsmandatory
{
    color: red;
}

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

.swsvouchermaintheading
{
    margin-bottom: 10px;
}

.swsVoucherList
{
    text-align: left;
}

/*
.swsThumbnails
{
	border:0;

}*/

.swsInstructionText
{
    padding-bottom: 0px;
    float: left;
    height: auto;
    padding-top: 3px;
    margin-right: 5px;
}


.swsProductsList
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
  
}

.swsProductsListWrapper
{  
  width: 100%;
  text-align: center;


    }

.swsProductsListItemTemplate
{
    display: inline-block;
   
    height: 250px;
    width: 140px;
    margin-top: 10px;
    font-size: 0.8em;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    padding-right: 10px;
    padding-left: 0px;
    margin-left: 0px;
    line-height: 1em;
    overflow: hidden;

   

}


.swsProductDetails .swsThirdsRelatedProducts
{
    float: left;
    height: 250px;
    margin-top: 10px;
    font-size: 0.8em;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    line-height: 1em;
    overflow: hidden;
}



.swsProductsListItemTemplate img, .swsThirdsRelatedProducts img
{
    margin-bottom: 2px;
    height: 160px;
    width: 120px;
    padding-left: 0px;
    margin-left: 0px;
}

.swsProductsListGotoPage
{
    font-size: 1.8em;
    float: right;
    text-align: right;
    height: 1.8em;
    padding-right: 30px;
    margin-top: 5px;
}



.swsBasketGrid, .swsCheckoutGrid
{
    float: left;
    height: auto;
    width: 100%;
    margin-top: 20px;
}





.swssinglepicbox
{
    text-align: right;
}


.swssinglepic
{
    margin-bottom: 15px;

}

.swsthumbpicleft
{
}
.swsthumbpic
{
    margin-left: 10px;
    margin-right: 10px;
}
.swsthumbpicright
{
    margin-right: 5px;
}
/*.swsProductsListLink
{
	height: auto;
	width: 100px;
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}*/

.swsbasketbuttons, .swsbasketbuttons a:link, .swsbasketbuttons a:visited, .swsbasketbuttons a:active
{
    height: auto;
    width: auto;
    padding-right: 10px;
    text-transform: lowercase;
    color: #808080;
}

.swsbasketbuttons_submit a:link, .swsbasketbuttons_submit a:visited, .swsbasketbuttons_submit a:active
{
    padding: 5px;
    border: 1px solid #000000;
    float: right;
    height: auto;
    width: auto;
    margin-left: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #808080;
}

.swsCheckoutTotal
{
    float: right;
    height: auto;
    width: auto;
    margin-left: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
}
/*.swsproductdetailadd
{
	float: left;
	height: auto;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.swsDeviceLink
{
    height: auto;
    width: auto;
    margin-top: 3px;
}

.swsDeviceLink a:link, .swsDeviceLink a:visited, .swsDeviceLink a:active
{
    background-image: url(../images/device.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    color: #993300;
    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;
}

.swsProductdetailbasket a:link, .swsProductdetailbasket a:visited, .swsProductdetailbasket a:active 
{

}*/

/*
#swsproductdetailbox
{
height:auto;
float:left;
}
.swsproductdetailref
{
	width: 100%;
	height:auto;
	float:left;
	font-weight: bold;
	margin-bottom: 5px;
}
.swsproductdetaildescription
{
	width: 100%;
	height:auto;
	padding-bottom: 20px;
}
.swsproductdetailinstruction
{
	width: 100%;
	height:auto;
	padding-bottom: 10px;
}
*/
.swsProductdetailbasket img
{
    border: none;
    vertical-align: middle;
    padding-right: 2px;
}
/*.swsproductdetailoption
{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 3px;
}
*/
.swsProcessingButton
{
    float: left;
    height: auto;
    width: auto;
}

.swsAllMaint
{
    width: 100%;
    
}
.swsAllMaintHR
{
    width: 90%;
}

/*.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%;
}*/

.marquee
{
    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;
}





.swsBasketSummary
{
    font-size: 10px;
    text-align: right;
}

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

.swsOverallTopX ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}
.swsMoreArticleXtra, .swsContactForm
{
    padding-right: 20px;
}


.swsMoreArticleXtra img
{
}
.swsMoreArticleXtra a
{
}




.swsOverallListAllArticleW
{
    width: 95%;
    margin-bottom: 10px;
}
.swsOverallListAllArticleW a, .swsOverallListArticles a, .swsOverallListArticles a:link, .swsOverallListArticles a:visited, .swsOverallListArticlesa:active
{
    color: #000000;
}

.swsOverallListAllArticleW a:hover, .swsOverallListArticles a:hover,swsOverallListArticlesStock a:hover
{
    color: #A6A6A6;
    text-decoration: none;
}
.swsOverallListAllArticleW ul
{
    padding: 0px;
    margin: 0px;
}

.swsOverallListArticles,swsOverallListArticlesStock
{
    width: 95%;
    background:yellow;
}

.swsOverallListArticles ul, .swsListAllArticlesByType ul,swsOverallListArticlesStock ul
{
    padding: 10px;
    margin: 0px;
    float:left;

}

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

}


.swsOverallListArticles img, .swsListAllArticlesByType img
{
    float: right;
    margin-bottom: 6px;
    margin-left: 10px;
}

.swsOverallListArticlesStock ul li img
{
    float: left;
    margin-bottom: 6px;
    margin-right: 10px;
    
}

.swsOverallListAllArticleW li
{
    clear: both;
    border-top: 1px solid;
    padding-top: 5px;
    list-style-type: none;
}

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


.swsListNArticles li
{
    width: 30%;
    margin-right: 3%;
    height: 200px;
    overflow: hidden;
    float: left;
    margin-bottom:2em;
    font-size:0.9em;
}


.swsListNArticles li img
{
    float: right;
    
}



.swsDate
{
    margin: 0px;
    color: #666666;
}

.swsTab
{
    width: 300px;
}

.swsRight
{
    padding: 3px;
    margin: 3px;
    float: right;

    
}
.swsRightSocialIcons a
{
    padding: 3px;
    margin: 3px;
    float: right;


    
}
.swsCustomerSummary
{
    padding-right: 10px;
}
.swsCustomerSummary .swsRight
{
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.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;
}
.swsShortArticleHeading
{
    /*float: right;     height: auto;     width: 90%;     padding-right: 5px;     padding-bottom: 2px;     color: #000000;     font-weight: bold;     font-size: 26px;     margin-top: 15px;*/
}
.swsShortArticle
{

    height: auto;

    margin-bottom: 20px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 20px;

}
.swsShortArticle a
{
    width: 100%;
    height: auto;
}

.swsShortArticle a:hover
{
    
}

.swsListArticlesShortText
{
    padding: 0px;
    margin: 0px;
}

.swsShortArticle ul
{
    padding: 0px;
    margin: 0px;
}

.swsShortArticle li
{
    padding: 0px;
    margin: 0px;
}

/* This class is used to make the device.gif invisible */
.swsButtonOptionalImage
{
    line-height: 0px;
    font-size: 0px;
    height: 0px;
    visibility: hidden;
}
.swsRegisterImage
{
    width: 150px;
    float: right;
}

.swsTestimonial
{
    width: 500px;
    float: right;
    font-style: italic;
    text-align: right;
}
.swsControlImage
{
    float: right;
    text-align: right;
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}
#swsTopLevel
{
    float: left;
    height: auto;
    width: auto;
}

.swsFullWidth
{
    width: 100%;
    float: left;
   
   
}
.swsFullWidthSocialIcons
{
    width: 100%;
    float: left;

   
}


/*.swsProductdetailsSplitLeft .swsFullWidth
{background:orange;}*/

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

.swsCustomer1Update.txt, .swsCustomer2Update.txt
{
    width: 150px;
}

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

.swsCustomer1Update p span, .swsCustomer2Update p span.swsImageUpload p span
{
    width: 25%;
}





.swsContactFormControl p
{
    margin: 0;
    padding: 0;
    padding-top: 5px;
    clear: left;
    width: 500px;
}


.swsContactFormControl p span
{
    float: left;
    width: 120px;
}

.swsContactFormControl text
{
    border: 0;
}

.swsCardDetails
{
}

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

.swsCardDetails.txt
{
    width: 150px;
}

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

}
.swsThirdsRelatedProducts
{
    float: left;
    width: 30%;
    height: auto;
    margin-right: 10px;
    text-decoration: none;
    text-align: center;
}

.swsThirdsRelatedProducts a:link, .swsThirdsRelatedProducts a:visited, .swsThirdsRelatedProducts a:active
{
    text-decoration: none;
}

.swsThirdsRelatedProducts a:hover
{
    text-decoration: underline;
}
.swsRecommendations
{
    margin-top: 60px;
}

.swsRelatedProducts
{
}


.swsImageRight
{
    border-style: none;
    float: right;
    margin-left: 20px;
    margin-bottom: 6px;
}
.paddingtop
{
    margin-top: 25px;
}


.swsToftAddress
{
    padding-top: 30px;
    float: right;
    margin-right: 5px;
}
.timesroman
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
}
.swsSocMediaImages
{
    padding-right: 5px;
    border: 0;
}
.swsSocMediaImages a:link, .swsSocMediaImages a:visited, .swsSocMediaImages a:active
{
    border: 0;
}

.swsBlackPage a:link, .swsBlackPage a:visited, .swsBlackPage a:active
{
    color: #000000;
    text-decoration: underline;
    text-align: right;
    
}

.swsShare h1
{
    width: 50%;
}

.swsShare img
{
    padding: 10px;
    float: right;
}


.swsAddReview
{
    width: 100%;
    clear: left;
    padding-top: 20px;
}

.swsAlbums
{
    margin: 5px;
    float: left;
}

.swsAlbumText
{
    margin: 5px;
    text-align: center;
}

.swsArticleTypeNav a
{
    line-height: 30px;
}

.swsArticleTypeNav, .swsSearchArticles
{
    width: 530px;
}

.swsArticleTypeNav img, .swsSearchArticles img
{
    float: right;
    padding: 5px;
}

.swsListAllArticlesByTypeShortText
{
}
.swsListAllArticlesByType h2 a:link, .swsListAllArticlesByType h2 a:visited, .swsListAllArticlesByType h2 a:active
{
    color: red;
    font-size: medium;
}

.swsListAllArticlesByType h3 a:link, .swsListAllArticlesByType h3 a:visited, .swsListAllArticlesByType h3 a:active
{
    color: Orange;
    text-indent: 15px;
    font-size: small;
}
.swsArticleTypeNav li, .swsSearchArticles li
{
    float: left;
    text-decoration: none;
}


.swsCatList img, .swsProductsList img
{
    border-style: none;
    margin: 10px;
}

.swsCatListtext
{
    margin: 0px;
    width: 100%;
}



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

.swsImageUploadTop
{
    height: 200px;
    overflow: hidden;
}
.swsImageUploadTop img
{
    float: right;
    margin-left: 5px;
}

.swsNotes
{
    margin-top: 10px;
    overflow: hidden;
    height: 125px;
    width: 100%;
}

/**************** Progress line **********************/
.swsProgressNotSelected
{
    color: #006699;
    text-align: center;
    float: left;
    width: 90px;
    vertical-align: bottom;
    padding-top: 12px;
    padding-bottom: 10px;
}

.swsProgressSelected
{
    color: #006699;
    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: 10px;
    vertical-align: bottom;
}

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

.swsShortArticleImage
{
    margin-top: 10px;
    float: right;
    margin-right: 10px;
    margin-left: 10px;
    text-align: right;
}

.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;
}

.swsArticleTypeNav, .swsSearchArticles
{
    width: 530px;
}

.swsArticleTypeNav img, .swsSearchArticles img
{
    float: right;
    padding: 5px;
}

.swsCheckout .swsRightText
{
    text-align: right;
    padding-right: 6px;
}

.swsRightText
{
    text-align: right;
}


.swsArticleMaintLinkText
{
    font-size: xx-small;
    color: #808080;
}
.swsMid
{
    text-transform: uppercase;

}

.swsAutodropdown /*Formmatting on ddl in productdetails*/
{
    width: 250px;
}

.swsGroupSocialNetworks
{
    padding-top:4em;
    width: 400px;
    float: right;
}
.swsSocialMedia
{
    float: right;
}

.swsTweet
{
    float: right;
    margin-left: 1em;
    margin-right: 1em;
}



.g-plusone
{
    float: right;
    margin-left: 1em;
    margin-right: 1em;
}
.swsTellaFriend
{
    text-transform: uppercase;
    float: right;
    margin-left: 1em;
    margin-right: 1em;
}

#fb-root
{
    float: right;
}

.fb-like
{
   
     width:auto;
}
.swsFaceBookShare
{
    width: 48px;
    overflow: hidden;
    float: right;
    margin-left: 1em;
    margin-right: 1em;
}


.swsPinterest
{
    float: right;
    margin-left: 1em;
    margin-right: 1em;
}



.highlight
{
    background: yellow;
}

.swsClickableArea
{
    float: left;
}

.swsShowall
{
    padding-top: 20px;
    padding-left: 5px;
}

.swsRightFlow
{
    float: right;
    margin-right: 30px;
}

.swsVoucherPanel
{
    padding-top: 25px;
}

.swsCustomerSummary h3
{
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 400px;
}

.swsDeliveryCheckbox
{
    margin-top: 30px;
}

.swsPDFlink
{
    font-size: large;
}

#mc_embed_signup
{
    background: #fff;
    clear: left;
    font: 14px Helvetica,Arial,sans-serif;
    width: 440px;
}
.email
{
    font: 14px Helvetica,Arial,sans-serif;
    color: Gray;
}


.swsThirtySeventy
{
    width: 25%;
    height: auto;
}
.swsThirtySeventyRight
{
    float: right;
    width: 70%;
    height: auto;
    border: 1px solid;
    padding-left: 10px;
}
.swsImageContainer
{
    float: left;
    height: 150px;
    width: 30%;
    padding-bottom: 20px;
    padding-right: 3%;
}
.swsLibraryImage
{
    height: 120px;
    overflow: hidden;
  
}
.swsImageFile
{

    height: 125px;
    margin-bottom: 5px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
}

.swsImageFileText
{
 
    height: 50px;
    font-size: 0.9em;
    overflow:hidden;
}

.swsRoundTree
{
    margin: 5px;
    padding: 5px;
    margin-bottom: 50px;
    width: 95%;
    border: 1px solid;
    float: left;
}
.swsRoundFileUpload
{
    margin: 5px;
    padding: 5px;
    margin-bottom: 50px;
    width: 100%;
    padding: 5px;
    border: 1px solid;
    float: left;
}

.swsRoundDelete
{
    margin: 5px;
    padding: 5px;
    margin-bottom: 50px;
    width: 100%;
    border: 1px solid;
}

.swsRoundOther
{
    margin: 5px;
    padding: 5px;
    margin-bottom: 50px;
    width: 90%;
    font-size: 0.8em;
}

.swsCategoriesMenuLink
{
    text-transform: lowercase;
        background-image: url('../TreeImages/d.gif');
    background-repeat: no-repeat;
    background-position: 100% .4em;
    padding-right: 1.1em;
    font-size: 1.3em;
}


.swsBigImageWarning
{
    border: medium solid red;
}

.swsImageDimensionWarning
{
    border: medium solid blue;
}

/*Maybe?*/
@media screen and (max-width: 600px)
{

}


@media only screen and (min-width : 321px) and (max-width : 800px) /* smartphone (iPhone) landscape*/
{
    .swsFiftyFifty, .swsFiftyFiftyRight
    {
        width: 100%;
    
    }

.swsListNArticles li
{width: 45%;

 }

}



@media only screen and (max-width : 360px)   /* smartphone (iPhone) portrait*/
{

    .swsFiftyFifty, .swsFiftyFiftyRight
    {
        width: 100%;
   
    }

    .swsRight
    {
        width: 100%;
    }
    
    .swsListNArticles li
{width:95%;


    }

    .swsGoLeft a {
          float: right;
   text-align:right;
    }
}


.swsHighlightDDL {


border-color:red;

}

.swsNormalDDL {

border-color:inherit;

}


.swsGoRight {
   float: right;

  
   text-align:right;
   color:grey;
}
.swsGoLeft  {
   float: left;
    
    text-align:left;
    padding-top:5px;
    color:grey;
}
.swsProductMenu{
   float: right;}