
/******* Misc ********/
   .cl_productmatrix {
      }
   .cl_spacer {
      width:5px;
      float:left;
      }
   .cl_outofstock {
      background:#cccccc;
      }
   .cl_productcallout {
      font-size:14px;
      position:relative;
      text-align:center;
      width:250px;
      left: -160px;
      top: -150px;
      filter:alpha(opacity=55);-moz-opacity:.55;
      background:transparent;
      }
   .cl_productcallout_hidden {
      display:none;
      }

   #id_preloadedimages {
      z-index:-9999;
      position: absolute;
      top: -100px;
      overflow:hidden;
      display:none;
      }
/****** Colors *****/
   .cl_colorheading {
      font-size:11px;
      font-weight: bold;
	  font-family: "Courier New", Courier, monospace;
	  color:#828282;
      }
   .cl_selectedcolor {
	font-size:12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000000;
	font-style: italic;
      }

   .cl_colorcontainer {
     padding-bottom:15px;
	  padding-top:15px;
	 /* width:240px; */
      }
   .cl_colorbuttons {
     /*width:180px;  */
	 padding-left:5px;
	 padding-top:10px;
	 padding-bottom:5px;
	 padding-right:5px;
      }

   .cl_colorbutton {
      font-size:8px;
      width:27px;
      min-width:27px;
      height:27px;
      float:left;
      /*background:#ffcc99;*/
      border:2px solid #FFFFFF;
      overflow:hidden;
      cursor: pointer;
	  margin:1px;
      }
   .cl_colorbutton_selected {
      font-weight:bold;
      color:#ffffff;
      border:2px solid #000000;
      /*background:#ffcc00;*/
      background:#ffffff;
      }
   .cl_colorbutton_disabled {
      background:#cccccc;
      cursor: text;
      }

/****** Sizes *****/
   .cl_sizeheading {
      font-size:11px;
      font-weight: bold;
	  font-family: "Courier New", Courier, monospace;
	  color:#828282;
      }
   .cl_selectedsize {
	font-size:12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000000;
	font-style: italic;
      }
   .cl_sizecontainer {
   	padding-bottom:15px;
	    /*  width:240px; */
      }
   .cl_sizebuttons {
   /*   width:240px; */
   	 padding-left:5px;
	 padding-top:10px;
	 padding-bottom:5px;
	 padding-right:5px;
      }

   .cl_sizebutton {
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left:8px;
	  padding-right:8px;
	background:#d7e5c3;
	float:left;
	border:1px solid #658040;
	text-align: center;
	cursor: pointer;
	margin:1px;
	color:#658040;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
      }
   .cl_sizebutton_selected {
      font-weight:bold;
      border:1px solid #658040;
      background:#658040;
	  color:#FFFFFF;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left:8px;
	  padding-right:8px;
      }
   .cl_sizebutton_disabled {
	background:#e5e5e5;
	color:#bfbfbf;
	border:1px solid #bfbfbf;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left:8px;
	  padding-right:8px;
      }

/****** Inseams ***********/
   .cl_inseamheading {      
      font-size:11px;
      font-weight: bold;
	  font-family: "Courier New", Courier, monospace;
	  color:#828282;
      }
   .cl_selectedinseam {
	font-size:12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#000000;
	font-style: italic;
	text-transform: uppercase;
      }
   .cl_inseamcontainer {
     /* width:240px; */
      }
   .cl_inseambuttons {
    /*  width:240px; */
	 padding-left:5px;
	 padding-top:10px;
	 padding-bottom:5px;
	 padding-right:5px;
      }

   .cl_inseambutton {
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left:8px;
	  padding-right:8px;
	background:#d7e5c3;
	float:left;
	border:1px solid #658040;
	text-align: center;
	cursor: pointer;
	margin:1px;
	color:#658040;
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
      }
   .cl_inseambutton_selected {
      font-weight:bold;
      border:1px solid #658040;
      background:#658040;
	  color:#FFFFFF;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left:8px;
	  padding-right:8px;
      }

   .cl_inseambutton_disabled {
	background:#e5e5e5;
	color:#bfbfbf;
	border:1px solid #bfbfbf;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left:8px;
	  padding-right:8px;
      }

