@import url("..//stylesheet.css");
#product_box {
	height: auto;
	clear: both;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 50px;
	border-collapse: collapse;
}

.Product_disp {
	float: left;
	width: 95%;
	height: auto;
	font-weight: normal;
	background-color: #FFF;
	margin-right: 0px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: thin solid #CCC;
	margin-bottom: 15px;
}


#product_heading {
	font-size: 1.3em;
	color: #FFF;
	width: auto;
	line-height: 1.2;
	font-weight: bold;
	text-transform: capitalize;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border: thin solid #FFF;
	background-image: url(../images/Product_heading_bar.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 5px;
}
.Product_disp .detail_box {
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	clear: left;
}

    
* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }
.Product_disp img {
	height: 100px;
	width: 200px;
	float: left;
	margin-right: 20px;
}
.Product_disp .detail_box a {
	color: #066;
	font-weight: bold;
	font-size: 1.2em;
}



body {
	font-size: 0.8em;
	line-height: 1.2;
	font-family: arial, sans-serif;
	color: #000000;
	background: #edf6ff url(../images/body.png) repeat-x 0 0;
	min-width: 960px;
	
}

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl {
	display: block;
	height: 250;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	clear: both;
	width: 960px;
}
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper {
	padding-top: 20px;
	
}

.shell {
	margin: 0 auto;
	width: 960px;
	
}
#product_photo {
	float: right;
	height: 400px;
	width: 400px;
	border: thin solid #CCC;
	margin-right: 40px;
}
#specification table {
	color: #000;
	margin-bottom: 20px;
}
#specification table tr th {
	background-color: #096;
	font-size: 1.2em;
	line-height: 1.5;
	color: #FFF;
	padding-left: 10px;
	text-align: left;
}
#specification table tr td      {
	background-color: #FFC;
	font-size: 1em;
	line-height: 1.5;
	padding-left: 10px;
}




.container { 
	background: #fff;  
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.header {
	background-image: url(../images/Home_DJT.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 0px;
	padding-right: 32px;
	padding-bottom: 20px;
	padding-left: 32px;
	height: 180px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 30px;
	margin-top: 20px;
}
.flexslider .slides li .slide-cnt ul {
	color: #000;
	font-size: 1em;
	line-height: 1.2;
}

#logo {
	width: auto;
	float: left;
}
#logo a {
	height: 70px;
	display: block;
	font-size: 0;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 420px;
}
#logo a img {
	height: 70px;
	width: auto;
}


#navigation {
	height: 35px;
	line-height: 35px;
	float: right;
	position: relative;
	z-index: 60;
	width: 450px;
}
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; }
#navigation ul li { float: left; position: relative; padding-right: 2px; background: url(../images/navigation-border.png) no-repeat right 0; }
#navigation ul > li.last { background: transparent; width: auto; float: left; padding-right: 0; }
#navigation ul > li.last a { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-right: 1px solid #d7e1e8 !important; }
#navigation ul > li.first a { border-radius: 5px 0px 0px 5px ; -moz-border-radius: 5px 0px 0px 5px ; -webkit-border-radius: 5px 0px 0px 5px ; -o-border-radius: 5px 0px 0px 5px; border-left: 1px solid #d7e1e8 !important; }
#navigation ul li a {
	color: #324957;
	float: left;
	padding: 0 18px;
	border: 1px solid #d7e1e8;
	border-left: 0;
	border-right: 0;
	background: url(../images/navigation.png) repeat 0 0;
	text-decoration: none;
}
#navigation ul li a:hover,
#navigation ul li.active a { background: url(../images/navigation-a.png) repeat 0 0; color: #3995d6; text-decoration: none; }

#navigation ul li a span { background: url(../images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px; }

#navigation ul li ul {
	display: none;
	float: none;
	line-height: 28px;
	position: absolute;
	top: 35px;
	left: 0;
	width: 200%;
	background: #e1efff;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-o-border-radius: 0px 0px 5px 5px;
}
#navigation ul li:hover ul { display: block; }

