/* 
    Document   : style
    Created on : 15.01.2010, 12:27:01
    Author     : kono
    Description:
        Purpose of the stylesheet follows.
*/

/* 
Reset styles
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code, a,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #7c7c7c;
    padding: 36px 0 36px 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}

/*
Reset styles
*/


/* Block with rounded corners begin */

.roundedCornersBlock {
    width: 100%;
    height: 100%;
    float: left;
}

.roundedCornersBlock div {
    float: left;
    width: 100%;
    height: 100%;
    background: url(../images/horizontal_top_border.png) left top repeat-x;
}

.roundedCornersBlock div div {background: url(../images/horizontal_bottom_border.png) left bottom repeat-x;}
.roundedCornersBlock div div div {background: url(../images/vertical_left_border.png) left top repeat-y;}
.roundedCornersBlock div div div div {background: url(../images/vertical_right_border.png) right top repeat-y;}
.roundedCornersBlock div div div div div {background: url(../images/left_top_corner.png) left top no-repeat;}
.roundedCornersBlock div div div div div div {background: url(../images/right_top_corner.png) right top no-repeat;}
.roundedCornersBlock div div div div div div div {background: url(../images/left_bottom_corner.png) left bottom no-repeat;}
.roundedCornersBlock div div div div div div div div {background: url(../images/right_bottom_corner.png) right bottom no-repeat;}

/*Menu block begin*/

.roundedCornersMenuBlock {
    width: 100%;
    height: 100%;
    float: left;
 }

 .roundedCornersMenuBlock div {
    float: left;
    width: 100%;
    height: 100%;
    background: url(../images/menu_header_bg.png) left top repeat-x;
}

.roundedCornersMenuBlock div div {background: url(../images/horizontal_bottom_border.png) left bottom repeat-x;}
.roundedCornersMenuBlock div div div {background: url(../images/vertical_left_border.png) left top repeat-y;}
.roundedCornersMenuBlock div div div div {background: url(../images/vertical_right_border.png) right top repeat-y;}
.roundedCornersMenuBlock div div div div div {background: url(../images/menu_header_left_side_bg.png) left top no-repeat;}
.roundedCornersMenuBlock div div div div div div {background: url(../images/menu_header_right_side_bg.png) right top no-repeat;}
.roundedCornersMenuBlock div div div div div div div {background: url(../images/left_bottom_corner.png) left bottom no-repeat;}
.roundedCornersMenuBlock div div div div div div div div {background: url(../images/right_bottom_corner.png) right bottom no-repeat;}

/*Menu block end*/

/* Block with rounded corners end */

.templatesHolder {
    float: left;
    padding: 0 0 0 4px;
}

.templatesThumbnails iframe {
    padding: 0;
    margin: 0 0 0 0px;
    float: left;
}

.heading {
    color: #6c931a;
    font-weight: bold;
    font-size: 14px;
}

.center {
    text-align: center;
}

body {
    background: #292929;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 13px 0 13px 20px;
    margin: 0 0 0px 0;
    float: left;
    line-height: 16px;
}

h2,h1,.title {
    color: #6c931a;
    margin: 14px 0 0px 0;
    font-weight: bold;
    font-size: 14px;
    padding: 0px 0 0 26px;
    background: transparent url(../images/title_bg.png) no-repeat left;
    height: 18px;
    line-height: 1.2;
    clear: both;
    margin: 15px 0 20px 0;
}

select,
input {
    border: none;
    font-size: 11px;
 	color: #7c7c7c;
}

p  {
    line-height: 1.2;
    clear: both;
    margin: 0 0 16px 0;
}

#page {
    margin: auto;
    padding: 0;
    width: 995px;
    background: #202020;
    text-align: left;
    clear: both;
}

#header {
    clear: both;
    background: #292929 url(../images/header_bg.jpg) no-repeat top;
    height: 85px;
    border-bottom: 1px solid #717171;
    padding: 0 40px 0 40px;
}

#logo {
    height: 33px;
    margin: 28px 0 0 0px;
    float: left;
}

#logo a {
    cursor: pointer;
    float: left;
}

#logo a#companyName {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 18px;
    color: #b1b5b4;
    font-weight: bold;
    margin: 0 0 0 8px;
    display: inline;
    letter-spacing: 0.01em;
}

#logo a#companyName span {
    visibility: hidden;
}

