body
{
	background: #444;
	background-image: url(/images/bodybg.png);
	background-repeat: repeat;
	padding: 0;
	margin: 0 auto;
	color: #777;
	font-family: Verdana;
	font-size: .8em;
}

input, textarea, select
{
	border: 1px solid #c0c0c0;
	background: #fff;
	font-family: Verdana;
	font-size: .85em;
	padding: 4px;
	color: #137BBD;
	width: 90%;
}

select
{
	width: 94%;
}

input.radio
{
	width: 2%;
}

.button
{
	background: #137bbd;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	padding: 3px;
	border: 0px solid #313131;
	width: auto;
	cursor: pointer;
}

#header
{
	height: 65px;
	background: transparent;
	color: #fff;	
}

#wrapper
{
	width: 900px;
	margin: auto;
}

#main
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(/images/content-bg.png);
	background-repeat: repeat-y;
	width: 100%;
}


#container
{
	width: 100%;
	margin: 0;
	padding-top: 6px;
	background-image: url(/images/top.png);
	background-repeat: no-repeat;
}

#left
{
	float: left;
	width: 210px;
	padding:0px;
	margin:0px;
}

#content
{
	float: left;
	width: 630px;
	margin: 0px;
	background: transparent;
	padding: 0px;	
	padding-left:10px;
}

#content h1
{
	font-size: 1.4em;
	font-weight: 500;
	font-family: Arial;
	margin: 0 0 0px 0;
	padding: 3px;
	color: #137bbd;
	background-image: url(/images/heading-bg.png);
	background-repeat: repeat-x;
	margin-top: .8em;
}

#content h1 a
{
	color: #137bbd;
	text-decoration: none;
}

#footer
{
	clear: left;
	height: 60px;
	background-image: url(/images/footer.png);
	background-repeat: no-repeat;
}

#footer div
{
	width: 90%;
	margin-left: 15%;
	color: #777;
	font-size: 11px;
	text-align: center;
	padding-top: 2.5em;
	padding-bottom: 3em;
}


#footer ul.footer-links
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.footer-links li, .footer-links li a, .footer-links li:hover
{
	padding-left: 16px;
	float: left;
	color: #fff !important;
	font-size: 11px;
	background: none;
}

.footer-links a:hover
{
	text-decoration: underline;
}

.copyright
{
	margin: auto;
	width: 90%;
	text-align: center;
}

.clear
{
	clear: both;
}

div.row
{
	clear: left;
	width: 100%;
	margin-top: 10px;
	line-height: 26px;
}

div.label
{
	float: left;
	width: 130px;
	font-size: .85em;
}
div.control
{
	float: left;
	width: 300px;
}

div.segment
{
	float: left;
	width: 20%;
}
.error
{
	color: #cc0000;
	font-size: .8em;
}
.bold
{
	font-weight: bold;
	text-decoration: underline;
	color: #137bbd;
}
.watermark
{
	color: #c0c0c0;
}

/*-------------- common classes ------------------ */
ul
{
	list-style-type: none;
	line-height: 24px;
	margin: auto 15%;
	padding: 0;
	width: auto;
}

li
{
	color: #396699;
	font-size: .85em;
	padding-left: 3px;
}

li:hover
{
	border-top: 0px solid #c0c0c0;
	border-bottom: 0px solid #c0c0c0;
	cursor: pointer;
	background: #e0e0e0;
}

li a
{
	color: #137bbd;
	text-decoration: none;
}

li a:hover
{
	text-decoration: none;
}

h3
{
	margin: 5px 0 3px 16%;
	width: auto;
	height: 1.8em;
	margin-top: 1.5em;
}

