﻿#PageContainer 
{
	width: 821px; 
	position: relative; 
	height: 681px; 
	float:none; 
	margin: 0 auto; 
	/*background-image: url(../Images/Shadow.png);*/
}

#PageContainerFull 
{
	width: 821px; 
	position: relative; 
	float:none; 
	margin: 0 auto; 
	/*background-image: url(../Images/Shadow.png);*/
}

#InnerContainer 
{ 
	width: 801px; 
	height: 661px; 
	top: 10px; 
	left: 10px; 
	position: absolute;
	background-color: White;
}

.argh {
height:0;
text-align:left;
}
.argh2 {
height:0;
text-align:right;
}

/* Surounding table and cell - To centrallise */
table 
{ 
	width: 100%; 
	height: 100%; 
	background-color: transparent;
}

td 
{ 
	vertical-align: middle; 
	text-align: center; 
	background-color: transparent;
}

body
{ 
     background-image: url(../Images/background.gif); 
}

/**** Content ****/
#Header
{
    top: 0px;
    left: 0px;
    width: 801px;
    height: 73px;
    position: absolute;
    background-color: White;     
}

#Logo
{
    top: 5px;
    left: 10px;
    width: 340px;
    height: 58px;
    position: absolute;  
}

#Header p.head1
{ 
	font-family: Verdana; 
	font-weight: bold;
	font-size: 7pt; 
	margin: 0;
	color: #767676; 
	left: 400px; 
	top: 10px;
	position:absolute;
	z-index:150;
	width:390px;
	height:60px;
	text-align:right;
	background-image:url(../Images/CardTypes2.gif);
	background-repeat:no-repeat;
}

a.Headerlinks
{
	font-family: Verdana; 
	font-weight: bold;
	font-size: 8pt; 
	color: #767676;
	text-decoration: none;     
}

a.Headerlinks:hover
{
   	font-family: Verdana; 
	font-weight: bold;
	font-size: 8pt; 
	color: #767676;
	text-decoration: underline; 
}

#HeaderBar
{
    top: 73px;
    left: 0px;
    width: 801px;
    height: 12px;
    position: absolute;
    background-color: #022268;
    z-index: 120;     
}

#MainImage
{
    top: 87px;
    left: 172px;
    width: 629px;
    height: 206px;
    position: absolute;
    z-index: 101;
}

#ImageText
{
   	color: #FFFFFF;
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold; 
	z-index: 510;
	position: absolute;
	top: 10px;
	left: 460px;
	text-align: center; 
}

#MainImageBar
{
    top: 295px;
    left: 172px;
    width: 630px;
    height: 32px;
    position: absolute; 
    background-color: #022268; 
    z-index: 101;  
}

#MainImageBar h3
{
	position: absolute;
	left: 15px;
	top: 0px !important;
	top: 0px; 
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: bold;    
	line-height:32px;  
}
#MainImageBar h4
{
	position: absolute;
	left: 260px;
	width:400px;
	top: 0px !important;
	top: 0px; 
	color: #FFFFFF;
	font-size: 10pt;
	font-family: Verdana;
	font-weight: bold;    
	line-height:32px;  
}
#Navigation
{
    top: 87px;
    left: 0px;
    width: 171px;
    height: 550px;
    position: absolute; 
    background-color: #e5e5e5;
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px;        
}

.GVCatLinks
{
 padding-left: 10px; 
}

.DLinks
{
    margin-left: 12px;
    border-left: Solid 1px #767676;
    background-color: #f3f3f3;
    height: 25px;
    width: 168px; 
    text-align: left;  
}

.DLinksLinks
{
    font-family: Verdana;
    font-size: 75%;
    color: #3d3d3d;
    font-weight: bold;
    text-decoration: none; 
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;  
}

.DLinksLinks:hover
{
    font-family: Verdana;
    font-size: 75%;
    color: #000000;
    text-decoration: underline;    
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px; 
}
.DLinksLinksRed
{
    font-family: Verdana;
    font-size: 75%;
    color: #ff0000;
    font-weight: bold;
    text-decoration: none; 
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;  
}

