

@charset "utf-8";
/* CSS Document */
/*
@import url(star-rating.css);
@import url(password-strength.css);
@import url(pretty-forms.css);
@import url(jqzoom.css);
@import url(home-slider.css);
*/
body {
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	margin:0; padding:0;
	text-align:center;
	position:relative;
}
#debug-output { border:3px solid #cf0;}
/*
input, textarea { border:1px solid #000; margin:2px 0;}
*/
.center { text-align:center; padding:5px 0;}
.wrap {
	width:780px;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
}
#content { margin:0; padding:178px 0 0;}
#content .wrap { width:760px; padding:0 10px;}
#content .col-one { float:left; width:480px; margin:0 0 0 10px;}
#content .col-two { margin:0 10px 0 520px;}
#basket { float:right; width:187px;}
#account-box { clear:right;}
.ui-effects-transfer { border: 2px dotted gray; }

#step-1, #step-2, #step-3 {
	display:block;
	width:480px;
	height:68px;
	overflow:hidden;
	text-indent:-99999px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 10px;
}
#step-1 { background-image:url(../styleImages/step1.gif);}
#step-2 { background-image:url(../styleImages/step2.gif);}
#step-3 { background-image:url(../styleImages/step3.gif);}

a.arrow-link {
	display:block;
	background:url(../styleImages/green-bar-right.gif) right top no-repeat #8ec745;
	height:32px;
	text-decoration:none;
	color:#fff;
}
a.arrow-link span {
	color:#fff;
	display:block;
	background:url(../styleImages/green-bar-left.gif) left top no-repeat transparent;
	height:32px;
	padding:0 0 0 18px;
	font:bold 16px/32px Arial, Helvetica, sans-serif;
}

#faq-links {
	background-color:#e8e53d;
	padding:5px;
	margin:10px 0 0;
}
#faq-links h3 { margin:0 0 5px; padding:0;}
#faq-links ul {
	margin:0; padding:0;
}
#faq-links ul li {
	margin:0; padding:3px 0;
	list-style:none;
	font-weight:bold;
}
#content ul { font-size:0.8em;}
	

#content h1, #content h2 {
	margin:0; padding:0;
	font-weight:normal;
	color:#c53331;
	border-bottom:1px solid #000;
}
#content h2 {
	margin:15px 0 0;
	border-bottom:none;
}
#content p {
	margin:0 0 15px; padding:0;
	font:0.8em/1.4em Arial, Helvetica, sans-serif;
	color:#000;
}
a:link, a:visited {
	color:#267d46;
	text-decoration:none;
}

#cat-desc { font-size:0.8em;}

#head {}

#top-links, #top-contact { background:url(../styleImages/sprites-horizontal.gif) 0 -4800px repeat-x #ccc; border:1px solid #595959;}
#top-links li a, #top-contact p { color:#000;}


#content td label { font:bold 0.8em Arial, Helvetica, sans-serif;}

.product-list-container {
	margin:4px 0 10px; padding:0;
	float:left;
	width:775px;
}
#simple-listing, #sub-cats { background:none;}
.pag-n-sort {
	font:bold 0.8em Arial, Helvetica, sans-serif;
	height:24px;
	margin:0; padding:2px 6px;
	text-align:right;
}
.pag-n-sort form { float:left;}
.pag-n-sort .pagination { margin:3px 0 0; float:right; width:130px;}
.pag-prev, .pag-next {
	overflow:hidden;
	text-indent:-9999px;
	text-align:left;
	float:right;
	display:block;
	width:11px; height:13px;
	background:url(../styleImages/sprite-dark.png) 0 0 no-repeat transparent;
	margin:2px 2px 0;
}
a.pag-next { background-position:0 -33px;}
span.pag-prev { background-position:0 -101px;}
span.pag-next { background-position:0 -68px;}

.product-listing .product {
	float:left;
	clear:left;
	width:100%;
	padding:3px 0;
}
#simple-listing .product, #sub-cats .product {
	clear:none;
	width:145px;
	height:160px;
	padding-top:9px;
	margin:0 10px 10px 0;
	text-align:center;
	font-size:0.75em; 
	color:#fff;
}
#sub-cats .product { height:135px;}
#simple-listing .product.last-item, #sub-cats .product.last-item { margin-right:0;}
.product-listing .product-image {
	float:left;
	width:110px;
	text-align:center;
}
.product-listing .product-info { float:left; width:355px;}
.product-listing .product-options { 
	margin:0 4px 0 465px; 
	font-size:0.75em; 
	text-align:right;
}
.product-listing h3 {
	margin:0; padding:0;
	font:bold 1em Arial, Helvetica, sans-serif;
}
.product-listing p { margin:0; padding:0; font-size:0.8em;}
.breadcrumbs { margin:-8px 0 0; padding:0;}
.breadcrumbs li { 
	list-style:none;
	display:inline;
	margin:0; padding:0;
	font:bold 0.75em Arial, Helvetica, sans-serif;
}