h3.orange
{
	background-image: url(/images/orange.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
	padding: 3px 0 0 18px;
}

h3.green
{
	background-image: url(/images/green.png);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 12px;
	font-family: Arial;
	text-transform: uppercase;
	padding: 3px 0 0 18px;
}

.thumb
{
	float: left;
	border: solid 1px #ccc;
	padding: 2px;
	background: #c0c0c0;
}

div.product-detail
{
	float: left;
	margin-left: 6px;
	vertical-align: top;
	width: 85%;
	font-size: .85em;
}

.product-detail a
{
	font-weight: normal;
	color: #666;
	font-family: Trebuchet MS;
	text-decoration: none;
	font-size: 1.6em;
}

.product-detail a:hover
{
	color: #313131;
}

span.price
{
	font-weight: 600;
	color: #cc0000;
}
.br10
{
	height: 10px;
}

f-right
{
	float: right;
}

a
{
	color: #ec7000;
	text-decoration: none;
}

.divider
{
	background-image: url(/images/divider.png);
	background-repeat: repeat-x;
	height: 6px;
	border-bottom: 1px solid #CCF1F6;
	margin-bottom: .1em;
	clear: left;
}

h4
{
	font-size:1.2em;
	font-family:Arial;
	margin-bottom:8px;
	color:#F1760D;
	border-bottom:1px solid #e0e0e0;
	padding:2px;
}

.alert
{
	padding:5px;
	text-align:center;
	width:100%;
	background:#FCFD98;
	border:1px solid red;
	font-weight:bold;
	color:#cc0000;
}

/* ---------------- grid ------------------- */

.grid
{
	border: 0px solid #adadad;
}

.grid, .grid span, .grid a
{
	font-size: 11px;
	line-height: 1.5em;
	width: 100%;
}



.grid span.tilted
{
	font-style: italic;
}

.grid td, th
{
	text-align: left;
	padding: 5px;
}

.grid th
{
	background: url(/images/gridhead.png);
	background-repeat: repeat-x;
	color: #fff;
	padding: 5px;
	line-height: 10px;
}

.grid a:hover
{
	text-decoration: underline;
}

.grid h4
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	color: #996655;
}

.grid .item
{
	background:#f0f0f0;
	border-bottom:1px dotted #adadad;
}

.grid .altitem
{
	background:#fff;
	border-bottom:1px dotted #adadad;
}

.grid .number
{
	text-align:right;
	padding-right:10px;
}

/* -------------------------------------------- */


/* ----------- Login -------------------- */

#loginBox, #loginBox span
{
	width: 80%;
	margin: 2px 0 5px 16%;
	color: #333;
	font-size: 11px;
}

#loginBox input
{
	padding: 0;
	padding: 3px;
	width: 95%;
	font-size: 11px;
}
#loginBox a
{
	font-size: 11px;
}
#loginBox a:hover
{
	text-decoration: underline;
}

/* -------------------------------------------- */

/* ------- myaccount -------------------------- */

ul.myaccount
{
	margin: 0;
	padding: 0;
}
.myaccount li, .myaccount li a
{
	line-height: 2em;
}
.myaccount li a:hover
{
	text-decoration: none !important;
	color: #ec7000;
}
.myaccount li:hover
{
	background: none;
}

/* -------------------------------------------- */

/* ----------- Login page -------------------- */

#logbox
{
	width: 60%;
	margin: 2px 0 5px 16%;
	color: #666;
	font-size: 11px;
	border: 1px dashed #999;
	padding: 10px;
	background: #f5f5f5;
}



#logbox input
{
	padding: 0;
	padding: 6px;
	width: 100%;
	font-size: 11px;
}
#logbox a
{
	font-size: 11px;
}
#logbox a:hover
{
	text-decoration: underline;
}

/* -------------------------------------------- */

/* ----------------------------- Top nav ------------------------- */

#topnav
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#topnav li
{
	float: right;
	color: #fff;
	font-weight: 600 !important;
	background-image: url(/images/menubg-inactive.png);
	background-repeat: no-repeat;
	width: 104px;
	height: 29px;
	text-align: center;
	padding-top: .3em;
}

#topnav li a
{
	color: #fff;
	font-family: Arial;
}

#topnav li:hover
{
	background: none;
	background-image: url(/images/menubg-hover.png);
	background-repeat: no-repeat;
	width: 104px;
	height: 29px;
	text-decoration: none !important;
}

