body 
{
    font-family: Helvetica, Arial;
    font-size: smaller;
    margin: auto;
}

h1
{
    font-size: medium;
    color: #E2E1E1;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 20px 0px;
}

h2
{
    font-size: medium;
    color: #000000;
    text-align: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    
}

p
{
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p.Home
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p.ArrowHome
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 13px;
    background: url(/images/arrow.gif) no-repeat top left;
}

a, a:hover, a:active, a:visited, a:link
{
    /*color: #F47832;*/
    color: #000000; /* 02.10.2010 */
    text-decoration: underline;
    font-weight: bold;
}

a.Black, a.Black:hover, a.Black:active, a.Black:visited, a.Black:link
{
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    margin: 0px 15px 0px 0px;
    overflow: visible;
}

input, textarea
{
    width: 300px;
}

select.Wide
{
    width: 300px;
}

select.Thin
{
    width: 75px;
    background-color: #cccccc;
}

img
{
    border: 0px;
}

.Orange
{
    color: #F47832;
}

.Button
{
    float: left;
    clear: both;
    margin: 15px 0px 0px 303px;
    background-color: #F47832;
    color: #ffffff;
    width: 75px;
    border: solid 1px #E2E1E1;
}

.DividerMsg
{
    font-size: medium;
    color: #F47832;
    font-weight: bold;
}

.DividerSubMsg
{
	font-size: small;
	color: #F47832;
	font-weight: bold;
}

div.FloatLeft, img.FloatLeft
{
    float: left;
}

div.FloatRight, img.FloatRight
{
    float: right;
}

div.PageContainer, div.AdminPageContainer, div.PageContainerMargins
{
    width: 1000px;
    margin: auto;
}

div.AdminPageContainer
{
    text-align: -moz-center;
    #text-align: center;
    margin: 25px auto 0px auto;
}

div.Margins
{
    float: left;
    margin: 15px 15px 0px 15px;
}

div.HeaderContainer
{
    width: 1000px;
    float: left;
    background-color: #F47832;
}

