/*
Theme Name: WWRothmann
Theme URI: http://wwrothmann.com/
Description: A custom designed theme for WWRothmann
Version: 1.0
Author: Visual Activity
Author URI: http://visualactivity.com/
*/
body {
background:#FFF url(images/background_tile_top.gif) top left repeat-x;	
font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* COLORS
blue: 4d7cba;
*/
a {
text-decoration: none;
color: #4d7cba;
}
a:hover {
color: #000;
}
.noshow {
margin: 0 0 0 -10000px;	
}
.floatleft {
float: left;	
}
.leftinset {
float: left;
padding: 0 20px 20px 0;
}
.leftinset img {
padding-bottom: 15px;
float: left;
}
.button {
width: 150px;
height: 27px;
background:url(images/button_full.gif) top left no-repeat;
display: block;
line-height: 26px;
font-size: 11px;
color: #fff;
text-align: center;
float: left;
clear: both;
}

/********** HEADER **********/
#header {
width: 1062px;
margin: 0 auto 2px auto;
}
#home #header {
margin-bottom: 0;	
}
#header-top {
background:url(images/header_top_background.gif) top left no-repeat;
padding: 13px 210px 0 184px;
/*(top)54*/
/*width: 1074px;*/
/*height: 81px;*/
height: 68px;

}
#logo {
float: left;	
}
#topnav {
padding-top: 41px;
float: right;	
list-style: none;
font-size: 11px;
}
#topnav li {
display: inline;
background: url(images/top_nav_arrow.gif) 0 4px no-repeat;
padding: 0 10px;
}
/********** MAINNAV **********/
#mainnav {
height: 25px;
width: 1062px;
text-align:center;
background-color: #131313;
line-height: 24px;
}
#mainnav li {
display: inline;
padding: 0 24px;
background: url(images/mainnav_divider.gif) top left no-repeat;
}
#mainnav li.first {
background: none;	
}
#mainnav li a {
color: #fff;	
}
#mainnav li a:hover {
color: #4d7cba;	
}
/********** MAIN IMAGE **********/
#mainimage {
width: 1062px;
height: 224px;
background: url(images/header_image_background.jpg) top left no-repeat;
position: relative;
}
#shoponline {
display: block;
width: 116px;
height: 43px;
position: absolute;
left: 724px;
top: 30px;
}

/********** CONTENT **********/
#content {
background: #f2f1e9 url(images/background_tile_content.gif) top left repeat-x;
}
#content-inside {
	padding: 50px 164px 25px 164px;
	width: 734px;
	margin: 0 auto;
	position: relative;
}
#computerimage {
position: absolute;
top: 0;
left: 503px;
width: 389px;
height: 17px;
background:url(images/computer_bottom.gif) top left no-repeat;
}

/********** CONTENT: COLUMNS **********/
#columnwrapper {
background:url(images/dottedline.gif) 534px 0 repeat-y;	
}
#column1 {
	width: 514px;
	padding-right: 20px;
/*width: 534px;*/
float: left;
}
#column2 {
/*width: 200px;*/
width: 180px;
padding-left: 20px;
float: left;
}

/********** TEXT STYLES: COLUMNS **********/

h1 {
background:url(images/dottedline.gif) bottom left repeat-x;
font-size: 22px;
line-height:22px;
padding-bottom: 20px;
margin-bottom: 25px;
font-weight: normal;
}
h2 {
background:url(images/dottedline.gif) bottom left repeat-x;
font-size: 18px;
padding-top: 9px;
line-height:18px;
padding-bottom: 15px;
margin-bottom: 10px;
font-weight: normal;
clear: both;
}
p {
padding-bottom: 20px;	
}
#column2 p {
font-size: 11px;	
}

.searchBox {
width: 100px;
}

.center {
text-align: center;	
}
.center .button {
margin: 0 auto;	
}

.product {
display: block;
clear: both;
}


.row {
clear: both;
padding-bottom: 10px;
overflow: auto;
}
.row label {
width: 150px;
float: left;
text-align: right;
padding-right: 10px;
font-weight: bold;
}
.row .field {
float: left;
}
.row .buttons {
padding-top: 10px;
padding-left: 160px;
}
.row label.error {
color: #c00;
padding: 0;
text-align: left;
}


/********** FOOTER **********/
#footer {
background: #fff url(images/background_tile_footer.gif) top left repeat-x;
padding-top: 40px;
text-align: center;
font-size: 11px;
}
#footer ul {
	padding: 0 164px 25px 164px;
	width: 734px;
	margin: 0 auto;
	list-style: none;
}
#footer ul li {
display: inline;
padding: 0 5px;
}

/********** CLEARFIX **********/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}