.DLinksLinksRed:hover
{
    font-family: Verdana;
    font-size: 75%;
    color: #ff0000;
    text-decoration: underline;    
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px; 
}

.NavContent
{
    font-family: Verdana;
    font-size: 8pt;
    color: #3d3d3d;
    padding-left: 10px;
}

/******************* Main Content *******************/

#MainContent
{
    top: 327px;
    left: 172px;
    width: 629px;
    height: 310px;
    position: absolute;    
    background-color: #FFFFFF;           
}

#MainContent1
{
    top: 85px;
    left: 172px;
    width: 629px;
    height: 551px;
    position: absolute; 
    background-color: Transparent;    
   /* background-image: url(../Images/background.jpg);*/
    text-align:left;
}

#MainContent2
{
    top: 85px;
    left: 0px;
    width: 801px;
    height: 551px;
    position: absolute; 
    background-color: transparent;    
    /*background: url(../Images/background.jpg) top right no-repeat;*/
    text-align:left;
}

#MainContent h2
{
	width:300px;
	height:30px;
	position: absolute;
	left: 15px;
	top: 10px; 
    text-align: left;
	color: #4e4e4e;
	font-size: 9pt;
	font-family: Verdana;
	font-weight: bold; 
}

#MainContent h3
{
	width:300px;
	height:30px;
	position: absolute;
	left: 300px;
	top: 8px; 
    text-align: left;
	color: #4e4e4e;
	font-size: 8pt;
	font-family: Verdana; 
}


/******************* Thumbs ***************************/

#ImageOne
{
    top: 40px;
    left: 270px;
    width: 110px;
    height: 133px;
    position: absolute;         
}

#ImageTwo
{
    top: 40px;
    left: 390px;
    width: 110px;
    height: 133px;
    position: absolute;         
}

#ImageThree
{
    top: 40px;
    left: 510px;
    width: 110px;
    height: 133px;
    position: absolute;         
}

#ImageFour
{
    top: 180px;
    left: 270px;
    width: 110px;
    height: 133px;
    position: absolute;         
}

#ImageFive
{
    top: 180px;
    left: 390px;
    width: 110px;
    height: 133px;
    position: absolute;         
}

#ImageSix
{
    top: 180px;
    left: 510px;
    width: 110px;
    height: 133px;
    position: absolute;         
}

.ThumbClassNoBorder
{
    border: none;
    padding-right: 10px;     
}

.ThumbClass
{
    /*border: Solid 1px #767676;     */
}

.NoBorder
{
    border: none;
    border-bottom: Solid 1px White;     
}

#BrandLogos
{
    position: absolute;
    top:  260px;
    left: 15px;
    width: 500px;
    height: 50px;
    padding-right: 10px;
    text-align: left;   
}

#tblNav
{
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 100%;   
    height: 0%;
}

/******************* Footer Content *******************/

#Footer
{
    top: 636px;
    left: 0px;
    width: 801px;
    height: 25px;
    position: absolute;
    background-color: #FFFFFF;
    border-top: Solid 1px #767676;  
}


#Copyright 
{
	top: 0px; 
	left: 5px; 
	width: 100px; 
	height: 30px; 
	position: absolute;
}

#Copyright h1 span 
{ 
	top: 6px; 
	left: 0px; 
	width: 150px; 
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-weight: normal; 
	color: #767676; 
	text-align: left; 
}

#divFooterLinks 
{ 
	top: 6px; 
	left: 415px; 
	width: 500px; 
	position: absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-weight: normal; 
	color: #767676; 
	text-align: left; 
}

a.FooterLinks 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #767676; 
	text-align: left; 
	text-decoration: none;
}

a.FooterLinks:hover 
{ 
	text-decoration: underline;
}

#CrumbTrail
{
    top: 0px;
    left: 0px;
    width: 629px;
    height: 25px;
    position: absolute; 
    background-color: Transparent; 
    z-index: 101;  
}

#lblCrumbTrail
{
	font-family: Verdana; 
	font-weight: bold;
	font-size: 7pt; 
	color: #3d3d3d;
	text-decoration: none;
	top: 10px;
	left: 18px; 
	position: absolute;    
}

