/* ------------------------------------------------------------
"Screen" Style Sheet

@Project - Raj Trading Corporation
@Description: Main Stylesheet for Raj Trading Corporation (Internal)
@Author: Krishna kumar R
@Version: 1.0
@Copyright: Raj Trading Corporation / thisiszahab.com
------------------------------------------------------------ */

/* =reset & basics
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
a img { border: 0; background: none; }
img	{ vertical-align: middle; } ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
a img { border: none; }
abbr, acronym { border-bottom-width: 0; }
strong { font-weight: bold; }
em { font-style: italic; }

/* =visuallyHide / accessibility */
.visuallyHidden, .accessibility { position: absolute!important; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =text-selection */
::selection { color: #fff; background-color: #77a1d2; text-shadow: none !important; }
::-moz-selection { color: #fff; background-color: #77a1d2; text-shadow: none !important; } /* mozilla */

/* =clearfix */
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE 6 and 7 */

/* =clear */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* =font: Cabin Sketch
----------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'MNR';
    src: url('../css/typography/MNR.eot');
    src: url('../css/typography/MNR.eot?#iefix') format('embedded-opentype'),
         url('../css/typography/MNR.woff') format('woff'),
         url('../css/typography/MNR.ttf') format('truetype'),
         url('../css/typography/MNR.svg#MNR') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MBR';
    src: url('../css/typography/MBR.eot');
    src: url('../css/typography/MBR.eot?#iefix') format('embedded-opentype'),
         url('../css/typography/MBR.woff') format('woff'),
         url('../css/typography/MBR.ttf') format('truetype'),
         url('../css/typography/MBR.svg#MBR') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MblackR';
    src: url('../css/typography/MblackR.eot');
    src: url('../css/typography/MblackR.eot?#iefix') format('embedded-opentype'),
         url('../css/typography/MblackR.woff') format('woff'),
         url('../css/typography/MblackR.ttf') format('truetype'),
         url('../css/typography/MblackR.svg#MblackR') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* =defaults
----------------------------------------------------------------------------------------- */

html, body { background: url(../images/pattern.png) repeat #fff; }
body { font: normal 12px/20px 'MNR', Arial, sans-serif; color: #222222; }

a { color: #222222; text-decoration: none; border-bottom: 1px dotted #77a1d2;  }
a:hover, a:focus { color: #222222; text-decoration: none; border-bottom-color: transparent;  }
a, button, a strong, .button { -webkit-transition: color .15s linear, background-color .15s linear; -moz-transition: color .15s linear, background-color .15s linear; -o-transition: color .15s linear, background-color .15s linear; -ms-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear; }

.button { background: #34649c; color: #fff; padding: 1px 5px; margin-right: 10px; margin-top: 3px; }

.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.last { margin-right: 0px !important; }
.paddingBottom { padding-bottom: 0px !important; }

h1, h2, h3, h4, h5, h6 { font-family: 'MBR', Arial, sans-serif; overflow: hidden; margin-bottom: 10px; font-weight: normal; line-height: 20px; }
h1 { font-size: 42px; }
h2 { font-size: 24px;  }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; text-transform: uppercase; }
h6 { font-size: 14px;}

.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w240 { width: 240px; }
.w275 { width: 275px; }
.w340 { width: 340px; }
.w365 { width: 365px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w435 { width: 435px; }

.w160, .w170, .w180, .w190, .w200, .w240, .w275, .w365, .w410, .w435 { float:left; position:relative; display:inline; margin: 0 0 20px 0; }

.icons { background: url(../images/icons.png) no-repeat 0px -10px;  }
.separator { background: url(../images/separator.jpg) no-repeat center; width: 825px; height: 2px; text-align: center; margin:0 auto 30px; }

.pdf { background-position: -4px -52px; padding: 2px 0px 2px 25px; height: 16px; }

/* = List
----------------------------------------------------------------------------------------- */
ul { list-style: none; }
ol { margin-bottom: 10px; overflow: hidden; }
ol li { line-height: 20px; list-style: decimal inside none; }
ul.disc { list-style: disc inside none; padding: 0 0 0 2px; }
ol.roman, ol.decimal, ol.alpha { overflow: hidden; }
ol.roman li { line-height: 20px; list-style: lower-roman inside none; }
ol.decimal li { line-height: 20px; list-style: decimal inside none; }
ol.alpha li { line-height: 20px; list-style: lower-alpha inside none; }

/* =blocks
----------------------------------------------------------------------------------------- */
#headerWrapper { margin: 0 auto;}
#header { margin: 0 auto; width: 960px; padding: 30px 0 25px 0;  }
#header #logo { float: left; margin: 0; padding: 0; }
#header #logo a { width: 207px; height: 70px; background: url(../images/logo.png) no-repeat; overflow: hidden; border: 0; text-indent: -9999px; float: left; display: block; vertical-align: middle; }
#header #logo span { background: url(../images/header-bg.png) repeat; text-shadow: 0 1px 0 #02336c; color: #fff; float: left; padding: 10px;  margin: 20px 0 0 1px; font: 12px 'MNR', Arial, sans-serif; text-transform: none; vertical-align: middle; }

/* = #navMain
----------------------------------------------------------------------------------------- */
#nav { float: right; }
#nav #navMain, #nav #search { }

#navMain { background: url(../images/header-bg.png) repeat; margin-bottom: 1px; padding:0; overflow: hidden; } 
#navMain li { list-style:none; float:left;  } 
#navMain li a:link, #navMain li a:visited { text-shadow: 0 1px 0 #02336c; color: #fff; font:13px 'MNR', Arial, sans-serif; border: none; display:block; text-decoration:none; padding: 10px 15px; margin:0;  } 
#navMain li a:hover { background: #053369; color: #fff !important; text-shadow: 0 1px 0 #02336c;}
#navMain li a.current { background: #053369; color: #fff !important; text-shadow: 0 1px 0 #02336c; cursor:default; }

#header #search { background: url(../images/header-bg.png) repeat; padding: 8px 10px; overflow: hidden; float: right; }
#header #search input { float: left; width: 95px; margin: 0; background: none; font: 12px Arial, Helvetica, sans-serif; border: 0 none;  color: #77a1d2; text-shadow: 0 1px 0 #0b386b; }
#header #search .submit { border: 0 none; cursor: pointer; text-indent: -99999em; width: 20px; height: 18px; margin: 0; padding: 0; background: url(../images/search.png) no-repeat 2px 2px;  }

/* = .content
----------------------------------------------------------------------------------------- */
#outerWrapper { margin: 0 !important; background: url(../images/feature.jpg) repeat-x center top; display:block; }
#contentWrapper { width: 970px; overflow: hidden; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 25px; }
.content { overflow: hidden; margin:0 auto; height: 550px !important}

.introPart { margin: 0 auto; width: 960px; overflow:hidden; }

#contentWrapper h5 { border-bottom: 1px dotted #bbb; padding-bottom: 10px; text-shadow: 0 1px 0 #fff; }
#about { border: 0 none; }

.section { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); background: url("../images/content-bg.png") repeat scroll 0 0 transparent; border: 1px solid #fff; overflow: hidden; padding: 15px;  width: 930px; margin: 5px auto; height:460px; }


#home { box-shadow: none; width: 960px;  }
.caption { width: 960px; margin: 0 auto; position: relative; top: 338px; }
.caption p { color: #023f86; font-size: 20px; font-family: 'MBR', Arial, sans-serif; background: #fff; margin-bottom: 2px; padding: 10px; line-height: 26px;}

.intro { width: 360px; float: left; margin-right: 25px; }
.intro h4 { width: 235px; }
.intro h4, .productThumb h4 { background: url(../images/header-bg.png) repeat; padding:8px 15px; color: #fff; margin: 0; text-shadow: 0 1px 0 #0b386b; }
.intro  p { font-size: 14px; line-height: 22px; background: #fff; padding: 15px 15px; overflow: hidden; height:132px; }
.intro a, .thumbGallery a { color: #77a1d2; float: right; line-height: 20px; border: none; font-size: 14px; }
.intro a:hover, .intro a:focus, .thumbGallery a:hover, .thumbGallery a:focus { color: #023f86;  }

.productThumb { width: 575px; overflow: hidden; display: block; }
.productThumb h4 { width: 70px; }
.productThumb .thumbGallery { padding-left: 15px; height:102px; width:560px;}
.thumbGallery { background: #fff; padding: 30px 0; overflow: hidden; }
ul.thumbGallery { overflow: hidden; clear: both;  }
ul.thumbGallery span { z-index: 9999; position: absolute; top: 118px; left: 2px; width: 122px; margin: 0 auto; font-weight: bold; font-size: 11px; line-height: 16px; display: block; }
ul.thumbGallery li.item {   float: left; margin-right: 19px; }

/* =contact
----------------------------------------------------------------------------------------- */
.address { overflow: hidden; margin-right: 15px; }
.address p { padding: 0 0 10px 20px; font-size: 14px; line-height: 22px; font-weight: normal; } 
.address p strong { font-size: 16px; padding-bottom: 5px; display: block; }
.address span { margin-left: 10px }
.email, .tele, .map, .mob { font-size:12px; padding: 2px 6px 2px 25px; margin-bottom: 0; line-height: 18px; overflow: hidden; display: block;  }
.email { background-position: -26px -758px; }
.email a { margin-left: 1px;}
.email a:hover, .email a:focus { border: none; }
.tele { background-position: -26px -722px; }
.map { background-position: -26px -722px; }
.mob { background-position: -26px -684px; }

/* Map */
#map { border: 1px solid #fff; overflow:hidden; -webkit-box-shadow:  0px 0px 2px 0px rgba(176, 176, 176, 1); box-shadow:  0px 0px 2px 0px rgba(176, 176, 176, 1); }

/* =footerWrapper
----------------------------------------------------------------------------------------- */
#footerWrapper { overflow: hidden; padding: 10px 0; background: #023f86; border-top: 1px solid #fff; }
#copyright { display: block; width: 960px; margin: 0 auto; overflow: hidden; }
#copyright p {text-shadow: 0 1px 0 #0b386b; font-size: 12px; line-height: 22px; color: #77a1d2; }
#copyright a.footerLogo { width: 38px; height: 16px; border: none; margin: 3px 10px 0 0;  text-indent: -9999px; background: url(../images/logo-footer.png) no-repeat center 0px; }
.floatRight a,.floatLeft a { color: #77a1d2; }
.floatLeft a:hover, .floatLeft a:focus { color: #fff; }
.floatRight a:hover, .floatRight a:focus { color: #FA6900; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }



/* =products
----------------------------------------------------------------------------------------- */

/*#product { height: 700px !important; }
.productPage { width: 930px; }
.productPage ul.products { overflow: hidden; }
.productPage ul.products li  { width: 430px; float: left; overflow:hidden; margin-right: 30px; }

.productPage ul.products li a img { width: 115px; height: 85px; margin-right: 15px; }
.productPage ul.products li a, .productPage ul.products li p { float: left; overflow: hidden; font-size: 12px !important; line-height: 16px !important; border: 0 none; }
.productPage ul.products li { margin-bottom: 10px; }
.productPage ul.products li p { width: 300px; }
.productPage ul.products li p strong { display: block;  }*/

/*#product { height: 520px !important; }
.productPage { width: 930px; }
.productPage ul.products { overflow: hidden; }
.productPage ul.products li  { width: 299px; float: left; overflow:hidden; margin-right: 15px; }

.productPage ul.products li a img { width: 100px; height: 85px; margin-right: 10px; }
.productPage ul.products li a, .productPage ul.products li p { float: left; overflow: hidden; font-size: 12px !important; line-height: 16px !important; border: 0 none; }
.productPage ul.products li { margin-bottom: 10px; }
.productPage ul.products li p { width: 189px; }
.productPage ul.products li p strong { display: block;  }*/

#product {  z-index: 99999; }

ul.products { overflow: hidden; }
ul.products li  { width: 445px;  float: left; margin: 0 20px 15px 0; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
ul.products li img { float: left; width: 120px; height: 100px; margin-right: 15px; border: 1px solid #ddd; }
ul.products li a { border: 0 none; }

ul.products li a.button:hover, ul.products li a.button:focus { color: #fff; background: none repeat scroll 0 0 #053369; text-shadow: 0 1px 0 #02336C; }
ul.products li p { width: 305px; margin-bottom: 8px !important; overflow: hidden; font-size: 12px !important; line-height: 16px !important; border: 0 none; }
ul.products li p strong { display: block; margin-bottom: 5px; font-size: 13px;  }


/* Tiny Scrollbar */
.proScroll { width: 930px; margin: 20px 0 10px; }
.proScroll .viewport { width: 910px; height: 399px; overflow: hidden; position: relative; }
.proScroll .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.proScroll .scrollbar{  position: relative; background-position: 0 0; float: right; width: 5px; }
.proScroll .track { background: #ccc; height: 100%; width:6px; position: relative; padding: 0; border-radius:3px; }
.proScroll .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; border-radius:3px; }

.dproScroll .disable { display: none; }

.proScroll .thumb .end, .proScroll .thumb { background: #4c80bd; }
.w340{ overflow:hidden; float:left; padding:10px 50px;}
.w275{ margin-bottom: 0px; padding:0px;}
.w400{ overflow:hidden; padding:10px 30px;}
.w340 img{ float:left; padding: 0 27px 0px 10px}
.icon-show { overflow:hidden; margin-left:20px}
.icon-show li{ float:left; width:71px; height:85px; overflow:hidden; line-height:8px; text-align:center; font-size:9px; margin-right:70px; margin-bottom:10px;} 
.icon-show li img{ margin: 0px auto; padding:5px;}
.icon-show .icon-last{ margin-right:20px;}
.w200{ margin-left:30px; margin-bottom: 0px; margin-top:20px;}
.w200 h5{ color:#174070;}
.w275a{ width:275px; padding:17px; overflow:hidden; float:left}
.address-text{ font-size:14px; line-height:22px;}
.address-text strong{ color:#123f74;}
#brands{width: 930px; margin: 0 auto;}
/* =contact form 
-----------------------------------------------------------------------------------------*/
.contactForm, .ajaxresponse {
	color:#000;
}
.contactForm p {
	padding: 0;
	margin: 0 0 25px;
}
.contactForm label {
	display: block;
	float: left;
	width: 60px;
	line-height: 23px;
}
input.text_input, textarea {
	width: 165px;
	font: normal 14px/14px Helvetica, Arial, sans-serif;
	background: none transparent;
	border: 0 none;
	border-bottom: 1px dotted #123f74;
	color: #000;
	vertical-align: bottom;
	margin-left: 10px;
}
input.text_input:focus, input.password:focus, textarea:focus, select:focus {
	border-bottom-color: #9bd46c;
}
input.submit {
	cursor: pointer;
	background: #4b4b4b; /* Old browsers */
	background: -moz-linear-gradient(top, #4b4b4b 0%, #373737 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #373737)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4b4b4b 0%, #373737 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4b4b4b 0%, #373737 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4b4b4b 0%, #373737 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4b4b4b 0%, #373737 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#373737', GradientType=0 ); /* IE6-9 */
	border-radius:5px;
	border: 0 none;
	padding: 5px 8px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
}
input.submit:hover, input.submit:focus {
	background: rgb(32,124,202); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzEyM2Y3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(32,124,202,1) 0%, rgba(18,63,116,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,124,202,1)), color-stop(99%,rgba(18,63,116,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(18,63,116,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(18,63,116,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(32,124,202,1) 0%,rgba(18,63,116,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(32,124,202,1) 0%,rgba(18,63,116,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#123f74',GradientType=0 ); /* IE6-8 */}
.ajaxresponse { color: #000; }
.ajaxresponse strong { color: #000;f ont: normal 15px/20px 'proxima_nova_rgregular', Helvetica, Arial, sans-serif;}
.valid input.text_input, .valid textarea { border-bottom-color:#167029; }
.error input.text_input, .error textarea { border-bottom-color: #900; }

/* Basic jQuery Slider essential styles */
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}