﻿body
{
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: Black;
    margin-top: 5px;
    background-position: center;
}

.Copyright
{
	position:relative;
	text-align:center;
	font-size:9px;
	color:White;
	padding-bottom:10px;
	padding-top:10px;
	font-weight:bold;
}

#MainContent
{
	width:760px;
	background-color:#FFF;
	z-index:100;	
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;
	height:auto;
    border-top-style:none;
    border-bottom-style:solid;
    border-right-style:solid;
    border-left-style:solid;
    border-color:White;
    border-width:thick;
   

}



.RightFloat
{
	float:right;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;

}

.rightAlign
{

    display:inline;
    text-align:right;
    float:right;
    
}

.LeftFloat
{
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;

}

.CenterFloat
{
	text-align:center;
	width:750px;
}


.PageTitle
{
	font-size:38px;
	z-index:350;
}

.InLineTextBox
{
	background-color:#333;
	border-color:#CCC;
	color:#FFF;
	border-width:10px;
	border-style:solid;
	width:160px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}

.Links
{
	padding:10px;
}

.newsHeader
{
	font-size:15px;
	font-weight:bold;
	background-color:#0066ff;
	padding:5px;
	color:White;
	width:100%;
}

.GeneralHeader
{
	font-size:15px;
	font-weight:bold;
	background-color:#0066ff;
	padding:5px;
	color:White;
	display:inline-block;
	width:100%;
}

a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #6699ff;
}
a:active {
	color: #333;
}

.ErrorMsg
{
    color:Red;
}

Strong
{
    color:#0066ff;
}

.Header
{
    border-top-style:solid;
    border-bottom-style:none;
    border-right-style:solid;
    border-left-style:solid;
    border-width:thick;
    border-color:White;
    width:800px;
    background-color:White;
}

.SubHeader
{
	font-size:15px;
	font-weight:bold;
}

.Footer
{
    border-top-style:solid;
    border-bottom-style:solid;
    border-right-style:solid;
    border-left-style:solid;
    border-color:White;
    border-width:thick;
    width:800px;
    clear:both;

}

.AlternateContentMenu
{
    margin-left:10px;
}

.AdviceTableHeading
{
    text-align:center;
    background-color:#99ccff;
    color:White;
    font-weight:bolder;
    font-size:medium;
}

.AdviceTableTitle
{
    font-size:medium;
    font-weight:bolder;
    background-color:#eeeeee;
}

.AdviceTableContent1stCol
{
    width:25%;
    border-width:thin;
    border-style:solid;
    border-color:Black;
    border-bottom-style:none;
    border-left-style:none;
    vertical-align:top;
    
}

.AdviceTableContent2ndCol
{
    width:25%;
    border-width:thin;
    border-style:solid;
    border-color:Black;
    border-bottom-style:none;
    border-left-style:none;
    vertical-align:top;
    
}

.AdviceTableContent3rdCol
{
    width:50%;
    border-width:thin;
    border-style:solid;
    border-color:Black;
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;  
}

.AdviceTable
{
    border-style:solid;
    border-width:thin;
    border-color:Black;
    font-size:smaller;
}

.AdviceTableRows
{
    vertical-align:top;
}

ul  
{
   margin:0 0 0 0; 
   padding-left:10px; 
}

.ContactHeader
{
    position:absolute;
    padding-left:15px;
    top:45px;
    font-size:medium;
    font-weight:bold; 
}

.ContactHeaderTelNo
{
    font-weight:bolder;
    font-size:25px; 
    color:#0066ff;
}

.ContactHeaderEmailAdd
{
    font-weight:bolder;
    font-size:15px; 
    color:#0066ff;
}





.BottomAlign
{  
    vertical-align: middle;
}

.ThirdOfPage
{
    display:inline-block;
    /*background-image:url("Images/ShoppingItems/ShoppingItemBG.png");
    background-position:top left;*/
    width:530px;
    padding:10px;
    background-color:#eefaff;
    border-style:solid;
    border-width:thick;
    border-color:#def0f9;
}

