/* ----------------------------------------------------------------------------------------------------------

    Structure:
    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;

    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Generally HTML styles (table, ul, dl...)
        4) Layout
        5) Page: Home
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {
	padding-bottom:20px;
	background: 0 0;
	font:0.9em/1.3 "Trebuchet MS",sans-serif;
	text-align:center;
	background-color: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
	margin:15px 0 10px 0; font-family: "Trebuchet MS"; color:#006699}
h1 {font-size:160%;}
h2 {font-size:145%;}
h3 {font-size:130%;}
h4 {font-size:105%;}
h5 {font-size:100%; vertical-align:top; margin: 0; padding:0px; color:#003366}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

a:link {
		color:#006699;}
a:hover{
		color:#003366;}


/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px; margin-top:10px; margin-right:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}


.noscreen {display:none;}

input.btn{
   color:#fff;
   background-color:#FF6600;
   margin: 3px;
   padding: 1px;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:1em;
   font-weight:bold;}
   
input.btnback {
   color:#333;
   margin: 3px;
   padding: 1px;
   background-color:#ccc;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:1em;
   font-weight:bold;}


/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */            

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}

ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("../design/ul-style01.gif") 0 5px no-repeat;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background:url("../design/ul-style01-sub.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

#allcontent {width:910px; margin:0 auto;}

#border {
	position:relative;
	overflow:hidden;
	width:910px; 
	border-right:1px solid #ed7329; 
	border-left: 1px solid #ed7329;
	/*IE box model hack begins*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 908px;
	text-align: left;
	}

#border p{
padding: 0px 0px 0px 5px;}

#header {position:relative; height:100px; overflow:hidden;}
    
#logo {
		position:absolute; 
		top:5px; 
		left:20px; 
		margin:0;}
        
#toplink {
		position:absolute; 
		top:70px; 
		right:15px; 
		width:500px; 
		font-size:100%; 
		font-weight:normal; 
		text-align:right;}
 
#toplink a:link {
		color:#006699;}
#toplink a:hover{
		color:#003366;}


#content {
	display:block;
	width:910px;
	overflow:hidden;
	color: #006699;
	margin:0;
	padding:0;
}
        
#content-title {
	margin:0;
	padding:15px 15px 10px 20px;
	background:url("../images/content-title.gif") 0 0 no-repeat;
	font-weight:normal;
	color:#FFFFFF;
	text-align: center;
}

#confirmation {
	display:block;
	width:910px;
	overflow:hidden;
	color: #006699;
	margin:0;
	padding:0px 0px 0px 10px;
}
  
#confirmation p{
	width:600px;
	font-weight:normal;
	color: #000;
	margin:0;
	padding:6px 0px 6px 0px;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
}

#confirmation h1{
	width:600px;
	font-weight:bold;
	font-size:1.4em;
	color: #006699;
	margin:0;
	padding:5px 0px 5px 0px;
	text-align: left;
}

/****tabs******/
#step-title {
	margin:0;
	padding:15px 15px 10px 20px;
	background:url("../images/content-tab.gif") 0 0 no-repeat;
	font-weight:normal;
	color:#FFFFFF;
	text-align: left;
}

#step-title h1{
	font-size:140%;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#tab {
	display:block;
	width:910px;
	/*overflow:hidden;*/
	color: #FFFFFF;
}

#tab-content, #tab-content2, #tab-content3, #tab-content4 {
	margin:0;
	padding:7px 15px 0px 20px;
	font-weight:normal;
	color:#FFFFFF;
	text-align: center;
	height: 55px;
	overflow: hidden;
}

#tab-content {
	background:url("../images/tab1.png") 0 0 no-repeat;
}

#tab-content2 {
	background:url("../images/tabs2.png") 0 0 no-repeat;
}

#tab-content3 {
	background:url("../images/tabs3.png") 0 0 no-repeat;
}
#tab-content4 {
	background:url("../images/tabs4.png") 0 0 no-repeat;
}


#highlighted_tab {
margin:0px 40px 0px 12px;
padding:0px 8px 0px 8px;
float:left;
width:120px;
background-color:#ed7329;
}

#highlighted_tab2 {
margin:0px 56px 0px 19px;
padding:0px 0px 2px 0px;
float:left;
width:120px;
background-color:#ed7329;
}

#highlighted_tab3 {
margin:0px 60px 0px 5px;
padding:0px 0px 0px 5px;
float:left;
width:120px;
background-color:#ed7329;
}

#highlighted_tab4 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 3px;
float:left;
width:120px;
background-color:#ed7329;
}

#tab_1 {
margin:0px 40px 0px 12px;
padding:0px 8px 0px 8px;
float:left;
width:120px;
/*background-color:#fff;*/
}

