*
{
margin:0;
padding:0;
}
/* start of hmtl5 css backwards compatibility hack */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display:block;
}
/* end of hmtl5 css backwards compatibility hack */
body
{
margin:0;
padding:0;
background:#333 url('bg.gif') 0 0 repeat-x;
}
a
{
color:#000;
text-decoration:underline;
}
a:hover
{
color:#000;
text-decoration:none;
}
h1, h2, h3, p, ul, img
{
margin:0;
padding:0;
}
/*
img{
max-width: 100%;
height: auto;
border: none;
outline: none;
}
*/
#wrap
{
width:100%;
margin:0;
padding:0;
}
#top_wrap
{
width: 100%;
height: 25px;
margin: 0 auto;
padding: 0;
background: #000;
}
#top
{
position: relative;
width: 728px;
height: 25px;
margin: 0 auto;
padding: 10px 0 0 0;
}
#inner_wrap
{
width:950px;
margin:0 auto;
padding:0;
background:#fff;
}
#top_bg
{
width:950px;
height:10px;
margin:5px auto 0 auto;
padding:0;
background:url('top_bg.png') 0 0 no-repeat;
}
#bottom_bg
{
clear:both;
width:950px;
height:10px;
margin:0 auto;
padding:0;
background:url('bottom_bg.png') 0 0 no-repeat;
}
#header
{
width:950px;
height:95px;
text-align: center;
margin:0 auto;
padding:0;
background:#fff;
}
#header h1 a, #header h1 a:hover
{
text-decoration: none;
}
#header h1 a img, #header h1 a:hover img
{
border: none;
}
#header_left
{
float:left;
width:660px;
height:95px;
margin:0;
padding:0;
background:url('folder.jpg') 15px 0 no-repeat;
}
#header_left h1
{
margin:0;
padding:0 0 0 90px;
color:#ff0000;
font-size:34px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#header_left h1 a
{
color:#ff0000;
text-decoration:none;
}
#header_left h1 a:hover
{
color:#ff0000;
text-decoration:none;
}
#header_left h1 span
{
color:#282844;
font-weight:normal;
font-size:40px;
}
#header_left h2
{
margin:0;
padding:0 0 0 120px;
color:#282844;
font-size:26px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#header_left p
{
margin:0;
padding:0 0 0 120px;
}
#header_right
{
float:left;
width:240px;
height:95px;
margin:0;
padding:0;
background:url('') 0 10px no-repeat;
}
#header_right:hover
{
background:url('chat_icon_hover.jpg') 0 10px no-repeat;
}
#header_right p
{
width:150px;
margin:16px 0 0 0;
padding:0 0 0 77px;
color:#fafafa;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#header_right p a
{
color:#fafafa;
text-decoration:none;
}
#header_right p a:hover
{
color:#fafafa;
text-decoration:none;
}
#top_navigation
{
clear:both;
width:950px;
height:35px;
margin:0 auto;
padding:0;
background:#fff;
}
#left_navigation
{
float:left;
width:10px;
height:35px;
margin:0 0 0 10px;
padding:0;
background:url('left_nav.gif') 0 0 no-repeat;
}
#right_navigation
{
float:left;
width:20px;
height:35px;
margin:0px;
padding:0;
background:url('right_nav.gif') 0 0 no-repeat;
}
#navigation_menu
{
float:left;
width:910px;
height:35px;
margin:0;
padding:0;
background:#282844;
}
#navigation_menu ul
{
margin:0;
padding:0;
}
#navigation_menu ul li
{
display:inline;
margin:0;
padding:0;
}
#navigation_menu ul li a
{
float:left;
margin:1px 1px 1px 0;
padding:8px 8px 5px 8px;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
color:#f1f1f1;
text-decoration:none;
}
#navigation_menu ul li a:hover
{
color:#272727;
background:#f1f1f1;
}
#content_wrap
{
width:950px;
margin:0 auto;
padding:5px 0;
background:#fff;
}
#left_column
{
float:left;
width:625px;
margin:0 0 0 30px;
padding:0;
}
#only_column
{
clear:both;
width:900px;
margin:0 auto;
padding:0;
}
#left_column h1
{
margin:0 0 0 5px;
padding:0;
color:#282844;
font-size:24px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column h2
{
margin:0 0 0 15px;
padding:0;
color:#282844;
font-size:24px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column p
{
margin:0 0 15px 0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#left_column .template_box
{
float:left;
width:610px;
height:250px;
margin:0;
padding:0;
}
#left_column .template_box img
{
float:left;
margin:0;
padding:0;
width:400px;
height:225px;
border:1px solid #000;
}
#left_column .template_box ul
{
float:right;
width:200px;
margin:0;
padding:0 0 0 7px;
height:38px;
line-heigh:38px;
}
#left_column .template_box ul li
{
display:block;
list-style-type:none;
margin:0;
padding:0;
}
#left_column .template_box ul li.template_preview
{
list-style-type:none;
margin:0;
padding:2px 5px 2px 12px;
line-height:25px;
height:25px;
background:url("template_preview_image.jpg") 0 5px no-repeat;
}
#left_column .template_box ul li.template_download
{
list-style-type:none;
margin:0;
padding:10px 5px 10px 12px;
line-height:30px;
height:30px;
background:url("template_download_image.jpg") 0 15px no-repeat;
}
#left_column .template_box ul li a
{
margin:0;
padding:0 0 0 20px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
text-decoration:underline;
}
#left_column .template_box ul li a:hover
{
text-decoration:none;
}
#only_column h1
{
clear:both;
margin:5px;
padding:0;
color:#000;
font-size:32px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#only_column h2
{
clear: both;
margin: 20px 5px 5px 0;
padding: 0;
color: #000;
font-size: 22px;
font-weight: normal;
font-family: "Trebuchet MS", tahoma, arial, sans-serif;
}
#only_column p
{
margin: 0 5px 15px 5px;
padding: 0;
color: #000;
font-size: 16px;
font-family: arial, tahoma, sans-serif;
font-weight: normal;
}
#only_column p a
{
text-decoration: underline;
color: #000;
}
#only_column p a:hover
{
text-decoration: none;
color: #000;
}
#only_column p span
{
color:#000;
font-size:13px;
font-size:arial, tahoma, sans-serif;
}
#only_column img
{
margin:0 5px 5px 0;
padding:0;
border:none;
}
#only_column .img_float_left
{
float:left;
margin:0 7px 7px 0;
padding:0;
border:none;
}
#only_column ul.features
{
float:left;
width:290px;
margin:5px 0 20px 5px;
padding:0;
}
#only_column ul.features li
{
display:block;
list-style-type:none;
margin:0;
padding:1px 0 0 25px;
line-height:22px;
height:24px;
color:#000;
font-size:17px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
background:url('blue_check_mark.png') 0 0 no-repeat;
}
#only_column ul.features li a
{
text-decoration:underline;
color:#000;
}
#only_column ul.features li a:hover
{
text-decoration:none;
color:#000;
}
#only_column ul.order
{
float:left;
margin:0 10px 5px 5px;
padding:0;
}
#only_column ul.order li
{
display:block;
list-style-type:none;
margin:0 0 2px 0;
padding:1px 0 0 32px;
line-height:28px;
height:30px;
color:#000;
font-size:19px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
background:none;
}
#only_column ul.order li.go
{
background:url('arrow.jpg') 4px 3px no-repeat;
}
#only_column ul.order li.order_hosting
{
background:url('shopping_cart.png') 0 0 no-repeat;
}
#only_column ul li a
{
text-decoration:underline;
color:#000;
}
#only_column ul li a:hover
{
text-decoration:none;
color:#000;
}
#right_column
{
float:left;
width:260px;
margin:0 0 0 10px;
padding:0;
}
#right_column .right_box
{
width:260px;
margin:0 0 10px 0;
padding:0;
border-right:1px solid #282844;
border-bottom:1px solid #282844;
border-left:1px solid #282844;
}
.right_box h1
{
width:260px;
height:35px;
text-align:center;
margin:0;
padding:0;
color:#fafafa;
font-size:24px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
background:url('right_box_bg.jpg') 0 0 repeat-x;
}
.right_box p
{
width:260px;
margin:0;
padding:3px 0;
color:#000;
font-size:14px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
border-top:1px solid #282844;
}
.right_box p a
{
color:#000;
text-decoration:underline;
}
.right_box p a:hover
{
color:#000;
text-decoration:none;
}
.right_box img.right_image
{
float:left;
width:100px;
height:100px;
margin:2px;
padding:0;
border:none;
}
.right_box ul.text
{
width:260px;
margin:0;
padding:0;
}
.right_box ul.text li
{
display:block;
list-style-type:none;
width:250px;
height:24px;
margin:0;
padding:0 0 0 10px;
color:#000;
font-size:14px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
border-bottom:1px dotted #282844;
}
.right_box ul.links
{
width:260px;
margin:0;
padding:0;
}
.right_box ul.links li
{
display:block;
list-style-type:none;
width:260px;
line-height:24px;
height:24px;
margin:0;
padding:0;
color:#000;
font-size:14px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
border-top:1px dotted #282844;
}
.right_box ul.links li a
{
display:block;
width:241px;
line-height:24px;
height:24px;
margin:0;
padding:0 0 0 19px;
color:#000;
text-decoration:none;
background:url('check_mark.png') 3px 3px no-repeat;
}
.right_box ul.links li a:hover
{
width:241px;
margin:0;
padding:0 0 0 19px;
color:#fafafa;
text-decoration:none;
border-bottom:1px solid #282844;
background-color:#282844;
background-image:none;
}
#bottom_cols
{
clear:both;
width:900px;
margin:20px auto;
padding:0;
}
#left_col, #center_col, #right_col
{
float:left;
width:290px;
margin:0 5px 0 0;
padding:0;
}
#left_col h1, #center_col h1, #right_col h1
{
color:#fff;
font-size:20px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#left_col p, #center_col p, #right_col p
{
margin:10px 0;
padding:0;
color:#fff;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#left_col p a, #center_col p a, #right_col p a
{
color:#fff;
text-decoration:underline;
}
#left_col p a:hover, #center_col p a:hover, #right_col p a:hover
{
color:#fff;
text-decoration:none;
}
#left_col img, #center_col img, #right_col img
{
float:left;
margin:0;
padding:3px;
border:none;
}
#left_col ul, #center_col ul, #right_col ul
{
margin:15px 0 10px 0;
padding:0;
}
#left_col ul li, #center_col ul li, #right_col ul li
{
line-height:20px;
list-style-type:none;
margin:7px 0;
padding:0 0 0 23px;
color:#fff;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
background:url('blue_check_mark.png') 0 0 no-repeat;
}
#left_col ul li a, #center_col ul li a, #right_col ul li a
{
color:#fff;
text-decoration:underline;
}
#left_col ul li a:hover, #center_col ul li a:hover, #right_col ul li a:hover
{
color:#fff;
text-decoration:none;
}
#footer_wrap
{
width:950px;
margin:15px auto;
padding:0;
}
#footer_left
{
float:left;
width:515px;
margin:0;
padding:0;
}
#footer_left p
{
margin:0 0 5px 5px;
padding:0;
color:#fafafa;
font-size:14px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#footer_left p a
{
color:#fafafa;
text-decoration:underline;
}
#footer_left p a:hover
{
color:#fafafa;
text-decoration:none;
}
#footer_right
{
float:right;
width:400px;
margin:0;
padding:0;
}
#footer_right p
{
text-align:right;
margin:0 5px 5px 0;
padding:0;
color:#fafafa;
font-size:11px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
}
#footer_right p a
{
color:#fafafa;
text-decoration:underline;
}
#footer_right p a:hover
{
color:#fafafa;
text-decoration:none;
}
.clear
{
clear:both;
}










#only_column form, fieldset
{
border: none;
}
#only_column form p{
position: relative;
width: 750px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

#only_column label{
float: left;
margin-left: -140px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-size: 16px;
font-weight: bold;
}
#only_column input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
height: 22px;
border: 1px solid red;
}
#only_column input
{
width: 200px;
height: 22px;
}
#only_column textarea{
width: 250px;
height: 150px;
}
#only_column label.error
{
position: absolute;
left: 550px;
width: 275px;
padding: 0;
vertical-align: top;
font-size: 16px;
font-weight: normal;
color: #cc0000;
}
.gray
{
display: none;
}
#newsletter_topics label.error
{
display: none;
padding-left: 0px;
}