#topnav li.selected
{
	background: none;
	background-image: url(/images/menubg-active.png);
	background-repeat: no-repeat;
	width: 104px;
	height: 29px;
	text-decoration: none !important;
}

/* --------------------- Logo ------------------------- */
#logo
{
	float: left;
	width: 7%;
	padding-left: 30px;
	padding-top: 2.7em;
}

/* ---------------------------------------------------- */

/* --------------------- Nivigation ------------------- */
#navigation
{
	float: right;
	width: 75%;
	padding-right: 2.4em;
	padding-top: 3em;
}

/* ---------------------------------------------------- */


/*--pager--*/

.pages
{
	float: right;
}

.pages td span
{
	color: #c0c0c0;
	padding: 4px;
	border: 1px solid #e0e0e0;
	text-decoration: none;
	background: #f0f0f0;
	font-size: 11px;
	font-weight: bold;
}

.pages td a
{
	color: #666;
	padding: 4px;
	border: 1px solid #69A8D6;
	text-decoration: none;
	background: #A9E7FB;
	font-size: 11px;
	font-weight: bold;
}

.pages td a:hover
{
	background: #ccf1f6;
	font-size: 11px;
	text-decoration: none;
}

a.title
{
	font-size: 1.3em;
	font-weight: 600;
	text-decoration: none;
	color: #666;
}

a.title:hover
{
	font-size: 1.3em;
	font-weight: 600;
	text-decoration: none;
	color: #333;
}

#steps
{
	width: auto;
	margin: 0;
	margin-top: 7%;
	position: relative;
	background-image: url(/images/allsteps.png);
	background-repeat: no-repeat;
	height: 101px;
}

#step1
{
	width: 185px;
	height: 101px;
	background-image: url(/images/step1_1.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: .5em;
}

#step2
{
	width: 185px;
	height: 101px;
	background-image: url(/images/step2_2.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 1.2em;
}

#step3
{
	width: 185px;
	height: 101px;
	background-image: url(/images/step3_3.png);
	background-repeat: no-repeat;
	float: left;
	padding-left: 1.2em;
}

#iconset
{
	margin-top: 4%;
}

.categorybox
{
	border: 0px solid #c0c0c0;
	padding: 3px;
	background: transparent;
	height: 100px;
	width: 95px;
	float: left;
	text-align: center;
	margin-left: 3%;
}

#industry
{
	background-image: url(/images/industry.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#industry:hover
{
	background-image: url(/images/industry-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#education
{
	background-image: url(/images/grad-icon.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#education:hover
{
	background-image: url(/images/grad-icon-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#home
{
	background-image: url(/images/house_icon.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#home:hover
{
	background-image: url(/images/house_icon-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#car
{
	background-image: url(/images/car_icon.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#car:hover
{
	background-image: url(/images/car_icon-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#holiday
{
	background-image: url(/images/holiday.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

#holiday:hover
{
	background-image: url(/images/holiday-hover.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}

.helper
{
	padding-top: 8em;
}

.disabled
{
	background: #f0f0f0;
	color: #777;
}

#mainimage
{
	width: auto;
	height: 250px;
	background-image: url(/images/hphome.png);
	background-repeat: no-repeat;
	margin: auto;
}

#mainimage .feature
{
	float: left;
	width: 140px;
	height: 129px;
	top: 112px;
	padding-right: 8px;
	left: 8px;
	position: relative;
}

.car
{
	background-image: url(/images/car.jpg);
	background-repeat: no-repeat;
}

.holiday
{
	background-image: url(/images/holiday.jpg);
	background-repeat: no-repeat;
}

.education
{
	background-image: url(/images/edu.jpg);
	background-repeat: no-repeat;
}

.hpterms
{
	margin-top: 5%;
	border: 1px solid #e0e0e0;
	background: #f0f0f0;
	padding: 10px;
	margin-left: 11px;
	width: 580px;
	font-size: 11px;
	color: #444;
}


.popupwindow
{
	padding:20px;
	width:45%;
	border:1px solid #c0c0c0;
	background:#fff;
	position:relative;
}