/* reset standard elements */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }


/* undo some of the default styling of common (X)HTML browsers */
/*html,body,p,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border:0;
}*/

/* redfine standard properties */
body {
	background-color: #221E1F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	text-align: left;
	color: #555555;
	margin-top: 30px;
	margin-bottom: 10px;
}
p {
	margin-bottom:12px;
}
h1,h2,h3 {
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bold;
	line-height:125%;
}
h1 {
	font-size: 27px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 20px;
}

/* base column formatting css */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	background: #ffffff;
}
#header_top {
	border-top: none;
	font-weight: bold;
	background-color: #D3B6D7;
	padding-left:10px;
}
#header_left {
	float: left;
}
#header_right {
	float: right;
	padding-right: 20px;
}
#header_right a {
	color: #5E9E01;
	text-decoration: none;
}
#header_bottom {
	background: #4e4547;
	font-weight: bold;
	font-size: 18px;
	clear: both;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 3px;
	border-bottom: 3px solid #8a7b7e;
}
#navigation {
}
#wrapper_content {
  padding-top: 15px;
  float:left;
}
#center {
  width: 750px;
  margin-bottom: 15px;
  float:right;
}
#center_div{ /* in order to get padding to work correctly when being re-sized easiest is to just use another div around the content */
	padding-left: 8px;
	padding-right: 10px;
}
#left {
  width: 200px;
  float: left;
  color: #FFFFFF;
  text-align: left;
  margin-bottom: 15px;
}
#left_div{ /* in order to get padding to work correctly when being re-sized easiest is to just use another div around the content */
	padding-left:5px;
}
#footer {
	background: #4e4547;
	text-align: center;
	clear: both;
	color: #FFFFFF;
	border-top: 5px solid #8a7b7e;
	border-bottom: 5px solid #8a7b7e;
}
#footer2 {
	background-color: #221E1F;
	color:white;
  	font-size:10px;
  	text-align:center;
}
#footer2 a {
	color: white;
}
.roundedcornr_top_609687 div {
   background: url(../images/roundedcornr_609687_tl.png) no-repeat top left;
}
.roundedcornr_top_609687 {
   background: url(../images/roundedcornr_609687_tr.png) no-repeat top right;
}
.roundedcornr_bottom_609687 div {
   background: url(../images/roundedcornr_609687_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_609687 {
   	background: url(../images/roundedcornr_609687_br.png) no-repeat bottom right;
  	color: black;
	text-align: center;
}
.roundedcornr_top_609687 {
	background-color: #D3B6D7;
}
.roundedcornr_top_609687 div, .roundedcornr_top_609687, 
.roundedcornr_bottom_609687 div, .roundedcornr_bottom_609687 {
   width: 100%;
   height: 20px;
}
.roundedcornr_bottom_609687 {
	padding-bottom:2px;
}
.roundedcornr_bottom_609687 div {
   padding-top:2px;
   font-size:18px;
}
#boxmain {
  background:url(../images/leftbox.gif) no-repeat;
  background-position:0 0px; /* moves this up to the top but underneath navigation as it has higher z-index */
  position:relative; /* needed for Ie6 only */
  padding-top:10px;
}
#boxmain_content {
  padding-left:7px;
  padding-right:7px;
}
#boxbottom {
   background:url(../images/leftbox.gif) no-repeat;
   background-position:0 100%;
   padding-bottom:15px;
  position:relative; /* needed for Ie6 only */
  bottom:2px; /* needed for Ie only and only after applying the relative's */
}




/* menus on the left */
.menu {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style:none;
	clear:both;
	font-weight:bold;
}
.menu li {
	display: block;
	text-align: left;
}
.mainlevel,.sublevel {
	padding-left: 20px;
}

/* define how a links will look in different parts of the doc */
#left a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#center a,#center a:visited {
	color: #555555;
	text-decoration: none;
	font-weight: bold;
}
#center a:hover {
	text-decoration:underline
}
#left a:hover,#center a:hover {
	color:#D3B6D7;
}
#vmMainPage a {
	text-decoration:none;
	color:#0c23a7;
}
#vmMainPage a:hover {
	color:#D3B6D7;
	text-decoration:underline;
}

/* general joomla */
.contentheading{ /* make this the same as a h3 */
	font-weight: bold;
	font-size: 20px;
}
/* general virtuemart */
/*tr.sectiontableentry1 td a {
	background:none;
}*/


.vmRecentDetail { /* Recent Viewed Products */
	margin-top:0px;
}

div.buttons_heading { /* print,pdf,eamil buttons */
	float:right;
	margin:0;
	width:10%
}

/* flypage_lw.tpl.php */
.vmProductColumn {
	width: 30%;
	float: left;
}
.vmCartContainer {
	width: 430px;
	float: right;
	padding: 0;
	margin: 0;
	border: none;
	background: white;
}
.vmCartChildElement {
	height: auto;
}
.vmRowOne {
	background-color: #EDEDED;
	width: 96%;
}
.vmRowTwo {
	background-color: #DCDCDC;
	width: 96%;
}
.vmRecent {
	clear: both;
	float: left;
}

/* During the checkout process */
#vmAccountOrderDetails th,#vmAccountOrderDetails h3,#vmMainPage .sectiontableheader,#vmMainPage .sectiontableheader th { /* all these are heading sections done in different ways */
	padding: 2px;
	background-color: #CCCCCC;
	font-weight:bold;
	font-size:13px;
}

/* browse_notables.tpl.php */
#product_list {
	width:100%;
	padding-left:40px;
}

/* browse_lw.php */
.pagination {
	clear:both;
	padding:0;
	margin-top:0;
}
.browseProductContainer {
	color: white;
}
.browseBackgroundImage {
	background: transparent url(../images/film_rebate_lg.gif) no-repeat;
	height:264px;
	width:135px;
	padding-top:30px; 
}
.browseProductImageContainer {
	margin:0px;
	padding:0px;
	float:none;
	text-align:center;
}
.browseProductImageContainer br { /* two br's are generated by the display image code from virtuemart so this gets rid of them */
	display:none;
}
.browseProductNameContainer {
	text-align:center;
	color: white;
	font-weight: bold;
	margin-top:7px;
}

/* MiniCart Module only - if cart done thru main mod_virtuemart this has no effect */
.vmCartModule {
	font-size: 80%;
}
.vmCartModuleShowCartButton {
	font-size: 150%;
	text-align:center;
}

/* featured_prod module */
.addtocart_button_module {
	width:100px;
}

/* tool tips css that gets created from .tipz class img tags in browse_lw */
.tool-tip {
	color: #fff;
	width: auto;
	height: auto;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #D3B6D7;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}