﻿body {
	background-color: #F5F5F5;
	width: 980px;
	margin:auto;
	font-family: Verdana;
	line-height: 150%;
}

#header {
	margin-top: 15px;
	width:980px;
}

#header .Div1 {
	width:980px; 
	height:50px; 
	position:relative; 
	margin-bottom:10px;
}

#CScontent {
	padding-top: 15px;
	/*overflow:auto;*/
}

#content {
	padding-top: 15px;
	/*overflow:auto;*/
	z-index:-1;
}

ol  {
	list-style-position:outside;
	padding-left:20px;
}

ul  {
	list-style-position:outside;
	padding-left:20px;
}

.main {
	width:722px;
	background-color:white;
	position:relative;
	height:800px;
	/*background-color:blue;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

.main .tl {
	background-image:url('../images/tl.png'); 
	background-repeat:no-repeat; 
	height:15px; 
	width:15px; 
	margin:0px; 
	position:absolute; 
	top:-6px; 
	left:-3px;
}

.main .t {
	z-index:-100;
	background-image:url('../images/t.png'); 
	background-repeat:repeat-x; 
	position:absolute; 
	top:-5px; 
	left:9px;
/*	border-top:1px #cecece solid;*/
	height:15px; 
	width:705px;
	margin:0px; 
}

.main .tr {
	background-image:url('../images/tr.png'); 
	background-repeat:no-repeat; 
	height:15px; 
	width:15px; 
	margin:0px; 
	position:absolute; 
	right: -5px; 
	top:-6px;
}

.main .l {
	background-image:url('../images/l.png'); 
	background-repeat:repeat-y; 
	height:787px; 
	width:15px; 
	margin:0px;
	position:absolute;
	left:-6px;
	top:9px;
}

.main .bl {
	background-image:url('../images/bl.png'); 
	background-repeat:no-repeat; 
	height:15px; 
	width:15px;
	margin:0px; 
	position:absolute; 
	bottom:-7px;
	left:-6px;
	z-index:55;
}

.main .b {
	background-image:url('../images/b.png'); 
	background-repeat:repeat-x; 
	height:15px; 
	width:704px; 
	margin:0px; 
	position:absolute; 
	bottom:-7px;
	left:9px;
	z-index:55;
}

.main .br {
	background-image:url('../images/br.png'); 
	background-repeat:no-repeat; 
	height:15px; 
	width:15px;
	margin: 0px;
	position:absolute; 
	right: -6px; 
	bottom: -7px;
	z-index:55;
}

.main .r {
	background-image:url('../images/r.png'); 
	background-repeat:repeat-y; 
	height:787px; 
	width:15px; 
	margin:0px; 
	position:absolute; 
	right: -13px; 
	top: 9px;
	z-index:50;
}


.ColumnRight {
	width: 240px;
	float:right;
	position:relative;
	/*margin-top:-5px;*/
	height:800px;
	background-color: #fafafa;
	font-size: 9pt;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #fff;
	-moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
	-webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=1);
}

.ColumnRight .Box {
	/*border: 1px #d5d6cb solid;
	border-bottom: none;
	background-color: white;*/
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	position:relative;
	color:#515151;
	height:auto;
	overflow: visible;
	width: 100%;
}

.ColumnRight p {
	font-size: 8pt;
	font-family: Verdana;
	padding:0px 18px;
	margin: 0px;
	line-height:150%;
}

.ColumnRight .SubHead {
	font-weight:bold;
	padding-top:5px;
}

.ColumnRight .SubP {
	padding-left:25px;
	margin:0px 0px 0px 0px;
}

.ColumnRight .Box .Bottom{
	/*background-image: url('../images/b.png');
	background-repeat: repeat-x;
	position:absolute;
	bottom:-15px;
	left:0;
	width:100%;
	border:none;*/
}

.ColumnRight .Box .Header {
	/*background-image: url('../images/BlkHead.jpg'); 
	background-repeat:repeat-x; 
	position:relative;
	width:100%;*/
	/*height:30px;*/
	padding:0px;
	margin:0px;
	text-align: center;
	font-size:10pt;
	/*color:#515151;*/
	color:#000;
	font-weight: bold;
}