.ThirdOfPageBottom
{
    /*background-image:url("Images/ShoppingItems/ShoppingItemBG.png");
    background-position:bottom left;*/
    height:5px;
    background-repeat:no-repeat;
    width:550px;


}

.ShoppingItemImage
{
    width:90px;
    float:left;
    background-color:White;
    border: solid 2px #cccccc;
    margin-right:5px;

}

.ShoppingItems
{
    float:left;
    display:inline;
    background-color:White;
    width:570px;
    padding:10px;
    clear:left;

}

.MainContainer

{
    width:810px;
    background-color:White;
    margin:0 auto;
    display:block;
}

.ShoppingBasket
{
    width:205px;
    font-size:11px;
    background-color:White;
    float:right;
    text-align:right;
    display:inline;
    padding-right:10px;
}

.ShopFooter

{
    padding:10px;
    clear:both;
    
}

.ShoppingBasketCheckOut
{
    position:absolute;
    font-size:13px;
    padding:10px;
    text-align:right;
    float:right;
    background-color:Transparent;
    margin-left:auto;
    margin-right:auto;
    width:780px;
    top:210px;
    /*background-color:#f8fcff;
    border: solid thin #99ccff;*/
}

.ShoppingItemTitleContent
{
    width:120px;
    float:left;
    text-align:left;
}

.ShoppingItemContent
{
    width:300px;
    float:right;
    text-align:right;
    vertical-align:bottom;
}

.Price
{
    font-size:14px;
    font-weight:bolder;
    color:Black;
    display:inline;
}

.ShoppingItemTitle
{
	font-size:15px;
	font-weight:bold;
	color:#0066ff;
}

.ShoppingItemDescription
{
    	color:#003366;
}

.CheckOutPopUp
{
    font-size:13px;
    width:370px;
    background-color:#f8fcff;
    padding:10px;
    border: solid thick #99ccff;
    margin-top: 0px;

}

.ShadedBG
{
    background-color:#0066ff;
    /* for IE */
    filter:alpha(opacity=50);
    /* CSS3 standard */
    opacity:0.5;

}






#item-menu ul
{
    list-style: none;
    margin: 0;
    padding:0;
}

#item-menu li
{
    float: left;
    text-align: left;
    padding-right:2px;

}

#item-menu li a
{
    display: block;
    color:White;
    padding:5px;
    text-decoration: none;
    font-weight:bold;
    font-size:13px;
    background-color:#0066ff;
    background-image:url("Images/SectionBG.png");
}

#item-menu li a:hover
{
    display: block;
    background-color:White;
    color:Black;
    text-decoration: underline;
}

#item-menu
{

    display: block;
    height:35px;
    margin-left:auto;
    margin-right:auto;

} 




.SectionTitle
{
    font-size:20px;
    font-weight:bold;
    color:#0066ff;
}



.ShoppingBasketItems
{
    overflow:hidden;
    width:740px;
    display:inline-block;
    height:100px;
    background-color:white; 
}



.ShoppingBasketCol1
{
    vertical-align:middle;
    font-size:12px;
    text-align:left;
    display:inline-block;
    width:80px;
}

.ShoppingBasketCol2
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:150px;   
    font-size:15px; 
    font-weight:bolder; 
}

.ShoppingBasketCol3
{
    vertical-align:middle;
    font-size:12px;
    text-align:left;
    display:inline-block;
    width:70px;    
}

.ShoppingBasketCol4
{
    vertical-align:middle;
    font-size:12px;
    text-align:left;
    display:inline-block;
    width:80px;    
}

.ShoppingBasketCol5
{
    vertical-align:middle;
    font-size:12px;
    display:inline-block;
    width:150px;    
}

.ShoppingBasketCol7
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:100px;   
    font-size:15px; 
    font-weight:bolder;
    
}

.ShoppingBasketCol8
{
    vertical-align:middle;
    font-size:12px;
    text-align:left;
    display:inline-block;
    width:80px;    
}


.ShoppingBasketHeader1
{
    vertical-align:middle;
    font-size:12px;
    text-align:left;
    display:inline-block;
    width:80px;
    font-weight:bolder;
}

