/*
Theme Name: UBunting default theme
Author: Bel
*/

body {
	font: 80%/150% Arial, Helvetica, sans-serif;
	color: #252525;
	background: #0c67a5 url(images/background.jpg) no-repeat -50px top;
	margin: 0px;
	padding: 0px;
}
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.align-left, .alignleft {float: left;}
.align-right, alignright{float: right;}
p {margin: 0px 0px 1.5em;}

#wrapper {width: 1000px;}
#header {
	background: url(images/logo.gif) no-repeat;
	height: 73px;
	width: 194px;
	float: left;
	z-index: 1;
	position: relative;
}
#header h1, #header p {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#nav-top {
	float: right;
	height: 97px;
	width: 377px;
	z-index: 1;
	position: relative;
	right: 50px;
}
#nav-top ul {
	margin: 0px;
	padding: 0px;
}
#nav-top li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#nav-top  li a {display: block;}
#nav-top .delivery a {
	background: url(images/nav-delivery.gif) no-repeat;
	height: 97px;
	width: 125px;
	text-indent: -9999px;
}
#nav-top .quota a {
	background: url(images/nav-quota.gif) no-repeat;
	text-indent: -9999px;
	height: 97px;
	width: 76px;
}
#nav-top .order a {
	background: url(images/nav-order.gif) no-repeat;
	text-indent: -9999px;
	height: 97px;
	width: 88px;
}
#nav-top .help a {
	background: url(images/nav-help.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 88px;
}
#main-nav {
	height: 30px;
	text-transform: uppercase;
	color: #009edb;
	position: absolute;
	top: 35px;
	left: 40px;
	font-size: 10pt;
	font-weight: bold;
}
#main-nav ul {
	margin: 0px;
	padding: 0px;
}
#main-nav li {
	display: inline;
	margin: 0px 1.5em 0px 0px;
	padding: 0px;
	list-style: none;
}
#main-nav a {
	color: #009edb;
	text-decoration: none;
	padding: 5px 10px;
}
#main-nav a:hover {
	background: #282828;
	padding: 5px 10px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}






#inner-wrapper {
	width: 1000px;
	clear: both;
	top: 74px;
	z-index: -1;
	position: absolute;
}
#inner-wrapper .top {
	background: url(images/wrapper-top.jpg) no-repeat -50px top;
	height: 61px;
	width: 1000px;
}
#inner-wrapper .content-wrap {
	background: url(images/wrapper-bg.jpg) repeat-y -50px;
	width: 1000px;
}
#sidebar-wrap {float: left;}
#sidebar {
	width: 120px;
	border-right: 3px solid #f2f2f2;
	border-bottom: 3px solid #f2f2f2;
	background-color: #FFFFFF;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 30px;
	font-size: 11px;
	color: #555555;
	padding: 5px 10px;
}
#sidebar ul {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
#sidebar li {
	list-style: none;
}

#sidebar ul li ul {
	margin: 0px 0px 10px;
	padding: 0px;
}
#sidebar ul li ul li a {
	color: #555555;
	text-decoration: none;
}
#sidebar ul li ul li a:hover {
	color: #444444;
	text-decoration: none;
}

#sidebar h3 {
	text-transform: uppercase;
	color: #d80074;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 9pt;
}
#sidebar .link a {
	text-transform: uppercase;
	color: #009edb;
	text-decoration: none;
}
#sidebar .link a:hover {
	color: #54CEFC;
	text-decoration: none;
}


#sidebar2 {
	width: 120px;
	border-right: 3px solid #f2f2f2;
	border-bottom: 3px solid #f2f2f2;
	background-color: #FFFFFF;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 20px;
	font-size: 11px;
	color: #282828;
	padding: 10px;
        text-align: right;
}
#sidebar2 a {
	text-transform: uppercase;
	color: #282828;
	text-decoration: none;
}
#sidebar2 a:hover {
	color: #54CEFC;
	text-decoration: none;
}
#sidebar2 .highlight {
        color: #03a2dc;
        font-size: 22pt;
        line-height: 105%;
}
#sidebar2 .highlight2 {
        color: #f32938;
        font-size: 14pt;
        text-transform: uppercase;
}
#sidebar2 .highlight3 {
        color: #8f8f8f;
        font-size: 14pt;
        text-transform: uppercase;
}