#mainMenu {
    margin: 35px 0px 0 0;
    float: right;
}

#mainMenu li {
    display: inline;
    line-height: 1.3;
}

#mainMenu a {
    color: #a5c150;
    text-decoration: underline;
}

#mainMenu a:hover {
     text-decoration: none;
}

#mainMenu span {
    color: #b1b5b4;
    margin: 0 8px 0 8px;
}

#subcarrier {
    padding: 16px 20px 0 20px;
    overflow: hidden;
    clear: both;
}

#menuAndBannersHolder {
    width: 211px;
    float: left;
}

#templateTypeMenu {
    width: 100%;
    float: left;
}
#templateTypeMenu ul {
    float: left;
    padding: 1px 2px 5px 2px;
    width: 207px;
    border-top: 1px solid #454545;
}

#templateTypeMenu li {
    height: 35px;
    float: left;
    width: 100%;
}

#templateTypeMenu ul li a {
    color: #b1b5b4;
    text-decoration: none;
    padding: 9px 0 0px 20px;
    font-size: 13px;
    line-height: 1.2;
    height: 26px;
    background: url(../images/template_type_list_bg.png) repeat-x;
    display: block;
}

#templateTypeMenu ul li a:hover {
    background: #333922 url(../images/template_type_list_bg_hover.png) repeat-x;
}

#templateTypeMenu ul li .activeType {
    background: #333922 url(../images/template_type_list_bg_hover.png) repeat-x;
}

#bannersBlock {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

.smallBanner {
    margin: 0 0 10px 0;
    width: 100%;
}

#content {
    width: 524px;
    float: left;
    margin: 0 0 0 18px;
}

#companyDescritpion {
    float: left;
}

#banner {
    margin: 4px 0 20px 0;
    float: left;
    width: 100%;
    text-align: center;
}

/* Search Form Block begin */

#templateSearchForm {
    width: 100%;
    float: left;
}

#templateSearchForm .heading {
    margin: 14px 0 14px 22px;
    float: left;
}

#searchForm label {
    float: left;
    line-height: 14px;
    padding: 2px 0 0 0;
}

#searchForm .formRow {
    float: left;
    width: 100%;
    background: none;
    margin: 0 0 8px 0;
}

#searchForm div {
    background: none;
}

#searchForm .selectBlock {
    float: left;
    width: 224px;
    margin: 0 0 0 22px;
    display: inline;
}

#searchForm .selectBlock select {
    width: 145px;
    float: right;
    height: 17px;
    border: 1px solid #3a3a3a;
    margin: 1px 0 0 0;
    padding: 0 0 0 2px;
    vertical-align: middle;
    background: #202020;
}

#searchForm .inputBlock {
    float: right;
    width: 224px;
    margin: 0 20px 0 0;
    display: inline;
}

#searchForm .inputBlock input {
    float: right;
    height: 14px;
    line-height: 14px;
    border: 1px solid #3a3a3a;
    padding: 1px 2px;
    background: #202020;
}

#searchForm .inputBlock #keywordInput {
    width: 155px;
}

#searchForm .inputBlock #lowPriceBlock {
    width: 125px;
    float: left;
}

#searchForm .inputBlock #highPriceBlock {
    width: 88px;
    float: right;
}

#searchForm .inputBlock #highPriceInput,
#searchForm .inputBlock #lowPriceInput {
    width: 56px;
}

#searchForm #searchButton {
    height: 16px;
    padding: 0;
    border: none;
}

#searchForm .lastRow {
    padding: 0 0 20px 0;
}

/* Search Form Block end */

.templatesThumbnails {
    float: left;
    width: 100%
}

#templatesDescription {
    float: left;
    margin: 0 0 0px 0;
}

#bottomBannerBlock {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
}

#bottomBannerBlock #leftBanner {
    float: left;
}

#bottomBannerBlock #rightBanner {
    float: right;
}

#templateCategoryMenu {
    width: 184px;
    float: right;
}

#templateCategoryMenu ul {
    float: left;
    width: 160px;
    padding: 15px 2px 0px 19px;
    border-top: 1px solid #454545;
}

#templateCategoryMenu li {
    background: url(../images/template_category_list_bg.png) no-repeat 0 5px;
    padding: 0 0 0 13px;
    margin: 0;
    line-height: 1.3;
    list-style: none;
}

#templateCategoryMenu a {
    color: #b1b5b4;
    text-decoration: none;
}