.ColumnRight .IHateIE7 {
	border-bottom:none; 
	position:absolute;
	bottom:15px;
}

.BottomBorderLeft {
	background-image:url('../images/bl.png'); 
	background-repeat:no-repeat; 
	height:15px; 
	width:15px; 
	margin:0px; 
	position:absolute; 
	bottom:5px; 
	left:-6px;
}

.BottomBorder {
	background-image:url('../images/b.png'); 
	background-repeat:repeat-x; 
	height:15px; 
	width:223px; 
	margin:0px; 
	position:absolute; 
	bottom:5px; 
	left:9px;
}

.BottomBorderRight {
	background-image:url('../images/br.png'); 
	background-repeat:no-repeat; 
	height:15px; 
	width:15px;
	margin:0px; 
	position:absolute; 
	bottom:5px; 
	right:-6px;
}

.ColumnLeft {
	float:left;
}

#fullwidth {
	background-color:white;
}

#footer {
	width:100%;
	font-size:8pt;
	margin:15px auto;
	color:#515151;
}

#footer hr{
	color:#515151;
	background-color:#515151;
	height:1px;
	border: 1px solid #515151;
}

.bookmark {
	color: #515151;
	font-size: 12pt;
	font-family: Verdana;
	font-weight: bold;
}

h1 {
	color: #515151;
	font-size: 12pt;
	font-family: Verdana;
	font-weight: bold;
}

h2 {
	color: #515151;
	font-size: 11pt;
	font-family: Verdana;
	font-weight:bold;
}

.f8 {
	font-family: Verdana;
	font-size: 8pt;
	line-height:140%;
}

.f10 {
	font-family: Verdana;
	font-size: 10pt;
}

.f11 {
	font-family: Verdana;
	font-size: 11pt;
	line-height: 150%;
}

.f12 {
	font-family: Verdana;
	font-size: 12pt;
	line-height: 150%;
}

.clear {font-size: 1px; height: 1px; width:100%; clear:both;}

.ProductTable {
	border: 3px solid #666666;
	font-family: Verdana;
	font-size: 10pt;
	line-height: 150%;
	border-collapse: collapse;
	background-color: #EBEBEB;
}

#PageHeading {
	height:35px; 
	width:100%;
	margin-top:15px;
	margin-bottom:5px;
	border-bottom:thin #838383 solid;
}

#PageHeading > div {
	height:35px; 
}

#PageHeading p{
	font-family: verdana;
	font-size: 18pt;
	font-weight: 700;
	margin: 4px 0px 0px 5px;
	padding: 0px;
	color:#838383;
}

#PageHeading ul {
	margin-top:10px;
	padding: 0;
}

#PageHeading ul li{
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
	vertical-align:bottom;
	list-style:none;
	display:inline;
	margin: 0px 0px 0px 30px;
}

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 670px; /*width of featured content slider*/
	height: 550px;
	margin-left:30px;
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 5px;
	background: white;
	width: 660px; /*width of content DIVs within slider. Total width should equal slider's inner width (715+5+5=725) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination{
	width: 700px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: center;
	padding: 15px 5px;
	font-size:small;
	margin-left:10px
}

.pagination a{
	padding: 0 5px;
	text-decoration: none; 
	color: #00007D;
	background: white;
}

.pagination a.selected{
	color: #00178d;
	background-color: white;
	font-weight:bold;
}

.pagination a:hover{
	color: blue;
	background-color: white;
}

.ContactUs {
	text-align: right;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	float:right;
	margin:-3px 38px 0px 0px;
}

#modernbricksmenu a {
	background-color: transparent; /*Default menu color*/
}
#modernbricksmenu a:hover {
	background-color: #00178d; /*Menu hover bgcolor*/
}
#modernbricksmenu #current a {
	/*currently selected tab*/
	background-color: #00178d; /*color theme*/;
	border-color: #00178d; /*color theme*/
}

.bglightgrey {
	background-color:#F5F5F5;
}
.noUnderline {
	text-decoration: none;
}

.GreyText {
	color: #515151;
}

.buy {
	border-style: none;
	border-color: transparent;
	position: absolute;
	bottom: -2px;
	right: 0;
}