#navigation ul li ul li { display: block; float: none; padding: 0; background: transparent; } 
#navigation ul li ul li a { float: none; display: block !important; padding: 0 18px; }
#navigation ul li ul li a:hover { float: none; display: block; background: transparent; background-color: #bdd7f4; }
#navigation ul li.last ul li a {  padding: 0 18px !important;  float: none; display: block;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li ul li.last { float: none; display: block; }
#navigation ul li ul li.last a { border-radius: 0px 0px  5px 5px; -moz-border-radius: 0px 0px  5px 5px; -webkit-border-radius: 0px 0px  5px 5px; -o-border-radius: 0px 0px  5px 5px; }

#navigation ul li ul li.first a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li.first ul li a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
.main h3 a { color: #293237; }
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.flexslider {
	width: 96%;
	height: 400px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	overflow: hidden;
	margin-bottom: 27px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	
	
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	
}
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li {
	width: 100%;
	height: 400px;
	float: left;
}
.flexslider ul li img { width: 100%; height: 400px; }
.flexslider ul li .slide-cnt { width: 412px; position: absolute; top: 38px; right: 74px; }
.flexslider ul li .slide-cnt h2 {
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	padding-bottom: 17px;
}
#Product_show_text {
	padding: 10px;
	clear: both;
	height: auto;
	width: auto;
	color: #1059b1;
	font-size: 1.5em;
	line-height: 1.5;
	font-weight: bold;
    text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
}
#AboutUs_box {
	padding: 10px;
	height: auto;
	width: auto;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCCCCC;
	clear: both;
}