#lblItemCount
{
	font-family: Verdana; 
	font-weight: bold;
	font-size: 7pt; 
	color: #3d3d3d;
	text-decoration: none;
	top: 10px;
	left: 530px; 
	position: absolute;    
}

a.CrumbLinks 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-weight: bold; 
	color: #3d3d3d; 
	text-align: left; 
	text-decoration: none;
}

a.CrumbLinks:hover 
{ 
	text-decoration: underline;
}

#tblCatImages
{
    height: 0%;
    top: 40px;
    left: 7px;
    position: absolute;    
}

a.ProductLinks
{
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #3d3d3d; 
	text-align: left; 
	text-decoration: none; 
}

a.ProductLinks:hover
{
   text-decoration: underline;  
}

a.ProductLinks2
{
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;  
	color: #3d3d3d; 
	text-align: left; 
	text-decoration: none; 
	padding-bottom: 10px;
	
}

a.ProductLinks2:hover
{
   text-decoration: underline;  
}

.ProductLinks3
{
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;  
	color: #3d3d3d; 
	text-align: left; 
	text-decoration: none; 
	padding-bottom: 10px;
	
}

.ImgNoBorder
{
    /*border: Solid 1px #767676;*/
    border: none;
}



#ProductDetails
{
    width: 400px;
    height: 0%;
    top: 50px;
    left: 220px;
    position: absolute;
    z-index: 120;     
}

.TitleCell
{
    width: 150px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #3d3d3d; 
	text-align: left;
	padding-left: 10px;     
	background-color: #cccccc;
}

.ContentCell
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #3d3d3d; 
	text-align: justify;
	padding-right: 10px;
    padding-left: 10px;   
	background-color: #cccccc;
}

.TitleCell2
{
    width: 150px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #3d3d3d; 
	text-align: left;
	padding-left: 10px;     
}

.ContentCell2
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #3d3d3d; 
	text-align: justify;
	padding-right: 10px;
    padding-left: 10px;   
}

.HighlightText
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #FF0000; 
	text-align: left; 
	font-weight: bold; 
}

#AdditionalInfo
{
    width: 600px;
    height: 220px;
    top: 350px;
    left: 10px;
    position: absolute;     
}

#BasketContent
{
  	left: 600px; 
	top: 40px; 
	position:absolute;      
}

#lblBasketInfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #3d3d3d; 
	text-align: left;
	padding-left: 10px;      
}

#ProductDetailsSection
{
    
}

.ProductLinksHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #2769b3; 
	text-align: left; 
	font-weight: bold;   
}

.ProductLinksDesc
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: #595854; 
	text-align: left;   
}

.ProductLinksPrice
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #FF0000; 
	text-align: center;
	font-weight: bold;   
}

a.ProductLinksView
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	color: #2769b3; 
	text-align:right;
	text-decoration: none;   
}

a.ProductLinksView:hover
{
    text-decoration: underline; 
}

.ProductLinksView
{
    text-align: left;    
}

#ImageContent
{
    background-color: Transparent;
    position: absolute;
    top: 90px;
    left: 5px;
    width: 492px;
    height: 600px;    
}

#BlowUp
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 450px;
    height: 600px;
}

#Add1
{
    position: absolute;
    top: 0px;
    left: 455px;
    width: 100px;
    height: 133px;
    background-color: Transparent;      
}

#Add2
{
    position: absolute;
    top: 153px;
    left: 455px;
    width: 100px;
    height: 133px;
    background-color: Transparent;     
}

#Add3
{
    position: absolute;
    top: 306px;
    left: 455px;
    width: 100px;
    height: 133px;
    background-color: Transparent;      
}

#Add4
{
    position: absolute;
    top: 459px;
    left: 455px;
    width: 100px;
    height: 133px;
    background-color: Transparent;      
}

.InfoContent
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #595854; 
	text-align: left;    
}

.InfoContentSmall
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #595854; 
	text-align: left;    
}

#lblInfo
{
    position:absolute;
    top: 20px; left: 20px;
    width: 550px;    
}

#iFrame
{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 590px;
    height: 510px;   
}

