body  {

margin : 0 auto;

background : url(../images/bg.jpg) repeat-y center;

font-family : Arial, Helvetica, sans-serif;

font-size : 13px;

color : #000;

}
form#mod_loginform table td { padding:10px 0; }
form#mod_loginform input { margin:10px 0; }

#outer-container {

margin : 0 auto;

height : auto;

width : 1050px;

padding : 0;

}
/* General Shop Styles here please */

/*.addtocart_button {
	background: url( 'images/add-to-cart_blue.gif' ) no-repeat  center transparent;
}*/
.addtocart_button_module {
	background: url('/components/com_virtuemart/themes/cafe_box/images/addtocart.png') no-repeat  center transparent !important;
	width: 103px !important;
	height: 25px !important;
	z-index: -1; border:0; margin:0; padding-top:40px; overflow:hidden
}
#question { border:solid 3px #6b0404; background:#d5d3c3 url(../images/question.png) no-repeat 10px 5px; text-align:left; padding:5px 40px; margin-bottom:15px; }
#otherpayment { border:solid 3px #6b0404; background:#d5d3c3; text-align:left; padding:5px 15px; margin-bottom:15px; }
#inner-container {

float : left;

margin : 0 auto;

height : auto;

width : 100%;

padding : 0;

background : url(../images/main-bg.jpg);

}

#main-body {

float : left;

width : 100%;

height : auto;

background : #fff;

padding : 10px 0 10px 5px;

}

#header {

float : left;

width : 100%;

background : url(../images/header-bg.jpg) no-repeat;

height : 88px;

}

#sologan {

margin : 0;

float : left;

background : none;

height : 38px;

width : 100%;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 14px;

font-weight : bold;

text-indent : 10px;

line-height : 38px;

}

#logo {

float : left;

width : 400px;

height : 88px;

}

#logo a.logo {

float : left;

width : 400px;

height : 88px;

}

#header-top-right {

float : right;

width : 200px;

height : 88px;

}

#top-r {

float : right;

width : 200px;

height : 30px;

background : url(../images/cart.jpg) no-repeat top left;

font-size : 10px;

text-indent : 35px;

line-height : 25px;

}

#bottom-r {

float : right;

width : 195px;

height : 56px;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-weight : bold;

font-size : 12px;

padding-left : 5px;

}

#left-column td {

padding : 0;

font-size : 11px;

}

#left-column table {

width : 100px;

}

#left-column {

float : left;

width : 198px;

height : auto;

background : url(../images/left-bg.jpg) repeat-y -1px 0;

padding-bottom : 20px;

}

#left-column div {

float : left;

margin-top : 2px;

background : url(../images/top-box-left.jpg) no-repeat top left;

width : 100%;

padding : 0;

}

#left-column div div {

background : url(../images/bottom-box.jpg) no-repeat bottom left;

padding-bottom : 12px;

}

#left-column div.module-topleft {

float : left;

margin-top : 0;

background : none;

width : 100%;

padding : 0 0 5px 0;

}

#left-column div.module-topleft div {

float : left;

margin : 0;

background : none;

width : 100%;

padding : 0;

}

#left-column div.module-topleft div div {

background : transparent none repeat scroll 0 0;

margin : 0;

padding : 5px 0 0 24px;

width : 150px;

}

#left-column div.module-topleft div div div {

background : url(../images/topleft-bg.jpg) repeat-x;

float : left;

margin : 0 0 5px 0;

padding : 0 5px;

width : 140px;

}

#left-column div div div {

background : none;

margin : 0;

padding : 5px 15px 0 30px;

width : 140px;

}

#left-column div div div div {

background : none;
margin : 0;
float : left;
padding : 0;
width : 140px;
margin-bottom : 0;

}
#left-column div div div div div { padding:0; width: auto; }
#phocagallery-module-ri a img { margin:9px 0 0 9px; }
#left-column div div div div h3 {

float : left;

width : 100%;

margin : 0 0 0 0;

font-family : Arial, Helvetica, sans-serif;

font-size : 12px;

text-transform : uppercase;

color : #fff;

height : 20px;

line-height : 15px;

padding : 0;

}

#left-column div div div div table {

float : left;

}

#right-column div.moduletable ul {

list-style : none;

padding : 0 15px;

}

#right-column div.moduletable ul li {

float : left;

padding-left : 0;

margin : 0;

border-bottom : 1px solid #ccc;

width : 100%;

line-height : 130%;

}

#path-way {

float : left;

width : auto;

height : 30px;

text-indent : 15px;

text-transform : uppercase;

font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 10px;

font-weight : bold;

