/* @override 
	http://192.168.1.4:8888/joomla/quickstart/J158_simpleshop/templates/jbsimpleshop/css/template_css.css
	http://localhost:8888/joomla/quickstart/J158_simpleshop/templates/jbsimpleshop/css/template_css.css
*/

/* @group Global Reset */
* {	font-weight: inherit;font-family: inherit;font-style: inherit; font-size: 100%;border: 0 none;outline: 0;padding: 0;margin: 0;}
ul li {list-style-position: inside;}
html,body {height:100%; /* needed for container min-height */}
/* @end */
body {margin:0px 0;padding:0;background: #fff url(../images/top_bg.jpg) repeat-x; font: 82.5% Arial, Sans-Serif;color:#777;line-height: 1.4em;text-align: justify;} 

/* @group Layout */

/* @group Wrappers */
.outer_wrap {width: 100%;float: left;margin:0;height: 100%;}
.container {margin: 0 auto;}
/* @end */

/* @group Top */
#top {height: 165px;background: url(../images/bg.gif) no-repeat;width: 100%;}
#top_left {float: left;width: 400px!important;width:200px;font-size: 90%;overflow:hidden;position: absolute;z-index: 100;top: 0;}
.toggle {float: left;margin-right: 10px;cursor: pointer;margin-top: 0px;position: relative;z-index: 101;}
#login {background: #fafafa;border: 1px solid #F5F5F5;border-width: 0 1px 4px 1px;padding: 10px;margin-top: 5px;height: 150px;width: 400px;}
input#mod_login_username,input#mod_login_password,#login .button  {width: 100px;padding: 6px 8px;background: #fff;margin-right: 4px;}
#top_right {font-size: 80%;padding-top: 4px;float: right;width: 400px;text-align: right;height: 20px;overflow: hidden;}
#pathwaydiv {float: right;margin-top: 110px;font-size: 90%;text-align: right;width: 100%;}

#inset {;position: absolute;margin-top: 40px;margin-left: 250px;;}
/* @end */ 

/* @group Main Area */
#main {width: 100%;margin-top: 10px;border-bottom: 1px solid #eee;float: left;padding-bottom: 30px;text-align: justify;}
#top_content {margin-bottom: 10px;border-bottom: 1px solid #f2f2f2;padding-bottom: 10px;}
/* @group Advert Divs */

#advert2 {margin-top: 30px;}
#advert2 .moduletable,#advert1 .moduletable {float: left;width: 100%;border-top: 1px solid #F5F5F5;padding-top: 0px;margin-right: 3%;}
#advert2 .moduletable h3,#advert1 .moduletable h3 {background: #FAFAFA;padding: 6px 0;text-align: left;margin-bottom: 8px;border-bottom: 1px solid #F5F5F5;}
#advert1 .moduletable {margin-bottom: 20px;width: 100%;}

/* @end */

/* @group Left */
#left {float: left;width: 22%;margin-right: 0;}
#left ul {margin: 0;}
#left ul li {border-bottom: 1px solid #eee;background: #fff;width: 100%;display: block;list-style-type: none;margin: 0;list-style-position: outside;}
#left ul li a {padding: 8px 0 8px 4px;display: block;background: #fff;color: #A7A37E;}
#left ul li a.sublevel,#left ul.menu li ul li a {font-size: 90%;padding: 4px 0 4px 0px;text-indent: 25px;border-bottom: none;background: #fff url(../images/sublevel_arrow.png) no-repeat 8px center;} 
#left a#active_menu.mainlevel {background: #fafafa;}
#left ul li ul li {border: none;}
#left ul li a.sublevel:hover{padding: 4px 0 4px 0px;text-indent: 25px;}
#left ul li a:hover {padding: 8px 0 8px 4px;text-decoration: none;;}
#left h3 {font-size: 140%;margin-bottom: 20px;}
#left .moduletable,.moduletable_menu {margin-bottom: 30px;}
/* @end */

/* @group Right */

#right_col {float: right;width: 70%!important;width:66%}
#right {float: right;width: 100%} 
#main_content {clear: both;}

/* @end */
/* @end */

/* @group Footer */
#footer {clear: both;padding-top: 10px;}
#footer ul li {float: left;}
#footer ul li a {margin: 0 10px 0 0;}
#footer_left {font-size: 80%;}
#footer_right {float: right;margin-top: 4px;}
/* @end */

/* @end */


/* @group Typography */
a,a:link,a:visited,a:hover {color: #898031;;text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 4px 0 8px;color: #777;text-align: justify;}
.readon {float: right;background: url(../images/next.png) no-repeat;padding-left: 20px;}
/* @group Headings */

h1,.componentheading {font-size: 140%;color: #333;}
h2,.contentheading {font-size: 130%;margin: 0 0 8px 0;color: #898031;}
h3 {font-size: 120%;color: #A7A37E;background: #FAFAFA;padding: 6px 0 6px 6px;text-align: left;margin-bottom: 8px;border-bottom: 1px solid #F5F5F5;}
h4 {font-weight: bold;font-size: 110%;}
h5 {font-size: 90%;}
h6 {font-size: 80%;color: #eeca4f;}
.small,.createdate,.modifydate {font-size: 90%;float:right;}

/* @end */

/* @group Coloured Blocks */

p.grey {background: #fafafa;border: 1px solid #ddd;border-width: 1px 0;padding: 10px;}
p.yellow {background: #FFFECC;border: 1px solid #FAEBB1;border-width: 1px 0;padding: 10px;}
p.white {background: #fff;border: 1px solid #E2DCA8;border-width: 1px 0;padding: 10px;}
p.blue {background: #eee;border: 1px solid #9BADDC;border-width: 1px 0;padding: 10px;}
p.green {background: #DBD395;border: 1px solid #CBB56C;border-width: 1px 0;padding: 10px;}

/* @end */

/* @group Lists */

ul.dot {margin: 8px 0;}
ul.dot li {padding: 4px 0 0 20px;background: url(../images/dot.jpg) no-repeat left center;list-style-type: none;}

/* @end */

/* @end */	


/* @group Joomla Stuff */	
input, textarea {border: 1px solid #ddd;background: #eee;color: #333;padding: 0px;}
input#contact_name.inputbox,input#contact_email.inputbox,input#contact_subject.inputbox,textarea#contact_text.inputbox,.contact_email input.button,input.inputbox {padding: 6px 8px;}
.left input {color: #ddd;padding: 10px;border: 1px solid #ddd;background: #fff;width: 180px;}
.left input.button {width: 100px;margin-top: 8px;color: #666;}
.border {padding: 4px;margin: 0 8px;border: 1px solid #fff;background: #ccc;}
.contentpaneopen {margin: 8px 12px 0 0;width: 100%!important;width: 98%;text-align: justify;}
.sectiontableentry1 td,fieldset {background: #fafafa;padding: 10px 0;border: 1px solid #ddd;border-width: 1px 0;}
.sectiontableentry2 td {padding: 10px 0;}
.blog {width: 100%;}
.article_column {padding: 0 10px 0 0;}
/* @end */


/* @group Virtuemart Stuff */
.product_fly {clear: both;}
.vmCartContainer{border: none;background: none;width: 200px;text-align: left;}

/* @group Recent */
.vmRecent {padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-top: 20px;}
ul.vmRecentDetail li  {list-style-type: none;background: url(../images/accept.png) no-repeat left center;padding: 4px 0 4px 30px;}
.vmRecent h3 {background: url(../images/zoom_in.png) no-repeat;padding: 8px 0 8px 40px;}
.vmRecentIndex {border: 1px dashed #ddd;border-width: 1px 0;margin: 10px 0;padding: 10px 0;}
/* @end */

/* @group Reviews, Related and Ratings */

.reviews {clear: both;float: left;width: 100%;margin: 10px 0;}
.rating {float: right;width: 100%;text-align: right;}
.rating {clear: both;padding-top: 10px}
.related {margin: 20px 0px;border-top: 1px solid #eee;padding-top: 20px;}
.related h3 {margin-bottom: 10px;}
/* @end */

/* @group Products */

.product_image {float: left;width: 30%!important;height: 150px;margin-right: 0px;padding: 10px;}
.product_name {font-size: 120%;}
.product_name h2 {margin: 0 0 10px 0px;color: #898031;;}
.product_description {float: left;width: 100%;margin: 20px 0;}
.product_description p {text-align: justify;}

/* @end */

/* @group Add to Cart */

.seperator {border-bottom: 1px solid #eee;clear: both;padding-top: 20px;}
#addtocart {height: 80px;float: left;width: 100%;}
#addtocart p,form#addtocart div label {text-align: left;float: left;}
.quantity_box {float: left;margin-top: 10px;}
.product_cart {margin-top: 20px;float: right;width: 60%!important;width:50%}

/* @end */

hr {display: none;}

/* @group Browse Pages */

.browse_product {width: 100%;display: block;margin: 0px 0 40px;}
.browse_image {float: left;margin-right: 10px;}
.price span {background: url(../images/price.png) no-repeat;padding: 6px 0 10px 70px;margin-left: 45px;}
.price {margin-top: 30px;float: left;width: 130px;}
.more {float: right;;}
.product_wrap {float: right;width: 315px;}
.minimal_product {float: left;width: 150px;margin: 10px 0px 10px 0;padding: 10px;}
.minimal_images {padding: 8px;background: #fff;}
.less_minimal_product {float: right;border-bottom: 1px solid #eee;margin: 10px 0 20px 0;padding-bottom: 20px;}
.less_minimal_product p {text-align: justify;}
.less_minimal_images,.everything_images {float: left;padding: 10px;margin: 0 10px 0 0;border: 1px solid #eee;background: #fff;}
.everything_product {margin: 10px 0 0 0;float: left;}
.everything_product .rating {text-align: right;width: 100%;display: block;}
.everything_product .browse_clear {clear: both;padding-top: 10px;}
.everything_description p {width: 70%;float: right;text-align: justify;}
.shop_tip {background: #fafafa;border: 1px solid #ddd;padding: 30px;margin-top: 0 ;}
.addtocart {float: left;width: 300px;margin-top: 10px;}
.product_price .addtocart {width: 100%;}
.addtocart_button {width: 120px;}
.browseaddtocart {float: right;width: 300px;margin-top: 20px;}
.browseaddtocart .addtocart_button {float: right;clear: none;width: 140px;margin-top: -25px;}
.browseaddtocart .quantity_box {margin-top: 0px;}
.line {border-top: 1px solid #f2f2f2;width: 630px!important;width:610px;height: 2px;clear: both;margin: 4px 0;}
/* @end */

/* @group Latest products module */

.prod_snap {float: left;margin-right: 20px;width: 28%!important}
.prod_snap #addtocart,.prod_snap span.productPrice {display: none;}
.prod_snap span {display: block}

/* @end */

/* @end */

/* @group Login Form */

#form-login {border: none;width: 425px;}
p#form-login-username,p#form-login-password {float: left;width: 100px;margin: 0 10px 0 0;}
p#form-login-remember {float: left;width: 100px;margin: 0;}
form#form-login fieldset {margin: 0}
#form-login-remember{font-size: 80%;display: none;}
#form-login ul li {float: left;list-style-type: none;margin-right: 5px;font-size: 90%;}
#username.inputbox,#passwd.inputbox {margin-right: 20px;width: 90px;background: #fff;border: 1px solid #ddd;font-size: 120%;}
#form-login input.button {margin-top: 20px;height: 30px;}

/* @end */