/* CSS Document */

html {
  height: 100%;
}

body {
  height: 100%;

  margin: 0 20px 0 20px;
  padding: 0;
  text-align: left;

  font: 11px arial, sans-serif;
  line-height: 150%;

  background: #F5F5F5 url(../images/bg/header.gif) repeat-x top left;
  color: #59595B;
}


a {
text-decoration: none; 
color: #e32b13;
font-weight: bold;
}

a:hover {
text-decoration: underline;
color: #e32b13;
}

img {
border: none;
}

/**************************************************************
   Form Elements
 **************************************************************/

input,
textarea,
select {
  padding: .28em 7px;
  font: 400 1em arial, sans-serif;
  color: #e72d18;
  background: #fffbbc;
  border: 1px solid #666666;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #00DFFF;
}

button {border: none; cursor: pointer;}
fieldset {border: none;}
legend {display: none;}

/**************************************************************
   Browse Box
 **************************************************************/

.browse {width: 176px; padding: 8px; line-height: 1.3em; border:1px #000 solid; background-color:#FFF;}
.browse .title {font-size: 160%; color:#434344; font-weight:bold; line-height:18px;}
.browse .subtitle {font-style: normal; font-size: 120%;}
.browse li {list-style-type: none;margin:0; padding-top:0.5em; }
.browse ul {margin:0.25em 0 1em 0; padding: 0;list-style-type: none;}

/**************************************************************
   Search Box
 **************************************************************/

.searchbox {width: 176px; padding: 0 8px 0 8px; line-height: 1.3em; border:1px #B01E24 solid; background: #FFF url(../images/bg/searchboxbg.gif) repeat-x top left;}
.searchbox .title {font-size: 130%; margin:5 -10 0; color:#FFF;font-style: normal;}
.searchbox em {font-style: normal; font-size: 85%;}
.searchbox .toppadding {padding-top:0.3em;}
.searchbox strong {color:#000;}
.searchbox input {font-size: 120%; margin: 0.5em 0 0.4em;}
.searchbox .checkbox {background:#fff; border:0px solid #FFF; padding:0 0 0 0;}
.searchbox .fieldsize {width:140px;}
.searchbox button {width: 81px; height: 26px; background: url(../images/btn/arab_image_search.gif) no-repeat left; text-indent: -9999px; overflow: hidden;}
/*.searchbox button:hover {background: url(../images/btn/arab_image_search.gif_on.gif) no-repeat left; text-indent: -9999px; overflow: hidden;}*/
.searchbox button:hover, .searchbox button.hover {background-position: -85px; background-repeat: no-repeat;}
.searchbox li {list-style-type: none;margin:0; padding-top:0.5em; }
.searchbox ul {margin:0.25em 0 1em 0; padding: 0;list-style-type: none;}


/**************************************************************
   Log in Box
 **************************************************************/
#login {align: right;}
#login p {font-size: 120%;}
#login input {font-size: 120%; width:13em; display:inline;margin-left:8px;margin-right:8px;}

button#loginbtn {width: 59px; height: 26px; background: url(../images/btn/btn_login.gif) no-repeat left; overflow: hidden; margin-left:5px;}
button#loginbtn:hover {background-position: -63px; background-repeat: no-repeat;}

#login label {width:18em; font-size:85%; font-style:normal; color:#000;display: block;margin-left:8px;margin-right:8px;}




/**************************************************************
   view Box
 **************************************************************/
#view {align: right;margin:2em 0 0 0;}
#view .title {font-size: 140%;}

button#viewcartbtn {width: 99px; height: 26px; background: url(../images/btn/btn_viewcart.gif) no-repeat left; overflow:hidden; margin-left:30px;}
button#viewcartbtn:hover {background-position: -103px; background-repeat: no-repeat;}

#view .divider {border-left:1px #666 solid;}

/**************************************************************
   homepage content
 **************************************************************/

.maincontent {font: 12px 'trebuchet ms' arial, sans-serif;line-height: 150%;}
.maincontent img {padding-bottom:20px;}
.maincontent .featuretitle {font-size: 140%; font-style: normal;}
.maincontent .featuretitle strong {color:#e32b13;}

/**************************************************************
   footer content
 **************************************************************/
.footer {font-size:90%; padding: 20px 0 0 0; text-align:right;}
.footer a {text-decoration: none; color: #666666; font-weight: bold;}
.footer a:hover {text-decoration: underline; color: #e32b13;}

/**************************************************************
   results content
 **************************************************************/
/* #resultsbox {padding-left:10px; text-align:left; font: 12px arial, sans-serif;line-height: 150%; border-top:1px #000 solid;border-right:1px #000 solid;border-left:1px #000 solid; background-color:#FFF;} */
 #resultsbox {padding-left:10px; text-align:left; font: 12px arial, sans-serif;line-height: 150%; border:1px #000 solid; background-color:#FFF;}
 #resultsbox h1 {font-size: 160%; font-style: normal;margin:0.8em 0 0.5em 0;}
 #resultsbox strong {color:#000;}
 
 /**************************************************************
   pagination content
 **************************************************************/
.pagebox {padding:10px; text-align:left; font: 12px arial, sans-serif;line-height: 150%; border-bottom:1px #000 solid;border-right:1px #000 solid;border-left:1px #000 solid; background-color:#FFF;}
.pagebox .gotopage {margin:0 .2em 0 0;}
.pagebox .gotopage input {font-size: 120%; margin: -1em 0 1 0 ; width:35px; display:inline;}
.pagebox .gotopage button {width: 37px; height: 26px; background: url(../images/btn/btn_go.gif) no-repeat left; text-indent: -9999px; overflow: hidden;margin: 0 0 0 .3em;}
.pagebox .gotopage button:hover, #pagebox button.hover {background-position: -41px; background-repeat: no-repeat;margin: 0 0 0 .3em;}
.pagebox .gotopage label {font-style:normal; display: inline;}
.pagebox .pages {vertical-align:middle;}
.pagebox img {padding:0px;}

 /**************************************************************
   grid content
 **************************************************************/
 .grid {padding:10px;font: 11px arial, sans-serif;}
 .grid img {vertical-align:middle; margin: 1em 0 1em 0;}
 .grid .details img {table-layout:inherit; padding:2px; margin: 0 0 0 0;}
 .grid details {text-align:left;}
 #gridimages {border:2px #FFFF solid;}
 
 //preview images
 /* This is where you can customize the appearance of the tooltip */
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fff; border:1px solid #000;
  padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
div#tipDiv div.img { text-align:center }
#fixedtipdiv{
	position:absolute;
	padding: 2px;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}