.flexslider ul li .slide-cnt p { color: #1f3e50; line-height: 26px; }
.flexslider ul li  a.slider-btn { position: absolute; bottom: 0; left: 50%; min-width: 176px; height: 34px; margin-left: -88px; background: #fff; border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; color: #1e3d51; font-size: 19px; font-weight: bold; text-align: center; line-height: 36px; 
}

.flexslider ul li  a.slider-btn:hover { text-decoration: none; color: #3995d6;  }
.flexslider ul li  a.slider-btn span { background: url(../images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section { padding: 0 32px 27px; }
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.cols { background: url(../images/cols.png) repeat-x 0 bottom; }
.cols h3 { padding-bottom: 14px;  }
.cols p { padding-bottom: 10px;  }
.cols .col { width: 212px; float: left; }
.cols .col+.col { padding-left: 14px; }
.cols .col a.col-btn { background: url(../images/col-btn.png) repeat 0 0; float: left; border: 1px solid #afd1f6; height: 21px; line-height: 21px; text-align: center; padding: 0 15px; color: #324957; 
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
	text-shadow: rgba(255,255,255,0.9) 1px 1px 1px;
}

.cols .col a.col-btn:hover { background-position: 0 bottom; text-decoration: none; }

.box {
	padding: 0px;
	position: relative;
	height: auto;
	background-repeat: repeat;
	background-position: 0 0;
}
.box span.shadow-t { width: 956px; height: 11px; background: url(../images/box-shadow-t.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block;}
.box span.shadow-b { width: 956px; height: 11px; background: url(../images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}
h3  {
	float: none;
	font-size: 2em;
	line-height: 1.5;
	color: #1059B7;
	clear: both;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}



.entries {
	padding-top: 0px;
}
.entries .entry {
	background: #fff;
	border: 1px solid #d6dae1;
	width: 240px;
	height: 180px;
	float: left;
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	margin-right: 20px;
	margin-left: 18px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-left: 10px;
	text-indent: 2;
	margin-bottom: 10px;
}

.entries .entry a img {
	width: 240px;
	height: 180px;
	display: block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	margin: 0px;
}
.entries .entry + .entry { margin-left: 17px; }
.entries .entry span.shadow {
	background: url(../images/entry-shadow.png) no-repeat 0 0;
	width: 300px;
	height: 20px;
	position: absolute;
	bottom: -6px;
	left: 5px;
	display: block;
}

.services {
	padding-top: 0px;
	background-color: #CDE2F7;
	background-image: url(../images/Home_foot.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 20px;
	height: 150px;
}
.services h3 {
	color: #00C;
}
.services p {
	padding-bottom: 15px;
	font-size: 0.8em;
	font-weight: bold;
}
.services .widget { float: left; width: 435px; }
.services .widget ul { list-style: none; list-style-position: outside; }
.services .contact-widget {
	width: 48%;
	margin-right: 0px;
} 
.services .widget + .widget { padding-left: 19px; }
.services .socials-widget { width: 219px;  }
.services .socials-widget a { width: 27px; height: 27px; background: url(../images/socials.png) no-repeat 0 0; float: left; margin-right: 9px; font-size: 0; line-height: 0; text-indent: -4000px; }
.services .socials-widget a:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }
.services .socials-widget a.facebook-ico { background-position: 0 0; }
.services .socials-widget a.twitter-ico { background-position: -36px 0; }
.services .socials-widget a.rss-ico { background-position: -72px 0; }
.services .socials-widget a.in-ico { background-position: -108px 0; }
.services .socials-widget a.skype-ico { background-position: -144px 0; }
.services .socials-widget a.google-ico { background-position: -180px 0; }

.footer { padding: 18px 0 64px 0;  }
.footer-nav { float: left; }
.footer-nav ul { list-style: none; list-style-position: outside; font-size: 11px;  }
.footer-nav ul li { float: left; padding-right: 33px; }
.footer-nav ul li a { color: #a6abb2; }
.footer-nav ul li a:hover { color: #3995d6; text-decoration: none; }
.footer p.copy { float: right; font-size: 11px; color: #a6abb2; }
.footer p.copy a { color: #8c929b; text-decoration: underline; }
.footer p.copy a:hover { color: #3995d6; text-decoration: none; }
.main .Content #box1 {
	line-height: 2em;
	width: 100%;
}

.main .Content {
	width: 79%;
	float: right;
	min-height: 480px;
}
#specification ul li a {
	color: #000;
	text-decoration: none;
}

.sidebar {
	float: left;
	width: 20%;
	height: auto;
	color: #000;
	padding-top: 10px;
}

.main .sidebar ul {
	left: 20px;
	padding-left: 10px;
	width: auto;
}
.main .sidebar ul li a {
	font-size: 1.3em;
	line-height: 1.5;
	color: #666;
	text-decoration: none;
}
.main  .sidebar ul li a.current {
	color: #F00;
}


.main .sidebar ul li {
	left: 20px;
	list-style-type: none;
	padding-bottom: 10px;
}
.main .sidebar ul li ul {
	width: 90%;
	padding-left: 10%;
}
.main .sidebar ul li ul li {
	list-style-type: disc;
	padding-bottom: 0px;
}

.main .sidebar ul li ul li a    {
	font-size: 1em;
	line-height: 1.3;
}
.main .sidebar ul li ul li a.current {
	color: #F00;
}
.main .Content table {
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.main .Content ul  {
	line-height: 1.5em;
	color: #000;
	padding-left: 3em;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

.main .Content  h4 {
	font-size: 1.5em;
	color: #096;
	line-height: 1.5;
}




.main .sidebar ul li a: hover {
	color: #000;
}



#wrapper .shell .container .main .Content #ContactBox img {
	clear: both;
	width: 100%;
	margin: 0px;
}
#wrapper .shell .container #ContactBox p {
	font-size: 1.2em;
	color: #000;
	line-height: 1.5;
	padding-top: 20px;
	text-indent: 0em;
}
#wrapper .shell .container .main .Content p  {
	font-size: 1em;
	line-height: 1.5;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	text-indent: 2em;
}
#product_feature {
	float: left;
	height: auto;
	width: 250px;
	padding-left: 20px;
}
#product_dimension , #temperaturecurve{
	height: auto;
	width: 550px;
	margin-bottom: 20px;
}
#product_dimension img , #temperaturecurve img{
	border: thin solid #CCC;
	
	
}

#specification {
	clear: both;
	height: auto;
	width: auto;
	padding-left: 20px;
}
#navigation ul li a.current {
	background-color: #369;
	background-image: url(../images/navigation-a.png);
}
#box2 {
	float: left;
	width: 30%;
	clear: none;
	margin-top: 10px;
	margin-right: 10px;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#box2 img {
	width: 100%;
	height: auto;
}
.Product_disp #product_item {
	clear: both;
	width: 100%;
	float: none;
	height: 120px;
	border: thin solid #CCC;
}
.Product_disp #product_item a img {
	clear: left;
}
.Content #specification #large tr th {
	font-size: 1em;
}
#wrapper .shell .container .main .Content #box1 img {
	width: auto;
	padding: 0%;
	margin: 0%;
}