#page {
	width: 750px;
	float: left;
        padding-bottom: 150px;
	margin-left: 30px;
	margin-top: 30px;
}
#page .banners img {border:none;}
#page img {
	border: 2px solid #fefce6; margin: 5px 8px;
}

#page h2 {
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 1em;
	font-size: 15pt;
	color: #363636;
}
#page h2 a {
	color: #363636;
	text-decoration: none;
}

#page h3 {
	color: #03a4de;
	font-weight: bold;
        font-size: 11pt;
}
#page h4 {
	color: #464646;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11pt;
        margin: 20px 0px 10px 0px;
        clear: left; display: block; 
}
#page h5 {
	color: #d80074;
	font-size: 10pt;
}

#page .highlight {
	color: #00aeef;
	font-weight: bold;
}
#page .highlight2 {
	text-transform: uppercase;
	color: #464646;
	font-weight: bold;
}

#page a {
	color: #6A6A6A;
	text-decoration: underline;
}
#page blockquote {
	border-left: 3px solid #fdef69;
	padding-left: 10px;
	margin-left: 20px;
}
#page ul {
	border-left: 3px solid #fdef69;
	margin: 2em 0px 3em 20px;
	padding: 0px;
}
#page ul li {
	border-bottom: 1px solid #fff9bf;
	list-style: none;
	padding: 3px 10px;
	width: 680px;
}
#page label {
	width: 150px;
	margin: 6px 0px;
	float: left;
	clear: left;
	display: block;
}
#page input {
	margin: 2px 0px;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #ffd600;
        padding: 1px 2px;
}
#page textarea {
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #ffd600;
}
#page select { margin: 5px 0px;}

#page .select {
	display: block;
	margin-bottom: 5px;
}
#page .submit a {
	background: url(images/button-submit-order.gif) no-repeat;
	text-indent: -9999px;
	height: 41px;
	width: 166px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

#page .boxes {
background-color: #ebebeb;
padding: 10px 15px;
margin: 30px 4px;
border-top: 1px solid #d6ecf5;
border-right: 1px solid #d6ecf5;
border-bottom: 1px solid #d6ecf5;
border-left: 3px solid #fbe300;
width: 500px;
}

#page .order-button a {
background: url(images/button-order-now-product.gif) no-repeat;
width: 165px;
height: 42px;
display: block;
text-indent: -9999px;
cursor: pointer;
clear: left;
}

#page .wp-caption {
background-color: #ebebeb;
border: 1px solid #e0e0e0;
padding: 2px;
margin: 15px 5px;
text-align: center;
width: 120px;
height: 300px
display: block;
float: left;
}
#page .wp-caption img {
width: 100px;
height: 250px;
}
#page .wp-caption-text {
font-size: 9pt;
}
#page .ddsg-wrapper ul, #page .ddsg-wrapper ul li {border:none;}
#page .ddsg-wrapper ul {margin:0px;}
#page .ddsg-wrapper li {margin-left: 15px;}
#page .ddsg-wrapper h2 {display: none;}

#footer {
	background: url(images/wrapper-footer.jpg) no-repeat -50px bottom;
	height: 170px;
	width: 570px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	padding: 83px 80px 10px 350px;
}
#footer ul {
	margin: 0px;
	padding: 0px;
	color: #fff799;
}
#footer li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	display: inline;
	list-style: none;
}
#footer a {
	color: #fff799;
	text-decoration: none;
}
#footer a:hover {
        color: #ffffff;
        text-decoration: none;
}

