@charset "utf-8";
 /* RESET */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:100%;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var,i,b{font-style:normal;font-weight:normal}
ol,ul{list-style:none;margin:0;padding:0}
caption,th{text-align:left}
h2{font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}

/* GRID LOGIC */
/* lil hack for floating bug */
.spacer{font-size:0;height:0;line-height:0;clear:both}
body > pre {font-size:13px; line-height:16px; color:#eee; background:#444; border-bottom:1px dotted #888; padding:3px 0;}
#debug_form {display:block; position:fixed; width:95px; background:url('cssimg/debugbg.png') right center no-repeat; height:30px; left:-75px; top:100px;z-index:5;border:1px solid #222; * position:absolute;}
#debug_form input{height:30px; line-height:30px; margin:0;padding:0 3px;}
/* grid (logic) */
#shell{width:999px;background:#fff;margin:36px auto 0 auto;padding:0}
.main,.padder{margin:0 9px;overflow:hidden;}
.wrapper{float:left;width:100%}
.fixedcol{float:left}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6{clear:both;overflow:hidden;zoom:1}
.grid1 .flexycol,.grid4 .grid1 .flexycol,.grid6 .grid1 .flexycol,.grid5 .grid1 .flexycol{margin:0 332px 0 0}
.grid1 .fixedcol,.grid4 .grid1 .fixedcol,.grid6 .grid1 .fixedcol,.grid5 .grid1 .fixedcol{width:314px;margin-left:-314px}
.grid2 .flexycol{margin:0 0 0 332px}
.grid2 .fixedcol{width:314px;margin-left:-100%}
.grid5 .flexycol,.grid4 .grid5 .flexycol,.grid1 .grid5 .flexycol,.grid2 .grid5 .flexycol{margin:0 249px 0 0}
.grid5 .fixedcol,.grid4 .grid5 .fixedcol,.grid1 .grid5 .fixedcol,.grid2 .grid5 .fixedcol{width:231px;margin-left:-231px}
.grid6 .flexycol{margin:0 0 0 249px}
.grid6 .fixedcol{width:231px;margin-left:-100%}
.grid3 .flexycol,.grid4 .grid3 .flexycol,.grid5 .grid3 .flexycol,.grid6 .grid3 .flexycol,.grid5 .grid4 .grid3 .flexycol{margin:0 166px 0 0}
.grid3 .fixedcol,.grid4 .grid3 .fixedcol,.grid5 .grid3 .fixedcol,.grid6 .grid3 .fixedcol,.grid5 .grid4 .grid3 .fixedcol{width:148px;margin-left:-148px}
.grid4 .flexycol,.grid3 .grid4 .flexycol,.grid5 .grid4 .flexycol,.grid6 .grid4 .flexycol{margin:0 0 0 166px}
.grid4 .fixedcol,.grid3 .grid4 .fixedcol,.grid5 .grid4 .fixedcol,.grid6 .grid4 .fixedcol{width:148px;margin-left:-100%}
.split {overflow:hidden; height:1%}
/*percentage spliting*/
.split .half,.split .thir,.split .four{float:left;overflow:hidden;height:1%}
.split .half{width:49.999%}
.split .thir{width:33.333%}
.split .four{width:24.999%}
.split .lef{width:314px; float:left}
.split .mid{width:314px; margin:0 auto}
.split .rig{width:314px; float:right}
/* -------------------------------------------------------------------------------------------------- */

/* TYPOGRAPHY */
body{font-family:arial,helvetica,sans-serif;font-size:13px; line-height:16px; color:#666; background:#EEE}
a{color:#6699CC; text-decoration:none}
a:hover{text-decoration:underline}
/* -------------------------------------------------------------------------------------------------- */

/* GLOBAL FORM RESET */
select{height:18px;font-size:0.928571em; border:1px solid #999;}
textarea {border:1px solid #999; font-family:helvetica,arial,sans-serif;font-size:0.928571em; padding:2px 3px;}

/* BRAND */
#top_bit {height:41px; clear:both; width:100%; margin:9px 0 18px 0}
#top_bit .itp_logo {display:block;float:left;margin-right:150px}
#top_bit ul {overflow:hidden; float:right}
#top_bit ul li {float:left; line-height:41px; padding:0 12px; background-image:url(cssimg/gray1Dot.gif); background-repeat:no-repeat; background-position:right center}
#top_bit ul li a {font-size:12px; color: #b4b4b4; border-bottom:5px #fff solid; text-decoration:none; margin:0; padding:3px 0;}
#top_bit ul li a:hover {border-bottom:5px #eee solid;}
#top_bit ul li a.selected {border-bottom:5px #eee solid;}

#bottom_bit { padding:6px; margin:0 auto; background-color:#003D79; display:block; overflow:hidden; height:1%}
#bottom_bit .itp_logo {display:block;float:left;margin-right:100px}
#bottom_bit ul {overflow:hidden; float:right}
#bottom_bit ul li {float:left; line-height:30px; padding:0 12px; background-image:url(cssimg/wht1Dot.gif); background-repeat:no-repeat; background-position:right center}
#bottom_bit ul li a {font-size:12px; color: #fff; text-decoration:none; margin:0;}
#bottom_bit ul li a:hover {text-decoration:underline}

#online_sorter {height:1%; clear:both; display:block; margin-bottom:18px}
h5{font-family:georgia, helvetica, arial; font-size:36px; line-height:40px; font-style:italic; color:#333; display:block;}
#online_sorter ul {overflow:hidden;}
#online_sorter ul li {float:left; padding:0 6px; background-image:url(cssimg/blue1Dot.gif); background-repeat:no-repeat; background-position:right center}
#online_sorter ul li a {color: #6699CC; text-decoration:none; margin:0;}
#online_sorter ul li a:hover {text-decoration:underline;}

#print_sorter {height:1%; clear:both; display:block; margin-bottom:9px; overflow:hidden}

#wall {width:980px; height:1%; overflow:hidden; background-image:url(cssimg/wallTile.png); background-repeat:repeat-x; }
#wall .shelf {display:block; width:100%; height:40px; overflow:hidden; background-image:url(cssimg/shelfTile.png); }
#wall .shelf.last{height:6px; overflow:hidden;}
#wall .mags {text-align:left; height:180px}
#wall .mags .imageholder{float:left; height:180px; overflow:hidden}
#wall .mags .imageholder img {vertical-align:baseline}

.trpt {height:180px; margin:0; overflow:hidden; position:relative;}
.trpt a {
	line-height:180px;
	width:140px;
	height:180px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}


#wall .nav {padding:6px; margin:9px 0 16px 0}
#wall .nav ul {overflow:hidden; height:1%}
#wall .nav ul li {float:left;padding:0 12px; }
#wall .nav ul li a{color:#FFF; text-decoration:underline}
#wall .nav ul li a:hover{text-decoration:none}
#wall .lcorner {float:left; width:10px; height:10px}
#wall .rcorner {float:right; width:10px; height:10px}

#navG {font-size:15px; font-weight:bold; padding:6px 0; text-align:center}

.mag_block {display:block; height:1%; overflow:hidden; margin-bottom:18px}

.mag_block img {margin-left:9px;}
.mag_block .thumb {height:70px;float:right;  margin-bottom:25px}
.mag_block .noimg {height:70px;width:70px;float:right; margin-bottom:25px}
.mag_block h3 {display:block; height:1%; overflow:hidden; border-top:5px solid #333;  height:40px; line-height:30px;} 
.mag_block h3 span {float:right;padding-top:0;}
.mag_block h3 span a{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666;display:block;}
.mag_block h3 span a:hover{text-decoration:none;color:#333;}
.mag_block h3 span a img{vertical-align:middle;}
.mag_block h3 a{font-family:georgia, helvetica, arial; font-size:15px; color:#666; text-decoration:none} 
.mag_block h3 a:hover {text-decoration:underline}
.mag_block h2 {margin-bottom:6px;} 
.mag_block h2 a{font-family:georgia, helvetica, arial; font-size:16px; font-weight:bold; color:#333;text-decoration:none} 
.mag_block h2 a:hover {text-decoration:underline}
.mag_block p { overflow:hidden;}
.mag_block ul {clear:both;}
.mag_block ul li{background-image:url(cssimg/grayHr.gif); background-repeat:repeat-x; background-position:top left; padding:4px 0}
.mag_block ul li a{color:#6699CC; text-decoration:none}
.mag_block ul li a:hover{text-decoration:underline}

/* Arabic */
.mag_block_ar {display:block; height:1%; overflow:hidden; margin-bottom:18px; direction: rtl;}
.mag_block_ar img {margin-right:9px;}
.mag_block_ar .thumb {height:70px;float:left;  margin-bottom:25px}
.mag_block_ar .noimg {height:70px;width:70px;float:right; margin-bottom:25px}
.mag_block_ar h3 {display:block; height:1%; overflow:hidden; border-top:5px solid #333;  height:40px; line-height:30px; text-align:right} 
.mag_block_ar h3 span {float:left;padding-top:0;}
.mag_block_ar h3 span a{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666;display:block;}
.mag_block_ar h3 span a:hover{text-decoration:none;color:#333;}
.mag_block_ar h3 span a img{vertical-align:middle;}
.mag_block_ar h3 a{font-family:georgia, helvetica, arial; font-size:15px; color:#666; text-decoration:none} 
.mag_block_ar h3 a:hover {text-decoration:underline}
.mag_block_ar h2 {margin-bottom:6px; text-align:right} 
.mag_block_ar h2 a{font-family:georgia, helvetica, arial; font-size:16px; font-weight:bold; color:#333;text-decoration:none} 
.mag_block_ar h2 a:hover {text-decoration:underline}
.mag_block_ar p { overflow:hidden; text-align: right;}
.mag_block_ar ul {clear:both;}
.mag_block_ar ul li{background-image:url(cssimg/grayHr.gif); background-repeat:repeat-x; background-position:top left; padding:4px 0;}
.mag_block_ar ul li a{color:#6699CC; text-decoration:none}
.mag_block_ar ul li a:hover{text-decoration:underline}
.selectCat{
	font-weight:bold;
	font-style:italic;
}

.next  {
	float:right;
}
.next div {width:1%; height:158px; clear:both;}
.prev div {width:1%; height:158px; clear:both;}

.prev{
	float:right;
}
.next a{background-color:#fff;color:#0066CC;font-weight:bold;padding:4px}
.prev a{background-color:#fff;color:#0066CC;font-weight:bold;padding:4px}

#bannerRotator  {width:980px; overflow:hidden; margin:0 0 18px 0}