/* 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: #E2E2E2 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 ul {list-style: none; margin: 0.7em -3.7em 1.25em;}
.browse li {margin-bottom:.2em;}

/**************************************************************
   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 .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 ul {list-style: none; margin: 0.7em -3.7em 1.25em;}
.searchbox li {margin-bottom:.2em;}

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

.asearchbox {width: 940px; padding: 0 8px 0 8px; line-height: 1.3em; border:1px #B01E24 solid; background: #FFF url(../images/bg/searchboxbg.gif) repeat-x top left;}
.asearchbox .title {font-size: 130%; margin:5 -10 0; color:#FFF;font-style: normal;}
.asearchbox em {font-style: normal; font-size: 85%;}
.asearchbox .toppadding {padding-top:0.3em;}
.asearchbox strong {color:#000;}
.asearchbox input {font-size: 120%; margin: 0.5em 0 0.4em;}
.asearchbox .fieldsize {width:250px;}
.asearchbox 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;}*/
.asearchbox button:hover, .searchbox button.hover {background-position: -85px; background-repeat: no-repeat;}
.asearchbox ul {list-style: none; margin: 0.7em -3.7em 1.25em;}
.asearchbox li {margin-bottom:.2em;}



/**************************************************************
   Log in Box
 **************************************************************/
#login {align: right;}
#login p {font-size: 120%;}
#login input {font-size: 120%; margin: -0.5em 0 0.2em; width:11em; display:inline;}
#login button {width: 59px; height: 26px; background: url(../images/btn/btn_login.gif) no-repeat left; text-indent: -9999px; overflow: hidden;margin: -0.8em 0;}
#login button:hover, #login button.hover {background-position: -63px; background-repeat: no-repeat;margin: -0.8em 0 0.2em;}
#login label {font-size:85%; font-style:normal; color:#000;display: block;}


/**************************************************************
   view Box
 **************************************************************/
#view {align: right;margin:2em 0 0 0;}
#view .title {font-size: 140%;}
#view button {width: 99px; height: 26px; background: url(../images/btn/btn_viewcart.gif) no-repeat left; text-indent: -9999px; overflow: hidden;margin:0.5em 0 0 15px;}
#view button:hover, #view button.hover {background-position: -103px; background-repeat: no-repeat;margin:0.5em 0 0 15px;}
#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 .featuretitle2 {color:#e32b13; font-weight: bold;}
.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 h1 {font-size: 160%; font-style: normal;}
 #resultsbox strong {color:#000;}
 
 /**************************************************************
   pagination content
 **************************************************************/
.pagebox {padding:10px; text-align:left; font: 12px arial, sans-serif;line-height: 150%;border: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;}

 /**************************************************************
   grid content
 **************************************************************/
 .grid {padding:10px;font: 11px arial, sans-serif;line-height: 150%;}
 .grid img {vertical-align:middle; margin: 1em 0 1em 0 ;}
 .grid .details img {table-layout:inherit; padding:2px; margin: 0 0 0 0;}