/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#E8E8E8;
}
#wrapper { 
 margin: 0 auto;
 width: 950px;
 border:solid 10px #FFFFFF;
 background:#FFFFFF;
 margin-top:20px;
 margin-bottom:20px;
}
#header {
 color: #333;
 width: 950px;
 float: left;
 
 
/* border-bottom:solid 5px #ffffff;
*/ height: 135px;
 
 background:url(images/headerbg.jpg) repeat-x;
 
}
#logo{
float:left;
width:203px; 
height:119px;
margin:5px;
}
#sloganbubble{
float:left;
margin-top:10px;
}
#skype{
float:left;
margin-top:5px;
width:182px;
}
#contactus{
float:left;
width:257px;
height:76px;
margin-left:10px;
margin-top:10px;
}

#freedelivery{
float:left;
width:263px;
height:110px;

margin-top:5px;
text-align:right;
}
#callback{
float:left;
width:350px;
height:30px;
margin-left:110px;
margin-top:2px;
text-align:right;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #015900;
 background:#F7F7F7;
 margin: 0px 5px 5px 0px;
 

 width: 150px;
 float: left;
}
.leftheader{
float:left;
width:140px;
background:url(images/leftcolbg.jpg) repeat-x;
font-weight:bold;
color:#ffffff;
height:20px;
padding:5px;
font-size:16px;
margin-bottom:10px;
}
#content { 
 float: left;
 color: #333;
 
 
 margin: 0px 5px 5px 0px;
 padding: 5px;

 width: 626px;
 display: inline;
}
#content img{
border:none;
}
.categoriesimage{
border:solid 1px #CCCCCC;
margin:5px;
}
.categoriesname{
background:#006699;
color:#FFFFFF;
font-size:12px;
margin-bottom:5px;
width:186px;
padding:5px;
}
.categoriesname a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
.categorybox{
float:left;
border:solid 1px #666666;
margin:5px;
}
.blueheader{
float:left;
width:616px;
background:#cccccc;
font-size:14px;
color:#000000;
padding:5px;
height:15px;
}
#rightcolumn { 
 color: #333;

 background: #ffffff;
 margin: 0px 0px 5px 0px;
 
 
 width: 150px;
 float: left;
}
.rightheader{
float:left;
width:140px;
padding:5px;
height:15px;
border:solid 1px #cccccc;
color:#000000;
font-weight:bold;
}
#footer { 
 width: 940px;
 clear: both;
 color: #333;
 border: 1px solid #000;
 background: #006F8B;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 height:140px;
 padding-bottom:10px;
}
#usermenu{
float:left;
height:15px;
width:938px;
padding:5px;
border:solid 1px #333333;
margin-bottom:5px;
}
.checkoutlinks{
float:left;

}
.securepayments{
float:right;

}
.checkoutlinks a{
color:#000000;
text-decoration:none;
font-weight:bold;
}
#menu{
float:left;
width:940px;
background:#000000;
margin-bottom:5px;
padding:5px;
}
#welcome{
float:left;
width:940px;
background:#00c3f4;
padding:5px;
}
.slogan {
float:left;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}
.welcomemessage{
float:right;

text-align:right;
font-size:14px;
color:#000000;
font-weight:bold;
}
#search{
float:right;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
 /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #000000; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background:#015900; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#vertmenu {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
width: 135px;
padding: 0px;
margin: 0px;
}


#vertmenu ul {
list-style: none;
margin-top: 5px;
padding: 5px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 12px;
display: block;

padding: 5px 0px 2px 4px;
text-decoration: none;
font-weight:bold;
color:#003300;
width:135px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #ffffff;
background-color: #003300;
}

input{
margin-top:5px;
}
select{
margin-top:10px;
}

ul.footerlinks { width: 23%; padding: 0; line-height: 1.6em; float: left; list-style-type: none; color:#333333; margin: 1em 0 0 0; font-size:12px; border-right:solid 1px #999999;}
ul.footerlinks2 { width: 23%; padding: 0; line-height: 1.6em; float: left; list-style-type: none; color:#CCCCCC; margin: 1em 0 0 0; font-size:12px; margin-left:10px; }
ul.footerlinks li { margin: 0 0 0 7px; padding: 0 7px; }
ul.footerlinks2 li { margin: 0 0 0 0px; padding: 0 0px; }
ul.footerlinks.last { width: 23%; }
ul.footerlinks li.first { font-weight: bold; font-size:14px; color:#FFFF00; }

ul.footerlinks2 li.first { font-weight: bold; font-size:14px; color:#FFFF00;  }
ul.footerlinks a { width: 100%; color:#ffffff; text-decoration:none; }
ul.footerlinks a:hover { color:#FFFF00; background:#000000; }
ul.footerlinks2 a { width: 100%; color:#ffffff; text-decoration:none; }
ul.footerlinks2 a:hover { color:#FFFF00; background:#000000; }