#lblInfo1
{
    width: 100px;
    float: right;
    position:relative;
    padding-right: 20px;
    text-align:left;  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #595854;       
}

#lblBasketInformation
{
    width: 550px;
    float: left;
    position:relative;
    padding-right: 10px;
    padding-left: 10px;
    text-align:left;  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #595854;   
}

#tblContact
{
    position: absolute;
    top: 50px;
    left: 100px;
    height: 0%;
    width: 400px;
}

#lblContent
{
    position: absolute;
    top: 30px;
    left: 20px;
    width: 590px;
    height: 510px;
    font-size: 9pt;  
}
#moreMainContent 
{
    position: absolute;
    top: 50px;
    left: 20px;
    width: 590px;
}
/*********** Product Page View Section ***************/

#MainProductImage
{
    width: 231px;
    height: 315px;
    top: 30px;
    left: 380px;
    position: absolute;
    background-image: url(../Images/ProductPage/ProdBox.gif);
}

#imgProduct
{
    width: 210px;
    height: 293px;
    top: 10px;
    left: 10px;
    position: absolute;    
}

#MainProductContent
{
    width: 353px;
    height: 315px;
    top: 30px;
    left: 10px;
    position: absolute;
    background-image: url(../Images/ProductPage/DescBox.gif); 
}

#tblContent
{
    width: 333px;
    height: 0%;
    top: 10px;
    left: 10px;
    position: absolute;      
}

#AdditionalProductContact
{
    width: 600px;
    height: 170px;
    top: 380px;
    left: 10px;
    position: absolute;
    background-color: #F3f3f3;
    border: Solid 1px #8b8b8b;    
}

#ImgButtonRelated
{
    width: 102px;
    height: 27px;
    top: 354px;
    left: 10px;
    z-index: 110;
    position: absolute;    
}

#ImgButtonAdditional
{
    width: 102px;
    height: 27px;
    top: 354px;
    left: 112px;
    z-index: 110;
    position: absolute;    
}

#ImgButtonSpec
{
    width: 102px;
    height: 27px;
    top: 354px;
    left: 214px;
    position: absolute;
    z-index: 110;   
}

.ProdTitle
{
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;    
}

.ProdPrice
{
    font-family: Verdana;
    font-size: 12pt;
    font-weight:700;
    text-align: right;
    color: Red;   
    padding-bottom: 10px; 
    padding-right: 10px;      
}

.ProdInfo
{
    font-family: Verdana;
    font-size: 9pt;
    text-align: left;
    padding-bottom: 10px;    
}

#DLCats2
{
    width: 580px;
    height: 140px;
    top: 405px;
    left: 10px;
    position: absolute; 
    z-index: 180;   
}

#lblPeople
{
    width: 400px;
    height: 15px;
    top: 390px;
    left: 30px;
    position: absolute; 
    z-index: 130;   
    font-family: Verdana;
    font-size: 8pt; 
}

#DLAddProd
{
    width: 580px;
    height: 140px;
    top: 395px;
    left: 10px;
    position: absolute; 
    z-index: 130;     
}

#lblSpec
{
    width: 580px;
    height: 140px;
    top: 395px;
    left: 20px;
    position: absolute; 
    z-index: 130;    
}


/************ Scroller **************/

#container 
{
	overflow:hidden;
	text-align: left;
	width:333px;
	height:140px;
	position: relative;
}

#scroller 
{
	overflow:visible;
	position:absolute;
	left:0;
	text-align:center;
	width:290px;
}

#ScrollContent
{
	text-align: left;
	color: #4e4e4e;
	font-size: 9pt;
	font-family: Verdana;
	margin: 0;
}

#arrows 
{
	position:absolute;
	top: 0px;
	left: 313px;
	z-index: 120;
}

#container1 
{
	overflow:hidden;
	text-align: left;
	width:300px;
	height:160px;
	position: absolute;
	left: 15px;
	top: 40px;
}

#scroller1 
{
	overflow:visible;
	position:absolute;
	left:0;
	text-align:center;
	width:300px;
}

#ScrollContent1
{
	text-align: left;
	color: #4e4e4e;
	font-size: 8pt;
	font-family: Verdana;
	margin: 0;
}
