/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN:0;
}
.Site 
{
	FONT-SIZE: 100%;
    FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5; 
    min-width:820px;
    }

    
.Site FORM
{
	margin:0;
}

.Site form th
{
	text-align:right;
}

.Site form TD
{
	padding:2px 0;
}

.Site IMG
{
	BORDER:none;
}

.Site a.display 
{
	float:right;
	
}

.Site a.display img
{
	margin-left: 10px;
	margin-bottom: 10px;	
	
}

.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, td
{
	padding:0;

	vertical-align:top;
}
.Site #footer td
{
  	text-align:center;  
    }
.Site dl, ol, ul
{
	margin-left:20px;
	padding:0;
}
.Site ul li
{
	list-style-type:square;
}

.Site .formMainTable 
{
	width: auto !important;
}

.Site .formMainTable th,
.Site .formMainTable td
{
    padding: 5px;
}
/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    marging:0;
    width:auto;
    height:1%;
}
.Site .box .tl, .box .tr
{
	padding:0;
    margin:0 !important;
    width:auto;
}
.Site .box .tl
{
	padding:0;
    margin:0 !important;
    width:auto;
}
.Site .box .bl, .box .br
{
	height:30px;
    width:auto;
}
.Site .box .tl
{
	padding:0;
    margin:0 !important;
    width:auto;
}
.Site .box .tr h2
{
    margin:10px 48px 0 48px !important;
    padding:5px 0 5px 0;
    width:auto;
    font-size:160%;
    font-family:'Georgia';
    text-align:center;

}
.Site .box .content
{
    position:relative;
    padding:20px 10px 10px 10px;
    margin:0px 0 0 0 !important;
}
.Site .content img
{
	margin:0 5px 5px;
}




