html {
background: #fff url(../olbm/source/images/bg_gradient.jpg) repeat-x; 
font: normal 75%/1.5em "Helvetica", Arial, sans-serif;
color: #333; /* <-- main font color */
}
body { text-align: left; width:960px; margin-left:auto; margin-right:auto; margin-top:0px; height:100%; background-color:#FFF; }

/* -- UTILITY -- */
.padd10 {padding: 10px;}
.padd20 {padding: 20px;}
.padd30 {padding: 0px 40px;}
.clear {clear:both;display:block;overflow:hidden;width:0;height:0; background-color:#FFF;}

.col1, .col2, .col3, .col4, .smallcol1, .maincol, .subcol1, .subcol2 { display:inline; float:left; position:relative; }

.col1 { width: 960px; }
.col2 { width: 560px; }
.col3 { width: 480px; }
.col4 { width: 400px; }

/* -- COLUMNS SECTION -- */
.smallcol1 { width: 319px; } 
.maincol { width: 639px; border-right: 1px solid #ccc; }
	.subcol1 { width: 248px; }
	.subcol2 { width: 391px; }

.smallcol1.center { width: 318px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	} 
/* -- END COLUMNS SECTION -- */
	
.right { margin-left: 20px; }

.imgright { float: right; padding: 5px; margin-left: 20px; border: 1px solid #ccc; }
.imgleft {	float: left; padding: 5px; margin-right: 20px; border: 1px solid #ccc; }

.border { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }

#skip { display: none; }
/* -- end UTILITY -- */

/* -- Main div -- */
#wrapper {
	width: 960px;
	text-align: left;
	margin: 0px auto 0px auto;
	background-color:#FFF;
	height:100%;
}
#logo { padding:20px;  }
#logo #logoimage { font-size:16px; }
#language { float:right; margin:26px 26px 0px 0px; }
.language-page { color:#3e3e3e; text-decoration:none; cursor:pointer; }
.language-page:hover { color:#3e3e3e; text-decoration:underline; cursor:pointer; }
.language-deadlink { color:#a6a8ab; text-decoration:none; cursor:pointer; }
.language-separator { color:#000; }

#logo img {
	border:0px;
}

#page {
	width: 960px;
	float: left;
	padding-top: 20px;
	background-color: #fff;
	border: 0px solid #ccc;
	/*border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	*/
	margin-bottom: 0px;
}

/* HOME PAGE jQuery BANNER SECTION */

#stripbox {	
	position:relative;
	width:960px; 
	overflow:hidden; 
	height: 247px;
	background: url(../olbm/source/images/strip_back.jpg) no-repeat;  /* <-- if you want to change the background image just replace strip_back.jpg with another one */
	border-bottom: 1px solid #ccc;
}


	#strip ul { float: left; }

	#strip li {
		width:960px; 
		list-style: none;
		margin-bottom: 0;
		height: 247px;
		overflow:hidden; 
	}
	
/* END HOME PAGE jQuery BANNER SECTION */ 

#title {
	background: url(../olbm/source/images/strip_back.jpg) no-repeat;
	height: 90px;
	border-bottom: 1px solid #ccc;
}

#secstrip {
	float: left;
	border-bottom: 1px solid #ccc;
	background: url(../olbm/source/images/secstrip_back.jpg) repeat-y;
	text-shadow: #fff 0 1px 0;
}

#secstrip img {
	float: left;
	margin-right: 20px;
}
.register_div_bg { background:url(../olbm/source/images/register_hand.jpg) right bottom no-repeat }
.login_div_bg { background:url(../olbm/source/images/lock.jpg) right bottom no-repeat }
.contact_us_div_bg { background:url(../olbm/source/images/contact_us_small.jpg) right bottom no-repeat }
#secstrip-results {
	float: left;
	border-bottom: 1px solid #ccc;
	text-shadow: #fff 0 1px 0;
}

#secstrip-results img {
	float: left;
	margin-right: 10px;
}