line-height : 30px;

}

#top-thank {

float : left;

width : 350px;

line-height : 30px;

}

#viewgallery {

float : right;

width : 120px;

line-height : 30px;

}

#footer-outer {

float : left;

margin : 0 auto;

height : 200px;

width : 100%;

}

#footer-inner {

margin : auto;

height : 50px;

width : auto;

text-align : center;

}

#copy-right, #footer-menu {

margin : 0;

height : 50px;

padding-top : 20px;

line-height : 15px;

color : #000;

}

#footer-menu div.moduletable {

height : 100px;

margin : auto;

width : 75%;

}

#footer-menu div.moduletable ul {

margin : 0 auto;

list-style : none;

width : auto;

}

#footer-menu div.moduletable ul li {

margin : auto;

width : auto;

padding : 0 3px;

float : left;

line-height : 15px;

border-right : 1px solid #000;

}
#footer-menu div.moduletable ul li.item93{
	
border:none;

}
#main-menu {

float : left;

margin-top : 5px;

position:relative;

width:99.5%;

z-index:1000;

height : 60px;

background : url(../images/ul-bg.jpg) repeat-x bottom left;

}

#main-menu ul.menu {

float : left;

width : auto;

height : 60px;

margin : 0 0 0 80px;

padding : 0;

background : url(../images/menu-bg.jpg) repeat-x bottom left;

}

#main-menu ul.menu li {

float : left !important;

list-style : none;

margin-right : 1px;
width: auto !important;
line-height : 55px;

padding : 5px 0 0 0 !important;

padding-left : 0 !important;

display : block;

background : url(../images/ul-bg.jpg) repeat-x bottom left;

position : relative;
font-size:12px !important;

}

#main-menu ul.menu li a, #main-menu ul.menu li a:visited {

float : left;

font-family : Arial, Helvetica, sans-serif;

text-transform : uppercase;

color : #ffffff;

font-weight : bold;

text-decoration : none;

cursor : pointer;

}

#main-menu ul.menu li.active {

float : left;

margin : 0 0 0 -1px;

background : url(../images/active-center.jpg) repeat-x bottom left;

}

#main-menu ul.menu li.active a {

float : left;

background : url(../images/active-left.jpg) no-repeat bottom left;

}

#main-menu ul.menu li span {

float : left;

padding : 0 8px;

}

#main-menu ul.menu li.active a span {

float : left;

background : url(../images/active-right.jpg) no-repeat bottom right;

}

#left-column div div div div ul.menu {

float : left;

margin : 0;

padding : 0;

width : auto;

}

#left-column div div div div ul.menu li {

border-bottom:1px solid #CCCCCC;

font-size:11px;

line-height:150%;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

padding:5px 0;

width:auto;

}

#news-outer {

float : left;

width : 841px;

height : auto;

background : url(../images/middle-box-center.jpg) repeat-y top right;

margin-left : 11px;

}

#news-outer div {

float : left;

width : 100%;

margin : 0;

height : auto;

background : url(../images/middle-box-top.jpg) no-repeat top right;

}

#news-outer div div {

float : left;

height : auto;

padding : 20px 0 20px 0;

background : url(../images/middle-box-bottom.jpg) no-repeat bottom right;

}

#news-outer div div div.new-1, #news-outer div div div.new-2, #news-outer div div div.new-3 {

float : left;

background : none;

padding : 10px 10px;

width : 185px;

border-right : 1px solid #cccccc;

min-height : 250px;

}

#news-outer div div div.new-4 {

float : left;

min-height : 250px;

background : none;

padding : 10px;

width : 185px;

border-right : none;

}

#news-outer div div div div {

background : none;

margin : -10px 0 0 0;

padding : 0;

}

#news-outer div div div div p {

text-align : left;

margin-top : -5px;

}

#main-content-outer {

float : right;

width : 841px;

height : auto;

background : #fff;

margin-left : 0px; overflow:hidden;

}

#main-content-full {

float : right;

width : 821px;

height : auto;

background : #fff;

padding : 10px 5px 0 10px;

}

#main-content {

float : left;



width:620px;



height : auto;

padding : 15px 5px 0 10px;

border-right : 1px solid #cccccc;

background : none;

}

#right-column {

float : right;

width : 195px;

height : auto;

margin-top : 15px;

background : #fff;

padding : 0 5px 0 0;

}

#top-right {

float : right;

position:relative;

width:295px;

z-index:1;

height : 30px;

background : #fff;

padding : 2px 5px 0 0;

margin-left : -100px;
display: none;
}

a:link, a:visited {

color : #760708;

text-decoration : none;

}