#templateCategoryMenu ul li a:hover {
    text-decoration: underline;
    color: #6c931a;
}

#templateCategoryMenu .activeCategory {
    text-decoration: underline;
    color: #6c931a;
}

#viewAllProductsButton {
    height: 30px;
    margin: 21px 0 0 19px;
    padding: 0 0 20px 0;
    float: left;
    cursor: pointer;
    background: url(../images/left_side_button_bg.png) top left no-repeat;
    display: inline-block;
}

#viewAllProductsButton span {
    display: inline-block;
    background: url(../images/right_side_button_bg.png) top right no-repeat;
    padding: 0 8px 0 8px;
}

#viewAllProductsButton span span {
    background: url(../images/button_bg.png) top repeat-x;
    display: inline-block;
    padding: 9px 12px 0 12px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}


#viewAllProductsButton:hover,
#viewAllProductsButton:active {
    text-decoration: none;
}


#footer {
    margin: 25px 0 0 0;
    padding: 0px 20px 10px 20px;
    height: auto;
    text-align: center;
    line-height: 2;
    background: transparent url(../images/footer_bg.png) no-repeat bottom center;
    clear: both;
    overflow: hidden;
}

#footer span {
    margin: 0 10px 0 11px;
}

#footer ul {
    margin: 0 0 5px 0;
}

#footer ul#footerMenu {
    margin-bottom: 0;
    visibility: hidden;
}

#footer li {
    display: inline;
    margin: 0 0 0 0;
}

#footer a {
    color: #6c931a;
}

#footer a:hover {
    text-decoration: none;
}

#footer p {
    text-align: center;
    
    clear: both;
    float: none;
}

/* Search HTML CSS Begin*/

#search #bottomBannerBlock {
    margin: 0 0 0 0;
}

#templatesSearchResultBlock {
    float: left;
    width: 100%
}

#templatesSearchResultBlock h2 {
    margin: 15px 0 0 0;
}

#templatesSearchResult {
    padding: 0 0 0 4px;
}

/* Search HTML CSS End*/

/* Contacts HTML CSS Begin */

#contactUsBlock br {
    line-height:0;
}
#contactUsBlock .title {
    width:auto;
    clear:both;
    padding:0;
    margin:10px 0 10px 0;
    background:none;
    float:none;
    text-transform:capitalize;
}
#contactUsBlock a:hover {
    text-decoration:none;
}
#contactUsBlock .contentBlock {
    padding:10px 20px 20px 20px;
    background:none;
    width:auto;
    line-height:1.2;
}
#contactUsBlock .contentBlock div {
    background:none;
    float:none;
}
#contactUsBlock .contentBlock h3 {
    margin:5px 0 5px;
    color:#898989;
    font-weight:bold;
    font-size:11px;
    padding:0;
}
#contactUsBlock .contentBlock p{
    padding: 0 0 0 15px;
    margin: 5px 0;
}
#termsOfUseBlock .contentBlock dt {
    font-weight:bold;
}
#termsOfUseBlock .contentBlock dt,
#termsOfUseBlock .contentBlock dd{
    margin:5px 0 5px 15px;
}

/* Contacts HTML CSS End */

/* Policy HTML CSS Begin */

#privacyPolicyBlock h1 {
    margin: 16px 0 16px 20px;
    background: none;
    padding: 0;
}

#privacyPolicyBlock h4 {
    font-weight: bold;
    margin: 20px 20px 10px 20px;
}

#privacyPolicyBlock p {
    margin: 0px 20px 10px 20px;
    line-height: 1.2;
}

#privacyPolicyBlock ul {
    margin: 5px 20px 10px 20px;
    padding: 0 0 0 20px;
    list-style-type: square;
}

#privacyPolicyBlock li {
    line-height: 1.2;
    padding: 0 0 0 10px;
}

#privacyPolicyBlock p.lastParagraph {
    margin-bottom: 20px;
}

/* Policy HTML CSS End */

