/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */


/* New 2 col CSS Start */
/* <!-- */
    /* General styles */
    body {
        font-family: trebuchet ms, verdana, arial, tahoma;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        /*min-width:600px;*/    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		    font-size:90%;
    }

    a:link, a:visited { color: #15317E; text-decoration: none; }
    a:hover{ color: #565051; text-decoration: underline; }

    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}
	#header ul {

	    float:left;
	    width:100%;
	    list-style:none;
	    margin:10px 0 0 0;
	    padding:0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:3px 10px;
	    text-align:center;
	    background:#eee;
	    color:#000;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		  line-height:1.3em;
	}
	#header ul li a:hover {
	    background:#369;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:bold;
	}
	
	#header ul li a.noaction {
      color:#fff;
	    background:green;
	}
  
  }
  #header ul li a.noaction:hover {
	    color:#fff;
	    background:#369;
	}
	
	#header ul li a.actionreqd,
	#header ul li a.actionreqd:hover {
	    color:#fff;
	    background:red;
	}
	
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:left;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    background:#eee;
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        text-align:center;
        float:right;
        width:170px;
        position:relative;
        left:185px;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		    border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */
    </style>
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
    .col1 {
	    width:100%;
	}
    </style>
    <![endif]-->
/* New 2 col CSS End */




.dealdesc {font-size: 130%;}
.vendorname {font-size: 100%;}

label {
  float: left;
  width: 250px;
  font-weight: bold;
}

input, textarea{
  margin-bottom: 5px;
}

img.banner {position:absolute; top:0; right:0;}

input.login {font-size: 10px;}

