/*































Theme Name: Testrics































Theme URI: http://www.wordpressdevelop.com/testrics/































Description: Testrics































Author: Testrics































Version: 1.1































Tags: Testrics































*/































































































/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html































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































































@font-face {































    font-family: 'MyriadProRegular';































    src: url('fonts/myriadpro-regular-webfont-webfont.eot');































    src: url('fonts/myriadpro-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),































         url('fonts/myriadpro-regular-webfont-webfont.woff') format('woff'),































         url('fonts/myriadpro-regular-webfont-webfont.ttf') format('truetype');































    font-weight: normal;































    font-style: normal;































































}































@font-face {































    font-family: 'MyriadProLightRegular';































    src: url('fonts/myriadpro-light-webfont.eot');































    src: url('fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),































         url('fonts/myriadpro-light-webfont.woff') format('woff'),































         url('fonts/myriadpro-light-webfont.ttf') format('truetype');































    font-weight: normal;































    font-style: normal;































































}































@font-face {































    font-family: 'MyriadProBold';































    src: url('fonts/myriadpro-bold-webfont.eot');































    src: url('fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),































         url('fonts/myriadpro-bold-webfont.woff') format('woff'),































         url('fonts/myriadpro-bold-webfont.ttf') format('truetype');































    font-weight: normal;































    font-style: normal;































































}































@font-face {































    font-family: 'MyriadProItalic';































    src: url('fonts/myriadpro-it-webfont.eot');































    src: url('fonts/myriadpro-it-webfont.eot?#iefix') format('embedded-opentype'),































         url('fonts/myriadpro-it-webfont.woff') format('woff'),































         url('fonts/myriadpro-it-webfont.ttf') format('truetype');































    font-weight: normal;































    font-style: normal;































































}































@font-face {































    font-family: 'MyriadProLightItalic';































    src: url('fonts/myriadpro-lightit-webfont.eot');































    src: url('fonts/myriadpro-lightit-webfont.eot?#iefix') format('embedded-opentype'),































         url('fonts/myriadpro-lightit-webfont.woff') format('woff'),































         url('fonts/myriadpro-lightit-webfont.ttf') format('truetype');































    font-weight: normal;































    font-style: normal;































































}































































body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-family: 'MyriadProRegular'; background:url(images/bg.jpg) center top repeat-x;}



body.ar { direction:rtl;}



























































ul, li { margin:0; padding:0; list-style:none;}































a, img { border:none;}































a { text-decoration:none;}































































#wrap { width:1017px; margin:0 auto; background:url(images/header-bg.jpg) center top no-repeat;}































#header { width:1017px; position:relative; height:412px;}



body.ar #header { background:url(images/header-bg-ar.jpg) center top no-repeat;}



























.logo { position:absolute; top:43px; left:132px;}



.logo a { display:block; background:url(images/logo.png) left top no-repeat; width:357px; height:61px; text-indent:-9999px;}



body.ar .logo a { display:block; background:url(images/logo-ar.png) left top no-repeat; width:365px; height:61px; text-indent:-9999px;}



























.desc { font-size:16px; color:#0074b3; position:absolute; top:68px; left:490px; line-height:18px; font-family: 'MyriadProLightItalic';}































.desc span { font-weight:normal;}







body.ar .logo { position:absolute; top:43px; right:132px; left:auto;}



body.ar .desc { font-size:16px; color:#0074b3; position:absolute; top:68px; right:500px; left:auto; line-height:18px; font-family: 'MyriadProLightItalic'; width: 300px; }



body.fr .nnewsletter input.submit {
    background: url("images/submit-btn1.gif") no-repeat scroll left top transparent !important;
}

body.ar .nnewsletter input.submit {
    background: url("images/submit-btn-ar.gif") no-repeat scroll left top transparent !important;
}




















































div.language { color:#0074b3; position:absolute; top:49px; right:69px;}



body.ar div.language { color:#0074b3; position:absolute; top:49px; left:69px; right:auto;}



























































#nav { margin:0; width:700px; height:41px; position:absolute; top:153px; left:285px; font-family: 'MyriadProLightRegular';}



body.ar #nav { margin:0; width:700px; height:41px; position:absolute; top:153px; right:285px; left:auto; font-family: 'MyriadProLightRegular';}



























#nav ul li { margin:0 10px 0 0; float:left; padding-left:12px; position:relative;}



body.ar #nav ul li { margin:0 0 0 10px; float:right; padding-left:12px; position:relative;}



























#nav ul li a { font-size:20px; color:#383838; padding:0 17px 0 5px; display:block; height:41px; line-height:41px;}































#nav ul > li.current-menu-item, #nav ul > li.current-menu-ancestor, #nav ul > li:hover { background:url(images/menu-left.png) left top no-repeat;}
#nav ul li.current-menu-item > a, #nav ul li.current-menu-ancestor > a, #nav ul li:hover > a { background:url(images/menu-right.png) right top no-repeat; color:#fff;}































































#nav ul ul { display:none;}
#nav ul ul ul { left:100%; top:0; width:175% !important;}
body.ar #nav ul ul ul { left:100%; top:0;}




















#nav ul li:hover > ul { display:block; width:110%; position:absolute; top:11px; left:100%; z-index:9999; background:#1a82ba; border-radius:10px;}



body.ar #nav ul li:hover > ul { display:block; width:110%; position:absolute; top:11px; right:100%; z-index:9999; background:#1a82ba; border-radius:10px;}



























#nav ul ul li { background:url(images/menu-border.gif) left bottom repeat-x !important; width:100%; margin:0; padding:0; }
#nav ul ul ul li { background:url(images/menu-border.gif) left bottom repeat-x !important; width:100%; margin:0; padding:0; }
body.ar #nav ul ul li { background:url(images/menu-border.gif) left bottom repeat-x !important; width:100%; margin:0; padding:0;}















#nav ul ul li.last { background:none !important;}

body.ar #nav ul ul li.last { background:none !important;}













#nav ul ul li a { background:url(images/white-arrow.png) 3px 15px no-repeat !important; padding:0 0 0 15px; color:#fff; font-size:17px; height:auto;}



body.ar #nav ul ul li a { background:url(images/white-arrow-ar.png) right center no-repeat !important; text-indent:0px; color:#fff; font-size:17px; padding:0 15px 0 0; margin:0 5px;}



























#nav ul ul li:hover { background:#044365 !important; border-radius:10px; width:100%;}

body.ar #nav ul ul li:hover { background:#044365 !important;}





























































#slider { position:absolute; top:190px; right:39px;}



body.ar #slider { position:absolute; top:190px; left:39px; right:auto;}



























#slider img.big { margin:3px 3px 0px;}































#slider a.left { position:absolute; top:85px; left:-25px; z-index:100; background:url(images/slider-left-arrow.png) left top no-repeat; width:46px; height:46px;}







#slider a.left:hover { position:absolute; top:85px; left:-25px; z-index:100; background:url(images/slider-left-arrow1.png) left top no-repeat; width:46px; height:46px;}























#slider a.right { position:absolute; top:85px; right:-25px;z-index:100; background:url(images/slider-right-arrow.png) left top no-repeat; width:46px; height:46px;}







#slider a.right:hover { position:absolute; top:85px; right:-25px;z-index:100; background:url(images/slider-right-arrow1.png) left top no-repeat; width:46px; height:46px;}























































#three-cols { margin:70px 0 50px; overflow:hidden;}































#three-cols div.container { margin:0 20px;}































#three-cols h3 { font-size:36px; color:#463433; margin:0 0 40px; font-weight:normal; border-bottom:2px solid #efefef; padding-bottom:10px; font-family: 'MyriadProLightRegular';}































#three-cols h3.newsletter { margin-bottom:20px;}































#three-cols p { font-size:15px; line-height:18px; color:#797978;}







a.readmore { background:url(images/readmore-btn.gif) left top no-repeat; width:96px; height:29px; display:block; text-indent:-9999px;}



body.ar a.readmore { background:url(images/readmore-ar.gif) left top no-repeat; width:96px; height:29px; display:block; text-indent:-9999px;}























span.green { color:#76ba00;}































span.black { color:#2f2428;}































#three-cols div.col1, #three-cols div.col2, #three-cols div.col3 { width:335px; float:left; min-height:440px;}



body.ar #three-cols div.col1, body.ar #three-cols div.col2, body.ar #three-cols div.col3 { width:335px; float:right; min-height:440px;}



























#three-cols div.col1, #three-cols div.col2 { border-right:1px dotted #dfdfdf;}



body.ar #three-cols div.col1, body.ar #three-cols div.col2 { border:none; border-left:1px dotted #dfdfdf;}



























































#three-cols div.col3 span, #three-cols div.col3 small { display:block;}































#three-cols div.col3 small { font-size:14px; color:#ff6900; font-style:italic;}































#three-cols div.col3 a.all-news { color:#ff681e; font-size:15px; text-indent:20px; background:url(images/arrow-bullet.gif) left 5px no-repeat; display:block; line-height:25px; font-style:italic;}



body.ar #three-cols div.col3 a.all-news { color:#ff681e; font-size:15px; text-indent:20px; background:url(images/arrow-bullet-ar.gif) right 5px no-repeat; display:block; line-height:25px; font-style:italic;}



























#three-cols div.col3 a.unsub { color:#81be0f; font-size:13px; display:block; text-decoration:underline; margin-top:10px;}































#three-cols div.col3 input.txtbox { color:#777673; font-size:12px; line-height:12px; text-indent:10px; width:186px; height:25px; line-height:25px; background:url(images/txtbox.gif) left top no-repeat; border:none;}































#three-cols div.col3 input.submit { text-indent:10px; background:url(images/submit-btn.gif) left top no-repeat; text-indent:-9999px; width:74px; height:30px; cursor:pointer; border:none;}



body.ar #three-cols div.col3 input.submit { text-indent:10px; background:url(images/submit-btn-ar.gif) left top no-repeat; text-indent:-9999px; width:74px; height:30px; cursor:pointer; border:none;}































































































#three-cols div.col2 ul { margin-bottom:20px;}

#three-cols div.col2 ul li { color:#787775; font-size:15px; text-indent:20px; background:url(images/arrow-bullet.gif) left 5px no-repeat; line-height:25px;}
#three-cols div.col2 ul li a { color:#787775; font-size:15px; text-decoration:underline; display:block; line-height:25px;}



body.ar #three-cols div.col2 ul li a { color:#787775; font-size:15px; text-decoration:underline; text-indent:20px; background:url(images/arrow-bullet-ar.gif) right 5px no-repeat; display:block; line-height:25px;}



























































#main { width:1017px; margin:0 auto; min-height: 800px;}































#content { width:660px; float:left; margin-top:20px;}































#content.full-width { width:1017px;}































#content h2 { font-size:36px; color:#463433; margin:0 0 20px; font-weight:normal; border-bottom:2px solid #efefef; padding-bottom:10px; font-family: 'MyriadProLightRegular';}































#content h2 a { color:#463433;}































#content p { font-size:15px; line-height:18px; color:#797978;}








































#content a { color:#81be0f;}































































div.half { width:475px; margin-right:5px; float:left; border-right:1px dotted #ccc; padding-right:32px;}































div.half-last { width:475px; margin-right:0; float:right;}































































div.one-fourth { width:214px; float:left; border-right:1px dotted #ccc; padding:0 20px;}































div.one-fourth-last { width:200px; float:left; padding:0 25px;}































































div.left-col { width:675px; float:left;}

body.ar div.left-col { width:675px; float:right;}





























div.right-col { width:300px; float:right; padding-left:20px; border-left:2px dotted #efefef; min-height:500px;}

body.ar div.right-col { width:300px; float:left; padding:0 20px 0 0; border:none; border-right:2px dotted #efefef; min-height:500px;}





























div.right-col h2 { font-size:36px; color:#463433; margin:0 0 20px; font-weight:normal; border-bottom:2px solid #efefef; padding-bottom:10px; font-family: 'MyriadProLightRegular';}































div.right-col p { font-size:15px; line-height:18px; color:#797978;}































div.right-col p span.green { color:#76ba00;}































div.right-col p span.black { color:#2f2428;}































div.right-col input.txtbox { color:#777673; font-size:12px; line-height:12px; text-indent:10px; width:186px; height:25px; line-height:25px; background:url(images/txtbox.gif) left top no-repeat; border:none;}































div.right-col input.submit { text-indent:10px; background:url(images/submit-btn.gif) left top no-repeat; text-indent:-9999px; width:74px; height:30px; cursor:pointer; border:none;}































































#sidebar { width:295px; float:right; margin-top:20px;}































#sidebar h2 { font-size:24px; color:#463433; margin:0 0 20px; font-weight:normal; border-bottom:2px solid #efefef; padding-bottom:10px; font-family: 'MyriadProLightRegular';}































#sidebar li.widget { margin-bottom:20px;}































#sidebar ul li { background:url(images/arrow-bullet.gif) left 5px no-repeat; text-indent:20px;}



body.ar #sidebar ul li { background:url(images/arrow-bullet-ar.gif) right 5px no-repeat; text-indent:20px;}



























#sidebar ul li a { color:#81be0f; text-decoration:none; display:block; line-height:22px;}































#sidebar ul li a:hover { text-decoration:underline;}































































#footer-wrap { min-height:90px; background:#cececd url(images/footer-bg.gif) center top repeat-x;}































#footer { width:1017px; margin:0 auto; padding-top:25px;}































#footer div.footer-col1 { width:630px; float:left; margin-left:30px;}































#footer div.footer-col2 { width:300px; float:right; margin-right:20px;}



body.ar #footer div.footer-col1 { width:450px; float:right; margin-left:50px;}



body.ar #footer div.footer-col2 { width:300px; float:left; margin-right:20px;}



























#footer div.footer-col2 small { margin-left:85px; font-size:12px; color:#242424; display:block;}































#footer div.footer-col2 small span { color:#2481b4;}































































#footer ul li { margin:0 10px; float:left; position:relative; border-right:1px solid #383838; font-size:15px;}



body.ar #footer ul li { margin:0 0 0 10px; float:right; position:relative; border:none; border-left:1px solid #383838; font-size:15px;}



























#footer ul li.last { border:none;}



body.ar #footer ul li.last { border:none !important;}



























#footer ul li a { font-size:16px; color:#383838; padding:0 20px 0 0; display:block; font-family: 'MyriadProRegular';}



body.ar #footer ul li a { font-size:17px; color:#383838; padding:0 0 0 20px; display:block; font-family: 'MyriadProRegular';}



























#footer ul ul { display:none; margin-top: -2px; }































#footer ul li:hover > ul { display:block; width:470px; position:absolute; top:20px; left:0; z-index:9999;}































#footer ul ul li { float:left; background:url(images/footer-arrow-split.png) left center no-repeat; border:none; padding:0; text-indent:12px;}































#footer ul ul li a { padding:0; color:#1a82ba; font-size:12px;}































#footer ul ul li a:hover { color:#000;}















body.ar #footer ul li { margin:0 0 0 10px; float:right; position:relative; border:none; border-left:1px solid #383838; font-size:15px;}



body.ar #footer ul li.last { border:none;}



body.ar #footer ul li a { font-size:17px; color:#383838; padding:0 0 0 20px; display:block; font-family: 'MyriadProRegular';}



body.ar #footer ul li:hover > ul { display:block; width:470px; position:absolute; top:20px; left:auto; right:0; z-index:9999; float:left;}



body.ar #footer ul ul li { float:right; background:url(images/footer-arrow-split-ar.png) right center no-repeat; border:none; padding:0; text-indent:12px;}



body.ar #footer ul ul li a { padding:0; color:#1a82ba; font-size:12px;}



body.ar #footer ul ul li a:hover { color:#000;}



























/* all form DIVs have position property set to relative so we can easily position newly created SPAN */















form div{position:relative;} 































/* setting the width and height of the SELECT element to match the replacing graphics */















select.select {















    height: 20px !important;















    line-height: 20px;















    position: relative;















    width: 70px;















    z-index: 10;















}































/* dynamically created SPAN, placed below the SELECT */















span.select {















    background: url("images/bg_select.gif") no-repeat scroll 0 0 transparent;















    bottom: 0;















    cursor: default;















    float: left;















    font-size: 13px;















    height: 21px;















    left: 0;















    line-height: 19px;















    position: absolute;















    text-indent: 5px;















    width: 70px;















    z-index: 1;















}















#main {







	min-height:700px;







}















@media screen and (max-device-width: 480px){







	#footer-wrap {







		width:1100px;







	}



	



	.entry, .entry_content{



		padding-left:20px;



	}







    #three-cols div.col1, #three-cols div.col2, #three-cols div.col3 {



    float: left;



    min-height: 440px;



    width: 325px;



    }



	



	div.one-fourth {



    border-right: 1px dotted #CCCCCC;



    float: left;



    padding: 0 20px;



    width: 204px;



}


.ar #three-cols div.col1, .ar #three-cols div.col2, .ar #three-cols div.col3 {
	    width: 325px !important;
}

body.ar div.left-col {
    float: right;
    padding-right: 30px;
    width: 645px;
}

body.ar #content {
    float: right;
	width:630px;
	padding-right:30px;
}

body.ar #sidebar {
    float: left;
}

}















@media only screen and (device-width: 768px) {







	#footer-wrap {







		width:1100px;







	}







	.entry, .entry_content{



		padding-left:20px;



	}



	



	#three-cols div.col1, #three-cols div.col2, #three-cols div.col3 {



    float: left;



    min-height: 440px;



    width: 325px;



  }



  



  div.one-fourth {



    border-right: 1px dotted #CCCCCC;



    float: left;



    padding: 0 20px;



    width: 204px;



}

.ar #three-cols div.col1, .ar #three-cols div.col2, .ar #three-cols div.col3 {
	    width: 325px !important;
}

body.ar div.left-col {
    float: right;
    padding-right: 30px;
    width: 645px;
}

body.ar #content {
    float: right;
	width:630px;
	padding-right:30px;
}

body.ar #sidebar {
    float: left;
}

}







.commentlist {



	padding:0px;



	margin:0px;



}



body.ar span.select {

    padding-left: 10px;

    text-align: left;

}

.nnewsletter h3.newsletter {
    margin-bottom: 20px;
}

.nnewsletter h3 {
    border-bottom: 2px solid #EFEFEF;
    color: #463433;
    font-family: 'MyriadProLightRegular';
    font-size: 36px;
    font-weight: normal;
    margin: 0 0 40px;
    padding-bottom: 10px;
}

.nnewsletter input.txtbox {
    background: url("images/txtbox.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #777673;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-indent: 10px;
    width: 186px;
}

.nnewsletter input.submit {
    background: url("images/submit-btn.gif") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 30px;
    text-indent: -9999px;
    width: 74px;
}

.nnewsletter a.unsub {
    color: #81BE0F;
    display: block;
    font-size: 13px;
    margin-top: 10px;
    text-decoration: underline;
}

body.ar .eemail_button input.submit {
    background: url("images/submit-btn-ar.gif") no-repeat scroll left top transparent !important;
    border: medium none !important;
    cursor: pointer !important;
    height: 30px !important;
    text-indent: -9999px !important;
    width: 74px !important;
}

#home_slider img:hover {
	cursor:pointer;
}

body.ar #content {
    float: right;
}

body.ar #sidebar {
    float: left;
}

#nav ul li:hover > ul {
min-width:200px;
}


#content ul li { color:#787775; font-size:15px; padding-left:20px; background:url(images/arrow-bullet.gif) left 5px no-repeat; line-height:25px; margin-left:10px;}
body.ar #content ul li { color:#787775; font-size:15px; padding-right:20px; background:url(images/arrow-bullet-ar.gif) right 5px no-repeat; line-height:25px; margin-right:10px;}

.alignleft { float:left; margin-right:10px;}
.alignright { float:right; margin-left:10px;}

ul.bullet {
clear:both;
padding-top:10px;
}

.ar .alignleft {
    float: right !important;
    margin-left: 10px !important;
}

.ar .alignright {
    float: left !important;
    margin-right: 10px !important;
}