/* FAQ page Begin */
#faqBlock a {
    color: #6c931a;
    text-decoration:underline;
}
#faqBlock a:hover {
    text-decoration:none;
}
#faqBlock .title{
    width:auto;
    clear:both;
    padding:0;
    margin:10px 0 10px 0;
    background:none;
    float:none;
}
#faqBlock .contentBlock {
    padding:10px 20px;
    background:none;
    width:auto;
    line-height:1.2;
}
#faqBlock .contentBlock div {
    background:none;
    float:none;
}
#faqBlock .contentBlock h4 {
    margin:15px 0 7px;
    font-weight:bold;
}
#faqBlock .contentBlock ul,
#faqBlock .contentBlock p {
    padding: 0 0 0 15px;
    margin: 5px 0;
}
#faqBlock .contentBlock li {
    list-style:square;
    margin:5px 0 5px 15px;
}

/* FAQ page End */

/* Terms of Use page Begin */

#termsOfUseBlock .title {
    width:auto;
    clear:both;
    padding:0;
    margin:10px 0 10px 0;
    background:none;
    float:none;
}
#termsOfUseBlock .contentBlock {
    padding:10px 20px 20px 20px;
    background:none;
    width:auto;
    line-height:1.2;
}
#termsOfUseBlock .contentBlock div {
    background:none;
    float:none;
}
#termsOfUseBlock .contentBlock h4 {
    margin:15px 0 7px;
    font-weight:bold;
}
#termsOfUseBlock .contentBlock ul,
#termsOfUseBlock .contentBlock p,
#termsOfUseBlock dl {
    padding: 0 0 0 15px;
    margin: 5px 0;
}
#termsOfUseBlock .contentBlock dt {
    font-weight:bold;
}
#termsOfUseBlock .contentBlock dt,
#termsOfUseBlock .contentBlock dd{
    margin:5px 0 5px 15px;
}

/* Terms of Use page End */

#affiliateProgramBlock a {
    color: #6c931a;
}

/* Affiliate page Begin */

#affiliateProgramBlock p {
    margin: 0 20px 0 20px;
}

#affiliateProgramBlock h1 {
    margin: 16px 0 16px 20px;
    background: none;
    padding: 0;
}

#affiliateProgramBlock dt {
    margin: 25px 20px 10px 20px;
    line-height: 1.2;
    font-size: 13px;
    font-weight: bold;
}

#affiliateProgramBlock dd {
    margin: 0px 20px 10px 20px;
    line-height: 1.2;
}

#affiliateProgramBlock ul {
    margin: 0px 20px 0px 20px;
    padding: 0 0 0 20px;
    list-style-type: square;
}

#affiliateProgramBlock li {
    line-height: 1.2;
    padding: 0 0 0 10px;
}

/* Affiliate form begin */

#formHolder {
    padding: 10px 20px 20px 20px;
    background: none;
    width: auto;
}

#formHolder .formRow {
    padding: 0 0 0 50px;
    background: none;
    width: auto;
    float: left;
    margin: 10px 0 0 0;
}

#affiliateForm label {
    width: 160px;
    float: left;
    line-height: 17px;
}

#affiliateForm select {
    float: left;
    height: 17px;
    border: 1px solid #3a3a3a;
    background: #202020;
}

#affiliateForm #squestionSelect {
    width: 222px;
}

#affiliateForm input {
    width: 216px;
    height: 14px;
    padding: 1px 2px;
    float: left;
    border: 1px solid #3a3a3a;
    background: #202020;
}

#affiliateForm #birthdaySelect {
    width: 111px;
    margin: 1px 13px 0 0;
}

#affiliateForm #birthdayDayInput {
    margin: 0 15px 0 0;
}

#affiliateForm #birthdayDayInput,
#affiliateForm #birthdayYearInput {
    width: 35px;
}

#affiliateForm #submitInput {
    background: none;
    width: 73px;
    height: 16px;
    margin: 0 0 0 160px;
    padding: 0;
    border: none;
}

/* Affiliate form end */

/* FAQ, Affiliate Program HTML CSS End */

/* Clipart html css begin*/

#clipart #content {
    margin: 0 0 0 10px;
    width: 540px;
}

#clipart h1 {
    margin: 16px 0 16px 20px;
    background: none;
    padding: 0;
}

#clipart iframe {
    margin: 0 0 20px 2px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    float: left;
}

/* Clipart html css end*/

/* Sample Templates html css begin*/

#samples #content {
    margin: 0 0 0 20px;
    width: 521px;
}

#samples h1 {
    margin: 16px 0 16px 20px;
    background: none;
    padding: 0;
}

#samples iframe {
    margin: 0 0 20px 2px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    float: left;
}

/* Sample Templates html css end*/