/*
Theme Name: CheapestCovers
Theme URI: http://www.cheapestcovers.com/
Description: Developed exclusively for Bitol from CheapestCovers
Version: 1.0
Author: Zhafran
Author URI: http://flarebiz.com
Tags: custom header, fixed width, two columns, widgets
*/

* { margin:0; padding:0; }
body { background:#094863; font-family:trebuchet ms,verdana,tahoma,arial;font-size:13px }
.clear { clear:both }
h1 { text-indent:-9999px }
h2 { font-size:18px; border-bottom:1px solid gray; padding:0 5px; text-align:center;margin-bottom:10px }
h2.red-centered { text-align:center; color:#ff0000; font-size:25px; font-weight:bold;border:none }
h3 { font-size:14px;margin:5px 0; color:#000 }
h3.center { text-align:center; font-weight:bold; font-size:20px }
h4 { font-size:15px; font-weight:bold; }
h4.center { font-size:15px; font-weight:bold; text-align:center}
hr { margin-bottom:10px }
iframe { margin:5px 0 }
p { line-height:18px; padding-bottom:10px }
#wrapper { width:742px; margin:auto; background:#fff}
#wrapper2 { width:720px; margin:auto;}
#wrapper3 { width:720px; margin:auto; overflow:hidden}
#top-nav { background:url(images/top-nav-bg.png) no-repeat; margin:auto; height: 46px }
#top-nav ul { margin-right:3px;  }
#top-nav ul li.logmasuk { float:left; line-height:46px;}
#top-nav ul li.logmasuk a { display:inline; background:none;}
#top-nav ul li.logmasuk a:hover { display:inline; background:none;}
#top-nav ul li.logmasuk input { float:left; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; width:80px; margin-left:10px; margin-right:5px; }
#top-nav ul li.logmasuk .masuk { width:50px; background:url(images/button-bg.gif) repeat-x; border:1px solid #adadad!important; border-left-color:#ececec!important;  border-top-color:#ececec!important; cursor:pointer; margin-left:10px; margin-top:0 !important; margin-top:3px;}
#top-nav ul li.logmasukie { float:left; line-height:46px; }
#top-nav ul li { float:right; list-style:none;  }
#top-nav ul li.home a { outline:none; display:block; text-indent:-9999px; background:url(images/home.png) no-repeat; width:92px; height:45px }
#top-nav ul li.contacts a { outline:none; display:block; text-indent:-9999px; background:url(images/contacts.png) no-repeat; width:92px; height:45px }
#header { background:url(images/header.png) no-repeat; margin:auto; height: 183px }
#header h1 { text-indent:-9999px }
#header h1 a { display:block; width:720px; height: 183px; outline:none;  }
#nav ul li { float:left; list-style:none; text-indent:-9999px }
#nav ul li.portfolio a { outline:none; display:block; background:url(images/portfolio.png) no-repeat; width:145px; height:41px }
#nav ul li.faq a { outline:none; display:block; background:url(images/faq.png) no-repeat; width:142px; height:41px }
#nav ul li.order a { outline:none; display:block; background:url(images/order.png) no-repeat; width:143px; height:41px }
#nav ul li.articles a { outline:none; display:block; background:url(images/articles.png) no-repeat; width:146px; height:41px }
#nav ul li.best-value a { outline:none; display:block; background:url(images/best_value.png) no-repeat; width:144px; height:41px }
#sidebar-wrap { float:left; width: 231px; background:url(images/sidebar-top-bg.png) no-repeat top center; height:100%}
#sidebar { width:186px; margin:auto; background:url(images/sidebar-bg.png) repeat-y center; margin-top:54px; padding:10px; height:100%}
#sidebar .testimoni p { line-height:18px; padding-bottom:10px }
#content-wrap { float:right;width:469px; background:url(images/content-top-bg.png) repeat-x;padding:40px 10px}
#content-wrap ul { margin-left:10px}
#content-wrap ul li { padding-left:25px;list-style:none; background:url(images/checkmark.gif) no-repeat 0 2px;margin-bottom:5px }
#footer { width:720px; margin:auto }
#footer ul { margin-top:5px; width:720px; }
#footer ul li { display:block; float:left; list-style:none; font-weight:bold; padding:0 5px 0 5px;text-transform:uppercase;}
#footer ul li a { color:#fff; text-decoration:none;font-size:11px;border-right:1px solid #fff;padding-right:10px;}
#footer ul li.last a { border:none; }
#footer p { font-size:11px; color:#fff; margin-left:4px }
.widget { display:block; overflow:hidden;margin:10px 0 }
.widget ul {  }
.widget ul li { list-style:none;}
.widget ul li ul li a { color:#000;text-decoration:none }
.widget ul li a:hover { color:gray }
.centerlah { margin:auto;width:200px }
.registernow { margin:auto; padding:5px; width:300px; background:#ffffcc; border:2px solid #ff0000; margin-top:40px}
#scrollup { position: relative; overflow: hidden; height: 200px; width: 180px }
.headline { position: absolute; height: 200px; width:180px;font-size:12px }
.headline h3 a { text-decoration:underline; color:#000;}
/* Begin Images */
p img { padding: 0; max-width: 100%; border:none; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */