@import url('colorbox.css');
@import url('nav.css');

/* 
-------------------------------------------------
links
-------------------------------------------------
*/

a:link {	color: #003399; text-decoration: underline;}
a:active {	color: #003399;	text-decoration: underline;}
a:visited {	color: #003399;	text-decoration: underline;}
a:hover {	color: #999999;	text-decoration: none;}

.footerlink {
	color: #CCCCCC;
	background-image: url(../images/core/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 20px;
	padding-left: 20px;
	height: 75px;
	font-size: 10px;
	text-align: center;
}
.footerlink a:link {	color: #CCCCCC;	text-decoration: none;}
.footerlink a:active {	color: #CCCCCC;	text-decoration: none;}
.footerlink a:visited {	color: #CCCCCC;	text-decoration: none;}
.footerlink a:hover {	color: #FFFFFF;	text-decoration: underline;}
/* 
-------------------------------------------------
Form 
-------------------------------------------------
*/
input{
	font-size: 11px;
	border: 1px solid #D8D8D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	background-color: #FFFFFF;
	height: 24px;
	padding: 3px;
}
textarea {
	font-size: 11px;
	border: 1px solid #D8D8D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2E2E2E;
	background-color: #FFFFFF;
	padding: 3px;
}

/* 
-------------------------------------------------
Core 
-------------------------------------------------
*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-color: #F6F6F6;
}
table, ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #2E2E2E;
	line-height: 18px;
	list-style-type: square;
}


.message ul{margin:5px 0 3px !important; padding:0 !important; border:0 !important; }
.message ul li{line-height:16px !important; list-style-position:inside !important; list-style-type:square !important; border:0 !important;min-height:0 !important; _height:0; padding:0 !important; margin:0 !important;}
.message ol{margin:10px 0 5px !important; padding:0 !important; border:0 !important;}
.message ol li{line-height:16px !important; list-style-position:inside !important; list-style-type:decimal !important; border:0 !important;min-height:0 !important; _height:0; padding:0 !important; margin:0 !important;}


.textPadding {
	background-image: url(../images/bg_text2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 35px;
	padding-top: 20px;
	padding-left: 22px;
	padding-right: 15px;
}
.bg-right {
	background-image: url(../images/core/bg-right.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.bg-left {
	background-image: url(../images/core/bg-left.jpg);
	background-repeat: repeat-x;
	background-position: right top;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-transform: capitalize;
}
h2 {
	font-weight: bold;
	background-color: #EFEEF0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	font-size: 12px;
	text-transform: capitalize;
	margin-left: -5px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin-right: -5px;
	margin-top: 25px;
}


/* 
-------------------------------------------------
CATEGORIES
-------------------------------------------------
*/

#breadcrumbs{margin: 20px;}
#breadcrumbs a{color: #353535;}
#breadcrumbs a:hover{color: #d5380d;}
ul.category, ul.listing{
	background: #EFEEF0;
	border: 1px solid #D8D8D8;
	display: block;
	float: left;
	list-style: none;
	margin: 5px 15px;
	padding: 5px;
}
ul.category{width: 130px;}
ul.category a{color: #353535;}
ul.category a:hover{color: #d5380d;}
ul.category li.picture *, ul.listing li.picture *{
	border: 0;
	height: 100px;
	width: 125px;
}
ul.category li.picture a{
	border: 2px solid #353535;
	display: block;
	margin-bottom: 5px;
}
ul.category li.picture a:hover{
	bordeR: 2px solid #d5380d;
}
#ul.category li.picture a img{
	border: 0;
}
ul.category li.name{
	height: 35px;
	text-align: center;
}
.more-info{
	background: #ccc;
	border: 1px solid #838383;
	display: inline;
	float: right;
	margin-top: 5px;
	padding: 3px;
	text-align: center;
	width: 122px;
}

/* 
-------------------------------------------------
LISTING
-------------------------------------------------
*/
ul.listing{
	display: inline;
	float: left;
	height: 180px;
	margin: 5px;
	width: 255px;
}
ul.listing .description, ul.listing .name{
	margin-left: 10px;
	width: 120px;
}
ul.listing li.picture{
	display: inline;
	float: left;
	width: 100px;
}
ul.listing li.picture a{
	border: 2px solid #353535;
	display: block;
	margin-bottom: 5px;
	width: 96px;
}
ul.listing li.picture a img{width: 96px;}
ul.listing .more-info{
	display: inline;
	float: left;
}
ul.listing li ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.pic-info{
	display: inline;
	float: left;
	width: 100px;
}
.listing-detail{
	display: inline;
	float: left;
	margin-left: 10px;
	width: 120px;
}
ul.listing .more-info{width: 92px;}
ul.listing a{color: #353535;}
ul.listing .picture a:hover{border: 2px solid #d5380d;}
ul.listing a:hover{color: #d5380d;}
h1.textPadding{padding: 20px 20px 0 20px;}

/* 
-------------------------------------------------
DETAIL PAGE
-------------------------------------------------
*/

#product_detail #description{
	display: inline;
	float: left;
	margin-left: 10px;
	width: 300px;
}
#detail_picture{
	display: inline;
	float: left;
	height: 244px;
	width: 204px;
}
#detail_picture #picture *{border: 0;}
#detail_picture #picture{
	display: block;
	border: 2px solid #353535;
}
#detail_picture #picture:hover{
	border: 2px solid #d5480d;
}
#detail_picture #enquire-now, #detail_picture #keep-browsing{
	background: #ccc;
	border: 1px solid #838383;
	color: #353535;
	display: inline;
	float: left;
	margin: 5px;
	padding: 3px;
	text-align: center;
}
#detail_picture #enquire-now:hover, #detail_picture #keep-browsing:hover{
	color: #d5380d;
}