.ShoppingBasketHeader2
{
    vertical-align:middle;
    font-size:12px;
    text-align:left;
    display:inline-block;
    width:150px;    
    font-weight:bolder;    
}

.ShoppingBasketHeader3
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:70px;    
    font-size:15px; 
    font-weight:bold; 

}

.ShoppingBasketHeader4
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:80px;  
    font-size:15px; 
    font-weight:bold; 

}

.ShoppingBasketHeader5
{
    vertical-align:middle;
    display:inline-block;
    width:150px;   
    text-align:center;
    font-size:15px; 
    font-weight:bold; 
 
}

.ShoppingBasketHeader6
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:100px;    
    font-size:15px; 
    font-weight:bold; 
 
}

.ShoppingBasketHeader7
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:100px;    
    font-size:15px; 
    font-weight:bold; 

    
}

.ShoppingBasketHeader8
{
    vertical-align:middle;
    text-align:left;
    display:inline-block;
    width:80px;    
    font-size:15px; 
    font-weight:bold; 

}

.LoadingPopUp
{
    font-size:13px;
    width:370px;
    background-color:#f8fcff;
    padding:10px;
    border: solid thick #99ccff;
    margin-top: 0px;
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1;
    visibility:hidden; 

}

.WholePage
{
    width:100%;
    height:100%;
    background-color:#0066ff;
    /* for IE */
    filter:alpha(opacity=50);
    /* CSS3 standard */
    opacity:0.5;
    visibility:hidden;

}

.AddToBasket
{
    vertical-align:middle;
}

.DeliveryForm
{
    display:inline-block;
    background-color:white; 
    overflow:hidden;
    width:770px;
    
}

.HalfPageLeft
{
    width:380px;
    float:left;
}

.HalfPageRight
{
    width:380px;
    float:right;
    text-align:right;
}

.HalfPage
{
    width:380px;

}

.FrontImage
{
    background-color:White;
    width:810px;
}

.ShopInfo
{

    font-size:11px;
    color:Black;
    padding-bottom:10px;
    padding-top:10px;
   
}

.ShopInfoLargeText
{

    font-size:15px;
    font-weight:bold;
}

.ShopInfoSmallText
{

    font-size:10px;
    display:inline-block;
    text-align:right;
    color:#666666;
}


.FrontPageOffersTextBox
{

    position:relative;
    left:572px;
    top:35px;
    width:229px;
    height:90px;
    overflow:hidden;
    
    

}



* html .footer {
    height:1px;
}


#ProfilesMainContent
{
    width:780px;
	background-color:White;
	padding:15px;
}

.Profiles
{
    background-color:White;
}

.ProfilesPic
{
    float:left;
}

.ProfilesQualifications
{
    float:left;
    width:450px;
    padding:10px;
    font-size:13px;

}

.ProfilesContent
{
    clear:both;
    background-color:White;
    font-size:12px;
}

.ProfilesFooter
{
    clear:both;
    background-color:White;
}


.ProfileLeft
{
    float:left;
    width:450px;
}

.ProfileRight
{
    width:300px;
    float:right;
}






#imageContainer {
	height:309px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}





#imageContainer {
	position:relative;
	margin:auto;
	width:500px;
	border:1px solid #000;
}

/* styles unrelated to the application follow */
h1 {
	position:relative;
	font:1em verdana;
}

.copy {
	width:500px;
	margin:auto;
	position:relative;
	font:0.9em verdana;
}

#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}



.OffersMainDiv
{
    background-image:url('Images/Offers.jpg');
    background-repeat:no-repeat;
    padding-top:45px;
    margin-left: auto;
    margin-right: auto;
    width: 710px;
    padding-bottom:10px;
}

.OffersFooter
{
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

.OffersSubsection
{
    width:165px; 
    display:inline-block;
    padding: 0px 5px 0px 3px;
    vertical-align:top;
}

.OffersTitle
{
    font-size:large;
}

.OffersSubTitle
{
    font-size:medium;
}