#content2 {
	float: left;
	padding: 20px 0 0px 0px;
	background: url(../olbm/source/images/content_back.jpg) repeat-x;
}

#moreserv {
	float: left;
	border: 1px solid #ccc;
	padding: 20px;
	background: url(../olbm/source/images/body_back.jpg) repeat-x;
	text-shadow: #fff 0 1px 0;
}

#contactbadge {
	width: 206px;
	float: left;
	border: 1px solid #ccc;
	paddingdding: 20px;
	background: url(../olbm/source/images/content_back.jpg) repeat-x;
	text-shadow: #fff 0 1px 0;
}
	#contactbadge img { margin-bottom: 10px; }

#moreserv img { margin-bottom: 20px; }

#footer {
	background: #6F2562;
	color: #fff;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

#copy {
	color: #999;
}

#content2 img {  }

.morebtn {
	margin-top: 20px;
	float: right;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #C3A2A5 url(../olbm/source/images/navlibg.gif) repeat-x;
	border-bottom: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #666 0 -1px 0px;
}
	.morebtn:hover {
	background: #C3A2A5;
	text-decoration: none;
	text-shadow: none;
}

/* -- FONTS -- */
.alt {
	color: #ee7f30;  /* color for alternate style */
	text-transform: none;
}

/* LOGO MAIN STYLE */ 
h1 { 
	text-transform: uppercase;
	font-size: 26px; 
	line-height: 1em;
	font-weight: normal;
	text-shadow: #fff 0 1px 0;
} 
/* END LOGO MAIN STYLE */ 

#title h2 { float: left; font-size: 50px; line-height: 50px; text-transform: uppercase; padding-right: 20px; margin-right: 20px; border-right: 1px solid #fff; }

h3 {
	font-size: 18px;
	line-height: 1.25em;
	margin-bottom: 20px;
}

h4 { 
	font-size: 24px;
	line-height: 1.15em;
}
	#contactbadge h4 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; }

strong { font-weight: bold; }

#content2 p { margin-bottom: 1.5em; }

	#contactbadge p { margin-bottom: 0; }

	#strip p {
		padding-left: 20px;
		font-size: 18px;
		line-height: 1.25em;
		color: #fff; 
		text-shadow: #5a5a5a 0 1px 3px;
		}

	#strip .first {
		margin-top: 30px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 28px;
		text-shadow: #5a5a5a 0 1px 3px;
		}
		
	#title { color: #fff; text-shadow: #5a5a5a 0 1px 3px; }
	#title p { font-size: 28px; line-height: 50px; }
	
	#secstrip .title {
		font-size: 24px;
		line-height: 1.15em;
		}
		
	#secstrip .subtitle, .subcol1 .subtitle {
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 10px;
		}

	#secstrip .desc { color: #797979; }


	#secstrip-results .title {
		font-size: 24px;
		line-height: 1.15em;
		}
		
	#secstrip-results .subtitle, .subcol1 .subtitle {
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 10px;
		}

	#secstrip-results .desc { color: #797979; }
	/* LOGO SLOGAN STYLE */ 
	p#slogan {
		color: #666;
		font-size: 18px;
		text-transform: uppercase;
		text-shadow: #fff 0 1px 0;
		}
	/* END LOGO SLOGAN STYLE */ 
		
	#copy { font-size: 10px; }

