body {width: 100%;background-image: url(/Assets/layout_images/concrete_seamless.png);background-position: center;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749; overflow: auto;}
#wrapper-bg {display: block; background-color: #ffe;margin-top:0px;border: 1px solid #878E8E;box-shadow: 0 0 10px rgba(12, 3, 25, 0.8); width: 98.5%}

#headcontainer {display:block;background-color: #fff}
.filler {width:100%;height:20px;background-color: #fff;margin-top:-26px}
.intro  {height:25px;background-color: #A2CCD7; width: 98%;margin-left:.5%;padding-left: 1.2%;}
.intro h3 {padding-top: 3px;}
.intro_txt p {padding-left:1.5%}
#bodybackground{background-image: url(/Assets/layout_images/concrete_seamless.png);background-position: center;}
#bodycontainer {display: block; margin: auto; padding-top: 20px; max-width: 1272px;background-color:#fff;}
#maincontainer {width: 100%;float:left;}
#sidecontainer {display: block; margin: auto; padding-top: 22px; max-width: 300px;background-color:#fff;float:right;}
.top_header div {margin-top:-7px;}
.intro_txt p {margin-right:1.5%}
.trim {display: block; background-color: #444; height:3px;}
.micro_trim {display: block; background-color: #ccc; height:1px; }
.trim-1 {display: block; background-color: #444; height:3px; margin: .5% 0 .2% 0;}
.trim-2 {display: block; background-color: #115868; height:0px; margin: 0 1% 0 1%;}
#trim-3 {display: block; background-color: #115868; height:3px; margin: 0 1% 0 1%;}
.header h2 b {margin-left:-8px}
.Header {display: block; background-color: #A2CCD7; height:20px;margin: 5px 5px;}
.Header p {margin-left:5px;color: #666;}
.help_btn {float: right; padding-right: 1%;margin-top:-18px;}
#style_layout {background-color: aqua;}
.sub_title {padding-left:3%}
.dim1 img {display:block; margin-bottom:5px;}
#status_header  {margin-bottom: 20px;}
#pri_txt p a {margin: 35%;}

#sgl_screen {text-align: center}
.fab_options h3 {padding-left: 1.0%;margin:-8px;}
.fab_options  {background-color:#e6e6e6;border-bottom-style:solid;border-top-style:solid;border-width: 2px;} 
.Dimensions {background-color: #e6e6e6;margin-top:-6}

#Demensions, #Hardware, #Acc, #Glass {background-color: #e6e6e6;margin-top:-6px}
.Dimensions label {float:right;}
.dim_entry h1 {float: right; margin-right: 12%;}
.dim1 img {display:block; float:left;}
.rt a {float: right;}
.lft a {float: left;}
.rt p {float: right;}
.lft p {float: left;margin-left:-10px;}
.rt input  {display:block; float:right;margin-left: 35%}

.glass ul li {display:block;float:left;padding-bottom: 10px;;margin-left: -10%;padding-right: 3%}
.glass a img {display:inline-block;}
.glass div {display:inline-block;}
.glass.lft table td {height:32px;padding-left:15px;}
.glass select {display:inline-block;}
.glass.rt table a {padding-bottom: 8px}

.type ul li {display: block;float: left;margin-left: 25%;margin-right:20%;padding-top: 7px; padding-bottom: 10px;}
.type a {margin-top: -20px}
.data ul li {display: block;padding-bottom:10px; }
.pri ul li{display: block;float:left; margin-left: 10%;margin-top: -15px; padding-top: 15px; padding-bottom: 10px}
.pri a {float: left;margin-left: 5%; margin-top: -20px}

.hdw a img {display:inline-block;}
.hdw select {display:inline-block; margin-left: 15px;}
.hdw table td {height:32px;}
.hdw table {margin-left: 8%}

.hdw tr {height:32px;}

.hdw p {padding-right:20px;}
.qty input {padding-left:25px;}

.Hdw_hinge a img {display:inline-block;}
.Hdw_hinge select {display:inline-block; margin-left: 15px;}
.Hdw_hinge table td {height:32px;}
.Hdw_hinge   table {margin-left: 8%}

.Acc a img {display:inline-block;}
.Acc select {display:inline-block; margin-left: 15px;}
.Acc td {height:32px;}
.Acc {margin-left: 8%}
.Acc p {margin-right: 20%}
#Pri_txt p {text-align: left;}
#pri_txt p {display: block; margin-left:3%;}
#buttons ul li{display: inline-block; float: left;margin-left: 3%}
.Tot td {text-align: right;height:32px;}
.Tot td img {display: inline-block;}

.Qty p {padding-right: 15%;}
.Pri p {padding-right: 15%;}

.dimB div {display:block;margin-top: -5px;}
.dimC div {display:block;margin-top: -5px;}
.RowB div {display:block; margin-top: -5px;}
.dim1 a p {text-align: center; font: 10px/12px Verdana, Arial, Helvetica, sans-serif;padding-bottom: 10px;}
.dim1 img {display:block;margin-left: auto;margin-right: auto;}
#dim5 a {display:block; margin-top: 10px;}
#std_size h1 {display: block; margin-top:-5px;margin-bottom:-10px;}
.sub_title h3 {display: block; margin-bottom: -2px;}

#footer h3,ul,img {text-align: center;margin-top:-5px;}
#footer ul a {font: 9px/12px Verdana, Arial, Helvetica, sans-serif;color: #FFF; height: 35px;}
#footer {display: block;margin: 0px auto; width: 100%; background-color: #2E7283;overflow: hidden;}

.title_bar {display: block;width: 99.5%; background-color: #A2CCD7;margin-left:-6px; height:25px;margin-top:-12px; margin-bottom: -12px;}
.title_bar {padding-left: 2px;padding-top:4px;border-style:solid; border-width: 2px;}
.describe img {display:block;margin-left:auto;margin-right: auto;}
.SD_link {height: 320px;}
.layoutlist ul {padding-top: 35px;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.2%;
}
.col:first-child { margin-left: .5%; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48%;}
/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {width: 31.2%;}
/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 48.2%;}
.span_1_of_4 {width: 23.2%;}

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

/*  GRID OF SEVEN  */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}

/*  GRID OF EIGHT  */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.866%;}

@media screen{
.noscreen {display:none;}
}
@media print{
.noprint {display:none;}
#bodycontainer {padding-top:0px;margin-top:-20px;}
}

/*============================ Screen Size  < 930px ====================================*/
@media only screen and (max-width: 930px) {
#clearfixII {clear: both;}
.span_1_of_4 {width: 48.2%;}
#trim-2 {display: block; background-color: #444; height:3px; margin: .5% 0 .2% 0;}	
.b {list-style-type: square;;font: 12px/18px Verdana, Arial, Helvetica, sans-serif;color: #384749;}
.pic100txt li {float:left;margin:0 auto 0 35%;}
.pic101txt li {float:left;margin:0 auto 0 35%;}
.pic100txt {padding-top:25px;}
.pic101txt {padding-top:25px;}

#Right_Pic img {margin: 0 5px 0 auto;padding-left: 2px;}
#Right_Pictxt {margin-left: 2px;}
}

	
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	#Left_Pic {width: 80%; padding-left: 10%;}
	#Right_Pic {width: 80%; padding-left: 10%;}
	#Left_Pictxt {width: 80%; padding-left: 10%;}
	#Right_Pictxt {width: 80%; padding-left: 10%;}
	#credit-cards img {width: 80%;}
}