.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
}
.Site .Picture 
{
    float:right;
    }
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .required
{
    WIDTH:210px;
    font-size:1em;
    font-family:Arial;
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
    height: 1%;
}
.Site label
{
	FONT-WEIGHT: bold;
	margin:0 5px 0 0;
}
.Site .list H3
{
    MARGIN-TOP:0;
    MARGIN-BOTTOM: 5px
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px
}
.Site .list P
{
	MARGIN: 3px 0;
}
.Site .list .terminus, .detail .terminus
{
	clear:right;
}
.Site .morelink
{
    TEXT-ALIGN: right
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site .template ul
{
	margin-left:20px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}

.Site .userName, .Site .password
{
 font-weight:bold;
 padding: 3px 0 3px 0;
    }

.Site .username label, .Site .password label
{

    }
.Site #membersMenu .button 
{
  float:none;  
    }
    
.Site .enquire
{
}    
    
.Site .button,
.Site .morelink
{
 font-weight:600;  
 	FONT-SIZE: 100%;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    padding:0 5px 0 5px; 
    }
    
.Site 
    
.Site #mainLayout a
{
    text-decoration:underline;
    font-weight:bold;
    }
.Site .selectOptions 
{
    display:none;
    }
/* ################################### Site IDs ################################# */



.Site #loginBrief_Col 
 {

   padding:0px 0px 0px 0px; 
 }
.Site #leftCol #loginBrief_Col 
 {

   padding:10px; 
 }
.Site #loginbrief 
 {
   padding:0px 0px 0px 0px;
   text-align:right; 
}
#mainTable
{
    line-height:1.2;
	margin:auto;
}
.Site #mainHeader
{
	position:relative;
	height:87px;
	text-align:right;
}
.Site #leftHeader
{
	width:479px;
	height:87px;
	float:left;
}
.Site #rightHeader
{
	width:279px;
	height:87px;
	float:right;
}
.Site #mainMenuContainer 
{
    
    }
.Site #mainLayoutContainer ul li
{
  list-style:none
    }
.Site #mainMenuContainer ul
{
    padding:0;
    margin:0;
    }
.Site #mainMenuContainer ul li 
{
   list-style:none; 
    }
 .Site #mainMenuContainer ul li a
{
 text-decoration:none;
 display:block;
 padding:5px 4px 5px 6px ;
 margin:1px 0px 0px 4px;
 width:148px;
 font-weight:bold;  
    }
  .Site #mainMenuContainer ul ul li a
{
 margin:1px 0px 0px 9px;
 width:143px;
 font-weight:normal ; 

    }
.Site #mainMenuContainer ul ul ul li a
{
 margin:1px 0px 0px 14px;
 width:138px;
    }
.Site #mainMenuContainer ul ul ul ul li a
{
 margin:1px 0px 0px 19px;
 width:133px;
    }
.Site #mainMenuContainer ul ul ul ul ul li a
{
 margin:1px 0px 0px 24px;
 width:128px;
    }
.Site #mainMenuContainer ul ul ul ul ul ul li a
{
 margin:1px 0px 0px 29px;
 width:123px;
    }
.Site #mainMenuContainer ul ul ul ul ul ul ul li a
{
 margin:1px 0px 0px 34px;
 width:118px;
    }
.Site #mainMenuContainer ul ul ul ul ul ul ul ul li a
{
 margin:1px 0px 0px 39px;
 width:113px;
    }
.Site #membersMenu .textbox
{ 
   width:100px; 
    }
/* ################################## Menu setup ################################### */

.Site #breadcrumbBG
{

}
.Site #breadcrumb
{
margin:0 0 39px 170px;
padding:0 0 3px 110px;    
}
.Site #breadcrumbLeft
{
width:830px;
display:block;
float:left;

}
.Site #breadcrumbRight
{
width:124px;
display:block;
float:left; 

text-align:right;
}
.Site #breadcrumb a
{
    text-decoration:none;
    font-size:105%;
}
.Site #breadcrumb A:hover
{

}
.Site #mainMenu 
{
 
    
    }
 .Site #leftCol 
{
 display:block;
 float:left;   
 width:170px;
 margin:0px 0 10px 0;
    }
    
.Site #membersArea
{
float:left;
padding:5px 0 0 0;   
 	width:180px;   
}    
.Site #membersMenu 
{
padding:7px 8px 1px 10px;     
    }
.Site #membersMenu ul
{	
	float:left;
	margin:0 0 0 0px;
	padding:0;
	width:650px;
}
.Site #myAccount a
{
	font-weight:bold;
}
.Site #membersMenu ul li img,
.Site #myAccount img
{
  vertical-align: middle;
  padding:1px;     
}

.Site #membersMenu ul li,
.Site #myAccount
{ 
       
    padding:0 5px 0 0;
  margin:0 3px 0 0;
    display:block;
   float:left; 
  border-top:1px solid #cccccc;
  border-right:1px solid #cccccc; 
  border-left:1px solid #cccccc;
  background-color:#ffffff;
}
 .Site #myAccount
{
      display:block;
 float:right; 
}
.Site #subMenu
{
	float:left;
	width:172px;
	margin:15px 0 60px;
}
.Site #subMenu ul, #subMenu li
{
    padding:0;
    margin:0;
}
.Site #subMenu li
{
	list-style:none;
	display:inline;
}

.Site #subMenu ul a:hover
{

	text-decoration:underline;
}
.Site #subMenu ul a
{
	line-height:1;
	display:block;
	padding:7px 0 7px 20px;
	margin:0;
	font-weight:bold;
}
.Site #subMenu ul ul a 
{
 padding:5px 5px 5px 25px; 
 font-weight:normal;  
  font-size:95%;
    }
.Site #subMenu ul ul ul a
{
	padding: 5px 5px 5px 30px;
}
.Site #subMenu ul ul ul ul a
{
	padding: 5px 5px 5px 35px;
}

/* ======================== */

.Site #mainTitle
{
    position:relative;
    MARGIN:0 10px 0 175px;
    padding: 0 0 20px 0;
}
.Site #cartBrief p strong
{  
   font-size:120%
    }
.Site #cartBrief p
{  
    color:#0C3561;
    margin:0px;
    padding:0 0 5px 0;
    }
.Site #cartBrief 
{      
    position:absolute;
    top:0;
    right:0;
    padding:5px;  
    border:1px solid #C68E53;
    }
.Site #mainTitle H1
{
	FONT-SIZE: 180%;
    font-weight:bolder;
    font-family:Georgia;
    margin: 10px 200px 10px 10px;
}
.Site H1
{
    FONT-SIZE: 180%;
}
.Site H2
{
    FONT-SIZE: 170%;
}
.Site H3
{
    FONT-SIZE: 115%;
}
.Site H4
{
    FONT-SIZE: 110%;
}
.Site H5
{
    FONT-SIZE: 105%;
}
.Site H6
{
    FONT-SIZE: 100%;
}
.Site #mainLayout
{
	margin-left:175px;
	line-height:1.5;
	padding:0 20px 10px 10px;
	font-family:"georgia";
	font-size:1.1em;
}
.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}
.Site #template_Mailform_Right #column1
{
	float:none !important;
    width: 490px !important;
}
.Site #template_Mailform_Right #column2
{
	margin:20px 0 !important;
	width: 490px !important;
}
.Site #template_Home_Variant DIV#column2,
.Site #template_2_Columns div#column2
{
	width: auto;
	margin-left:50% !important;
}
.Site #template_Home_Variant DIV#column1,
.Site #template_2_Columns div#column1
{
	float:left !important;
	width: 49% !important;
}
.Site #mainFooter
{
    padding:10px;
}
.Site #copyright 
{
  font-size:90%;  
    }
/* ======================== */


.Site #header
{
	padding-bottom:10px;
	margin-bottom:10px;
}
.Site #footer
{
	margin-top:10px;
	padding-top:10px;
}



.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
	line-height:1.8;
}
#template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}
.Site #developerLink a
{
	margin:10px;
}

/* ############################### Header Info ############################ */

.Site #headerInfo
{
	position:relative;
	float:right;
	width:400px;
}
.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, #logonForm td
{
	vertical-align:middle;
}

.Site .template 
{
	height: 1%;
}


.Site .readonly 
{
	color: #888888;
	width: 210px;
}