a {	color: #9d8184;	text-decoration: none; }
	a:hover { text-decoration: underline; }
	
li { margin-bottom: 0.65em; list-style-type: disc; list-style-position: inside; }

/* -- NEWS -- */

.news li { list-style-image: url(../olbm/source/images/arrow.gif); list-style-position: outside; margin-left: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
	.news li:hover { background: #f0f0f0; }
h5.date { font-weight: bold; text-transform: uppercase; font-size: 11px; }
#content2 .news p { margin-bottom: 5px; font-size: 12px; line-height: 1.5em; }

/* -- contact form -- */

#error { width: 288px; }

#emailerror {
	margin-bottom: 10px;
	padding: 10px;
	background: #fcc;
	border: 1px solid #ff1600;
	color: #4b4b4b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#success {
	margin-bottom: 10px;
	padding: 10px;
	background: #d6f1a9;
	border: 1px solid #76993d;
	color: #455a23;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#success p {
	font-size: 16px;
	margin-bottom: 0;
}

#error img {
	width: 20px;
	height: 20px;
	float: left;
	display: block;
	margin-right: 10px;
}

.error {
	color: #99100f;
	margin-bottom: 10px;
	font-size: 20px;
}

#emailerror li {
	margin-left: 10px;
	margin-bottom: 5px;
	list-style-type: disc;
	list-style-position: inside;
}

#submitform { width: 308px; float: left; display: block; }

#submitform #Message, #Name, #Email, #Company { 
	width: 288px;
	max-width: 288px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	color: #666;
	}
	
	#submitform #Name, #Email, #Company { height: 15px; }

#submitform label { float: left; display: inline; text-transform: uppercase; font-size: 10px; }

.submit-button {
	float: right;
	padding: 5px 10px;
	color: #fff;
	overflow: hidden;
	text-transform: uppercase;
	background: #C3A2A5 url(../olbm/source/images/navlibg.gif) repeat-x;
	border: none;
	border-bottom: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: #666 0 -1px 0px;
	cursor:pointer;
}
	
	.submit-button:hover {
	background: #C3A2A5;
	text-decoration: none;
	text-shadow: none;
}

#submitform p.required { margin-bottom: 0; }

.website-button {
	float: right;
	padding: 5px 10px;
	color: #666;
	overflow: hidden;
	text-transform: uppercase;
	background: #C3A2A5 url(../olbm/source/images/navlibg.gif) repeat-x;
	border: none;
	border-bottom: 1px solid #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
}
	
	.website-button:hover {
	background: #C3A2A5;
	text-decoration: none;
	text-shadow: none;
}

.myobmbutton {
	float: right;
	padding: 5px 10px;
	color: #000;
	overflow: hidden;
	text-transform: uppercase;
	background-color: #CFC;
	border: none;
	border: 1px solid #6F2562;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
	font-family:"Century Gothic", Helvetica, sans-serif;
    font-size:22px;
	font-weight:bold;
}

.myobmbutton:hover { background-color:#6F2562; color:#FFF }

/* -- NAVIGATION -- */

#nav {
	background: #6F2562;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	padding: 5px 0 0 0;
	border-bottom: 2px solid #C3A2A5;
	}

#nav ul { 
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }
 
#nav li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

#nav li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
}

#nav ul li a:hover, #nav ul li.selected {
	background: #C3A2A5 url(../olbm/source/images/navlibg.gif) repeat-x;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	color: #000; }

#nav li ul {	margin: 7px 0px 0px 0px; padding: 5px 0px 0px 20px; position: absolute; visibility: hidden; background-color:#6F2562; height:190px; width:200px; opacity:0.9;filter:alpha(opacity=90);  z-index:100;}
				#nav li ul li { float: none; display: inline; }
				#nav li ul li a {	width: auto; color:#FFF; padding:4px 0px 4px 0px; text-transform:capitalize;}
				#nav li ul li a:hover { color: #0F0; background: #6F2562; text-decoration:underline;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px; }
				#nav li ul li.selected a { color: #0F0; text-decoration:underline; }


#secnav li {
	list-style: none;
	display: inline;
}
#secnav li.selected a {
	color:#9C0;
}
#secnav a {
	text-transform: capitalize;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff;
	padding-left: 10px;
	margin-left: 10px;
}

#secnav a:hover {
	text-decoration: underline;
}