#tab_2 {
margin:0px 45px 0px 19px;
padding:0px 0px 2px 0px;
float:left;
width:130px;
background-color:#fff;
}

#tab_3 {
margin:0px 65px 0px 5px;
padding:0px 0px 0px 5px;
float:left;
width:115px;
background-color:#fff;
}

#tab_4 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 3px;
float:left;
width:115px;
background-color:#fff;
}


#tab_2 p{
font-size:0.8em;
line-height:1em;
color:#006699;
text-align: left;
padding: 0;
margin: 0;
}

#tab_1 h2, #tab_2 h2, #tab_3 h2, #tab_4 h2 {
font-size:1.1em;
line-height:1em;
color:#006699;
text-align: left;
padding: 0;
margin: 0;
} 

#highlighted_tab2 p {
font-size:0.8em;
line-height:1em;
color:#fff;
text-align: left;
padding: 0;
margin: 0;
width:130px;
} 

.tabheading {
font-family:"Trebuchet MS",sans-serif;
color:#fff;
font-size:1.1em;
line-height: 1em;
font-weight: bold;
text-align: left;
padding: 0;
margin: 0;}

/******/

#main {
	display: block;
	float:left;
	width:905px;
	text-align: left;
	padding: 10px;
}

#main3 {
	display: block;
	float:left;
	width:700px;
	text-align: left;
	padding: 0px 0px 5px 10px;
}

#main p, #main3 p{
font-size: 1em;}

#left-col {
	display: block;
	padding: 10px 5px 20px 15px;
	/**background-color: #fff;**/
	float: left;
	width: 530px;
	text-align: left;
	margin:0;
}

#left-col p{
	width:300px;
	padding: 0px;}

#left-col2 {
	display: block;
	padding: 0px;
	/**background-color: #fff;**/
	float: left;
	width: 730px;
	text-align: left;
	margin:0;
}

#right-col {
	display: block;
	padding: 0px 10px 20px 10px;
	float: right;
	height:80%; 
	width: 335px;
	text-align: left;
	border-left: 1px solid #006699;
	margin:10px 0px 20px 0px;
}

#right-col p{
	width:325px;
	font-size: 0.9em;}

#right-col2 {
	display: block;
	padding: 50px 30px 0px 0px;
	float: right; 
	width: 140px;
	text-align: left;
	margin:0;
}
#right-col2 p{
	line-height:1em;}

#address {
	display: block;
	float:left;
	width:890px;
	text-align: left;
	padding: 0px 0px 5px 20px;
}

#bottom {
	margin:0;
	padding:0px 15px 10px 20px;
	background:url("../images/cols-bottom.gif") 0 0 no-repeat;
	font-weight:normal;
	color:#333333;
	text-align: left;
	height: 60px;
	}
		       
#cols-bottom {
	display:block;
	width:910px;
	overflow:hidden;}

.intro {
	font-size:120%;
	font-weight: bold;
	color:#006699;	
}

#main2 {
	display: block;
	width:890px;
	text-align: right;
	padding: 0px 10px 0px 0px;}


#main2 p{
	padding: 0;
	margin: 0;
}

.orangeheading {color:#FF6600; padding:0;}

#content #content-in {padding:15px 15px 0px 20px;}
/****************/
/*****products layout******/
#products_1 {
	background:url("../images/product1.png") 0 0 no-repeat;
}
#products_2 {
	background:url("../images/product2.png") 0 0 no-repeat;
}

#products_3 {
	background:url("../images/product3.png") 0 0 no-repeat;
}

#products_4 {
	background:url("../images/product4.png") 0 0 no-repeat;
}

#products_5 {
	background:url("../images/product5.png") 0 0 no-repeat;
}

#products_6 {
	background:url("../images/product6.png") 0 0 no-repeat;
}

#products_7 {
	background:url("../images/product7.png") 0 0 no-repeat;
}

#products_8 {
	background:url("../images/product8.png") 0 0 no-repeat;
}

#products_9 {
	background:url("../images/product9.png") 0 0 no-repeat;
}


#products_1 p, #products_2 p, #products_3 p, #products_4 p, #products_5 p, #products_6 p, #products_7 p, #products_8 p, #products_9 p{
	font-size:0.9em;
	line-height:1.4em;
	color:#006699;
	text-align: left;
	padding: 10px 5px 10px 85px;
	margin: 0px;
}

#products_1, #products_2, #products_3, #products_4, #products_5, #products_6, #products_7, #products_8, #products_9 {
	margin:10px 5px 10px 10px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	height: 88px;
	width:895px;
}