a:hover {

color : #993333;

text-decoration : underline;

}

.search {

float : right;

width : auto;

}

div.search input.button {

width : 33px;

height : 26px;

background : url(../images/go.jpg);

color : #fff;

font-weight : bold;

text-indent : 4px;

line-height : 26px;

border : none;

margin-left : 4px;

}

.inputbox {



border : 1px solid #ccc;

}

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {

font-family : "Segoe UI", Arial, Helvetica, sans-serif;

}

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {

color : #666666;

font-size : 92%;

}

h1 {

font-size : 180%;

}

h2 {

font-size : 150%;

}

h3 {

font-size : 125%;

}

h4 {

font-size : 100%;

text-transform : uppercase;

}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {

margin : 2px 0;

padding : 10px 0;

}

th {

padding : 5px;

font-weight : bold;

text-align : left;

}

fieldset {

border : none;

padding : 10px 5px;

background : url(../images/hdot2.gif) repeat-x top;

}

fieldset a {

font-weight : bold;

}

hr {

border-top : 1px solid #cccccc;

border-right : 0;

border-left : 0;

border-bottom : 0;

height : 1px;

}

td, div {

font-size : 100%;

}

img {

border : none;

}

div.image-line {

padding-bottom : 20px;

border-bottom : 1px solid #ccc;

width : auto;

}

div.img_caption img.caption {

margin-left : 10px;

float : right;

}

div.img_caption {

margin-left : 10px;

border-left : 1px solid #ccc;

padding-left : 10px;

margin-top : -10px;

float : right;

}

div.img_caption p {

float : right;

}

form {

margin : 0;

padding : 0;

}

form label {

cursor : pointer;

}

a.readmore {

float : left;

font-size : 11px;

font-weight : bold;

padding-top : 10px;

text-transform : uppercase;

}

#left-column div div div div a.readmore {

font-weight : bold;

}

.article_separator {

clear : both;

display : block;

height : 10px;

background : url(../images/separator.jpg) repeat-x;

}

.column_separator {

padding : 0 25px;

}

td.sectiontableheader {

padding : 4px;

border-right : 1px solid #fff;

}

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {

padding : 4px;

}

td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {

padding : 3px;

}

table.contentpane {

border : none;

width : 100%;

}

table.contentpaneopen {

border : none;

border-collapse : collapse;

border-spacing : 0;

}

table.contentpaneopen tr td img, table.contentpaneopen tr td p img {

margin : 15px 10px;

}

table.contentpaneopen tbody tr td ul {

list-style-image : none;

list-style-position : inside;

list-style-type : square;

text-indent : -15px;

}

table.contenttoc {

margin : 0 0 10px 10px;

padding : 0;

width : 35%;

float : right;

}

table.contenttoc a {

text-decoration : none;

}

table.contenttoc td {

padding : 1px 5px 1px 25px;

background : url(../images/bullet-list.gif) no-repeat 5% 50%;

}

table.contenttoc th {

padding : 0 0 3px;

border-bottom : 1px solid #cccccc;

text-indent : 5px;

}

table.poll {

padding : 0;

width : 100%;

border-collapse : collapse;

}

table.pollstableborder {

padding : 0;

width : 100%;

border : none;

text-align : left;

}

table.pollstableborder img {

vertical-align : baseline;

}

table.pollstableborder td {

padding : 4px !important ;

border-collapse : collapse;

border-spacing : 0;

}

table.pollstableborder tr.sectiontableentry1 td {

background : #ececec;

}

table.searchintro {

padding : 10px 0;

width : 100%;

}

table.searchintro td {

padding : 5px !important ;

}

.blog_more {

padding : 10px 0;

background : url(../images/hdot.gif) repeat-x top;

}

.blog_more strong {

margin : 0 0 5px;

display : block;

font-size : 125%;

}

.blog_more ul {

margin : 0;

padding : 0;

}

.blog_more ul li {

margin : 0;

padding : 0 0 0 17px;

background : url(../images/bullet.gif) no-repeat 6px 8px;

}

.category {

font-weight : bold;

}

h1.componentheading, .componentheading {

padding : 5px 0 15px;

margin : 0 0 10px;

background : url(../images/hdot.gif) repeat-x bottom;

}

.componentheading {

font-size : 150%;

font-weight : bold;

text-transform : uppercase;

color : #7e725b;

}

.contentdescription {

padding-bottom : 30px;

}

h2.contentheading, .contentheading {

padding : 5px 0;

margin : 0;

font-weight : normal;

}

table.blog .contentheading {

font-size : 130%;

color : #000;

text-transform : none;

}