a:active {
	color:#00478d;
}

a:link {
	color:#00478d;
}

a:visited {
	color:#464646;
}

a:hover  {
	color:#00178d;
}

a img {
	border-style:none;
}

.searchbutton {
	background-image: url('../images/search.png');
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	top: 4px;
	right: 5px;
	background-color: transparent;
	border:none;
}
.PricelistImage {
	text-align: center;
	width:130px;
	border-bottom:2px #d5d6cb solid;
}
.PricelistText {
	padding:20px;
	vertical-align:top;	
	border-bottom:2px #d5d6cb solid;
}
.PriceListHeading {
	color: #515151;
	font-size: 12pt;
	font-family: Verdana;
	font-weight:bold;
	padding-top:10px; 
	margin: 20px 0px 5px 48px;
}
.MainPageHeading {
	padding: 20px;
	font-size: 14pt;
	text-align: center;
	color: #000;
	margin-bottom:0px;
}
.centertext {
	text-align: center;
}
.large {
	font-size: large;
}
.xsmall {
	font-size: x-small;
}
.VeryDarkGrey {
	color:#636363;
}
.DarkGrey {
	color: #515151;
}
.LightGrey {
	color: #d5d6cb;
}
.Pad1 {
	padding: 0px 30px;
}
.Pad2 {
	padding: 20px 30px;
}
.Pos1 {
	position: relative;
}
.Pos2 {
	position: absolute;
}

#CartBox {
	width:240px;
	height:100px; 
	position:relative; 
	float:right;
	border: 1px #515151 solid; 
	background-color:#f5f5f5; 
	padding:10px; 
	margin-right:5px;
	margin-top:-30px;
}

.BoldRed {
	color: #FF0000;
	font-size: 8pt;
	line-height:120%;
	position:absolute;
	bottom:50px;
	left:40px;
	margin:0px;
}

.Price {
	width: 90px;
	height: 16px;
	float: right;
	margin-top: 10px;
	font-weight:bold;
}

.PackagesTableHeader {
  background-image: url('../images/cartheader.jpg');
  background-repeat:no-repeat;
  background-color: #00478d;
  border-collapse:collapse;
  color: white;
  font-size:11px;
  font-family:Tahoma;
  font-weight:bold;
}
.PTH_Left {
  background-position:left top;	
  padding-left:10px;
  text-align:center;
}
.PTH_Right {
  background-position:right top;	
}
.package {
	width: 232px;
	padding-left:10px;
}
#PackageTable td {
	border-bottom:1px white solid;
}
.PackageTableFooter {
  background-color:#00478D;
  background-image: url('../images/cartbottom.jpg');
  background-repeat:no-repeat;
  line-height:10px;
}
.PTF_Left {
  background-position:left bottom;
}
.PTF_Right {
  background-position:right bottom;
}
.dealermap {
	padding:20px;
}

.worldmap {
	outline:none;
	border: none;
	padding:0px;
	margin-left:-30px;
}

.productdiv {float:left;margin-top:15px;border-bottom:1px #515151 solid;padding-bottom: 20px;}
.productdesc{width:690px; float:left;margin-left:20px;margin-bottom:30px;}
.buyblock {width:120px;float:left;}
div.flatbuybutton {width:63px; height:25px; background-color:#00178d;color:white;margin:5px 0 0 10px; padding: 6px 0 0 30px;}
p.flatbuybutton {padding:0;margin:0;font-size:1.25em;font-weight:bold;} 

div.jumpbutton {background-color:#00478d;color:#ffffff;margin:5px 0 0 10px; padding: 6px;float:left;}
p.jumpbutton {padding:0;margin:0;}

#overlay {
/*background-image:url(/media/img/overlay/transparent.png);*/
/*color:#efefef;*/
/*width:620px;*/
height:450px;

}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
height:441px;
/*width:620px;*/
overflow-y:auto;
/*border: 1px black solid;*/
}  

.apple_overlay {
    background:#efefef;
    display: none;
    font-size: 11px;
    padding: 35px;
    width: 700px;
}
.apple_overlay .close {
    background-image: url("../images/close.png");
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 35px;
}

