/*-------------generic styles------------------------------------------------------------ */
body
{
    margin: 0 auto;
    background-image: url(images/background.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    font-family: Tahoma;
}


/* -----------content panel------------------------------------------------------ */

#whole-container
{
    margin: 0 auto;
    width: 952px;
    text-align: center;
}

#shadow-container
{
	float: left;
	width: 952px;
	min-height: 300px;
	background-image: url(images/jpg);
    background-position: top center;
    background-repeat: repeat-y;
}
 
.bottom-of-shadow
{
	float: left;
	width: 952px;
	height: 25px;
	background-image: url(images/shadow-bottom.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#contentcontainer
{
	margin: 0 auto;
	width: 952px;
	text-align: center;
}
 
.header-container
{
    float: left;
    width: 952px;
}

.crumbtrail
{
    float: left;
    width: 695px;
    margin: 10px 0px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #6a6a6a;
}

a.crumbtrail-link
{
    font-size: 11px;
    color: #ff005a;
    font-weight: bold;
    text-decoration: none;
}

.header
{
    float: left;
    width: 952px;
    height: 187px;
    background-image: url(images/header.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.logo
{
    float: left;
    width: 369px;
    height: 149px;
    margin-left: 40px;
}

.header-navigation
{
    float: left;
    width: 952px;
    height: 43px;
    background-image: url(images/navigation.png);
    background-position: top center;
    background-repeat: no-repeat;
}  

.content
{
    float: left;
    width: 952px;
    min-height: 7px;
    background-image: url(images/shadow.png);
    background-position: top center;
    background-repeat: repeat-y;
}

.content-text
{
    float: left;
    width: 685px;
    text-align: left;
    font-size: 12px;
}


.content-padding
{
    margin: 0 auto;
    width: 900px;
}

.mid-content
{
    float: left;
    width: 695px;
}

.mid-content-padding
{
    float: left;
    width: 699px;
}

.offers-container
{
    float: left;
    width: 695px;
    margin-top: 10px;
}

.left-content
{
    float: left;
    width: 202px;
}

.left-content-padded
{
    float: left;
    width: 202px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 12px;
}


.basket-top-container
{
    float: right;
    margin: 58px 55px 0px 0px;
    font-size: 12px;
    color: #636363;
    text-align: left;
}

.search
{
    background-color: Transparent;  
    color: #c3c3c3;
    border: solid 0px Transparent;
    width: 93px;
    padding: 3px 0px 0px 5px ;
    float: left;
}

.search-box
{
    float: left;
    width: 136px;
    height: 43px;
    background-image: url(images/search-bg.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.search-padding
{
    float: left;
    width: 140px;
    padding-top: 10px;
}

.little-links-home
{
    float: left;
    width: 695px;
    height: 112px;
    margin-bottom: 10px;
}

.little-link-left
{
    float: left;
    width: 337px;
    
}

.little-link-right
{
    float: right;
    width: 341px;
}

/*----Text content-------------------------------------------------*/

.text-container
{
    float: left;
    width: 699px;
    background-color: #e21303;
}

.text-content-header
{
    float: left;
    width: 699px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    padding: 5px 0px 0px 5px;
}


.text-container-content
{
    float: left;
    width: 679px;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.middle-image
{
    float: left;
    width: 699px;
    height: 269px;
    text-align: left;
}


.middle-image2
{
    float: left;
    width: 699px;
    height: 88px;
    text-align: left;
}


.jobs-padded
{
    float: left;
    width: 142px;
    margin: 10px 0px 0px 20px;
}
   
.job-box
{
    float: left;
    width: 142px;
    min-height: 126px;
    border: solid 1px #d3d3d3;
    margin-bottom: 15px;
}

.job-text
{
    float: left;
    width: 122px;
    padding: 10px;
    font-size: 12px;
    color: #2d2d2d;
    text-align: left;
    font-weight: bold;
}

.job-link
{
    float: left;
    width: 142px;
    height: 20px;
    text-align: center;
    z-index: 3;
    position: absolute;
    padding-top: 145px;
}

/* ---footer --------------------------------------------------------------*/

.footer-contact
{
    float: left;
    width: 898px;
    margin: 30px 0px 30px 0px;
}

.mailinglist
{
    width: 292px;
    height: 54px;
}



.findus
{
    width: 292px;
    height: 54px;
}


.intouch
{
    width: 292px;
    height: 54px;
}



.footer
{
    float: left;
    width: 898px;
}

.footer-padded
{
    float: left;
    width: 680px;
    padding: 10px;
}

.footer-left
{
    float: left;
    width: 700px;
    font-size: 12px;
    text-align: left;
    color: #5f5f5f;
}

.footer-right
{
    float: left;
    width: 178px;
    font-size: 11px;
    text-align: right;
    color: #4d4644;
    padding-right: 20px;
}



/*----navigation--------------------------------------------------------*/

.navigation-padding
{
    float: left;
    width: 720px;
    margin-left: 30px;
}

.link-container
{
    float: left;
    text-align: center;
    vertical-align: middle;
    height: 43px;
    min-width: 40px;
    padding: 13px 8px 13px 8px;
    
}

.divider
{
    float: left;
    width: 2px;
    height: 38px;
    padding-top: 3px;
}
    

.categories-header
{
    float: left;
    width:184px;
    height: 32px;
} 

.categories-block
{
    float: left;
    width: 182px;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    border-bottom: solid 1px #c3c3c3;
    padding-bottom: 5px;
}

.style-category-container
{
    float: left;
    width: 174px;
    padding: 5px 5px 5px 5px ;
}

.arrow
{
    float: left;
    width: 23px;
}

.stylecategory
{
    float: left;
    width: 150px;
    text-align: left;
}

.substylecategory
{
    float: left;
    width: 150px;
    text-align: left;
}

a.subcategory
{
    font-size: 12px;
    color: #38c9f2;
    text-decoration: none;
}  

a.category
{
    font-size: 12px;
    color: #ff005a;
    text-align: left;
    text-decoration: none;
}

a.footer-category
{
    font-size: 10px;
    color: #636363;
    text-align: left;
    font-family: Verdana;
    text-decoration: none;
}

.left-content-offer
{
    float: left;
    width: 193px;
    height: 195px;
    padding-top: 10px;
    padding-left: 10px;
    background-image: url(images/offer-left.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

.offer-left-content
{
    float: left;
    text-align: center;
    width: 183px;
    font-size: 16px;
    color: #ff2170;
    font-weight: bold;
}


/*--------------------Login Box-------------------------------------*/

.login-container
{
float: left;
width: 175px;
}

.login-container-padding
{
    float: left;
    width: 165px;
    padding: 10px;
}

.login-box
{
    float: left;
    width: 163px;
    border: solid 1px #a7a3a2;
    background-color: #efefef;
}

.login-box-padded
{
    float: left;
    width: 143px;
    padding: 10px;
}

.login-box-head
{
    float: left;
    width: 133px;
    color: #7f7f7f;
    font-size: 13px;
    text-align: left;
}

.login-form-container
{
    float: left;
    width: 133px;
    padding-top: 10px;
}

.login-input
{
    float: left;
    width: 133px;
    border: solid 1px #c4c4c4;
}

.login-button
{
    float: right;
    text-align: center;
    border: solid 1px #c4c4c4;
    background-color: #828282;
    color: #fff;
    font-size: 13px;
    cursor: hand;
}

.login-button:hover
{
    float: right;
    text-align: center;
    border: solid 1px #c4c4c4;
    background-color: #e5e5e5;
    color: #7f7f7f;
    font-size: 13px;
    cursor: hand;
}

.login-submit-box
{
    float: left;
    width: 135px;
    padding: 5px 0px 0px 0px;
}

/*---------Enquiry Container----------------------------------*/

.enquiry-container
{
    float: left;
    width:  525px;
}

.enquiry-box
{   
    float: left;
    width: 505px;
    border: solid 1px #a7a3a2;
    background-color: #efefef;   
    padding: 10px;
}

/*-----Order Options----------------*/


.option-table
{
    border: solid 1px #a7a3a2;
    background-color: #efefef;   
}

.image-container
{   
    float: left;
    width: 500px;
}

.image-container-pad
{   
    float: left;
    width: 500px;
    padding-bottom: 10px;
}

.left-links
{
    float: left;
    width: 178px;
}

.large-job-container
{
    float: left;
    width: 699px;
}

.search-results-header
{
    float: left;
    width: 699px;
    margin: 10px;
    text-align: left;
    font-size: 12px;
}

.job-table
{
    font-size: 12px;
    color: #626262;
    border: solid 1px #626262;
    text-align: left;
    margin-bottom: 10px;
}

.paging
{
    float: left;
    width: 679px;
    text-align: right;
    font-size: 12px;
    margin:5px;
}

.map-content
{
    text-align: left;
    font-size: 11px;
    color: #000;
}

/*------------Product Box---------------------*/

.product-box
{
    float: left;
    width: 223px;

}

.image-container
{
    float: left;
    width: 223px;
    border: solid 1px #c3c3c3;
    min-height: 220px;
    padding-top: 10px;
    
}

.product-box-text
{
    float: left;
    width: 223px;
    min-height: 55px;
    color: #ff005a;
    font-size: 16px;
    text-align: left;
    margin-top: 5px;
}

/*--------View Page-------------------*/

.view-page-container
{
    float: left;
    width: 695px;
    height: 29px;
	background-image: url(images/space-bg.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.view-page
{
    float: left;
    width: 695px;
    font-size: 12px;
    color: #45b9d7;
    text-align: left;
    padding: 8px 0px 0px 10px;
}

a.viewpage
{
    font-size: 12px;
    color: #ff005a;
    text-align: left;
    text-decoration: none;
}

a.viewpage:hover
{
    font-size: 12px;
    color: #38c9f2;
    text-align: left;
    text-decoration: none;
}

a.viewpageon
{
    font-size: 12px;
    color: #ff005a;
    text-align: left;
    text-decoration: none;
    padding: 2px;
    background-color: #38c9f2;
}

/*----Product Detail page------------*/

.product-detail-container
{
    float: left;
    width: 695px;
    margin-top: 5px;
}

.image-container2
{
    float: left;
    width: 350px;
    text-align: center;
    padding-left: 2px;
}

.description-container
{
    float: left;
    width: 340px;
    font-size: 12px;
    text-align: left;
}

/*--------------ADVERT Offer--------------------*/

.special-offer
{
    float: left;
    width: 695px;
    height: 106px;
    background-image: url(images/special-bg1.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.stitching-over
{
    float: left;
    width: 695px;
    height: 105px;
    z-index: 2;
    position: absolute;
    background-image: url(images/stitching-over.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.offer-productname
{
    float: left;
    width: 400px;
    font-weight: bold;
    font-size: 14px;
    color: #ff2170;
    margin-top: 10px;
    margin-left: 10px;
    text-align: left;
}