.link-list { margin:0; padding:0;}
.link-list li { margin:0; padding:0; font:bold 0.8em Arial, Helvetica, sans-serif;}
ul.link-list li { display:block; list-style:none;}
ol.link-list li { margin:0 0 0 22px;}
.link-list li a {
	text-decoration:none;
	display:block;
	padding:3px;
}

.account-summary {
	margin:6px;
	padding:6px;
	text-align:center;
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
.account-summary strong { color:#000; display:block;}
.account-summary p { font-size:1em; font-weight:bold; margin:0; padding:0; color:#000;}
.account-summary a { color:#000; text-decoration:none;}
#account-box label {
	display:block;
	text-align:left;
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
#account-box label.error { display:none;}

#basket-items, #basket-total {
	float:right;
	clear:right;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	padding:2px 0;
	
}
#basket-items {}

#basket-list { 
	margin:0 0 9px; padding:0; 
	clear:right;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	float:right;
	width:187px;
}
#basket-list li { 
	margin:0; padding:2px 0;
	list-style:none;
	float:left;
	width:100%;
}
#basket-list li span {
	float:left;
	width:25px;
}
#basket-list li a { 
	text-decoration:none;
	display:block;
	float:left;
	width:110px;
}
#basket-list li strong { margin:0 0 0 135px; display:block;}

#product-price .txtOldPrice { color:#c00;}
#product-price { float:right; position:relative; width:200px; text-align:right;}
#product-price .txtOldPrice { 
	text-align:right;
	font-size:0.4em;
	position:absolute;
	right:0;
	bottom:-8px;
}


#product-overview {
	float:left;
	width:760px;
	margin:0 0 10px;
}
#product-image { 
	float:left;
	margin:5px 0; padding:0;
	text-align:center;
	width:390px;
}
/*
#product-image ul { margin:0 5px; padding:0; text-align:left;}
#product-image li {
	margin:0; padding:0;
	list-style:none;
	display:inline;
}
*/
#product-options {
	margin:20px 0 0 400px;
}
#product-opts-main, #product-opts-extras {
	float:left;
	width:49%;
	margin:0 1% 0 0;
}
#product-options ul { margin:5px 0; padding:0;}
#product-options ul li { 
	margin:0; padding:3px 0;
	list-style:none;
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
#product-options ul li label {
}

.tdcartTitle { font:bold 1em Arial, Helvetica, sans-serif;}
.normal-text td.tdcartTitle { font-size:1em;}
.tdCartSubTotal { font-size:0.8em;}
.txtcartProgressCurrent { font-weight:bold; font-size:1.1em; text-decoration:underline;}
.normal-text td { font-size:0.8em;}
.normal-text td td { font-size:1em;}

#head {
	position:absolute;
	left:0; top:0;
	width:100%;
}
#head .wrap {
	height:160px;
}
#head h1 { 
	margin:0; padding:0;
	top:40px;
	position:relative;
	z-index:70;
}
#head h1 a {
	display:block;
	float:left;
	width:389px; height:67px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../styleImages/hips-cheap-logo.gif) left top no-repeat transparent;
}
#head ul { margin:0; padding:0;}
#main-nav {
	clear:both;
	position:absolute;
	left:0; bottom:0;
	margin:0; padding:0;
	float:left;
	width:100%;
	z-index:80;
	background:url(../styleImages/green-bar-right.gif) right top no-repeat #8ec745;
	height:32px;
}
#main-nav ul {
	background:url(../styleImages/green-bar-left.gif) left top no-repeat transparent;
	height:32px;
	padding:0 0 0 18px
}
#main-nav li {
	margin:0; padding:3px 0 0 ;
	float:left;
	list-style:none;
	position:relative;
}
#main-nav li a {
	display:block;
	text-decoration:none;
	font:bold 1em Arial, Helvetica, sans-serif;
	position:relative;
	z-index:89;
	color:#fff;
}
#main-nav li a span { 
	display:block; padding:3px 18px ;
}
#main-nav li a:hover {
	background:url(../styleImages/nav-left.gif) left top no-repeat transparent;
}
#main-nav li a:hover span { 
	background:url(../styleImages/nav-right.gif) right top no-repeat transparent;
}

#top-links, #top-contact {
	position:absolute;
	right:0;
	top:13px;
	margin:0; padding:2px 0;
}
#top-links li { list-style:none; margin:0; padding:0; display:inline;}
#top-links li a, #top-contact p { 
	text-decoration:none;
	padding:3px 13px 3px 14px;
	margin:0;
	display:block;
	float:left;
}
#top-links li.last a { border:none;}
#top-contact strong {
	border:none;
	float:none;
	margin:0;
	font-size:1.4em;
	padding-left:44px;
	
}
#top-contact strong#call-now { background:url(../styleImages/ico-phone.gif) 8px center no-repeat transparent;}
#top-contact strong#free-del { background:url(../styleImages/ico-del.gif) 8px center no-repeat transparent; padding-left:34px;}