#secnav .first a {
	border-left: none;
}
/****** RESULTS ******/
.resultsphotoarea {
	width:180px;
	min-height:170px;
}
.resultsphotoarea img { border: 1px solid #EBEBEB;	border-radius: 8px;	-moz-border-radius: 8px;	-webkit-border-radius: 8px; cursor:pointer; }
p.relatedphotos { float:left; width: 690px;}
.relatedphotos img { border: 1px solid #CCC;	border-radius: 8px;	-moz-border-radius: 8px;	-webkit-border-radius: 8px; margin-top:10px; }
.resultcheckbox { width:30px; }
.results_contactarea { width:100px; padding-right:20px;  }
div.results_contactarea-div { background-color:#CCC; border: 1px solid #999; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:10px; }
div.results_contactarea-div:hover { background-color:#FFF; }
.pagination_div { float:right; margin-right:80px; }
button.enquire-now-button { background: url(../olbm/source/images/enquire-now.png) no-repeat; width:120px; height:39px; border:0px; cursor:pointer; }
button.send-an-sms-button { background: url(../olbm/source/images/send-an-sms.png) no-repeat; width:120px; height:39px; border:0px; cursor:pointer; }
div#product-image-wrapper { width: 2000px; }
div#product-image-wrapper .imgcontainer { float:left; width:185px; height:280px; border:1px solid #999; margin-right:10px; padding:10px; border-radius: 8px;	-moz-border-radius: 8px;	-webkit-border-radius: 8px; margin-bottom:50px; }
div#product-image-wrapper .imgcontainer:hover { background-color:#CCC; }
div#product-image-wrapper .imgcontainer .imgdiv { width:185px; min-height:200px; float:left; margin:0px auto; cursor:pointer; }
.scroll-pane {	width: 100%;	height: 400px;	overflow: auto;	}
.horizontal-only{	height: auto;	max-height: 400px;	}
.scroll-pane-2 { width:400px; height:210px; overflow:auto; border:1px solid #CCC; }
#progress-div {	background-color:#000; bottom: 0; 	color: #FFFFFF;	font-size: 13px;	height: 55px;	left: 0;	margin-left: 0;	margin-right: 0;	padding-top: 10px;	position: fixed;	right: 0;	text-align: center;	top: auto;	width: 100%;	}
#progress-bar-spacer { float:left; height:75px;}
#progress-container {  width:959px; margin-left:auto; margin-right:auto; margin-top:0px; }
#progress-bar .ui-widget-header { background-image:url(../olbm/source/../olbm/source/myobm/images/pbar-ani.gif); }
#progress-container table td { padding-right:40px; }
#progress-container table { float:left; margin:6px 20px 0px 20px; }
#progress-container table td a { color:#333;  }
#progress-container table td a.next { color:#FFF; }
#progress-div #progress-hide-link { float:right; margin-right:20px; }
#progress-div #progress-hide-link a { cursor:pointer; color:#CCC; }
#search-result-table { margin-top:25px; float:left; }
#search-result-table .subphoto-results { cursor:pointer; }
#sr-div { padding-bottom:20px; }
.readmore-result { cursor:pointer; float:left; margin-right:30px; color:#1783BF; }
.readmore-less { width:690px; height:39px; overflow:hidden; text-align:justify; }
.readmore-more { width:690px; text-align:justify; }
.result-product-code { width:180px; float:left; }
.members-tags {width:690px; float:left; margin-top:10px; }
.members-tags b a { color:#946B35; }
.members-tags a { color:#c38737; }
.members-tags a:hover { color:#946B35; }
.search-summary { float:right; width:600px; }
.resultbuttons-bottom { width:300px; float:left; margin-left:400px; }
.send-enquiry-button { float:left; padding-left:25px; margin-right:20px; background-image:url(../olbm/source/images/mail.png); background-repeat:no-repeat; background-color:transparent; cursor:pointer; }
.send-sms-button { float:left; padding-left:25px; background-image:url(../olbm/source/images/mobile.png); background-repeat:no-repeat;  background-color:transparent;  cursor:pointer;  }