


/*=====================Grid ==============================================*/
/*  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: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
/*  GRID OF THREE  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}



/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.1%;}
.span_1_of_3 {width: 32.2%;}


/*  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: 31.16%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.866%;}

/*============================= Page Personlization Starts ===============================*/
#header h1,
#header h2,
#header p {
	margin-left:2%;
	padding-right:2%;
}
#title_long {display:block;}
#title_short {display:none;}	
#titlebar {height:25px; background-image:url(/Assets/T-bar_gradBT2.gif); background-color:#ABABAB;}
#titlebar a {font: 14px/28px Arial, Helvetica; padding-left: 10px;letter-spacing: 1.5px;}
.titlebar {height:25px; background-image:url(/Assets/T-bar_gradBT2.gif); background-color:#ABABAB;}
.titlebar a {font: 14px/28px Arial, Helvetica; padding-left: 10px;letter-spacing: 1.5px;}
#support_th{display:inline-block; margin-left: -18%;margin-bottom: -55px;margin-top:12%;}
#support_th ul{width:98%;}
#support_th li {margin-right: -3%;width:17%;}
#support_show_hide {display:inline-block; width:110%;margin-left:-15%;margin-top:-20px;margin-bottom:-20px;}
#support_show_hide ul li div a {margin-right: 25%}
#supports ul {margin-left:-35px;}
#supports ul li img{display: inline-block; margin-left:-12px}

#support_txt{display:inline-block;width:100%;margin-top:-20px;background-color:#D7D5D5;height:20px;margin-bottom:.5%;}
#support_txt ul {margin-left:-10%;margin-top:3px;}
#support_txt ul li {width: 18.5%;margin-left:-.2%;}

#supports-showing ul {margin-top:-32px;font: 8px/10px Arial, Helvetica, sans-serif;margin-bottom:-8px}
#weights {margin: 15%;}
#weights {display: inline-block; margin-bottom: 5%;}
#click p {text-align:center;}
#examples {display: block;margin-left:0%;margin-bottom: -3%}
#examples ul li {margin-bottom:3%}
#view_window{background-color: #FFFFFF;}
#display_col{border: 3px solid #CCCCCC;background-color: #FFFFFF;}
#upgrades ul li {display:block;margin-right: 7.5%; margin-left: 12.5%}
#add_ons ul li {display:block;margin-right:15.5%; margin-left: 12.5%}
#image_window {height: 240px;}
#tag_lft {display:block;float: left; margin-left:1.8%;}
#tag_rt  {display:block;float: right; margin-right:1.5%}
#txt-Lg {background-color: #E7E7E7;text-align:center; margin-top: 20px;font: 12px/20px Arial, Helvetica, sans-serif;font-weight: bold}
#txt-2nd {background-color: #E7E7E7;text-align: center;margin-top:-5px;font: 10px/15px Arial, Helvetica, sans-serif;margin-left: auto; margin-right: auto;}

#divider{height:3px;width:100%;background-color: #ccc}
#address h5 {margin-left:10%;padding-top:20px;margin-bottom:-5px;}
#address ul li {margin-left: 30%;margin-bottom:-5px;}
#address p a {margin-left: 30%;}
.smaller { font-size:80%; }
#cutsheet {float: right; padding-right: 15px;cursor:pointer;font: 11px/15px Arial, Helvetica, sans-serif;}
#more-info ul{
	text-align: center;
	text-decoration-line: none;
}
#design_list {display:block;}
design ul {
	height: 100px;
	text-decoration-line: none;
}

#help ul li{
	float:right;
	display:block;
	margin-right:20px;
	padding-top:3px;
}
#help ul li a {font: 12px/18px Arial, Helvetica, sans-serif;color: #0E7AB0;text-decoration:none;}


#wrapper3 {
	margin:.5%;
	clear:left;
	float:left;
	width:99%;
	overflow:hidden;
	background:#f3f1f1; 
	font: 12px/15px Arial, Helvetica, sans-serif;
	color:#384749;
	}
#wrapper3 h2{
	background-color: #d7d5d5;
	padding-left: 10px;
	padding-top:5px;
	height: 20px;
	margin: 3px 6px;	
}