#quick-search {
	position:absolute;
	right:0; top:70px;
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
#foot {
	clear:both;
	margin:20px 0 0;
	padding:15px 0;
}
#foot ul {
	text-align:center;
	margin:0 0 10px; padding:0;
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
#foot ul li { display:inline; margin:0; padding:0 1px 0 0;}
#foot ul li.last { border:none;}
#foot ul li a { text-decoration:none; padding:1px 12px;}
#foot p { text-align:right; font:bold 10px Verdana, Geneva, sans-serif;}
#foot #cards li { border:none; padding:0; margin:0 5px;}
.txtCopyright { display:none;}

.c-both {
	clear:both;
	overflow:hidden;
	width:100%;
	height:0;
}
.c-right { clear:right;}
.c-left { clear:left;}
.f-right { float:right;}
.f-left { float:left;}
.full-width {}

.col-two form { text-align:right;}
.col-two .box .input-text { margin:0 auto; width:185px;}


@charset "utf-8";
/* CSS Document */


/* FORMS ------------------------------------------------------------------------------------------------------------------------------ */
form.pretty-form label { width: 120px; /* Width of labels */}
form#tafForm.pretty-form label { width:100px;}
form.pretty-form fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */}
form.pretty-form legend { padding: 0 2px; font:2em "Times New Roman", Times, serif;}
form.pretty-form label { 
	background-color:#eee; 
	font:bold 0.8em Arial, Helvetica, sans-serif; 
	padding-left:4px;
	border:1px solid #aaaaaa;
	border-top-color:#666;
	border-right:none;
	display:block;
	float:left;
}
form.pretty-form label.plain { background:none; border:none;}
form.pretty-form label.auto-width { width:auto;}
form.pretty-form .selectbox { width:180px;}

form.pretty-form li #passwordStrengthDiv { 
	position:absolute;
	left:5px;
	background-color:#333;
	border:1px solid #333;
	border-top:0;
	bottom:0;
	padding:0;
}
#JT { border: 2px solid #CCCCCC; background-color: #fff;}
#JT_copy{ padding:6px; color:#333333; font-size:0.9em;}
#JT_close_left, #JT_close_right{ background-color: #eee;}
#JT_copy img{ padding: 1px; border: 1px solid #CCCCCC;}

#account-box .pretty-form .textbox {
	width:180px;
	margin:0; padding:0;
}
#account-box label { background:none; color:#fff; border:none;}

form.pretty-form fieldset li { position:relative; float:left; width:100%;}
form.pretty-form .textbox, form.pretty-form .selectbox {
	font:1.1em Arial, Helvetica, sans-serif;
	border:1px solid #666;
	margin-top:-3px;
	padding:3px 3px 4px;
	border-top-color:#ccc;
	border-bottom-color:#000;
	background-color:#fff;
	float:left;
}
form.pretty-form li .textbox.error { 
	text-align:left;
	background-color:#fee;
}
#quickLoginForm .textbox { float:none;}
form.pretty-form li .jTip {}
.jTip, form.pretty-form li a.error {
	font:bold 0.9em Arial, Helvetica, sans-serif;
	background-color:#eee;
	color:#00c;
	border:1px solid #666;
	border-bottom-color:#aaa;
	border-left:none;
	display:block;
	float:left;
	padding:0;
	width:8px;
}
form.pretty-form li a.error {
	padding:3px 5px 2px;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	background-color:#cc6666;
}


#JT_arrow_left, #JT_arrow_right{
	background: url(../styleImages/jtip-arrows.gif) left -23px no-repeat transparent;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}
#JT_arrow_right{ background-position:left top; width:11px; top:-2px;}
#JT {
	position: absolute;
	z-index:100;
	font-size:0.8em;
	text-align:left;
}
.JT_loader{
	background-image: url(../styleImages/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}
#JT_close_left, #JT_close_right{
	text-align: left;
	padding:1px 8px 3px;
	font-weight:bold;
}
#JT_copy p{ margin:3px 0;}
#JT_copy ol { margin:0; padding:0 0 0 19px;}
#JT_copy ol li { margin:0; padding:0;}

.jTip {
	cursor:help;
	padding:3px 5px 2px;
	text-decoration:none;
	margin:0;
}


form.pretty-form fieldset { margin-bottom: 10px; border:none;}
form.pretty-form label { 
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form.pretty-form fieldset ol { margin: 0; padding: 0;}
form.pretty-form fieldset li { list-style: none; padding: 5px; margin: 0;}
form.pretty-form fieldset li.half { float:left; width:46%; margin:0 2% 0 0;}

form.pretty-form fieldset fieldset { border: none; margin: 3px 0 0;}
form.pretty-form fieldset fieldset legend { padding: 0 0 5px; font-weight: normal;}
form.pretty-form fieldset fieldset label { display: block; width: auto;}
form.pretty-form em { font-weight: bold; font-style: normal; color: #f00;}