div.MenuContainer
{
    width: 1000px;
    float: left;
    background-color: #E2E1E1; 
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

div.MenuContainer div.Menu
{
    padding-top: 5px;
    margin: auto;
}

div.MenuContainer div.Menu div.Item
{
    margin: auto;
}

div.MenuContainer div.Menu div.Item
{
    clear: none;
    display: inline;
    margin: auto;
    padding: 0px 15px 0px 15px;
}

div.MenuContainer div.Menu div.Item a, div.MenuContainer div.Menu div.FirstItem a
{
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

#HomeImageContainer
{
    float: left;
    clear: both;
    width: 512px;
    height: 276px;
    overflow: hidden;
}

#HomeWelcomeContainer
{
    width: 467px;
    margin-left: 1px; 
    background-color: #333333; 
    color: #cccccc; 
    float: right;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}
HomeImageContainer2
{
    float: left;
    clear: both;
    width: 525px;
    height: 384px;
    overflow: hidden;
}

#HomeWelcomeContainer2
{
    width: 300px;
    margin-left: 1px; 
    background-color: #333333; 
    color: #cccccc; 
    float: right;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
}

#DescContainer
{
    float: left;
    clear: both;
    width: 516px;
    background-color: #333333;
    color: #cccccc;
}

div.DescContent
{
    padding: 10px 55px 15px 55px;
}

.Bold
{
    font-weight: bold;
}

.BigSpace
{
    line-height: 175%;
}

div.InfoContent
{
    padding: 10px 30px 15px 30px;
}

#InfoContainer
{
    clear: none;
    width: 484px; 
    background-color: #000000; 
    color: #cccccc; 
    float: right;
}

div.HomeTitleBarContainer, div.DividerBarContainer
{
    float: left; 
    height: 20px; 
    background-color: #0d0b0c; 
    color: #F47832;
    vertical-align: middle; 
    margin-top: 1px; 
    padding-top: 3px
}

div.DividerBarContainer
{
    width: 945px;
    margin: 0px;
    padding: 3px 0px 0px 55px;
}

div.HomeTitleBarContainer div.Item, div.HomeTitleBarContainer div.LastItem
{
    float: left;
    text-align: center; 
    color: #F47832;
    font-weight: bold;
}

div.HomeTitleBarContainer div.Item
{
    width: 250px;
    border-right: solid 1px #F47832;
}

div.HomeTitleBarContainer div.LastItem
{
    width: 247px;
}

div.HomeContentContainer, div.ConfigContainer
{
     float: left; 
     background-color: #B4B4B4;
}

div.ConfigContainer
{
	height: 182px;
}

div.HomeContentContainer
{
	height: 254px;
}

div.ConfigContainer
{
    width: 1000px;
    height: auto;
    padding: 0ox 0px 0px 0px;
}

div.HomeContentContainer div.Item, div.HomeContentContainer div.LastItem
{
    float: left; 
    height: 254px; 
    overflow-y: scroll;
    padding: 0px 10px 0px 10px;
}

div.HomeContentContainer div.Item
{
    width: 235px;
}

div.HomeContentContainer div.LastItem
{
    width: 215px;
}

div.FormContainer
{
    width: 775px;
    margin: 25px 0px 0px 0px;
}

div.FormRow
{
	width: 705px;
	clear: both;
	margin: auto;
}

div.FormLabel
{
    clear: both;
    float: left;
    text-align: right;
    vertical-align: middle;
    width: 300px;
    margin: 10px 5px 0px 0px;
    font-weight: bold;
}

div.FormFieldLabel
{
    float: left;
    clear: none;
    width: 400px;
    margin: 10px 0px 0px 0px;
    text-align: left;
}

div.FormField
{
    float: left;
    clear: none;
    width: 400px;
    margin: 5px 0px 0px 0px;
    text-align: left;
}

p.Message, span.Message
{
    float: left;
    clear: both;
    color: #F47832;
    margin: 15px 0px 0px 0px;
    width: 775px;
}

.GridView
{
    margin: 15px 0px 0px 0px;
}

a.Back, a.Back:hover, a.Back:active, a.Back:visited, a.Back:link
{
    float: left;
    margin: 15px 0px 0px 0px;
}

div.HomeContentContainer div.Item table.GridView tr td div.Thumbnail
{
    float: left;
    width: 57px;
    margin: 0px 10px 0px 0px;
}

div.HomeContentContainer div.Item table.GridView tr td div.Content
{
    float: left;
    clear: none;
    width: 140px;
}

div.AdminPageContainer h2
{
    text-align: center;
}

div.DoorTypeContainer
{
    width: 433px;
    float: left;
    margin: 5px 28px 5px 0px;
}

div.DoorTypeContainer div.Thumbnail
{
    float: left;
    width: 67px;
}

div.DoorTypeContainer div.Desc
{
    float: left;
    margin: 0px 0px 5px 15px;
    width: 351px;
}

div.DoorTypeContainer div.Desc a.More
{
    color: #333333;
}

div.DoorCategoryContainer
{
    float: left;
    margin: 15px 5px 0px 25px;
    padding: 0px 0px 0px 0px;
    width: 200px;
}

div.DoorCategoryContainer div.Thumbnail
{
    float: left;
    width: 35px;
    overflow: hidden;
}

div.DoorCategoryContainer div.Link
{
    float: left;
    margin: 15px 0px 0px 0px;
    width: 165px;
}

div.DoorCategoryContainer div.Link a, 
div.DoorCategoryContainer div.Link a:hover, 
div.DoorCategoryContainer div.Link a:active, 
div.DoorCategoryContainer div.Link a:visited, 
div.DoorCategoryContainer div.Link a:link
{
    font-size: small;
    font-weight: bold;
    color: #cccccc;
    text-decoration: underline;
}

div.Clear
{
    clear: both;
}

div.GreyBlock
{
    color: #cccccc;
    line-height: 175%;
}

div.GreyBlock a, 
div.GreyBlock a:hover, 
div.GreyBlock a:active, 
div.GreyBlock a:visited, 
div.GreyBlock a:link
{
    color: #cccccc;
    text-decoration: underline;
}

div.GreyBlock a:hover
{
    color: #F47832;
}

.BigOrange
{
    color: #F47832;
    font-size: large;
    font-weight: bold;
}

.BigBlack /* 02.10.2010 */
{
    color: #000000;
    font-size: large;
    font-weight: bold;
}

div.ConfigContainer div#LeftPane
{
    width: 515px;
    height: 400px;
    float: left;
    clear: none;
    overflow-y: scroll;
}
div.GroupContainer div div#LeftPaneDoor
{
    width: 515px;
    height: 400px;
    float: left;
    clear: none;
    overflow-y: scroll;
}
div.GroupContainer div div#LeftPaneSidelite
{
    width: 515px;
    height: 400px;
    float: left;
    clear: none;
    overflow-y: scroll;
}
div.GroupContainer div div#LeftPaneTransom
{
    width: 515px;
    height: 400px;
    float: left;
    clear: none;
    overflow-y: scroll;
}
div.ConfigContainer div#RightPane
{
    width: 485px;
    height: 400px;
    margin: 0px 0px 0px 0px;
    float: right;
    visibility: visible;
}

div.GroupContainer div#RightPaneDoor
{
    width: 485px;
    height: 400px;
    margin: 0px 0px 0px 0px;
    float: right;
    visibility: visible;
}
div.GroupContainer div#RightPaneSidelite
{
    width: 485px;
    height: 400px;
    margin: 0px 0px 0px 0px;
   /* float: right;*/
    visibility: visible;
}
div.GroupContainer div#RightPaneTransom
{
    width: 485px;
    height: 400px;
    margin: 0px 0px 0px 0px;
   /* float: right;*/
    visibility: visible;
}

div.ConfigContainer div#LeftPane div.ConfigMargins div.Item
{
    width: 125px;
    float: left;
    text-align: center;
    overflow: visible;
    margin: 5px 0px 0px 0px;
}

div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a:hover, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a:active, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a:visited, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a:link
{
    /*color: #F47832;*/
    color: #000000; /* 02.10.2010 */
    text-decoration: none;
    font-weight: bold;
    font-size: medium;
}

div.ConfigContainer div#LeftPane div.ConfigMargins div.Item img
{
    margin: 10px 0px 0px 0px;
}

div.ConfigContainer div#LeftPane div.ConfigMargins div.Item img.Enlarge
{
    margin: 0px 0px 0px 0px;
}

div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a.mb, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a.mb:hover, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a.mb:active, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a.mb:visited, 
div.ConfigContainer div#LeftPane div.ConfigMargins div.Item a.mb:link
{
    /*color: #F47832;*/
    color: #000000; /* 02.10.2010 */
    text-decoration: none;
    font-weight: bold;
    font-size: medium;
}

div.ConfigContainer div#RightPane div.ConfigMargins
{
    overflow: visible;
}

div.ConfigMargins
{
    margin: 15px 0px 15px 10px;
}

div.InfoContentLeft
{
    width: 50%;
    float: left;
}

div.InfoContentRight
{
    width: 50%;
    float: left;
}

div.ConfigContainer div.ConfigMargins div.GroupContainer
{
    width: 100%;
    margin: 15px 0px 0px 0px;
    float: left;
    clear: both;
}

div.ConfigContainer div.ConfigMargins div.GroupContainer div.StyleItem
{
    float: left;
    text-align: center;
    width: 85px;
    overflow: visible;
}

div.ConfigContainer div.ConfigMargins div.GroupContainer div.SideliteItem
{
    float: left;
    text-align: center;
    width: 80px;
    overflow: visible;    
}

div.ConfigContainer div.ConfigMargins div.GroupContainer div.TransomItem
{
    float: left;
    text-align: center;
    width: 200px;
    height: 125px;
    overflow: visible;    
}

.LittleRadio, .LittleCheck, span.LittleRadio input, span.LittleCheck input
{
    width: 25px;
    color: #B4B4B4;
}

table.CheckList 
{
    float: left;
    margin: 0px 0px 0px 32px;
}

table.CheckList tr td input
{
    width: 25px;
}

table.QuoteList 
{
    float: left;
    margin: 0px 0px 0px 0px;
}

table.QuoteList tr td input
{
    width: 15px;
}


div.TextLeft
{
    text-align: left;
}

div.EnlargeContainer
{
    margin: auto;
    width: 100%;
    text-align: center;
    padding: 20px 0px 0px 0px;
}

div.LearnContainer
{
    margin: 10px 10px 10px 10px;
}

img.AlignTop
{
    vertical-align: top;
}

.Off
{
    visibility: hidden;
    display: none;
}

img.ScaledGlass
{
    width: 228px;
    height: 365px;
}
img.ScaledDoor
{
    /*width: 165px;
    height: 365px;*/
    width:135px;
    height:300px;
}
img.ScaledSidelite
{
    /*width: 63px;
    height: 365px;*/
    width:52px;
    height:300px;
}
img.ScaledTransom
{
  /*width:165px;
  height:85px;
  */
  width:135px;
  height:70px;
}
img.ScaledTransom1
{
  /*width:165px;
  height:85px;
  */
  width:187px;
  height:70px;
}
img.ScaledTransom2
{
  /*width:165px;
  height:85px;
  */
  width:239px;
}
.Invisible
{
    visibility: hidden;
    display: none;
}

pre
{
    text-align: left;
    margin-left: 150px;
}

table#Locator tr td
{
    align: left;
    vertical-align: top;
    padding: 10px 15px 0px 0px;
}

div.QuoteContainer
{
    margin: auto;
    width: 725px;
    text-align: left;
    padding: 20px 10px 0px 10px;
    margin: 0px auto 0px auto;
}

div.SelectionContainer
{
    margin: auto;
    width: 800px;
    text-align: center;
    padding: 20px 10px 0px 10px;
    margin: 0px auto 0px auto;
}

div.SelectionDoorContainer
{
    float: left;
    clear: none;
    width: 550px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

div.SelectionBOMContainer
{
    float: right;
    clear: none;
    width: 230px;
    text-align: center;
    margin: 200px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: medium;
    font-weight: bold;
}

div.SelectionDDContainer
{
    margin: auto;
    width: 800px;
    text-align: center;
    padding: 20px 10px 0px 10px;
    margin: 0px auto 0px auto;
}

div.SelectionDDoorContainer
{
    float: left;
    clear: none;
    width: 800px;
}

div.SelectionDDBOMContainer
{
    float: left;
    clear: both;
    width: 800px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: medium;
    font-weight: bold;
}

div.FooterContainer
{
    width: 1000px;
    height: 20px;
    float: left;
    background-color: #333333;
    color: #cccccc;
    text-align: center;
    padding: 5px 0px 0px 0px;
    font-size: smaller;
}

div.InsidePage
{
	float: left;
	width: 930px;
	background: #000000 url(/images/insidebkgd.jpg) no-repeat top center;
	padding: 20px 35px 20px 35px;
}

div.InsidePage div.ContentArea
{
	float: left;
	clear: both;
	padding: 15px 15px 15px 15px;
	width: 500px;
	background-color: #ffffff;
	
}

div.InsidePage div.ImageArea
{
	float: right;
	width: 365px;
	clear: none;
	margin: 0px auto 0px auto;
	text-align: center;
}

div.InsidePage div.ImageArea div.Image
{
	text-align: center;
}

div.InsideFormLabel
{
    clear: both;
    float: left;
    text-align: right;
    vertical-align: middle;
    width: 150px;
    margin: 10px 5px 0px 0px;
    font-weight: bold;
}

div.InsideFormField
{
    float: left;
    clear: none;
    width: 300px;
    margin: 5px 0px 0px 0px;
}

.InsideButton
{
    float: left;
    clear: both;
    margin: 15px 0px 0px 150px;
    background-color: #F47832;
    color: #ffffff;
    width: 95px;
    border: solid 1px #E2E1E1;
}

div#QuoteText
{
    width: 400px;
	float: left;
	clear: both;
}

div#QuoteImage
{
    width: 300px;
	float: left;
	clear: none;
	padding: 0px 0px 20px 0px;
}


div.MenuContainerKiosk
{
    width: 1000px;
    float: left;
    background-color: #993300; 
    color:#fff;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

div.MenuContainerKiosk div.Menu
{
    padding-top: 5px;
    margin: auto;
}

div.MenuContainerKiosk div.Menu div.Item
{
    margin: auto;
}

div.MenuContainerKiosk div.Menu div.Item
{
    clear: none;
    display: inline;
    margin: auto;
    padding: 0px 15px 0px 15px;
}

div.MenuContainerKiosk div.Menu div.Item a, div.MenuContainerKiosk div.Menu div.FirstItem a
{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
div.HeaderContainerKiosk
{
    width: 1000px;
    float: left;
    background-color: #e2e2e2;
}