input.loginsubmit {background-color: #369; font-weight: bold; font-size: 10px; color: white;}

input.searchsubmit {background-color: #369; font-size: 12px; color: white;}

.header_text  {
  background-color: #EEEEEE;
  margin:0px;margin-left:25px;margin-right:25px;margin-bottom:0px;
  padding:3px;
  border: 1px dotted #CCCCCC;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.graybox  {
  background-color: #EEEEEE;
  margin:0px;margin-left:25px;margin-right:25px;margin-bottom:0px;
  padding:3px;
  border: 1px dotted #CCCCCC;

}

.header_announce  {
  background-color: #AFDCEC;
  margin:0px;margin-left:50px;margin-right:50px;margin-bottom:0px;
  padding:3px;
  border: 2px solid #FF0000;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.header_search  {
        margin: 0 80%;
	padding: 0;
}

.floattxtright {
  float: right;
  padding: 5px 0px 0px 0px;
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }



.featurebox_side {
  background-color: #EEEEEE;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:7px;
  border: 1px solid #4096EE;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_side_emp {
  background-color: #CCFFCC;
  margin:0px;margin-top:0px;margin-left:10px;margin-right:10px;margin-bottom:10px;
  padding:5px;
  border: 1px solid #4096EE;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}


.featurebox_side_small {
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:7px;
  border: 1px solid #4096EE;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}


.featurebox_side_announce {
  background-color: #CCFFCC;
  margin:0px;margin-left:5px;margin-right:5px;margin-bottom:15px;
  padding:5px;
  border: 1px solid #36393D;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  text-align:left;
  line-height: 12px;
  color: #333333;
}

.caliberlist {
  background-color: #F7F7FF;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:10px;
  padding:7px;
  border: 2px dotted #3F4C6B;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.caliberlistlargefont {
  background-color: #F7F7FF;
  margin:0px;margin-left:100px;margin-right:100px;margin-bottom:10px;
  padding:7px;
  border: 1px dotted #3F4C6B;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  line-height: 18px;
  color: #333333;
}

.dealbox {
  background-color: #FFFFFF;
  margin:0px;margin-bottom:5px;
  margin-left:10%;
  margin-right:10%;  
  padding:7px;
  border: 1px dotted #3F4C6B;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}


.calibername {
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
}

table.listing {
  border-collapse: collapse; 
}

.tdlisting {
  padding:2px 5px 10px 20px;
  border-right: dashed 1px #DBDBDB;; 
  border-bottom: solid 1px #DBDBDB;
}

.tdlistingright { 
  padding:2px 5px 10px 20px;
  border-bottom: solid 1px #DBDBDB;
}

.descriptiontitle  {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.vendortitle {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.itemprice {
  font-size:15px;	
  font-weight:bold; 
  color:#C10000;
}



.featurebox_center {
  /* background-color: #EBF5FC; */
  margin-left:10px;
  padding:10px;
  border: 2px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}

.featurebox_zip {
  /* background-color: #EBF5FC; */
  margin-left:20%;
  margin-right:20%;
  padding:10px;
  border: 2px solid #CCCCCC;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}

.featurebox_flagger {
  /* background-color: #EBF5FC; */
  margin-left:2%;
  margin-right:2%;
  padding:2px;
  border: 2px dotted #CCCCCC;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #333333;
}

.boxinfo {
  border: 1px solid;
  color: #00529B;
  background-color: #BDE5F8;
  
}


.tablecells {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;

}


.featurebox_email {
  /* background-color: #EBF5FC; */
  margin-left:20%;
  margin-right:20%;
  padding:10px;
  border: 2px solid #CCCCCC;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}



.featurebox_slide {
  background-color: #EEEEEE;
  margin-left:50px;margin-right:50px;
  padding:10px;
  border: 1px solid #36393D;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}


.info, .success, .warning, .error, .errorwide, .validation, .formclass {
  text-align: center;
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-size: 16px;
}

.errorwide {
  text-align: left;
}


.formclass {
  text-align: left;
  float: left; 
  width: auto;
  margin-left: auto;
  margin-right: auto;
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('images/formImage.png');
}

.info {
  margin-left:2%;margin-right:2%;
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('images/info.png');
}

.success {
  margin-left:20%;margin-right:20%;
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('images/success.png');
}

.warning {
  margin-left:2%;margin-right:2%;
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('images/warning.png');
}

.error {
  margin-left:20%;margin-right:20%;
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('images/error.png');
}

.errorwide {
  margin-left:5%;margin-right:5%;
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('images/error.png');
}

#contentpopup {
	background: transparent url('images/gdlocal.gif') no-repeat left top;
	border-left: 150px;
	padding: 5px 5px 5px 70px;
}

.featurebox_info {
  /* background-color: #EBF5FC; */
  margin-left:10px;
  padding:10px;
  border: 2px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}


.commentbox {
  background-color: #F9F7ED;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:10px;
  padding:7px;
  border: 1px dotted #3F4C6B;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}


#featurebox_center ul {
	margin: 0;
	padding: 1px;
	list-style: none;
	font-size: 90%;
}


* html #wrapper-menu-page { margin-right: 15px; }


h2 { font-size: 110%; }
h3 { font-size: 100%; }



.spiffylightblue{ 
display:block;
} 
.spiffylightblue *{ 
display:block;
height:1px;
overflow:hidden;
background:#e5f0fc;
} 
.spiffylightblue1{ 
border-right:1px solid #f3f8fd;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f3f8fd;
padding-left:1px;
margin-left:3px;
background:#ebf3fc;
} 
.spiffylightblue2{ 
border-right:1px solid #fcfdfe;
border-left:1px solid #fcfdfe;
padding:0px 1px;
background:#e9f2fc;
margin:0px 1px;
} 
.spiffylightblue3{ 
border-right:1px solid #e9f2fc;
border-left:1px solid #e9f2fc;
margin:0px 1px;
} 
.spiffylightblue4{ 
border-right:1px solid #f3f8fd;
border-left:1px solid #f3f8fd;
} 
.spiffylightblue5{ 
border-right:1px solid #ebf3fc;
border-left:1px solid #ebf3fc;
} 
.spiffylightblue_content{ 
padding:0px 5px;
background:#e5f0fc;
} 





.rowhighlight:hover {
color:#5b8fbe;
}

.rowhighlight a:hover {
color:#666;
}

.rowcell
{
border-left: #ededed 1px solid;
}

.rowcellright
{
border-right: #ededed 1px solid; 
border-left: #ededed 1px solid;
}


.ammocell, .ammocellright {
font-family : Verdana,Helvetica,Arial,sans-serif;
font-size: 9px;
}

.ammocell
{
border-left: #ededed 1px solid;
}

.ammocellright
{
border-right: #ededed 1px solid; 
border-left: #ededed 1px solid;
}



/* page number */
.box_a{	padding:2px 4px;	text-decoration:none;		border: solid 1px #94CF5B;}
.box_selected{	padding:1px 3px;	border: solid 1px #94CF5B;	background:#94CF5B;	color:white;}
a:hover.box_a{	background-color:#E0F1CF;	border: solid 1px #94CF5B;	text-decoration:none;	}
.page_number{	padding:10px 20px;	clear:both;}


.submitter {
  border: 1px solid #666666;
  font-family: trebuchet ms, verdana, arial, tahoma;
  font-size: 14px;
}

.selectclass {
  border: 1px solid #666666;
  font-family: trebuchet ms, verdana, arial, tahoma;
  font-size: 14px;
}

.caliberdrop {
  border: 2px solid #CCCCCC;
  font-family: trebuchet ms, verdana, arial, tahoma;
  font-size: 20px;
	background-position: bottom right;
	background-repeat: no-repeat;
}

textarea#styled {
	width: 250px;
	height: 100px;
	border: 1px solid #666666;
	padding: 5px;
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 14px;
	/*background-image: url(bg.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}

.inplaceeditor-saving { background: url(ajaxbusy.gif) bottom right no-repeat; }

.progressBar{
	width:216px;
	height:41px;
	background:url(bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bg_cover.gif) repeat-x 0 0;
	top:0;
}

.imgunit {
  border-color: #FFFFFF;
  border: 1px solid;
  margin: 2px;
}

.imgunittop {
  border-color: #FFFFFF;
  border: 1px solid;
  margin: 2px;
}

.graybox {
  border:solid 1px #DEDEDE;
  background:#EFEFEF;
  color:#222222;
  padding:4px;
  text-align:center; 
}

.bluebox {
  border:solid 1px #DEDEDE;
  color:#222222;
  padding:4px;
  text-align:center;
  margin-left:20%;
  margin-right:20%; 
}

.h2special {
  margin:0 auto;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  text-align: center;
  width:300px;
  border: 1px green dotted; 
  padding: 4px;
}

.dealtable {
  line-height: 1em;
}