#box_1a, #box_1b, #box_1c,#box_1d,#box_1e, #box_1f,#box_1g, #box_1h, #box_1i {
margin:0 10px 0 10px;
padding:15px 0px 0px 8px;
float:left;
width:205px;
/*background-color:#fff;*/
}

#box_2a, #box_2b, #box_2c,#box_2d,#box_2e, #box_2f,#box_2g, #box_2h, #box_2i {
margin:0 10px 0 0px;
padding: 15px 0px 0px 8px;
float:left;
width:205px;
}

#box_3a, #box_3b, #box_3c,#box_3d,#box_3e, #box_3f,#box_3g, #box_3h, #box_3i {
margin:0 10px 0 5px;
padding:15px 0px 0px 3px;
float:left;
width:205px;
}

#box_4a, #box_4b, #box_4c,#box_4d,#box_4e, #box_4f,#box_4g, #box_4h, #box_4i {
margin:0px 0px 0px 0px;
padding:15px 0px 0px 4px;
float:left;
width:195px;
}


#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:0.9em;
line-height:1.4em;
color:#000000;
text-align: left;
padding: 10px 0 10px 85px;
margin: 0;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:"Trebuchet MS",sans-serif;
color:#006699;
font-size:1.1em;
font-weight: bold;
text-align: left;
padding: 0;
margin: 0;
}        

.contactus {
text-align:left;
padding: 30px 0px 0px 0px;
font-size: 1em;
color:#FFFFFF;}

/*****************table styling****/
.maintable {
border-left: 1px solid #666;
border-top: 1px solid #666; 
border-bottom: 1px solid #666;  
font-size:0.9em;}

.addresstable { 
border: 1px solid #666;  
font-size:0.9em;}

.mainth {
text-align:left; 
font-weight:bold;
border-right:1px solid #777;}

/* use this to adjust spaces between rows and columns*/
#main td, #main3 td {
padding:2px 2px 2px 5px;
border-right:1px solid #777;}

#address td{
padding:5px 5px 5px 5px;}


.tableheading {
background-color: #006699;
color:#FFFFFF;
font-size:1em;
}
.row1 {
background-color: #fff;
vertical-align:top;
}

.row2 {
background-color: #DEEDF9;
vertical-align:top;
}

.row3 {
background-color: #85b2de;
vertical-align:top;
}

.dropdownmenu {
width: auto}
   
.textfield {
width: 20px;}   

.size {
text-align: left;
font-weight: normal;
font-size: 0.9em;
padding: 2px 0 0 0;
margin:0;}

.sizelisting {
text-align: left;
font-weight: normal;
font-size: 1em;
padding: 2px 0 0 0;
margin:0;}

.heading {
padding: 0 2px 0 2px;
border-right:1px solid #999;}

.tablewidth {
width: 25%;}

.sizetable {
width: 25%;
border-right:1px solid #666;
padding: 0px 2px 0px 2px;
font-weight:normal;}

#main td a:link, #main3 td a:link {
		color:#006699;
		vertical-align:top;}
#main td a:hover, #main3 td a:hover{
		color:#003366;
		vertical-align:top;} 

.deletedrow td{
background-color:#999;
text-decoration:line-through;
}

/****For the dimensions for all the products****/

#dimensions {
	background:url("../images/dimensions.png") 0 0 no-repeat;
	display: block;
	width:905px;
	text-align: left;
	margin: 10px;
	padding: 10px;
}

#dimensions p{
	font-size: 1.1em;
	font-weight: bold;
	color:#006699;
	text-align: center;
	margin: 10px;
	padding: 100px;
}


#dimensions-fill {
	background: url("../images/dimensions-outline.png") 0 0 no-repeat;
	display:block;
	text-align: left;
	margin: 5px 2px 5px 5px;
	padding: 0px 2px 0px 2px;
	width: 860px;
	height: 255px;
	/*overflow: hidden;*/
}

#side-a {
	float: left;
	width: 215px;
	padding: 0px 2px 0px 8px;
}

#side-c {
	float: right;
	width: 178px;
	padding: 40px 40px 0px 0px;
}

#side-b { 
	float: left;
	width: 45%;
	padding: 35px 2px 2px 2px;
}

.dimensiontable {
text-align: center;
font-size: 0.9em;
padding: 2px;
border: 1px solid #006699;
}

#side-c p{
font-size: 0.9em;
}

#side-a h4, #side-c h4{
	font-size:1em;
	color:#006699;
	font-weight:bold;
}

/***footer***/ 
#footer {width:910px; height:70px; padding:8px 20px 0 20px; background:url("../images/footer.png") 0 0 no-repeat;}
#footer img {padding: 0px 0px 0px 0px;}
#footer p {margin:0; font-size:0.8em; text-align:left; width:700px; color:#FFFFFF; padding: 10px 10px 0 0;}