/* CSS Document */
body {font-family: Georgia, "Times New Roman", Times, serif;}
p, ul, ol {line-height: 1.5em;}

#body-pad {padding: 20px; position: relative;}
.category {margin-bottom: 10px; padding: 5px 10px; border-bottom: 1px dotted #E5418D; clear: both;}
.h2-category, .h3-category, .h2-pink {color: #3b3b3b; text-transform: uppercase; font-size: 16px; margin: 0 0 10px 0; padding: 0; font-weight: bold;}
.h2-category, .h2-pink {font-size: 20px;}
.h2-pink {color: #DC0064;}
.h3-pink {color: #DC0064; font-size: 16px; margin: 0 0 10px 0; padding: 0; font-weight: bold; position: relative;}

/* Navigation */
#nav-products-sub {margin: 0; padding: 7px 0; height: 26px;}
#nav-products-sub li {display: block; float: left; font-size: 11px; margin-right: 3px;}
#nav-products-sub li a, #nav-products-sub li a:visited {color: #fff; text-decoration: none;}

#nav-products-sub li a, #nav-products-sub li a span {display: block; background: url(../media/images/prod_btn.png) no-repeat; padding:0 15px; line-height: 24px;}
#nav-products-sub li a, #nav-products-sub li a:visited {position: relative; z-index: 2; padding-left: 0; color: #fff; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */}
#nav-products-sub li a {background-position: 100% -48px; font-weight: bold;}
#nav-products-sub li a span {background-position: 0 0; padding-right: 0;}

#nav-products-sub li a:hover {color: #666666; background-position: 100% -72px;}
#nav-products-sub li a:hover span {background-position: 0 -24px;}

#nav-products-sub li.bold-black a {background-position: 100% -107px; color: #fff; text-decoration: none;}
#nav-products-sub li.bold-black a span {background-position: 0 -27px; padding-right: 0;}

/* Content */
#competition-link {position: absolute; right: 0; top: 2px; font-size: 12px;}
.quote {
	color: #DC0064;
	font-size: 12px;
	padding: 0 0 10px 0;
	font-style: italic;
	line-height: 1.6em;
	background: #FFE1EF;
	border: 1px solid #FFBBDA;
	padding: 15px;
	margin-bottom: 10px;
}
.quote span {}
.category-img {float: left; width: 200px; height: 192px; margin-right: 30px;}
.category-img a {display: block; width: 200px; height: 192px;}
.category-text {line-height: 1.4em; font-size: 12px; color: #666666; margin-bottom: 5px; font-family: Georgia, "Times New Roman", Times, serif;}
.category-link {font-size: 12px;}

#gallery {padding: 0 0 0 40px;}
.product-gallery {float: left; display: inline; width: 200px; height: 250px; position: relative; margin: 0 40px 20px 0; padding: 0; color: #666666;}
.product-gallery a img {border: none; margin-bottom: 10px;}

#product-img {float: left; width: 350px; padding-left: 15px;}
#product-img a img {border: none;}
#product-img ul {list-style: none; padding: 0; margin: 0;}
#product-img ul li {float: left;}
#product-info {float: right; width: 330px; padding-right: 10px; color: #666666;}
#product-info ul {list-style: none; margin: 0 0 20px 0; padding: 0; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}
#product-info ul li {margin-bottom: 5px;}

.col-cart {border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; margin-bottom: 20px;}
.cart-header, .cart-item {font-size: 12px; padding: 7px 10px; font-family: Georgia, "Times New Roman", Times, serif;}
.cart-header {background: #DE0E6C; color: #fff; font-weight: bold; border-bottom: 1px solid #E8559E;}
.cart-item {color:#666666; border-bottom: 1px dotted #E5418D;}
.cart-item a img {border: none;}
.S1B_RowOdd {background: #fff;}
.S1B_RowEven {background: #fff;}
.cart-total {float: left; font-weight: bold; font-size: 12px; color: #DC0064; padding-left: 10px;}
/*
.cart-btn a {float: left; display: block; padding: 5px 10px; margin-right: 10px; color: #fff; background: #DE0E6C; cursor: pointer; font-size: 12px; font-weight: bold; text-transform: lowercase;}
.cart-btn a:hover {background: #333; color: #fff;}
*/
.cart-btn {margin-bottom: 5px; line-height: 1.5em;}
.cart-btn a {float: left; margin-right: 10px; color: #DC0064; cursor: pointer; font-size: 12px; font-weight: bold; text-transform: lowercase;}
.cart-btn a:hover {color: #ccc;}

.landing {float: left; width: 33%; height: 230px;}
.landing a {text-decoration: none;}
.landing a img {border: none;}
.landing .img-left {float: left; margin: 0 5px 5px 0;}
.landing  h2 {padding-top: 0px;}
.landing  h3 {font-weight: normal;}
#navcheckout {list-style: none; color: #DC0064; margin: 0; padding: 10px 0 20px 0;}
#navcheckout li {display: inline; margin-right: 20px;}

#cart-sub-page {font-size: 12px; font-weight: bold; position: absolute; right: 10px; top: 10px;}
#cart-sub, .addthis_button {font-size: 12px; font-weight: bold; position: absolute; right: 20px; top: 30px;}
#cart-sub a, #cart-sub-page a {float: right; display: block; padding: 5px 10px; border: 1px solid #DC0064;}
#cart-sub a:hover, #cart-sub-page a:hover {border: 1px solid #DC0064; background: #DC0064; color: #fff;}
#logo {position: relative;}

.cart-confirm-subtotal, .cart-confirm-total {padding: 5px;}
.cart-confirm-subtotal {font-size: 13px; color: #DC0064;}
.cart-confirm-total {font-weight: bold; font-size: 13px; color: #DC0064; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/*Form styles*/
.form-container { margin: 10px 0; padding: 0px; color: #666666;}
.form-container form fieldset { margin: 10px; padding: 10px; background: #fff url(../media/images/layout/bg_main.png) repeat-x left bottom; border: 1px solid #dddddd; }
.form-container form legend {
	color: #333;
	text-transform: capitalize;
	padding: 5px;
	border: 1px solid #ccc;
	background: url(../media/images/layout/bg_h2.png) repeat-x bottom center;
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
.form-container form fieldset div, .form-row, .tab-form-container form fieldset div { padding: 3px 5px; margin-bottom: 5px; clear: both; }
.form-container form label { margin-right: 5px; padding-right: 5px; width: 125px; display: block; float: left; text-align: right; position: relative; margin-top: 2px; clear: both; font-size: 12px; }
.form-container form label span { color: #990000; font-weight: bold; }
.form-container input, .form-container textarea, .form-container select, .tab-form-container input, .tab-form-container textarea, .tab-form-container select {
	font-size: 12px;
	padding: 3px;
	background: #FFF;
	border: 1px solid #999;
}
.form-container input[type="text"] { background: #FFF url(../media/images/layout/bg_input.png) repeat-x top center;font-size: 12px;
	padding: 3px; border: 1px solid #999;}
div.form-container label.error, div.form-container span.error { color: #C00; font-size: 12px; margin-left: 125px; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
.form-container input:focus, .form-container input.error:focus, .form-container textarea:focus { font-size: 12px; padding: 3px; background: #FFF; border: 1px solid #9B9793; }

#enquiryform h3 {background: url(../media/images/bg_hdr_enquiry.png) no-repeat top center; color: #fff; font-size: 14px; line-height: 34px; margin: 0; padding: 0 10px;}
#enquiryform p { padding:0px; margin:0px;}
#enquiryform h2 {color: #E43487;}
#enquiryform { margin: 0;}
#enquiryform form fieldset { margin: 0; padding: 10px; background: #fff url(../media/images/layout/bg_main.png) repeat-x left bottom; border: 1px solid #dddddd; }
#enquiryform form label {
	margin-right: 5px;
	width: 70px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	margin-top: 4px;
	clear: both;
	font-size: 12px;
}
#enquiryform #submit1 {border: 1px solid #fff;}
.errorx1 {color: #990000; font-size: 12px; margin-left: 80px; display: block; padding-top: 5px;}

/* Common Classes*/
.white {color: #fff;}
.float-left {float: left;}
.float-right {float: right;}
.note {font-size: 11px;}
.bold {font-weight: bold;}
.large {font-size: 18px;}
.italic {font-style: italic;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-lower {text-transform: lowercase;}
.text-upper {text-transform: uppercase;}
.pad {padding: 10px;}
.margin-bottom {margin-bottom: 10px;}
.margin-left {margin-left: 10px;}
.pink {color: #DC0064;}
#thumb-icon, .pink{
	text-align:center; font-size:11px; line-height:14px; padding-top:80px;height:60px;
}
	.line {
	border-bottom: dotted 1px #dddddd;
	width:100%;
}