.contentheading {

color : #580d0d;

font-size : 100%;

font-weight : bold;

text-transform : uppercase;

}

a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus {

text-decoration : none !important ;

}

a.readon {

float : left;

margin-top : 10px;

padding : 1px 5px 1px 14px;

border : 1px solid #f6f6f6;

display : block;

background : url(../images/arrow.png) no-repeat 5px 48%;

color : #006699;

font-weight : bold;

text-decoration : none;

text-transform : uppercase;

}

a.readon:hover, a.readon:active, a.readon:focus {

border : 1px solid #ececec;

background : #ffffff url(../images/arrow.png) no-repeat 5px 48%;

}

table.contentpaneopen, table.contentpane, table.blog {

width : 100%;

}

.moduletable {

padding : 0;

}

ul.pagination {

margin : 15px auto;

padding : 10px 0;

background : url(../images/hdot.gif) repeat-x top;

}

ul.pagination li {

margin : 0;

padding : 0;

display : inline;

background : none;

}

ul.pagination li span {

padding : 2px 5px;

}

ul.pagination a {

padding : 2px 5px;

border : 1px solid #f6f6f6;

}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {

border : 1px solid #ececec;

background : #ffffff;

}

.pagenavbar {

padding-left : 14px;

}

.pagenavcounter {

padding : 8px 14px 0 14px;

}

.sectiontableheader {

padding : 8px 5px;

background : #444444;

color : #ffffff;

}

.sectiontableheader a {

color : #ffffff;

}

tr.sectiontableentry1 td {

padding : 8px 5px;

background : url(../images/hdot2.gif) repeat-x bottom;

}

tr.sectiontableentry2 td {

padding : 8px 5px;

background : #ececec url(../images/hdot2.gif) repeat-x bottom;

}

tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {

background : #ffffcc url(../images/hdot2.gif) repeat-x bottom;

}

.smalldark {

text-align : left;

}

div.syndicate div {

text-align : center;

}

.pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td {

background : none;

}

.article-tools {

border-top : 1px solid #dddddd;

width : 100%;

float : left;

clear : both;

margin-bottom : 15px;

display : block;

background : #ececec;

}

.article-meta {

padding : 5px;

width : 80%;

float : left;

}

.createby {

padding : 3px 3px 3px 20px;

background : url(../images/icon-user.gif) no-repeat 0 2px;

}

.createdate {

padding : 3px 3px 3px 20px;

background : url(../images/icon-date.gif) no-repeat 0 2px;

}

.modifydate {

width : 100%;

float : left;

}

div.buttonheading {

float : right;

width : 15%;

}

.buttonheading img {

margin : 7px 5px 0 0;

border : 0;

float : right;

}

ul {

list-style : inside;

}

ul li {

padding : 0 0 10px 30px;

background : none;

}

ol li {

margin-left : 35px;

padding : 10px 0;

}

#form-login p {

margin : 0 0 5px;

}

#form-login ul {

margin : 10px 0 0;

}

#form-login .inputbox, #com-form-login-username, #com-form-login-password, #com-form-login-remember {

width : 100%;

float : left;

}

#form-login .button, #josForm .button, #com-form-login .button {

width : auto;

height : 25px;

background : #660033;

border : none;

color : #fff;

}

#search {

float : right;

width : 320px;

margin-top : -20px;

margin-right : 30px;

height : 40px;

overflow : hidden;

text-align : right;

}

form#searchForm input {

vertical-align : middle;

}

form#searchForm table {

border-collapse : collapse;

}

form#searchForm td {

padding : 5px;

}

#mod_search_searchword {

padding-left : 3px;

}

#area {

padding : 0;

}

table.adminform textarea {

width : 540px;

height : 400px;

font-size : 1em;

color : #000099;

}

div.search input {

width : 145px;

border : 1px solid #ccc;

margin : 15px 0 10px 0;

}

form#form-login fieldset {

border : 0 none;

margin : 0;

padding : 0.2em;

}

form#form-login ul {

padding-left : 20px;

}

form#com-form-login fieldset {

border : 0 none;

margin : 0;

padding : 0.2em;

}

form#com-form-login ul {

padding-left : 20px;

}

form#searchForm .button {

background : #660033;

color : #fff;

float : left;

font-weight : bold;

height : 26px;

line-height : 26px;

margin-left : 4px;

text-indent : 4px;

width : auto;

}

#main-content .button {

background : #660033;

border:0;

padding:5px 10px;

color : #fff;

font-weight : bold;

display: block;

width : auto;

}

#form-login .inputbox {

width : auto;

}