#wrapper3 p{
	margin:10px;
}
#wrapper3 li {
	margin-left:5%;
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
#wrapper3 ul li {
	
	top: 20px;
	display: inline-block;
}
#wrapper3 ul li a {
	float: right;
	padding-top:2px;;
	text-decoration: none;
	display: inline-block;
	font: 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#384749;
}
#click {color: #13AC99}
/*============================= Responsive Media 780px ===============================*/
@media screen and (max-width: 780px) {
.span_4_of_12 {width:48%}
#display_col p {margin-left: 10%;}	
#weights {display:none;}
#speciality {display:none;}
#design_list {display:none;}
}
/*============================= Responsive Media 480px ===============================*/
@media only screen and (max-width: 480px) {
	
	.col {  margin: 1% 0 1% 0%; }
	.span_4_of_12{ width: 98%; }
#title_long {display:none;}
#title_short {display:block;}
#examples {display: none;}
#design_list {display:none;}
#weights {margin-top: 2%;margin-left: 25%}
#weights {margin-bottom: 2%;}	
}

@media screen and (max-width: 378px) {
#title-long {display:none;}
#title-short {display:block;}	
#cutsheet1 ul li b a {font: 16px/30px Arial, Helvetica, sans-serif;}
#cutsheet2 ul li b a {font: 16px/30px Arial, Helvetica, sans-serif;}
#cutsheet3 ul li b a {font: 16px/30px Arial, Helvetica, sans-serif;}
#cutsheet4 ul li b a {font: 16px/30px Arial, Helvetica, sans-serif;}
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script>

var Picture = new Array(); 
var LgPicture = new Array(); 
var Caption1 = new Array(); 
var Caption2 = new Array();
Picture[1]  = 'Assets/images/300/C140_72n18cc12S.jpg';
Picture[2]  = 'Assets/images/C140_60s60s22ccc12S.jpg';
Picture[3]  = 'Assets/images/C140A_60n60n60n22cccc12S.jpg';
Picture[4]  = 'Assets/images/C140-36n36n18csc12S.jpg';
Picture[5]  = 'Assets/images/C140_48d18dd18S.jpg';
Picture[6]  = 'Assets/images/C140A_60n60n60n22cssc12S-2.jpg';
Picture[7]  = 'Assets/images/C140_72n72n18csc12S.jpg';
Picture[8]  = 'Assets/images/300/Donut.jpg';
Picture[9]  = 'Assets/images/300/C140-Installed.jpg';
Picture[10]  = 'Assets/images/300/C140-Open Ends.jpg';
Picture[11]  = 'Assets/images/300/photo.jpg';
Picture[12]  = 'Assets/images/300/C140-dish-1.jpg';
Picture[13]  = 'Assets/images/300/IMG_6353-2.jpg';
Picture[14]  = 'Assets/images/300/IMG_6347-2.jpg';
Picture[15]  = 'Assets/images/300/Cupcakin.jpg';
Picture[16]  = 'Assets/images/300/C140-dish-1.jpg';
Picture[17]  = 'Assets/images/300/C140-dish-1.jpg';
Picture[18]  = 'Assets/images/300/C140-dish-1.jpg';
Picture[19]  = 'Assets/images/300/C140-dish-1.jpg';
Picture[20]  = 'Assets/images/300/C140-dish-1.jpg';
Picture[21]  = 'images/LEDLights/Rear Door - Sneeze Guard-300 .jpg';
Picture[25]  = 'video/C140-roto-mini/C140-Closed_roto_mini/C140-Closed_roto_mini.mp4 type=video/mp4';


LgPicture[1]  = 'Assets/images/600/C140_72n18cc12S_LG.jpg';
LgPicture[2]  = 'Assets/images/C140_60s60s22ccc12S.jpg';
LgPicture[3]  = 'Assets/images/C140A_60n60n60n22cccc12S.jpg';
LgPicture[4]  = 'Assets/images/C140-36n36n18csc12S.jpg';
LgPicture[5]  = 'Assets/images/C140_48d18dd18S.jpg';
LgPicture[6]  = 'Assets/images/C140A_60n60n60n22cssc12S-2.jpg';
LgPicture[7]  = 'Assets/images/C140_72n72n18csc12S.jpg';
LgPicture[8]  = 'Assets/images/600/Donut.jpg';
LgPicture[9]  = 'Assets/images/600/IMG_9755-Edit.jpg';
LgPicture[10]  = 'Assets/images/600/C140-Open Ends.jpg';
LgPicture[11]  = 'Assets/images/600/photo.jpg';
LgPicture[12]  = 'Assets/images/600/C140-dish-1.jpg';
LgPicture[13]  = 'Assets/images/600/IMG_6353.jpg';
LgPicture[14]  = 'Assets/images/600/IMG_6347.jpg';
LgPicture[15]  = 'Assets/images/600/Cupcakin-LG.jpg';
LgPicture[16]  = 'Assets/images/600/C140-dish-1.jpg';
LgPicture[17]  = 'Assets/images/600/C140-dish-1.jpg';
LgPicture[18]  = 'Assets/images/600/C140-dish-1.jpg';
LgPicture[19]  = 'Assets/images/600/C140-dish-1.jpg';
LgPicture[20]  = 'Assets/images/600/C140-dish-1.jpg';
LgPicture[21]  = 'images/LEDLights/Rear Door - Sneeze Guard-600 .jpg';
LgPicture[25]  = 'video/C140-roto-mini/C140-Closed_roto_mini.mp4';


Caption1[1]  = "C140-Single Bay Full Service";
Caption1[2]  = "C140-Double Bay Sneeze Guard w/ Shelves";
Caption1[3]  = "C140A-Triple Bay Full Service";
Caption1[4]  = "C140-Double Bay - Sculptured Center ";
Caption1[5]  = "C140-Single Bay w/ Deep Ends ";
Caption1[6]  = "C140A Triple Bay - Sculptured Centers";
Caption1[7]  = "C140-Double 72 in. Bays";
Caption1[8]  = "C140-Single Bay w/ Shelf";
Caption1[9]  = "C140 Full Service Triple Bay";
Caption1[10]  = "C140 - Full Service Sneeze Guard";
Caption1[11]  = "C140 Full Service - Great Visibility";
Caption1[12]  = " 84 in C140 - Full Service Sneeze Guard";
Caption1[13]  = "C140-22in - 84 inches long";
Caption1[14]  = "C140 22in High - Crystal Clear Closed Supports";
Caption1[15]  = "C140 22in High - Extended End Supports - NSF";
Caption1[16]  = "";
Caption1[17]  = "C140 - Full Service Open Support";
Caption1[18]  = "C140 - Full Service Sculptured Support";
Caption1[19]  = "";
Caption1[20]  = "";
Caption1[21]  = "Server-Side Sliding Door";
Caption1[25]  =  "";


Caption2[1]  = "Closed ends w/ 12 in. Top Shelf";
Caption2[2]  = "12 in. top-shelf, 11 in. mid-shelf";
Caption2[3]  = "Curved Unit-Closed Supports ";
Caption2[4]  = "(18 in. top-shelf & 17 in. mid-shelf)";
Caption2[5]  = "(18 in. top-shelf & 17 in. mid-shelf)";
Caption2[6]  = "Curved 30° 30° Closed Ends Sculptured Centers";
Caption2[7]  = "All Glass - No Metal Posts - Easy to Assemble";
Caption2[8]  = "( Fully loaded - No Difliction in Top Shelf )";
Caption2[9]  = "( Open Supports - Smooth Top Shelf & Shield  )";
Caption2[10]  = "( Open End Supports )";
Caption2[11]  = "( Sculptured Support)";
Caption2[12]  = "( Fully Loaded - No Droop in Top Shelf   )";
Caption2[13]  = "1/2 inch Crystal Clear Supports";
Caption2[14]  = "No visual Obstructions";
Caption2[15]  = "No visual Obstructions";
Caption2[16]  = "";
Caption2[17]  = "C140 - Full Service Open Support";
Caption2[18]  = "C140 - Full Service Sculptured Support";
Caption2[19]  = "";
Caption2[20]  = "";
Caption2[21]  = "Easy to remove / Easy to clean";

