/* CSS Document - Charlie Power Agency */

/*--------------------------------------- General Structure -----------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bac_img.jpg) repeat-x #22211f ; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }
#subheader { background:url(/images/subheader.jpg) center no-repeat; height:230px;}
img { border:0px; margin:0px; padding:0px; }

#container{ position:relative; padding:0px 0px 0px 0px; margin-top:0px;  margin-right:auto; width:887px; border:0px solid #000000; }

#header { width:100%; height:150px; margin:0px; padding:0px; background:url(/images/header.jpg) no-repeat #333333; }

#logo {  width:200px; height:100px; margin:0px; padding:0px; background:url(/images/logo.gif) no-repeat #ffffff; }

#main {  width:100%; margin:20px 0px 0px 0px; background:url(/images/main_backrgound.jpg) repeat-y; }

#sidebar { width:253px;  height:100%; float:left;  margin:14px 0px 0px x; padding:0px; }

#sidebar form{ margin:0px 0px 10px 35px;}

#sidebar input {font-size:12px; }

#sidebar button { background:#BF272F; color:#ffffff; border:0px; font-size:14px; font-weight:bold; margin:0px 0px 0px 5px;}


#sidebar img { margin:0px 0px 0px 5px;}

#sidebar_right { width:160px;  height:100%; float:right;  margin:0px 10px 0px 0px; padding:0px;}


#content_main  { width:580px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}


.sub_content_100px{ width:580px; float:left;}
*html .sub_content_567px { width:567px; float:right; margin:14px 12px 0px 0px;  height:100%;}
.sub_content_567px { width:567px; float:right; margin:14px 25px 0px -10px;  height:100%;}
.sub_content_567px  p { color:#FFFFFF; margin:10px 40px 0px 20px; line-height:17px; letter-spacing:0.1; font-size:12px;}
.sub_content_280px { width:280px; float:left; margin:0px 5px 0px 5px;}
.sub_content_185px{width:185px; margin:0px 5px 0px 5px; float:left; }

#footer { width:100%; background:#333333; }

.clear { clear:both; }

.paging { margin:0px 0px 0px 20px; color:#ffffff; }
.paging a { color:#ffffff; text-decoration:underline; }
.paging a:hover { color:#ffffff; }

/*--------------------------------------gallery------------------------------------------------------*/

#gallery{width:510px; min-height:228px; height:auto !important; margin:20px 0px 10px 20px; padding:5px 0px 13px 0px; height:235px;  }
.gallery_row { margin:13px 0px 0px 5px; height:130px;}
.gallery_item { width:517px; float:left; min-height:30px; height:auto !important; height:30px; padding:0px 0px 20px 0px;  margin:0px 9px 10px 9px; display:block; position:relative: z-index:10; border-bottom:1px dashed #ffffff;}
.gallery_item img {float:left; border:0px; margin:0px; border:2px #ffffff solid;}
.gallery_item a {text-decoration:none;  color:#ffffff; }
.gallery_item a:hover {text-decoration:none;  color:#ffffff; }
.gallery_item h3{margin:0px 0px 0px 20px; float:left;}
.gallery_item p { margin:10px 10px 0px 10px; display:block; float:right; width:365px; }

.category_back {float:right; border:0px; margin-right:10px;}
.more_info {float:right; border:0px;}
.more_info img { border:0px;}
/*--------------------------------------news------------------------------------------------------*/
# content_news  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;    height:300px;}

/*--------------------------------------------product_detail---------------------------------------------------*/
#product_detail { width:520px; padding:20px 0px 20px 0px; margin:10px 0px 10px 25px; border-top:1px dashed #ffffff; border-bottom:1px dashed #ffffff;}
#product_detail img { margin:5px 5px 5px 5px; border:2px solid #ffffff;}

#product_detail p {margin:7px 0px 0px 0px; line-height:18px;}
/*------------------------------------ nav-----------------------------------------------------------*/
#nav {  margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative; z-index:37047;}
#nav li { margin:5px 0px 5px -24px;  list-style:none;}
#nav p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav a { width:229px; display:block;  margin:0px 0px 0px 0px; padding:2px 0px 2px 20px; color:#ffffff; font-weight:normal; font-size:14px; background:#181715;}
#nav a:hover { color:#ffffff; background:url(/images/weird_marker.jpg) #bf272f no-repeat left bottom; padding:2px 2px 2px 30px; text-decoration:none; } 

/*------------------------------------- General Text & Colours & backgrounds---------------------------------------*/

h1{ color:#be272f; font-size:14px; font-weight:bold; margin:10px 10px 10px 20px; padding:0px 0px 0px 0px; }
h2{ color:#4eaeec; font-size:14px; font-weight:bold; margin:10px 10px 10px 20px; padding:0px 0px 0px 0px; }
h3{ color:#4eaeec; font-size:16px; font-weight:bold; margin:10px 0px -5px 25px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
li {  }

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:12px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
#footer p { font-size:11px; color:#FFFFFF; }